fixed

Fabscg · Jul 1, 2024 · 4a5dbe6 · 4a5dbe6
1 parent 302dd1a
commit 4a5dbe6
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 22 deletions.
diff --git a/public/index.html b/public/index.html
@@ -527,11 +527,11 @@ <h2 class="heart">NOTICE</h2>
 
     <footer>
         <div class="marketplace">
-            <p>Stone Baked Pizza | Deli | Imported Specialties</p>
+            <div>Stone Baked Pizza | Deli | Imported Specialties</div>
         </div>
-        <p class="copyright pt-30">&copy; 2023 Lanterna. All rights reserved. Designed by <a class="autor"
+        <div class="copyright pt-30">&copy; 2023 Lanterna. All rights reserved. Designed by <a class="autor" href="https://web-portfolio-1bf32.web.app/"
                  rel="nofollow"> <i class="fa-solid fa-terminal"></i> Fabiola C.
-                Gamboa</a></p>
+                Gamboa</a></div>
     </footer>
 
 </body>

diff --git a/public/specials.html b/public/specials.html
@@ -28,7 +28,7 @@
         <nav class="navbar navbar-expand-lg nav-specials" href="/">
             <div class="container-fluid">
                 <div class="navbar-header">
-                    <span class="navbar-brand page-scroll" href="#page-top"> <i class="fa-solid fa-pizza-slice"></i>
+                    <span class="navbar-brand" href="#page-top"> <i class="fa-solid fa-pizza-slice"></i>
                         Lanterna
                         Restaurant & Marketplace</span>
                 </div>
@@ -63,7 +63,8 @@
                 <div class="overlay">
                     <div class="container">
                         <div class="row">
-                            <h1>Specials</h1>
+                            <span class="special-title"><h1 class="p-10">Specials</h1></span>
+
                             <div class="intro-text special-body col-lg-8">
                                 <img src="assets/img/pizza-promo.jpg" alt="Specials" class="img-fluid">
                             </div>
@@ -85,8 +86,7 @@ <h1>Specials</h1>
     </section>
     <footer class="second-footer">
 
-        <p class="copyright">&copy; 2023 Lanterna. All rights reserved. Designed by <a class="autor"
-                 rel="nofollow"> <i class="icon fa-solid fa-terminal"></i>Fabiola C. Gamboa</a></p>
+        <div class="copyright">&copy; 2023 Lanterna. All rights reserved. Designed by <a class="autor" href="https://web-portfolio-1bf32.web.app/" rel="nofollow"><i class="fa-solid fa-terminal"></i>Fabiola C. Gamboa</a></div>
     </footer>
 
 

diff --git a/public/style.css b/public/style.css
@@ -68,6 +68,7 @@ th{
 }
 
 .navbar-toggler {
+    display:contents;
     /* padding: 0.25rem 0.75rem; */
     font-size: 1.25rem;
     line-height: 1;
@@ -392,14 +393,16 @@ iframe{
 }
 
 footer {
+    color:gray;
     text-align: center;
 }
 
 .copyright {
+    margin:0;
     padding-top: 20px;
+    padding-bottom:20px;
     background-color: black;
     height:max-content;
-    /* margin-top: 20px; */
 }
 
 .autor {
@@ -414,16 +417,14 @@ footer {
     color: yellowgreen;
 }
 
-
 /* SPECIALS */
 .second-page,
 .special-body {
-    background-size: cover;
     margin-bottom: 0;
     font-size: x-large;
     padding: 20px;
     text-align: center;
-    height: 100%;;
+    height: 100%;
 }
 
 .special-body {
@@ -433,24 +434,34 @@ footer {
 
 
 .second-footer {
+    color:gray;
     background-color: black;
     margin-bottom: 0;
+    padding-bottom: 20px;
+    width: 100%;
 }
 
 .nav-specials {
-    background: none;
+    background: black;
+    opacity:0.9;
+    width: 100%;
+    position:fixed;
+    margin-top:0;
+    box-shadow: 0px 4px 7px #dfdddd;
 }
 
 #specials {
     background-image: url("assets/img/tomatoes.jpeg");
     background-position: center center;
     background-size:cover;
     background-repeat: no-repeat;
-    margin-top: 120px;
     height: 100%;
-    z-index:-2;
-    position:relative;
-    background-attachment: fixed;
+    z-index:-4;
+    position:-webkit-sticky;
+    background-attachment: absolute;
+}
+.special-title{
+    padding-top: 100px;
 }
 .specials-img{
     box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2), 0 25px 25px 0 rgba(0, 0, 0, 0.19);
@@ -460,7 +471,6 @@ footer {
     margin:30px auto !important;  
     padding: 30px auto; 
 }
-
 .title-specials {
     font-family: 'Allura', cursive;
 }
@@ -552,7 +562,6 @@ footer {
         background-attachment: cover;
         align-items: center;
         justify-content: center;
-        display: grid;
         background-color: black;
         position: fixed;
     }
@@ -563,8 +572,7 @@ footer {
     }
 
     .second-footer {
-        margin-bottom: 0;
-        padding-bottom: 0;
+        padding-bottom: 20px;
     }
 
 }
@@ -580,8 +588,11 @@ footer {
         font-size: 30px;
     }
 
-    .body {
+    #body {
         text-align: -webkit-center;
+        position:relative;
+        width:100%;
+        min-height: 100vh;
     }
 
     .our-restaurant {
@@ -617,12 +628,12 @@ footer {
     }
 
     .copyright {
-        display: grid;
         font-size: 10px!important;
     }
 
     footer {
         font-size: medium;
+        padding-bottom: 20px;
     }
 }
 
@@ -640,6 +651,7 @@ footer {
        #specials{
         background-size: cover;
         background-repeat: no-repeat;
+        background-attachment: sticky;
         height: auto;
         background-position: center center;
         width: full-width;