diff --git a/project/.htaccess b/project/.htaccess
index e84c0e2..4b137e4 100755
--- a/project/.htaccess
+++ b/project/.htaccess
@@ -36,26 +36,26 @@ Options All -Indexes
 
 # lorsque qu'une url va correspondre a un fichier finissant par .php ou .html on interdit l'acces (retourne une erreur 403 (ensuite geré par notre ligne plus haut))
 <FilesMatch ".*\.(php|html)$">
-    # Order Allow,Deny
-    # Deny from all
+    Order Allow,Deny
+    Deny from all
 
-    Require all denied
+   # Require all denied
 </FilesMatch>
 
 # on donne l'autorisation d'acceder au fichier handler.php (sinon le site ne sera pas foncitonnel)
 <FilesMatch "handler.php">
-    # Order Allow,Deny
-    # Allow from all
+    Order Allow,Deny
+    Allow from all
 
-    Require all granted
+   # Require all granted
 </FilesMatch>
 
 # on donne acces au fichiers webmanifest et svg
 <FilesMatch ".*\.(webmanifest|svg)$">
-    # Order Allow,Deny
-    # Allow from all
+    Order Allow,Deny
+    Allow from all
 
-    Require all granted
+    # Require all granted
 </FilesMatch>
 
 # si le serveur apache a le module mod_deflate.c
diff --git a/project/assets/css/style.css b/project/assets/css/style.css
index 4cef3a1..31353c8 100755
--- a/project/assets/css/style.css
+++ b/project/assets/css/style.css
@@ -289,16 +289,17 @@ input {outline: none}
 /* -----------------------------------------------------
  * 						Posts
  * ----------------------------------------------------- */
-
  .bloc-post{
 	width: 69%;
-	height: 500px;
 	margin-top: 70px;
-	background-color: white;
+	box-shadow: 1px 1px 30px 1px lightgrey;
 	background-position: center;
 	background-size: cover;
-	box-shadow: 1px 1px 30px 1px lightgrey;
 	display: inline-block;
+ }
+ .container-post{
+	/* height: 500px; */
+	background-color: white;
 	padding: 45px;
 }
 
@@ -319,6 +320,8 @@ input {outline: none}
 }
 .credit{
 	background-color: #110230;
+	color:white;
+	padding: 45px;
 }
 
 .fullFooter{
diff --git a/project/assets/html/includes/footer.html b/project/assets/html/includes/footer.html
index 612f1c1..2e9414e 100755
--- a/project/assets/html/includes/footer.html
+++ b/project/assets/html/includes/footer.html
@@ -8,7 +8,7 @@
                             <li class="iconOnFooter"><a><tag type="svg" file="facebook" style="color: white; width: 18px; height: 18px"/></a></li>
                             <li class="iconOnFooter"><a><tag type="svg" file="twitter" style="color: white; width: 18px; height: 18px"/></a></li>
                         </ul>
-                        <p class="phraseFooter">Suivez-nous sur les réxseaux</p>
+                        <p class="phraseFooter">Suivez-nous sur les réseaux</p>
                     </div>
                     <div class="lowFooter">
                         <ul>
diff --git a/project/assets/html/post.html b/project/assets/html/post.html
index bb65061..f5009b0 100755
--- a/project/assets/html/post.html
+++ b/project/assets/html/post.html
@@ -8,16 +8,16 @@
 		</header>
 		<main class="test container">
             <div class="bloc-post">
-				<div class="post ops">
-						<h2 class="title">Mettre en place un serveur web sous linux</h2>
-						<div class="etiquettes">
-							<span class="cat">
-								OPS
-							</span>
-							<span class="date">
-									26-06-2018
-							</span>
-						</div>
+				<div class="container-post post ops">
+					<h2 class="title">Mettre en place un serveur web sous linux</h2>
+					<div class="etiquettes">
+						<span class="cat">
+							OPS
+						</span>
+						<span class="date">
+							26-06-2018
+						</span>
+					</div>
 						<p class="post text">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
 							et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
 							post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
@@ -27,10 +27,10 @@
 							et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
 							post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
 						</p>
-					</div>
-					<div class="credit">
+				</div>
+				<div class="credit">
 						<h3>Auteur</h3>
-					</div>
+				</div>
             </div>
 
             <div class="bloc-filter">
diff --git a/project/assets/img/avatar.svg b/project/assets/img/avatar.svg
new file mode 100644
index 0000000..f6f4cd4
--- /dev/null
+++ b/project/assets/img/avatar.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 107.4 106.4" style="enable-background:new 0 0 107.4 106.4;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:none;stroke:#FFFFFF;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<path class="st0" d="M63.2,72.2C63.2,72.2,63.2,72.2,63.2,72.2C63.2,72.2,63.3,72.2,63.2,72.2c5.2-3.6,9-9.6,9-14.3V36.1
+	c0,0,0.6-18.2-17.6-18.2S36.9,36.1,36.9,36.1v21.8c0,4.7,3.9,10.7,9,14.3c0,0,0.1,0,0.1,0c0,0,0,0,0,0c-0.4,2.3-1.7,5.7-6.1,7.6
+	c-4.6,2.1-14.4,6.6-20.5,12.6c9.1,7.9,21.1,12.7,34.2,12.7c13.5,0,25.9-5.1,35.1-13.5c-6.1-5.6-15.2-9.8-19.6-11.7
+	C64.9,77.9,63.6,74.5,63.2,72.2"/>
+<path class="st1" d="M63.2,72.2C63.2,72.2,63.2,72.2,63.2,72.2C63.2,72.2,63.3,72.2,63.2,72.2c5.2-3.6,9-9.6,9-14.3V36.1
+	c0,0,0.6-18.2-17.6-18.2S36.9,36.1,36.9,36.1v21.8c0,4.7,3.9,10.7,9,14.3c0,0,0.1,0,0.1,0c0,0,0,0,0,0c-0.4,2.3-1.7,5.7-6.1,7.6
+	c-4.6,2.1-14.4,6.6-20.5,12.6c9.1,7.9,21.1,12.7,34.2,12.7c13.5,0,25.9-5.1,35.1-13.5c-6.1-5.6-15.2-9.8-19.6-11.7
+	C64.9,77.9,63.6,74.5,63.2,72.2z"/>
+<path class="st1" d="M53.7,2C25.3,2,2.2,25.1,2.2,53.7c0,15.6,6.9,29.5,17.7,39c6-6,15.7-10.5,20.3-12.6c4.3-1.9,5.4-5.3,5.8-7.6
+	c-5.1-3.6-8.9-9.6-8.9-14.3V36.4c0,0-0.6-18.1,17.5-18.1C72.6,18.3,72,36.4,72,36.4v21.8c0,4.7-3.7,10.7-8.8,14.3
+	c0.4,2.3,1.7,5.7,6,7.6c4.4,2,13.4,6.2,19.4,11.7c10.3-9.5,16.8-23.1,16.8-38.2C105.3,25.1,82.2,2,53.7,2z"/>
+</svg>
diff --git a/project/assets/php/functions.php b/project/assets/php/functions.php
index e7f0a4d..3a0c409 100755
--- a/project/assets/php/functions.php
+++ b/project/assets/php/functions.php
@@ -13,8 +13,8 @@ function endsWith($haystack, $needle) {
 function connect() {
     $host = "127.0.0.1";
     $db = "blog";
-    $user = "username";
-    $pass = "motdepasse";
+    $user = "root";
+    $pass = "root";
     $charset="utf8mb4";
     
     $dsn = "mysql:host=$host;dbname=$db;charset=$charset";
diff --git a/project/index.php b/project/index.php
new file mode 100644
index 0000000..37dd6d4
--- /dev/null
+++ b/project/index.php
@@ -0,0 +1,16 @@
+<?php
+error_reporting(E_ALL);
+ini_set('display_errors', 1);
+
+require_once "assets/php/functions.php";
+
+$host = "127.0.0.1";
+$db = "blog";
+$user = "root";
+$pass = "root";
+$charset="utf8mb4";
+
+$dsn = "mysql:host=$host;dbname=$db;charset=$charset";
+$pdo = new PDO($dsn, $user, $pass, array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
+echo "pokemon";
+?>
\ No newline at end of file