Merge branch 'main' into about-us

stvidal · web-flow · commit 77e3bd377208 · 2021-10-08T00:58:05.000+02:00
diff --git a/contact.html b/contact.html
@@ -12,11 +12,11 @@
 
 <body>
   <nav class="navbar">
-    <img class="logo-btob" src="https://i.ibb.co/PtCXdz2/btob1.jpg"/>
+    <img class="logo-btob" src="https://i.ibb.co/PtCXdz2/btob1.jpg" alt="logo"/>
     <ul class="nav-menu">
       <li class="nav-item"><a href="./index.html">Home</a></li>
       <li class="nav-item"><a href="./tour.html">Tour</a></li>
-      <li class="nav-item"><a href="./about-us.html">About us</a</li>
+      <li class="nav-item"><a href="./about-us.html">About us</a></li>
       <li class="nav-item"><a href="./contact.html">Contact</a></li>
     </ul>
   </nav>
@@ -49,22 +49,22 @@ <h4 class="h2-contact">Notre équipe se fera un plaisir de planifier votre nouve
       <option selected>Selectionner votre Periode</option>
       <option class="periode1"  value="periode1">Janvier à Mars</option>
        <option class="periode2" value="periode2">Avril à Juin</option>
-       <option class ="periode3"value="periode3">Juillet à Septembre</option>
+       <option class ="periode3" value="periode3">Juillet à Septembre</option>
        <option  class ="periode4" value="periode4">Octobre à Décembre</option>
       </select>
       <br/>
 
       <div>
-        <label for="gender">Demande : </label>
+        <label> Demande : </label>
         <br/>
-        <input type="radio" name="type" class="check" checked />
-        <label class="check2" for="devis">Devis</label>
+        <input type="radio" name="type" class="check"  checked />
+        <label class="check"  id="check1" >Devis</label>
 
         <input type="radio" name="type" class="check" />
-        <label class="check2" for="dispo">Disponibilité</label>
+        <label class="check"  id="check2" >Disponibilité</label>
 
-        <input type="radio" name="type" class="check" />
-        <label class="check2" for="renseignement">Renseignement</label>
+        <input type="radio" name="type" class="check"  />
+        <label class="check"  id="check3" >Renseignement</label>
       </div>
 
       <label for="message"> Message :</label><br />
diff --git a/scripttr.js b/scripttr.js
@@ -8,4 +8,5 @@ document.addEventListener('scroll',() => {
   car.style.height = window.scrollY 
   }
   
-})*/
+})*/
+
diff --git a/style.css b/style.css
@@ -5,6 +5,8 @@ html {
   scroll-behavior: smooth;
 }
 
+
+
 body {
   padding: 0;
   margin: 0;
@@ -560,7 +562,6 @@ input[type="submit"]:hover {
 }
 
 .img2t {
-
   margin: 5%;
   max-width: 90%;
   border-radius: 10%
@@ -572,17 +573,32 @@ input[type="submit"]:hover {
 }
 
 .kilometrage {
+  text-align: end;
+  font-size: 0.6rem;
+}
+
+.VilleTour {
+  text-align: justify;
+  text-justify: inter-word;
   margin-left: 2rem;
-  margin-top: 5rem;
+}
+
+.imgVilleTour2 {
+  text-align: justify;
+  text-justify: inter-word;
+  margin-left: 2rem;
+}
+
+.title-recommend{
+  font-size: 1,5rem ;
 }
 
 .van{
-  height: 5%;
-  width: 5%;
+  height: 30%;
+  width: 30%;
   color: rgb(3, 3, 87);
   position: relative;
-  animation: 4s ease-out roll forwards;
-  
+  animation: 4s ease-out infinite roll ;
 }
 
 @keyframes roll {
@@ -591,7 +607,7 @@ input[type="submit"]:hover {
   }
 
   100% {
-    left: 85%;
+    left: 70%;
    
   }
   
@@ -628,10 +644,14 @@ input[type="submit"]:hover {
 
   .DetailTour2 {
     display: flex;
-    justify-content: space-evenly;
+    justify-content: space-between;
     align-items: center;
     width: 100%;
+  }
 
+  .textDetailTour{
+    margin-right: 2px;
+    text-align: justify;
   }
   
   .img2t {
@@ -642,27 +662,28 @@ input[type="submit"]:hover {
     transform: scale(1.5);
     /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
   }
-}
-
-.textDetailTour {
-  font-size: 0.7rem;
-  font: justify;
-}
 
-@media screen and (min-width: 600px) {
-  .textDetailTour {
-  font-size: 1.2rem;
+  .imgVilleTour2:active{
+    transform: scale(2)
   
   }
 }
 
 
+
 @media screen and (min-width: 600px) {
 
+  .textDetailTour {
+    font-size: 1rem;
+    padding-right: 3px;
+    border: rgb(255, 255, 255) solid 10px;
+    }
+
   .VilleTour2 {
     display: flex;
     flex-direction: row;
     text-justify: inter-word;
+    flex-wrap: inherit;
   }
 
   .img2t {
@@ -676,30 +697,34 @@ input[type="submit"]:hover {
     box-shadow: 12px 29px 81px 50px white;
     /*Ombre mis en place sur les img*/
   }
-
+.DetailTour2{
+  padding: 1rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
   .imgVilleTour {
     width: 20%;
     height: 20%;
     margin-top: 1rem;
     margin-left: 2rem;
     margin-right: 1rem;
-    border-radius: 1rem;
+    border-radius: 25px;
     border: solid black 2px;
   }
 
   .imgVilleTour2 {
-    width: 50%;
-    height: 50%;
+    width: 60%;
+    height: 60%;
     margin-top: 1rem;
     margin-left: 2rem;
     margin-right: 2rem;
-    border-radius: 1rem;
+    border-radius: 25px;
   }
 
   .DetailTour {
     display: flex;
     align-items: center;
-
   }
 
   scroll-container {
@@ -731,25 +756,52 @@ scroll-container {
   margin: 1.2rem 1.2rem;
 }
 
+.imgVilleTour2:active{
+  transition: transform .7s;
+  transform: scale(1.5);
+
+}
+.imgVilleTour:not(:active)
+{
+   transition: 0.5s;
+   
+}
+.imgVilleTour2img:not(:active)
+{
+   transition: 0.5s;
+}
+
+.imgVilleTour:active{
+  transition: transform .7s;
+  transform: scale(1.5);
+
+}
+
 /*Annimation -- Tutuuttttre */
 /*
 .matutur {
   position: fixed;
-  top: 12%;
+  top: 2%;
   width: 100%;
   fill: red;
+  z-index: -1;
 }
 
 
 .matutur .progress-container {
   width: 100%;
   height: 8px;
+  color: #b98800;
+  z-index: -1;
 }
 
 .matutur .progress-container .progress-bar {
   height: 5vh;
   width: 5%;
   color: rgb(3, 3, 87);
   fill: red;
+  z-index: -1;
 }
-*/
+
+*/
+
diff --git a/tour.html b/tour.html

Original file line number	Diff line number	Diff line change
`@@ -8,4 +8,5 @@ document.addEventListener('scroll',() => {`
`8`	`8`	`car.style.height = window.scrollY`
`9`	`9`	`}`
`10`	`10`
`11`		`-})*/`
	`11`	`+})*/`
	`12`	`+`