blog.php

<!-- Begin Head Image -->
<div class="head-image"> <img src="images/blog.jpg" alt="" />
	<div class="page-title">
		<h1>Play Open Source game with me</h1>
	</div>
</div>
<!-- End Head Image --> 

<!-- Begin Wrapper -->
<div class="wrapper">
	<div class="intro uppercase center">J'ai voulu, dans cette partie du site, partager mon expérience de développeur en écrivant quelques tutos. Les sources des articles développés ci-après sont à disposition.</div>

	<!-- Begin Container -->
	<div class="container">
		<div id="portfolio">
			<ul class="filter">
				<li><a class="active" href="?p=blog#" data-filter="*">Tous</a></li>
				<li><a href="?p=blog#" data-filter=".ci">CodeIgniter</a></li>
				<li><a href="?p=blog#" data-filter=".js">Javascript</a></li>
				<li><a href="?p=blog#" data-filter=".html5">Html 5</a></li>
			</ul>
			<ul class="items isotope" style="position: relative; overflow: hidden; height: 744px; ">
				<li class="item ci isotope-item" rel="0" style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 0px, 0px); ">
					<a href="?p=blog">
						<span class="more"></span> 
						<img src="./blog/post1.png" alt="">
					</a>
				</li>
				<li class="item js isotope-item" rel="0" style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 0px, 0px); ">
					<a href="?p=blog">
						<span class="more"></span> 
						<img src="./blog/post2.png" alt="">
					</a> 
				</li>
				<li class="item html5 isotope-item" rel="0" style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 0px, 0px); ">
					<a href="?p=blog">
						<span class="more"></span> 
						<img src="./blog/post3.png" alt="">
					</a> 
				</li>
			</ul>
		</div>
		<!-- End Portfolio --> 

	</div>
	<!-- End Container --> 
</div>
<!-- End Wrapper -->