mastertouch wasap icon updt

JUANCA99COL · Jul 31, 2023 · db9619f · db9619f
1 parent 08cb3e7
commit db9619f
Show file tree

Hide file tree

Showing 8 changed files with 19 additions and 9 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/EcotourTermales.html b/EcotourTermales.html
@@ -135,7 +135,9 @@
             <h1>ECOTOUR A TERMALES LOS VOLCANES</h1>
             <div id="google_element"></div>
         </div>
-        <a href="https://api.whatsapp.com/send?phone=573153964259"><img class="sticky" src="img/icons8-whatsapp-48.png" alt=""></a>
+        <a href="https://api.whatsapp.com/send?phone=573153964259">
+            <img class="sticky" src="img/icons8-whatsapp-48.png" alt="">
+        </a>
       </section>
       <section id="gallery">
         <h1 class="text-center mt-5">INFORMACION</h1>

diff --git a/barichara.html b/barichara.html
@@ -135,7 +135,9 @@
             <h1>Ecotour a Barichara</h1>
             <div id="google_element"></div>
         </div>
-        <a href="https://api.whatsapp.com/send?phone=573153964259"><img class="sticky" src="img/icons8-whatsapp-48.png" alt=""></a>
+        <a href="https://api.whatsapp.com/send?phone=573153964259">
+            <img class="sticky" src="img/icons8-whatsapp-48.png" alt="">
+        </a>
       </section>
       <section id="gallery">
         <h1 class="text-center mt-5">INFORMACION</h1>

diff --git a/css/style.css b/css/style.css
@@ -382,10 +382,12 @@ video {
 
 .sticky {
   position: fixed;
+  width: 4%;
+  height: auto;
   top: 87%;
-  left: 90%;
-  z-index: 30;
+  left: 89%;
   cursor: pointer;
+  z-index: 30;
 }
 
 .sticky:hover {
@@ -946,10 +948,6 @@ input::placeholder {
     padding-top: 190px;
   }
 
-  .sticky {
-    width: 5%;
-  }
-
   .home-nav {
     height: 210px;
   }
@@ -1147,12 +1145,17 @@ input::placeholder {
   .quien-para {
     margin-top: 33px;
   }
+
+  .sticky {
+    width: 7%;
+  }
 }
 
 /* SMALL DEVICES  */
 @media only screen and (max-width: 675px) {
   .sticky {
-    left: 84%;
+    left: 80%;
+    width: 11%;
   }
 
   #hero .caption h2 {

diff --git a/img/.DS_Store b/img/.DS_Store
diff --git a/img/icons8-whatsapp-48.png b/img/icons8-whatsapp-48.png
diff --git a/img/wasap.png b/img/wasap.png
diff --git a/index.html b/index.html
@@ -155,6 +155,9 @@ <h2 class="titulo-banner text-center font-weight-bold text-white">NACIMOS PARA <
             <a href="#eventos"><i class="arrow-banner text-white fa-solid fa-angle-down"></i></a>    
             <a href="https://master--touch-co-nz.translate.goog/index.html?_x_tr_sl=es&_x_tr_tl=en&_x_tr_hl=en-US&_x_tr_pto=wapp" class="btn btn-danger">translate to english</a>
         </div>
+        <a href="https://api.whatsapp.com/send?phone=573153964259">
+            <img class="sticky" src="img/icons8-whatsapp-48.png" alt="">
+        </a>
     </div>
     <section id="services">
         <div class="row">