diff --git a/Website/Media/moon.png b/Website/Media/moon.png
new file mode 100644
index 0000000..517bc70
Binary files /dev/null and b/Website/Media/moon.png differ
diff --git a/Website/Media/rocket.png b/Website/Media/rocket.png
new file mode 100644
index 0000000..17daa23
Binary files /dev/null and b/Website/Media/rocket.png differ
diff --git a/Website/index.php b/Website/index.php
index 52b5bb1..0c28d0a 100755
--- a/Website/index.php
+++ b/Website/index.php
@@ -12,4 +12,4 @@ Autoload::charger();
 $controller = new FrontController();
 */
 //require_once("vues/Acceuil.php");
-require_once("vues/Course.php");
+require_once("vues/Ajout.php");
\ No newline at end of file
diff --git a/Website/vues/Ajout.php b/Website/vues/Ajout.php
new file mode 100644
index 0000000..b0f1706
--- /dev/null
+++ b/Website/vues/Ajout.php
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="fr">
+<html>
+
+<head>
+    <meta charset=utf-8>
+    <title>Math'Educ</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+    <style>
+        @font-face {
+            font-family: 'MenuFont';
+            src: url('Media/mathEducFont.ttf') format('truetype');
+        }
+
+        * {
+            font-family: 'MenuFont';
+        }
+    </style>
+</head>
+
+<body style="background-image: url('Media/background.jpg'); background-size:cover;">
+    <div class="d-flex flex-column align-items-center justify-content-center" style="height:85vh">
+        <form action="traitementAjout.php" method="post">
+            <div class=" container text-center d-flex flex-column align-items-center text-center flex-grow fs-2">
+                <label for="question">Question:</label>
+                <textarea id="question" name="question" rows="4" cols="50"></textarea>
+                <div class="container text-center d-flex flex-row align-items-center text-center flex-grow">
+                    <div class="container text-center d-flex flex-column align-items-center text-center flex-grow">
+                        <label for="reponse1">Réponse 1:</label>
+                        <textarea id="reponse1" name="reponse1" rows="1" cols="50"></textarea>
+                    </div>
+                    <div class="container text-center d-flex flex-column align-items-center text-center flex-grow">
+                        <label for="reponse2">Réponse 2:</label>
+                        <textarea id="reponse2" name="reponse2" rows="1" cols="50"></textarea>
+                    </div>
+                </div>
+                <div class="container text-center d-flex flex-row align-items-center text-center flex-grow">
+                    <div class="container text-center d-flex flex-column align-items-center text-center flex-grow">
+                        <label for="reponse3">Réponse 3:</label>
+                        <textarea id="reponse3" name="reponse3" rows="1" cols="50"></textarea>
+                    </div>
+                    <div class="container text-center d-flex flex-column align-items-center text-center flex-grow">
+                        <label for="reponse4">Réponse 4:</label>
+                        <textarea id="reponse4" name="reponse4" rows="1" cols="50"></textarea>
+                    </div>
+                </div>
+                <input class="m-5" type="submit" value="ajouter" style="background-color:green;">
+            </div>
+        </form>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Website/vues/Course.php b/Website/vues/Course.php
index 295d0ad..c2b8902 100644
--- a/Website/vues/Course.php
+++ b/Website/vues/Course.php
@@ -5,7 +5,8 @@
 <head>
     <meta charset=utf-8>
     <title>Math'Educ</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
     <style>
         @font-face {
             font-family: 'MenuFont';
@@ -19,12 +20,15 @@
 </head>
 
 <body style="background-image: url('Media/background.jpg'); background-size:cover;">
-    <div class="d-flex flex-column-reverse align-items-center justify-content-between" style="height:95vh">
-        <div class="d-flex flex-row align-items-center justify-content-between" style="height:95vh">
-
-            <button style="background-color:red;">Test</button>
-            <button style="background-color:red;">Test</button><button style="background-color:red;">Test</button>
-        </div>
+    <div class="d-flex flex-row justify-content-around align-items-end" style="height:95vh">
+        <img src="Media/moon.png" class="position-absolute" style="top:0%; height:15vh;">
+        <img src="Media/rocket.png" style="width:6%;">
+        <img src="Media/rocket.png" style="width:6%;">
+        <img src="Media/rocket.png" style="width:6%;">
+        <img src="Media/rocket.png" style="width:6%;">
+        <img src="Media/rocket.png" style="width:6%;">
+        <img src="Media/rocket.png" style="width:6%;">
+    </div>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/Website/vues/Previsualisation.php b/Website/vues/Previsualisation.php
new file mode 100644
index 0000000..c504b81
--- /dev/null
+++ b/Website/vues/Previsualisation.php
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="fr">
+<html>
+
+<head>
+    <meta charset=utf-8>
+    <title>Math'Educ</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+    <style>
+        @font-face {
+            font-family: 'MenuFont';
+            src: url('Media/mathEducFont.ttf') format('truetype');
+        }
+
+        * {
+            font-family: 'MenuFont';
+        }
+    </style>
+</head>
+
+<body style="background-image: url('Media/background.jpg'); background-size:cover;">
+    <div class="d-flex flex-column align-items-center justify-content-center" style="height:85vh">
+        <div style="width:90vw; height:30vh; margin-top:50px;"
+            class="text-center d-flex align-items-center text-center text-white border border-white rounded">
+            <p class="sm-fs-5 mx-auto m-5">
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident fuga cum soluta iure libero! Ullam,
+                expedita excepturi! Odio distinctio quos quasi commodi libero ratione corrupti, unde iste explicabo
+                suscipit consequatur ipsum! Id beatae corrupti ipsa totam deserunt, vel tenetur, iusto quaerat
+                asperiores veritatis quidem! Vel dolorem recusandae necessitatibus ullam laborum!
+                <?php /* Query to bd d'une question aléatoire */?>
+            </p>
+        </div>
+        <div class="container text-center d-flex flex-column align-items-center text-center flex-grow">
+            <div class="container text-center d-flex flex-row align-items-center text-center flex-grow">
+                <button href="vues/Solo.php"
+                    class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center"
+                    style="background-color:blue;text-decoration: none;color: black; height:20vh;">
+                    <div class="container text-center d-flex align-items-center text-center">
+                        <p class="mx-auto fs-5">
+                            Lorem, ipsum.
+                            <?php /* Query to bd d'une question aléatoire */?>
+                        </p>
+                    </div>
+                </button>
+                <button href="vues/Multijoueur.php"
+                    class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center"
+                    style="background-color:green;text-decoration: none;color: black;height:20vh;">
+                    <div class="container text-center d-flex align-items-center text-center">
+                        <p class="mx-auto fs-5">
+                            Lorem, ipsum.
+                            <?php /* Query to bd d'une question aléatoire */?>
+                        </p>
+                    </div>
+                </button>
+            </div>
+            <div class="container text-center d-flex flex-row align-items-center text-center flex-grow">
+                <button href="vues/AddQuestions.php"
+                    class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center"
+                    style="background-color:red;text-decoration: none;color: black;height:20vh;">
+                    <div class="container text-center d-flex align-items-center text-center">
+                        <p class="mx-auto fs-5">
+                            e^5
+                            <?php /* Query to bd d'une question aléatoire */?>
+                        </p>
+                    </div>
+                </button>
+                <button href="vues/AddQuestions.php"
+                    class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center"
+                    style="background-color:orange;text-decoration: none;color: black;height:20vh;">
+                    <div class="container text-center d-flex align-items-center text-center">
+                        <p class="mx-auto fs-5">
+                            Lorem, ipsum.
+                            <?php /* Query to bd d'une question aléatoire */?>
+                        </p>
+                    </div>
+                </button>
+            </div>
+
+        </div>
+
+    </div>
+    <div class="d-flex justify-content-center fs-3" style="height:10vh;">
+        <button style="width:10vw;background-color:red;">annuler</button>
+
+        <button style="width:10vw;background-color:green;">Valider</button>
+    </div>
+</body>
\ No newline at end of file
