bachir
/
lamine_wp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<style>
		html, body{
			color: #223;
			font-size: 21pt;
			margin: 0; padding: 0;
		}
		nav{
			font-size: 21pt;
			line-height: 1.5em;
			position: fixed;
			bottom: 0; left: 0;
		}
		nav a{ color: inherit; }

		.col{
			text-align: center;
			width: 50%;
			float: left;
			box-sizing: border-box;
		}

		h4{ text-align: center;}

		.container{
			outline: 1px solid #eed;
			font-size: 42pt;
			padding: 37.5vh 12.5vw;
		}
		.block{
			background: #223;
			color: #eed;
			line-height: 25vh;
			text-align: right;
			padding: 0 42pt;
			position: relative;
		}
		span{
			background: #eed;
			color: #223;
			line-height: 25vh;
			text-align: left;
			padding: 0 42pt;
			display: block;
			width: 50%;
			position: absolute;
			top: 0; left: 0;
			box-sizing: border-box;
		}
	</style>
</head>
<body>
	<section>
		<div class="col">
<div id="21" class="container"><div class="block">#1<span class="rellax" data-rellax-percentage="0.5" style="background:#b02; color:#fff;">#1</span></div></div>
<div id="22" class="container"><div class="block">#2<span class="rellax" data-rellax-percentage="0.5">#2</span></div></div>
<div id="23" class="container"><div class="block">#3<span class="rellax" data-rellax-percentage="0.5">#3</span></div></div>
<div id="24" class="container"><div class="block">#4<span class="rellax" data-rellax-percentage="0.5">#4</span></div></div>
<div id="25" class="container"><div class="block">#5<span class="rellax" data-rellax-percentage="0.5">#5</span></div></div>
<div id="26" class="container"><div class="block">#6<span class="rellax" data-rellax-percentage="0.5" style="background:#b02; color:#fff;">#6</span></div></div>
		</div>
		<div class="col">
			<div id="21" class="container"><div class="block">#1<span class="rellax" style="background:#b02; color:#fff;">#1</span></div></div>
			<div id="22" class="container"><div class="block">#2<span class="rellax">#2</span></div></div>
			<div id="23" class="container"><div class="block">#3<span class="rellax">#3</span></div></div>
			<div id="24" class="container"><div class="block">#4<span class="rellax" style="background:#b02; color:#fff;">#4</span></div></div>
			<div id="25" class="container"><div class="block">#5<span class="rellax">#5</span></div></div>
			<div id="26" class="container"><div class="block">#6<span class="rellax">#6</span></div></div>
		</div>
	</section>

	<!-- Scripts -->
	<script src="../rellax.js"></script>
	<script>
		var rellax = new Rellax();
	</script>
</body>
</html>