diff --git a/public/dates.html b/public/dates.html
new file mode 100644
index 00000000..e5e7e3e5
--- /dev/null
+++ b/public/dates.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="fr">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="referrer" content="same-origin">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+  <title>Framadate</title>
+
+  <meta name="description" content=" ">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <link crossorigin="anonymous" rel="stylesheet" href="https://rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap-reboot.css">
+  <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+  <section>
+    <em>Ici un calendier</em>
+  </section>
+
+  <section>
+    <p>Je /VEUX/NE VEUX PAS/ ajouter des horaires /IDENTIQUES/DIFFÉRENTS/ pour chaque jour</p>
+  </section>
+
+  <section>
+    <h1>Mes dates</h1>
+  </section>
+
+  <nav>
+    <a href="recapitulatif.html" class="btn">Continuer</a>
+  </nav>
+</body>
+</html>
+
+
diff --git a/public/notifications.html b/public/notifications.html
new file mode 100644
index 00000000..9c1fa954
--- /dev/null
+++ b/public/notifications.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="fr">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="referrer" content="same-origin">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+  <title>Framadate</title>
+
+  <meta name="description" content=" ">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <link crossorigin="anonymous" rel="stylesheet" href="https://rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap-reboot.css">
+  <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+  <section>
+    <p>Je veux que /TOUT LE MONDE/MOI UNIQUEMENT/ puisse voir les réponses du sondage.</p>
+    <p>Les personnes sondées pourront voter jusqu'à /LA SUPPRESSION DU SONDAGE/DATE/SANS AVOIR/EN AVANT/ la possibilité de modifier /LEUR VOTE/TOUS LES VOTES/. D'ailleurs, il sera supprimé le /DATE/.</p>
+    </p>Je peux retrouver ce sondage à cette adresse : URL DU SONDAGE MODIFIABLE, et/ou grace à mon email /CHAMP EMAIL/.</p>
+    </p>Je /VEUX/NE VEUX PAS/ que l'accès du sondage soit protégé par (un) ce mot de passe : /CHAMP MOT DE PASSE/.</p>
+    </p>/J'AI ENVIE/JE N'AI PAS ENVIE/ d'être tenu-e au courant par mail à chaque /NOUVEAU COMMENTAIRE/NOUVELLE PARTICIPATION/NOUVEAU COMMENTAIRE ET NOUVELLE PARTICIPATION</p>
+
+  </section>
+
+  <nav>
+    <a href="validations.html" class="btn">Continuer</a>
+    <a href="dates.html" class="btn">Modifier</a>
+  </nav>
+</body>
+</html>
+
+
+
+
diff --git a/public/parametres.html b/public/parametres.html
new file mode 100644
index 00000000..09c9801e
--- /dev/null
+++ b/public/parametres.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<html lang="fr">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="referrer" content="same-origin">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+  <title>Framadate</title>
+
+  <meta name="description" content=" ">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <link crossorigin="anonymous" rel="stylesheet" href="https://rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap-reboot.css">
+  <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+  <section>
+    <p>Je m'appelle /CHAMP PRÉNOM/ et le titre de ce sondage /SPECIAL DATES/CLASSIQUE/ est /TITRE DU SONDAGE/.</p>
+    <p>Si je devais le décrire pour les autres personnes, je dirais /CHAMP DESCRIPTION *long*/</p>
+
+    <a href="dates.html" class="btn">Continuer</a>
+  </section>
+
+</body>
+</html>
+
diff --git a/public/recapitulatif.html b/public/recapitulatif.html
new file mode 100644
index 00000000..f236880c
--- /dev/null
+++ b/public/recapitulatif.html
@@ -0,0 +1,59 @@
+<!doctype html>
+<html lang="fr">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="referrer" content="same-origin">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+  <title>Framadate</title>
+
+  <meta name="description" content=" ">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <link crossorigin="anonymous" rel="stylesheet" href="https://rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap-reboot.css">
+  <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+  <section>
+    <h1>Récapitulatif</h1>
+
+    <p>
+    Jeudi 17 août 2018
+    <ul>
+      <li> 8:00 </li>
+      <li> 9:00 </li>
+      <li> 10:00 </li>
+    </ul>
+    </p>
+
+    <p>
+    Jeudi 05 avril 2018
+    <ul>
+      <li> 8:00 </li>
+      <li> 9:00 </li>
+      <li> 10:00 </li>
+    </ul>
+    </p>
+
+    <p>
+    Dimanche 31 avril 2018
+    <ul>
+      <li> 15:00 </li>
+    </ul>
+    </p>
+
+
+  </section>
+
+  <nav>
+    <a href="notifications.html" class="btn">Continuer</a>
+    <a href="dates.html" class="btn">Modifier</a>
+  </nav>
+</body>
+</html>
+
+
+
diff --git a/public/validations.html b/public/validations.html
new file mode 100644
index 00000000..49fd0d84
--- /dev/null
+++ b/public/validations.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html lang="fr">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="referrer" content="same-origin">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+  <title>Framadate</title>
+
+  <meta name="description" content=" ">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <link crossorigin="anonymous" rel="stylesheet" href="https://rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap-reboot.css">
+  <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+  <section>
+    <h1>C'est tout bon !</h1>
+  </section>
+
+</body>
+</html>
+
+
+
+
+
