Tenessy · Tenessy · May 10, 2021 · May 10, 2021 · May 12, 2021 · May 14, 2021
diff --git a/1_xlarge/aminaXlarge.jpg b/1_xlarge/aminaXlarge.jpg
diff --git a/1_xlarge/annie-spratt-Eg1qcIitAuA-unsplash.jpg b/1_xlarge/annie-spratt-Eg1qcIitAuA-unsplash.jpg
diff --git a/1_xlarge/aw-creative-VGs8z60yT2c-unsplash.jpg b/1_xlarge/aw-creative-VGs8z60yT2c-unsplash.jpg
diff --git a/1_xlarge/emile-guillemot-Bj_rcSC5XfE-unsplash.jpg b/1_xlarge/emile-guillemot-Bj_rcSC5XfE-unsplash.jpg
diff --git a/1_xlarge/febrian-zakaria-sjvU0THccQA-unsplash.jpg b/1_xlarge/febrian-zakaria-sjvU0THccQA-unsplash.jpg
diff --git a/1_xlarge/hotelduportLarge.png b/1_xlarge/hotelduportLarge.png
diff --git a/1_xlarge/marcus-loke-WQJvWU_HZFo-unsplash.jpg b/1_xlarge/marcus-loke-WQJvWU_HZFo-unsplash.jpg
diff --git a/1_xlarge/nicate-lee-kT-ZyaiwBe0-unsplash.jpg b/1_xlarge/nicate-lee-kT-ZyaiwBe0-unsplash.jpg
diff --git a/1_xlarge/reisetopia-B8WIgxA_PFU-unsplash.jpg b/1_xlarge/reisetopia-B8WIgxA_PFU-unsplash.jpg
diff --git a/2_large/AuCoeurLarge.jpg b/2_large/AuCoeurLarge.jpg
diff --git a/2_large/HotelToutbleuLarge.jpg b/2_large/HotelToutbleuLarge.jpg
diff --git a/2_large/aminaLarge.jpg b/2_large/aminaLarge.jpg
diff --git a/2_large/aubergecannabiereLarge.jpg b/2_large/aubergecannabiereLarge.jpg
diff --git a/2_large/aubergelepanierLarge.jpg b/2_large/aubergelepanierLarge.jpg
diff --git a/2_large/hotelSoleilLarge.jpg b/2_large/hotelSoleilLarge.jpg
diff --git a/2_large/hoteldelamerLarge.jpg b/2_large/hoteldelamerLarge.jpg
diff --git a/2_large/hotelduportLarge.jpg b/2_large/hotelduportLarge.jpg
diff --git a/2_large/hotellesmouettesLarge.jpg b/2_large/hotellesmouettesLarge.jpg
diff --git a/4_small/Amina.jpg b/4_small/Amina.jpg
diff --git a/4_small/AuCoeurDhotes.jpg b/4_small/AuCoeurDhotes.jpg
diff --git a/4_small/LaMer.jpg b/4_small/LaMer.jpg
diff --git a/4_small/SoleilDuMatin.jpg b/4_small/SoleilDuMatin.jpg
diff --git a/4_small/ToutBleu.jpg b/4_small/ToutBleu.jpg
diff --git a/4_small/fred-kleber-gTbaxaVLvsg-unsplash.jpg b/4_small/fred-kleber-gTbaxaVLvsg-unsplash.jpg
diff --git a/4_small/marcus-loke-WQJvWU_HZFo-unsplash.jpg b/4_small/marcus-loke-WQJvWU_HZFo-unsplash.jpg
diff --git a/4_small/nicate-lee-kT-ZyaiwBe0-unsplash.jpg b/4_small/nicate-lee-kT-ZyaiwBe0-unsplash.jpg
diff --git a/4_small/reisetopia-B8WIgxA_PFU-unsplash.jpg b/4_small/reisetopia-B8WIgxA_PFU-unsplash.jpg
diff --git a/Projet 2 - Reservia-3/Desktop - 1.png b/Projet 2 - Reservia-3/Desktop - 1.png
diff --git a/Projet 2 - Reservia-3/iPhone 8 - 1.png b/Projet 2 - Reservia-3/iPhone 8 - 1.png
diff --git a/Projet 2 - Reservia-3/images/logo/[email protected] b/Projet 2 - Reservia-3/images/logo/[email protected]
diff --git a/Reservia.svg b/Reservia.svg
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1 @@
+theme: jekyll-theme-cayman
diff --git a/activites/1_xlarge/florian-wehde-xW9e8gdotxI-unsplash.jpg b/activites/1_xlarge/florian-wehde-xW9e8gdotxI-unsplash.jpg
diff --git a/activites/1_xlarge/kevin-hikari-rV_Qd1l-VXg-unsplash.jpg b/activites/1_xlarge/kevin-hikari-rV_Qd1l-VXg-unsplash.jpg
diff --git a/activites/1_xlarge/kilyan-sockalingum-NR8-cBCN3aI-unsplash.jpg b/activites/1_xlarge/kilyan-sockalingum-NR8-cBCN3aI-unsplash.jpg
diff --git a/activites/1_xlarge/lena-paulin-wH2-EJoDcV0-unsplash.jpg b/activites/1_xlarge/lena-paulin-wH2-EJoDcV0-unsplash.jpg
diff --git a/activites/1_xlarge/paul-hermann-QFTrLdQIRhI-unsplash.jpg b/activites/1_xlarge/paul-hermann-QFTrLdQIRhI-unsplash.jpg
diff --git a/activites/1_xlarge/reno-laithienne-QUgJhdY5Fyk-unsplash.jpg b/activites/1_xlarge/reno-laithienne-QUgJhdY5Fyk-unsplash.jpg
diff --git a/activites/2_large/florian-wehde-xW9e8gdotxI-unsplash.jpg b/activites/2_large/florian-wehde-xW9e8gdotxI-unsplash.jpg
diff --git a/activites/2_large/fortPromegueLarge.jpg b/activites/2_large/fortPromegueLarge.jpg
diff --git a/activites/2_large/kevin-hikari-rV_Qd1l-VXg-unsplash.jpg b/activites/2_large/kevin-hikari-rV_Qd1l-VXg-unsplash.jpg
diff --git a/activites/2_large/kilyan-sockalingum-NR8-cBCN3aI-unsplash.jpg b/activites/2_large/kilyan-sockalingum-NR8-cBCN3aI-unsplash.jpg
diff --git a/activites/2_large/lena-paulin-wH2-EJoDcV0-unsplash.jpg b/activites/2_large/lena-paulin-wH2-EJoDcV0-unsplash.jpg
diff --git a/activites/2_large/vieuxportLarge.jpg b/activites/2_large/vieuxportLarge.jpg
diff --git a/activites/3_medium/NotreDameMedium.jpg b/activites/3_medium/NotreDameMedium.jpg
diff --git a/activites/3_medium/ParcCalanqueMedium.jpg b/activites/3_medium/ParcCalanqueMedium.jpg
diff --git a/activites/3_medium/ParcLongchampMedium.jpg b/activites/3_medium/ParcLongchampMedium.jpg
diff --git a/activites/3_medium/fortPromegueMedium.jpg b/activites/3_medium/fortPromegueMedium.jpg
diff --git a/activites/3_medium/iledufrioulMedium.jpg b/activites/3_medium/iledufrioulMedium.jpg
diff --git a/activites/3_medium/reno-laithienne-QUgJhdY5Fyk-unsplash.jpg b/activites/3_medium/reno-laithienne-QUgJhdY5Fyk-unsplash.jpg
diff --git a/activites/4_small/florian-wehde-xW9e8gdotxI-unsplash.jpg b/activites/4_small/florian-wehde-xW9e8gdotxI-unsplash.jpg
diff --git a/activites/4_small/fortPromegueSmall.jpg b/activites/4_small/fortPromegueSmall.jpg
diff --git a/activites/4_small/iledefrioulSmall.jpg b/activites/4_small/iledefrioulSmall.jpg
diff --git a/activites/4_small/kilyan-sockalingum-NR8-cBCN3aI-unsplash.jpg b/activites/4_small/kilyan-sockalingum-NR8-cBCN3aI-unsplash.jpg
diff --git a/activites/4_small/lena-paulin-wH2-EJoDcV0-unsplash.jpg b/activites/4_small/lena-paulin-wH2-EJoDcV0-unsplash.jpg
diff --git a/activites/4_small/reno-laithienne-QUgJhdY5Fyk-unsplash.jpg b/activites/4_small/reno-laithienne-QUgJhdY5Fyk-unsplash.jpg
diff --git a/desktop.css b/desktop.css
@@ -0,0 +1,249 @@
+@media screen and (min-width:1024px) and (max-width: 1440px) {
+
+    #menu {
+
+        display: flex;
+        flex-direction: column;
+        margin-left: 30px;
+        width: auto;
+        flex-wrap: wrap;
+        align-items: center;
+    }
+
+    #menu {
+      align-items: center;
+
+  }
+
+  #menu h1 {
+      margin-left: -430px;
+      margin-top: 0;
+  }
+  #menu h2 {
+      margin-left: -760px;
+      margin-top: 0;
+  }
+
+  #menu #recherche {
+      margin-left: -580px;
+  }
+
+  #menu h3 {
+      margin-left: -90px;
+
+  }
+
+  #menu h5 {
+
+    margin-left: -600px;
+  }
+
+  #menu .info {
+
+      margin-left: -990px;
+  }
+
+#menu nav h4:first-child {
+    margin-left: -90px;
+}
+
+    header img {
+
+       margin-left: 30px;
+    }
+    header {
+
+       display: flex;
+        width: auto;
+        flex-direction: row;
+        justify-content: center;
+        flex-wrap: nowrap;
+        font-size: 24px;
+        font-weight: normal;
+        margin-top: -30px;
+        margin-left: 155px;  
+    }
+
+   header nav {
+    margin-left: 550px;
+    margin-top: 50px;
+    position: absolute;
+}
+
+   header img {
+     position: absolute;
+     margin-left: -1050px;
+   }
+    header .bordbleu {
+      margin-left: 240px;
+        margin-top: 10px;
+      }
+
+    header {
+
+        width: auto;
+        flex-wrap: wrap;
+        margin-top: -10px;
+        position: relative;
+
+      }
+
+    #filtre {
+
+        display: flex;
+        flex-wrap: wrap;
+        width: auto;
+        margin-left: -60px;
+        margin-top: -70px;
+      }
+
+      #filtre li {
+
+        margin-top: 15px;
+        margin-left: 15px;
+
+    }
+
+      .heberge {
+
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        margin-left: 90px;
+        padding-top: 60px;
+        padding-bottom: 20px;
+        width: 590px;
+        height: 725px;
+      }
+
+      .hotel {
+
+        width: 245px;
+        height: 195px;
+        box-shadow: 0px 5px 15px 0px #F2F2F2;
+        border-radius: 15px/15px;
+        margin-top: 25px;
+      }
+
+     .hotel i {
+        margin-top: 10px;
+     }
+
+
+      .heberge h2 {
+
+          position:absolute;
+           margin-left: 35px;
+           margin-top: -20px;
+           font-size: 20px;
+
+        }
+    .heberge h5 {
+
+        top: 700px;
+        margin-left: 35px;
+        margin-top: 0;
+
+    }
+      #alignement {
+
+          display: flex;
+          flex-direction: row;
+          justify-content: center;
+
+      }
+
+      #populaire {
+          width: 365px;
+          margin-left: 20px;
+          height: 805px;
+      }
+
+      #populaire .hotel2 {
+
+        width: 310px;
+        height: 195px;
+        margin-left: 25px;
+        margin-top: 30px;
+      }
+
+      #populaire img {
+
+
+        height: 185px;
+      }
+
+      #populaire .fa-chart-line{
+
+        margin-left: 320px;
+
+      }
+
+      #populaire .hotel2 h3 {
+
+        margin-top: -160px;
+      }
+
+      #populaire .istar{
+
+        margin-top: 55px;
+        margin-left: 150px;
+
+      }
+
+      #populaire h2 {
+
+         margin-left: 25px;
+      }
+      #conteneur {
+
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        margin-left: -30px;
+        margin-top: -20px;
+       justify-content: center;
+        width: 100%;
+      }
+
+      .alignement3 {
+          display: flex;
+         justify-content: center;
+          flex-direction: row;
+
+      }
+
+      #three h2 {
+
+        margin-left: -780px;
+        font-size: 20px;
+        margin-top: 50px;
+      }
+
+      #conteneur .hotel3, #conteneur .hotel4, #conteneur .hotel5, #conteneur .hotel6, #conteneur .hotel7 {
+
+        width: 290px;
+        height: 190px;
+        margin-top: 35px;
+        margin-left: 50px;
+    }
+
+    #conteneur img {
+
+        width: 290px;
+        height: 140px;
+    }
+
+
+    #basdepage {
+      width: auto;
+        flex-direction: row;
+        margin-left: auto;
+        justify-content: center;
+        flex-wrap: wrap;
+    }
+
+    #basdepage .apropos {
+      margin-left: 10px;
+    }
+}
diff --git a/grandEcran.css b/grandEcran.css
@@ -0,0 +1,108 @@
+@media screen and (min-width: 1440px) {
+
+    #menu {
+        align-items: center;
+
+    }
+
+    #menu h1 {
+        margin-left: -810px;
+        margin-top: 0;
+    }
+    #menu h2 {
+        margin-left: -1140px;
+        margin-top: 0;
+    }
+
+    #menu #recherche {
+        margin-left: -980px;
+    }
+
+    #menu h5:last-child {
+        margin-left: -1000px;
+
+    }
+    #populaire .istar {
+
+        margin-left: 155px;
+        margin-top: 25px;
+
+    }
+
+    #menu .info {
+
+        margin-left: -1390px;
+    }
+
+  #menu nav h3 {
+      margin-left: -20px;
+      font-size: 18px;
+  }
+
+  #filtre li { 
+      margin-left: 25px;
+  }
+
+    header  { 
+
+        display: flex;
+        width: auto;
+        flex-direction: row;
+        justify-content: center;
+        flex-wrap: nowrap;
+        font-size: 24px;
+        font-weight: normal;
+        margin-top: -30px;
+        margin-left: 155px;   
+
+    }
+
+    header {
+
+      width: auto;
+      flex-wrap: wrap;
+      margin-top: 0;
+      position: relative;
+
+    }
+    header nav {
+        margin-left: 850px;
+        margin-top: 50px;
+        position: absolute;
+    }
+
+
+
+     header img {
+       position: absolute;
+        margin-left: -1350px;
+    }
+
+  header .bordbleu {
+        margin-top: 0;
+        margin-left: 530px;
+    }
+    #conteneur {
+        margin-left: -10px;
+    }
+
+    #three h3:first-child {
+        margin-left: -1130px;
+    }
+
+    #basdepage {
+
+        width: auto;
+        flex-direction: row;
+        margin-left: auto;
+        justify-content: center;
+        flex-wrap: wrap;
+    }
+
+    #basdepage .apropos {
+
+        margin-left: -390px;
+    }
+
+
+}