Fixed mobile bugs

luhcs · Mar 28, 2022 · c2ddfa6 · c2ddfa6
1 parent dfd2dfd
commit c2ddfa6
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 264 deletions.
diff --git a/index.html b/index.html
@@ -22,11 +22,11 @@
     <body id="home">
         <!-- Navigation-->
         <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
-            <div class="container px-4 px-lg-5">
+            <div class="container px-2 px-lg-5">
                 <a href="#home"><img class="img-fluid me-4 ms-4" style="max-width: 40px;" src="assets/img/shield.png" href="#home"></a>
                 <a class="navbar-brand" href="#home">MARCELLA FRANCO</a>
                 <button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
-                    Menu
+
                     <i class="fas fa-bars"></i>
                 </button>
                 <div class="collapse navbar-collapse" id="navbarResponsive">
@@ -232,7 +232,7 @@ <h4 class="text-white">Agende uma visita!</h4>
         </section>
         <!--Liberte-se-->
         <section class="signup-section" id="signup">
-            <h1 class="mx-auto my-0 text-uppercase text-center" style="color: #ddd;">Liberte-se</h1>
+            <h1 class="mx-auto my-0 text-uppercase text-center" style="color: #ddd;text-shadow: 1px 1px 3px #fff;">Liberte-se</h1>
             <div class="mx-5 my-5"></div>
 
         </section>
@@ -246,7 +246,7 @@ <h1 class="mx-auto my-0 text-uppercase text-center" style="color: #ddd;">Liberte
                                 <i class="fas fa-map-marked-alt text-primary mb-2"></i>
                                 <h4 class="text-uppercase m-0">Localização</h4>
                                 <hr class="my-4 mx-auto" />
-                                <div class="small text-black-50"><div class="mapouter"><div class="gmap_canvas"><iframe width="284" height="284" id="gmap_canvas" src="https://maps.google.com/maps?q=Av.%20Arist%C3%B3teles%20Costa,%20122%20-%20Jardim%20dos%20Calegaris,%20Paul%C3%ADnia%20-%20SP,%2013140-082&t=&z=17&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a href="https://putlocker-is.org"></a><br><style>.mapouter{position:relative;text-align:right;height:284px;width:284px;}</style><style>.gmap_canvas {overflow:hidden;background:none!important;height:284px;width:284px;}</style></div></div><br>Av. Aristóteles Costa, 122 - Jardim dos Calegaris, Paulínia - SP, 13140-082 <a style="text-decoration: none;" href="https://ul.waze.com/ul?place=ChIJs0RKaV-VyJQRTU1JuQg0Yk0&ll=-22.75922200%2C-47.15758130&navigate=yes&utm_campaign=default&utm_source=waze_website&utm_medium=lm_share_location" target="_blank"><i class="fa-brands fa-waze mt-2" style="font-size: 45px; margin-right: 10px; color: teal; transform: translateY(25%);"></i>Venha com Waze!</a></div>
+                                <div class="small text-black-50 px-2" style="display: flex; flex-direction: column; align-items: center;"><div class="mapouter"><div class="gmap_canvas"><iframe width="284" height="284" id="gmap_canvas" src="https://maps.google.com/maps?q=Av.%20Arist%C3%B3teles%20Costa,%20122%20-%20Jardim%20dos%20Calegaris,%20Paul%C3%ADnia%20-%20SP,%2013140-082&t=&z=17&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a href="https://putlocker-is.org"></a><br><style>.mapouter{position:relative;text-align:right;height:284px;width:284px;}</style><style>.gmap_canvas {overflow:hidden;background:none!important;height:284px;width:284px;}</style></div></div><br>Av. Aristóteles Costa, 122 - Jardim dos Calegaris, Paulínia - SP, 13140-082 <br> <a style="text-decoration: none;" href="https://ul.waze.com/ul?place=ChIJs0RKaV-VyJQRTU1JuQg0Yk0&ll=-22.75922200%2C-47.15758130&navigate=yes&utm_campaign=default&utm_source=waze_website&utm_medium=lm_share_location" target="_blank"><i class="fa-brands fa-waze mt-2" style="font-size: 45px; margin-right: 10px; color: teal; transform: translateY(25%);"></i>Venha com Waze!</a></div>
                             </div>
                         </div>
                     </div>