Modifications mineurs

Author: FabioDevCode

images/taxi.svg

@@ -42,7 +42,7 @@
                     <img src="https://i.ebayimg.com/images/g/fwEAAOSwe~lcTJuI/s-l300.jpg" alt="drapeau de la France">
                 </div>
                 <div class="button_type01">
-                    <i class="far fa-question-circle"></i>
+                    <div class="boutonInt">?</div>
                 </div>
 
                 <div class="button_type02">Ajoutez votre établissement</div>
@@ -75,7 +75,18 @@
                     Attractions
                 </ul>
                 <ul>
-                    <i><img src="https://seekicon.com/free-icon-download/taxi_6.svg" alt=""></i>
+                    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                        viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+                   <g>
+                       <polygon points="47.4,331.9 85.3,331.9 85.3,218.1 132.7,218.1 132.7,180.1 0,180.1 0,218.1 47.4,218.1 	"/>
+                       <polygon points="347.8,331.9 374.5,290.8 401.2,331.9 446.4,331.9 397.1,256 446.4,180.1 401.2,180.1 374.5,221.2 347.8,180.1 
+                           302.6,180.1 351.9,256 302.6,331.9 	"/>
+                       <rect x="474.1" y="180.1" width="37.9" height="151.7"/>
+                       <rect y="94.8" width="512" height="37.9"/>
+                       <rect y="379.3" width="512" height="37.9"/>
+                       <path d="M238.6,303.4l9.5,28.4h40l-50.6-151.7h-54.5l-46.8,151.7H176l8.8-28.4H238.6z M210.6,219.4l15.3,46h-29.5L210.6,219.4z"/>
+                   </g>
+                   </svg>
                     Taxis aéroport
                 </ul>
             </li>
@@ -140,7 +151,18 @@ <h2>Louez une voiture</h2>
 
             <div class="bloc_02_card">
                 <div class="bloc_02_icon">
-                    <i><img src="https://seekicon.com/free-icon-download/taxi_6.svg" height="19.2px" alt=""></i>
+                    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                    viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+               <g>
+                   <polygon points="47.4,331.9 85.3,331.9 85.3,218.1 132.7,218.1 132.7,180.1 0,180.1 0,218.1 47.4,218.1 	"/>
+                   <polygon points="347.8,331.9 374.5,290.8 401.2,331.9 446.4,331.9 397.1,256 446.4,180.1 401.2,180.1 374.5,221.2 347.8,180.1 
+                       302.6,180.1 351.9,256 302.6,331.9 	"/>
+                   <rect x="474.1" y="180.1" width="37.9" height="151.7"/>
+                   <rect y="94.8" width="512" height="37.9"/>
+                   <rect y="379.3" width="512" height="37.9"/>
+                   <path d="M238.6,303.4l9.5,28.4h40l-50.6-151.7h-54.5l-46.8,151.7H176l8.8-28.4H238.6z M210.6,219.4l15.3,46h-29.5L210.6,219.4z"/>
+               </g>
+                    </svg>
                 </div>
                 <div>
                     <h2>Réservez un taxi aéroport</h2>
@@ -417,8 +439,8 @@ <h5>Explorez l'Europe</h5>
         </section>
 
         <section class="bloc_05">
-            <h5>Explorez l'Europe</h5>
-            <p class="subtitle_h5">Ces destinations prisées ont beaucoup à offrir</p>
+            <h5>Échappez au quotidien le temps d'une semaine (ou plus)</h5>
+            <p class="subtitle_h5">Découvrez notre sélection de destinations idéales pour une déconnexion totale.</p>
 
             <div class="silde_left_3 none">
                 <i class="fas fa-chevron-left"></i>

index.html

@@ -110,6 +110,19 @@ header {
     display: flex;
     justify-content: center;
     align-items: center;
+    margin-left: 10px;
+}
+
+.boutonInt {
+    font-family: Helvetica, sans-serif;
+    font-weight: 100;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 24px;
+    width: 24px;
+    border-radius: 50%;
+    border: 2px solid white;
 }
 
 .button_type01:hover {
@@ -152,8 +165,9 @@ header {
 .button_type03 {
     background-color: white;
     border: 1px solid #0896FF;
-    color: #0896FF;
+    color: #0b84e0;
     height: 36px;
+    padding: 0 16px;
 }
 
 .button_type03:hover {
@@ -198,6 +212,13 @@ ul i {
     margin-right: 10px;
 }
 
+ul svg {
+    margin-top: 3px;
+    height: 1.3em;
+    filter: invert(1);
+    margin-right: 10px;
+}
+
 ul i img {
     filter: invert(1);
     height: 19.2px;
@@ -340,7 +361,7 @@ main {
     font-size: 20px;
     height: 40px;
     width: 40px;
-    color: #923E01;
+    color: #ad7750;
     background-color: #FFF0E0;
     border-radius: 8px;
     margin-right: 16px;
@@ -396,6 +417,11 @@ main {
     margin-right: 14px;
 }
 
+.bloc_02_icon svg {
+    height: 1.3em;
+    filter: invert(0);
+}
+
 .bloc_02_card h2 {
     font-size: 16px;
     margin-bottom: .25em;
@@ -518,7 +544,7 @@ main {
     text-shadow: 2px 2px 3px rgba(0, 0, 0, .9);
     font-family: 'Segoe UI Regular', Arial, sans-serif;
     font-weight: bold;
-    font-size: 1.78em;
+    font-size: 1.68em;
     display: flex;
     padding: 16px;
     position: absolute;
@@ -529,10 +555,11 @@ main {
 }
 
 .bloc_img h4 img {
-    margin-top: 6px;
+    border-radius: 3px;
+    margin-top: 7px;
     margin-left: 12px;
-    height: 24px;
-    width: 34px;
+    height: 20px;
+    width: 28px;
 }
 
 .bloc_img img {
@@ -711,12 +738,12 @@ main {
 }
 
 .silde_left_3 {
-    top: 40%;
+    top: 43%;
     left: 0px;
 }
 
 .silde_right_3 {
-    top: 40%;
+    top: 43%;
     right: 0px;
 }