diff --git a/article.php b/article.php
index 63b43e0..79cf403 100644
--- a/article.php
+++ b/article.php
@@ -1,3 +1,52 @@
+<?php
+
+$article = array(
+    'titre' => 'Mon article 1',
+    'date' => '09/03/2017',
+    'contenu' => '<p>
+                Animi fuga iste odit veritatis harum facere eos. Animi consequuntur asperiores numquam. Beatae sit blanditiis reiciendis beatae aperiam eos asperiores qui.
+                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
+            </p>
+
+            <p>
+                Assumenda consequatur et earum autem. Ullam qui suscipit a commodi unde quam non nobis. Quia quia atque provident eaque omnis. Sunt at et non non.
+                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
+            </p>
+
+            <p>
+                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
+            </p>',
+);
+
+$article2 = array(
+    'titre' => 'Mon article 2',
+    'date' => '05/03/2017',
+    'contenu' => '<p>
+                Animi fuga iste odit veritatis harum facere eos. Animi consequuntur asperiores numquam. Beatae sit blanditiis reiciendis beatae aperiam eos asperiores qui.
+                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
+            </p>',
+);
+
+$article3 = array(
+    'titre' => 'Mon article 3',
+    'date' => '25/02/2017',
+    'contenu' => '<p>
+                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
+
+                Animi fuga iste odit veritatis harum facere eos. Animi consequuntur asperiores numquam. Beatae sit blanditiis reiciendis beatae aperiam eos asperiores qui.
+            </p>',
+);
+
+$articles = array(
+    $article,
+    $article2,
+    $article3,
+);
+
+$articleAAfficher = $_GET['article'];
+$article = $articles[$articleAAfficher];
+
+?>
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -15,26 +64,19 @@
     <section>
         <article>
             <header>
-                <h2>Mon article 1</h2>
+                <h2>
+                    <?php
+                        echo $article['titre'];
+                    ?>
+                </h2>
             </header>
 
             <div class="date">
-                Publié le 09/03/2017
+                Publié le
+                <?php echo $article['date']; ?>
             </div>
-
-            <p>
-                Animi fuga iste odit veritatis harum facere eos. Animi consequuntur asperiores numquam. Beatae sit blanditiis reiciendis beatae aperiam eos asperiores qui.
-                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
-            </p>
-
-            <p>
-                Assumenda consequatur et earum autem. Ullam qui suscipit a commodi unde quam non nobis. Quia quia atque provident eaque omnis. Sunt at et non non.
-                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
-            </p>
-
-            <p>
-                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
-            </p>
+                
+            <?php echo $article['contenu']; ?>
         </article>
     </section>
 
diff --git a/index.php b/index.php
index 9f0fa85..e5a729d 100644
--- a/index.php
+++ b/index.php
@@ -1,3 +1,49 @@
+<?php
+
+$article = array(
+    'titre' => 'Mon article 1',
+    'date' => '09/03/2017',
+    'contenu' => '<p>
+                Animi fuga iste odit veritatis harum facere eos. Animi consequuntur asperiores numquam. Beatae sit blanditiis reiciendis beatae aperiam eos asperiores qui.
+                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
+            </p>
+
+            <p>
+                Assumenda consequatur et earum autem. Ullam qui suscipit a commodi unde quam non nobis. Quia quia atque provident eaque omnis. Sunt at et non non.
+                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
+            </p>
+
+            <p>
+                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
+            </p>',
+);
+
+$article2 = array(
+    'titre' => 'Mon article 2',
+    'date' => '05/03/2017',
+    'contenu' => '<p>
+                Animi fuga iste odit veritatis harum facere eos. Animi consequuntur asperiores numquam. Beatae sit blanditiis reiciendis beatae aperiam eos asperiores qui.
+                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
+            </p>',
+);
+
+$article3 = array(
+    'titre' => 'Mon article 3',
+    'date' => '25/02/2017',
+    'contenu' => '<p>
+                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
+
+                Animi fuga iste odit veritatis harum facere eos. Animi consequuntur asperiores numquam. Beatae sit blanditiis reiciendis beatae aperiam eos asperiores qui.
+            </p>',
+);
+
+$articles = array(
+    $article,
+    $article2,
+    $article3,
+);
+
+?>
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -6,84 +52,32 @@
     <title></title>
 </head>
 <body>
-    
+
 <div id="page">
     <header id="page-header">
         <h1>Mon super blog</h1>
     </header>
 
     <section>
-        <article>
-            <header>
-                <h2>Mon article 1</h2>
-            </header>
+        <?php
+            foreach ($articles as $monArticle) {
+                $titre = $monArticle['titre'];
+                $date = $monArticle['date'];
+                $contenu = $monArticle['contenu'];
 
-            <div class="date">
-                Publié le 09/03/2017
-            </div>
+                echo '<article>';
+                    echo '<header>';
+                        echo '<h2>'.$titre.'</h2>';
+                    echo '</header>';
 
-            <p>
-                Animi fuga iste odit veritatis harum facere eos. Animi consequuntur asperiores numquam. Beatae sit blanditiis reiciendis beatae aperiam eos asperiores qui.
-                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
-            </p>
+                    echo '<div class="date">';
+                        echo 'Publie le '.$date;
+                    echo '</div>';
 
-            <p>
-                Assumenda consequatur et earum autem. Ullam qui suscipit a commodi unde quam non nobis. Quia quia atque provident eaque omnis. Sunt at et non non.
-                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
-            </p>
-
-            <p>
-                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
-            </p>
-        </article>
-        
-        <article>
-            <header>
-                <h2>Mon article 2</h2>
-            </header>
-
-            <div class="date">
-                Publié le 09/03/2017
-            </div>
-
-            <p>
-                Animi fuga iste odit veritatis harum facere eos. Animi consequuntur asperiores numquam. Beatae sit blanditiis reiciendis beatae aperiam eos asperiores qui.
-                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
-            </p>
-
-            <p>
-                Assumenda consequatur et earum autem. Ullam qui suscipit a commodi unde quam non nobis. Quia quia atque provident eaque omnis. Sunt at et non non.
-                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
-            </p>
-
-            <p>
-                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
-            </p>
-        </article>
-        
-        <article>
-            <header>
-                <h2>Mon article 3</h2>
-            </header>
-
-            <div class="date">
-                Publié le 09/03/2017
-            </div>
-
-            <p>
-                Animi fuga iste odit veritatis harum facere eos. Animi consequuntur asperiores numquam. Beatae sit blanditiis reiciendis beatae aperiam eos asperiores qui.
-                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
-            </p>
-
-            <p>
-                Assumenda consequatur et earum autem. Ullam qui suscipit a commodi unde quam non nobis. Quia quia atque provident eaque omnis. Sunt at et non non.
-                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
-            </p>
-
-            <p>
-                Natus laborum beatae et. Facilis voluptatibus et alias ut quas. Unde illum eos sit.
-            </p>
-        </article>
+                    echo $contenu;
+                echo '</article>';
+            }
+        ?>
     </section>
 
     <footer>
