change schedule and change position for contact info

Fabscg · Jan 2, 2024 · a438077 · a438077
1 parent bf2302d
commit a438077
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 30 deletions.
diff --git a/.firebase/hosting.cHVibGlj.cache b/.firebase/hosting.cHVibGlj.cache
@@ -1,6 +1,4 @@
 index.js,1701386878088,b2210324b7cda17a8dcb66fcacd3a1524d6df850fab6facb1c7b350372002a99
-specials.html,1701386888694,2adc2a5f86ce400be34ee9207915d0c66f77e05cb63c8fb51004ef71bad4810e
-style.css,1703279478731,46fe0c99d3f0a06f3bf09b0ab05850f8f1f90b55c751500cb3d63a1883bcb39f
 assets/img/Lanterna-restaurant.png,1700433650788,b2762ffb6762c82ca607b77748975324a55e0445be99f568da7e43c61c2a44fa
 assets/img/beef-cooking-cuisine-delicious-preview.jpg,1701290435692,fd214e302095ee1cc88be1e6aa8b2a99375c0a1e67f61a1c6c1238aa188bb936
 assets/img/bruschetta.jpeg,1700433650789,50d3334fa220bd2e34cdb852bc1de1b2cc3fbf9a2ed856ddcaa6cfe0eb53a59b
@@ -18,4 +16,7 @@ assets/img/specials-background.jpeg,1700433650808,253c2e2ed0c7b8677663d74af84bbe
 assets/img/splash.png,1700433650808,c1a44dfb9da2f771b569b6adfc3e67286d1cfd9fb62e4793241ad96123d65779
 assets/img/tomato.png,1700433650808,d2cced917bbe44711ebe858aca91a07a752baed8b3785dfdd6ecd25477144cc5
 assets/img/tortellini.jpeg,1700953770228,410738be8d7b5da974060d350ab440f74ffd094eb208a70e5cf432bc5aec9030
-index.html,1703381842353,c5393c0f0fac8d9a39f05c6274267738fb649da7c0d5ce0fb4e6f8888a71ac34
+specials.html,1703956889904,a9358b79b15c18d3233beb3193bf6cf707f541b9a68b5dcdeb577ee86636c284
+style.css,1703959257833,faaecfdcce5ee8e3808c6f0d663ae1bcec9b809e02b988c846f78ceb1124647b
+index.html,1703959287414,a8b3e85db430a908a5ce1e7635eeccd6c71a5cfd5468bdcb0a593d22fe6acf8d
+assets/img/special-lanterna.jpeg,1703956483741,2f847b32990f59ad24b12e6469958dc16c8e3dfca662db18b8b3bc3e63250a21
diff --git a/public/index.html b/public/index.html
@@ -22,9 +22,10 @@
     <link
         href="https://fonts.googleapis.com/css2?family=Allura&family=Josefin+Sans&family=Montserrat:wght@300&family=Parisienne&display=swap"
         rel="stylesheet">
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+
     <link rel="stylesheet" href="style.css">
     <link rel="stylesheet" href="specials.html">
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 </head>
 
 <body>
@@ -372,12 +373,12 @@ <h2 class="accordion-header bg-dark" id="headingSix">
             </div>
         </div>
     </section>
-     <section>
+     <!-- <section>
             <div class="specials-button text-center">
                 <a class="btn btn-warning btn-lg text-center" href="./specials.html" role="button">Check our SPECIALS</a>
                 <h2><i class="fa-solid fa-arrow-left fa-2x"> </i>Click here to see our New Years Special!!!</h2>
             </div>
-        </section>
+        </section> -->
 
     <section id="location">
         <div>
@@ -393,51 +394,49 @@ <h2 class="contact-title">Our Location</h2>
             <div id="contact-us" class="col-lg-4 col-md-6">
                 <div>
                   <h3 class="">Whether you are looking for an intimate dinner for your closest friend and family or a business meeting, a birthday party, or a holiday reception with a few guest; We cater to every occasion. Give us a call or E-mail us at:<br>
-                    <a class="contact-info" href="tel:705 505-0088"><i class="icon fa-solid fa-phone"></i>705-505-0088</a><br>
-                    <a class="contact-info" href="mailto:[email protected]"><i class="icon fa-solid fa-envelope"></i>[email protected]</a><b>
                     </h3>
                 </div>
             </div>
+            <div class="text-center">
+                <h2 class="contact-title text-center">Contact Us</h2>
+                <h3>For Reservations please call us at:<a class="contact-info" href="tel:705 505-0088"><i class="icon fa-solid fa-phone"></i>705-505-0088</a><br>
+                    <h3>For caterin inquiries only, please E-mail us at: <a class="contact-info" href="mailto:[email protected]"><i class="icon fa-solid fa-envelope"></i>[email protected]</a><b>
+                    </h3>
+                </h3>
+            </div>
           <div>
         </div>
     </section>
     <div>
         <table class="opening-hours">
             <hr>
             <div>
-                <h2 class="openingHours-title text-center">Holiday Hours</h2>
+                <h2 class="openingHours-title text-center">Opening Hours</h2>
             </div>
             <tr>
-                <th class="schedule bg-dark">Sunday, Dec 24th<span>12:00-8pm</span></th>
+                <th class="schedule bg-dark">Sunday<span>12:00-9pm</span></th>
             </tr>
             <tr>
-                <th class="schedule">Monday, Dec 25th<span>OPEN 10AM-1PM<em>Order Pick ups only</em></span></th>
+                <th class="schedule">Monday<span>CLOSED</span></th>
             </tr>
             <tr>
-                <th class="schedule bg-dark">Tuesday (Boxing Day) Dec 26th<span>12-8pm</span></th>
+                <th class="schedule bg-dark">Tuesday<span>CLOSED</span></th>
             </tr>
             <tr>
-                <th class="schedule">Wednesday, Dec 27th<span>12-8pm</span></th>
+                <th class="schedule">Wednesday<span>CLOSED</span></th>
             </tr>
             <tr>
-                <th class="schedule bg-dark">Thursday<span>4:00-8pm</span></th>
+                <th class="schedule bg-dark">Thursday<span>CLOSED</span></th>
             </tr>
             <tr>
                 <th class="schedule">Friday<span>12:00-8pm</span></th>
             </tr>
             <tr>
                 <th class="schedule bg-dark">Saturday<span>12:00-8pm</span></th>
             </tr>
-            <tr>
-                <th class="schedule">Sunday, Dec 31st<span>12:00-9pm</span></th>
-            </tr>
-            <tr>
-                <th class="schedule bg-dark">Monday, January 1st<span>12-8pm</span></th>
-            </tr>
         </table>
     <div class="holiday-hours mt-5 mb-5">
-        <h2>We will resume operations on Friday Jan 5th</h2>
-        <h1 class="text-center">Merry Christmas and Happy 2024!</h1>
+
     </div>
     </div>
 

diff --git a/public/specials.html b/public/specials.html
@@ -64,9 +64,9 @@
                     <div class="container">
                         <div class="row">
                             <h1>Specials</h1>
-                            <div class="intro-text special-body col-lg-8">
+                            <!-- <div class="intro-text special-body col-lg-8">
                                 <img class="notice-body" src="./assets/img/special-lanterna.jpeg" alt="Pizza" />
-                            </div>
+                            </div> -->
                             <div class="col-lg-4 food-icon-group">
                                 <i class="fa-solid fa-pizza-slice fa-3x food-icons"></i>
                                 <i class="fa-solid fa-wine-bottle fa-3x food-icons"></i>
@@ -85,10 +85,8 @@ <h1>Specials</h1>
     </section>
     <footer class="second-footer">
 
-        <p class="copyright">&copy; 2022 Lanterna. All rights reserved. Designed by <a class="autor"
-                href="https://i-am-fabi.herokuapp.com/" rel="nofollow"> <i class="fa-solid fa-terminal"></i> Fabiola
-                C.
-                Gamboa</a></p>
+        <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>
     </footer>
 
 

diff --git a/public/style.css b/public/style.css
@@ -8,6 +8,9 @@ td{
     line-height: 50px;
     font-size: 20px;
 }
+tr{
+    padding-top:50px;
+}
 
 body {
     margin: 0 !important;
@@ -213,6 +216,7 @@ li,
 
 span {
     font-size: 20px;
+    padding-left:200px;
 }
 
 .additions {
@@ -314,9 +318,9 @@ em {
 
 
 .schedule{
-    padding:30px auto 30px auto !important;
+    padding:40px auto!important;
     display: flex;
-    justify-content: space-between;
+    justify-content: space-evenly;
     align-items: center;
     font-size: 25px;
 }
@@ -529,6 +533,9 @@ footer {
 
 
 @media screen and (max-width:768px) {
+    body{
+        width: 100%;
+    }
     :root {
         width: fit-content;
     }