Add files via upload

(+) mediaQueries for Phones Tablets And XL Desktops
d-velopr · Oct 16, 2023 · bbcbe86 · bbcbe86
1 parent 8c62fb0
commit bbcbe86
Show file tree

Hide file tree

Showing 16 changed files with 3,832 additions and 88 deletions.
diff --git a/README.txt b/README.txt
@@ -21,6 +21,9 @@ Credits:
 	Icons:
 		Font Awesome (fontawesome.io)
 
+	Media Queries: 
+   		http://foundation.zurb.com/docs/media-queries.html
+
 	Other:
 		jQuery (jquery.com)
 		Responsive Tools (github.com/ajlkn/responsive-tools)
diff --git a/aboutPage.html b/aboutPage.html
@@ -112,11 +112,11 @@ <h1><a href="index.html">Steaksta</a></h1>
           </div>
           <!--Footer-->
           <div class="steakstaFooter">
-            <h2 class="abbt"><a href="aboutPage.html">About</a></h2>
-            <h2 class="cntt"><a href="contactPage.html">Contact</a></h2>
-            <h2 class="faqq"><a href="faqPage.html">FAQ</a></h2>
-            <h2 class="pvcy"><a href="privacyPage.html">Privacy</a></h2>
-            <h2 class="tnc"><a href="termsPage.html">Terms & Conditions</a></h2>
+            <h2 class="abbt mobile-hide"><a href="aboutPage.html">About</a></h2>
+            <h2 class="cntt mobile-hide"><a href="contactPage.html">Contact</a></h2>
+            <h2 class="faqq mobile-hide"><a href="faqPage.html">FAQ</a></h2>
+            <h2 class="pvcy mobile-hide"><a href="privacyPage.html">Privacy</a></h2>
+            <h2 class="tnc mobile-hide"><a href="termsPage.html">Terms & Conditions</a></h2>
           </div>
         </div>
       </div>

diff --git a/cafeBali.html b/cafeBali.html
@@ -94,7 +94,7 @@ <h1><a href="index.html">Steaksta</a></h1>
 
           <div class="row gtr-150">
 
-            <div name="Left-SideBar-Content" class="col-4 col-12-medium extender sidebarv1 mobile-hide">
+            <div name="Left-SideBar-Content" class="col-4 col-12-medium extender sidebarv1">
               <!-- Sidebar -->
               <div id="sidebar" class="sidebarv2">
                 <section class="box curvL">
@@ -140,7 +140,7 @@ <h3><a href="#">Kino's Kitchen</a></h3>
                       </article>
                     </li>
                     <li>
-                      <article class="box post-excerpt">
+                      <article class="box post-excerpt recs3">
                         <a href="#" class="image left"
                           ></a>
                         <h3 class="topPlatesText"><a href="#">Delta</a></h3>
@@ -314,11 +314,11 @@ <h2>The Sayan House (Ubud, Bali)</h2>
           </div>
           <!--Footer-->
           <div class="steakstaFooter">
-            <h2 class="abbt"><a href="aboutPage.html">About</a></h2>
-            <h2 class="cntt"><a href="contactPage.html">Contact</a></h2>
-            <h2 class="faqq"><a href="faqPage.html">FAQ</a></h2>
-            <h2 class="pvcy"><a href="privacyPage.html">Privacy</a></h2>
-            <h2 class="tnc"><a href="termsPage.html">Terms & Conditions</a></h2>
+            <h2 class="abbt mobile-hide"><a href="aboutPage.html">About</a></h2>
+            <h2 class="cntt mobile-hide"><a href="contactPage.html">Contact</a></h2>
+            <h2 class="faqq mobile-hide"><a href="faqPage.html">FAQ</a></h2>
+            <h2 class="pvcy mobile-hide"><a href="privacyPage.html">Privacy</a></h2>
+            <h2 class="tnc mobile-hide"><a href="termsPage.html">Terms & Conditions</a></h2>
           </div>
         </div>
       </section>

diff --git a/cafeLA.html b/cafeLA.html
@@ -136,7 +136,7 @@ <h3><a href="#">Bossa Nova</a></h3>
                       </article>
                     </li>
                     <li>
-                      <article class="box post-excerpt">
+                      <article class="box post-excerpt recs3">
                         <a href="#" class="image left"
                           ></a>
                         <h3 class="topPlatesText"><a href="#">Wi Jammin Cafe</a></h3>
@@ -187,7 +187,7 @@ <h2>Berri's Café (Beverly Hills, CA)</h2>
                           </p>
                         </section>
                         </div>
-                    </div></a>
+                      </div></a>
                     <a href="https://www.doordash.com/store/wi-jammin-caribbean-cafe-los-angeles-340173/"><div class="bposts">
                       <div class="bloginside">
 
@@ -365,11 +365,11 @@ <h2>Jacks N Joe (West Los Angeles)</h2>
           </div>
           <!--Footer-->
           <div class="steakstaFooter">
-            <h2 class="abbt"><a href="aboutPage.html">About</a></h2>
-            <h2 class="cntt"><a href="contactPage.html">Contact</a></h2>
-            <h2 class="faqq"><a href="faqPage.html">FAQ</a></h2>
-            <h2 class="pvcy"><a href="privacyPage.html">Privacy</a></h2>
-            <h2 class="tnc"><a href="termsPage.html">Terms & Conditions</a></h2>
+            <h2 class="abbt mobile-hide"><a href="aboutPage.html">About</a></h2>
+            <h2 class="cntt mobile-hide"><a href="contactPage.html">Contact</a></h2>
+            <h2 class="faqq mobile-hide"><a href="faqPage.html">FAQ</a></h2>
+            <h2 class="pvcy mobile-hide"><a href="privacyPage.html">Privacy</a></h2>
+            <h2 class="tnc mobile-hide"><a href="termsPage.html">Terms & Conditions</a></h2>
           </div>
         </div>
       </section>

diff --git a/cafeVegas.html b/cafeVegas.html
@@ -134,7 +134,7 @@ <h3><a href="#">Ruth Chris</a></h3>
                       </article>
                     </li>
                     <li>
-                      <article class="box post-excerpt">
+                      <article class="box post-excerpt recs3">
                         <a href="#" class="image left"
                           ></a>
                         <h3 class="topPlatesText"><a href="#">Grand Lux Cafe</a></h3>
@@ -283,11 +283,11 @@ <h2>Hash House A Go Go</h2>
           </div>
           <!--Footer-->
           <div class="steakstaFooter">
-            <h2 class="abbt"><a href="aboutPage.html">About</a></h2>
-            <h2 class="cntt"><a href="contactPage.html">Contact</a></h2>
-            <h2 class="faqq"><a href="faqPage.html">FAQ</a></h2>
-            <h2 class="pvcy"><a href="privacyPage.html">Privacy</a></h2>
-            <h2 class="tnc"><a href="termsPage.html">Terms & Conditions</a></h2>
+            <h2 class="abbt mobile-hide"><a href="aboutPage.html">About</a></h2>
+            <h2 class="cntt mobile-hide"><a href="contactPage.html">Contact</a></h2>
+            <h2 class="faqq mobile-hide"><a href="faqPage.html">FAQ</a></h2>
+            <h2 class="pvcy mobile-hide"><a href="privacyPage.html">Privacy</a></h2>
+            <h2 class="tnc mobile-hide"><a href="termsPage.html">Terms & Conditions</a></h2>
           </div>
         </div>
       </section>

diff --git a/coffeeBali.html b/coffeeBali.html
@@ -140,7 +140,7 @@ <h3><a href="#">Indomaret</a></h3>
                       </article>
                     </li>
                     <li>
-                      <article class="box post-excerpt">
+                      <article class="box post-excerpt recs3">
                         <a href="#" class="image left"
                           ></a>
                         <h3 class="topPlatesText"><a href="#">Bulls Coffee</a></h3>
@@ -311,11 +311,11 @@ <h2>Bulls Coffee (Nusa Dua, Bali)</h2>
           </div>
           <!--Footer-->
           <div class="steakstaFooter">
-            <h2 class="abbt"><a href="aboutPage.html">About</a></h2>
-            <h2 class="cntt"><a href="contactPage.html">Contact</a></h2>
-            <h2 class="faqq"><a href="faqPage.html">FAQ</a></h2>
-            <h2 class="pvcy"><a href="privacyPage.html">Privacy</a></h2>
-            <h2 class="tnc"><a href="termsPage.html">Terms & Conditions</a></h2>
+            <h2 class="abbt mobile-hide"><a href="aboutPage.html">About</a></h2>
+            <h2 class="cntt mobile-hide"><a href="contactPage.html">Contact</a></h2>
+            <h2 class="faqq mobile-hide"><a href="faqPage.html">FAQ</a></h2>
+            <h2 class="pvcy mobile-hide"><a href="privacyPage.html">Privacy</a></h2>
+            <h2 class="tnc mobile-hide"><a href="termsPage.html">Terms & Conditions</a></h2>
           </div>
         </div>
       </section>

diff --git a/contactPage.html b/contactPage.html
@@ -107,12 +107,12 @@
     />
     <title>Contact Page - The Locals Food List | Steaksta</title>
   </head>
-  <body class="no-sidebar is-preload">
+  <body class="no-sidebar is-preload contactPg">
     <div id="page-wrapper">
       <!-- Header -->
-      <section id="header" class="wrapper">
+      <section id="header" class="wrapper style">
         <!-- Logo -->
-        <div id="logo">
+        <div id="logo" class="contactLogo">
           <h1><a href="index.html">Contact</a></h1>
           <p>Contact Us About Any Questions Or Suggestions You Might Have</p>
         </div>
@@ -153,7 +153,7 @@ <h1><a href="index.html">Contact</a></h1>
         </nav>
       </section>
 
-      <div id="main" class="wrapper style1">
+      <div id="intro" class="wrapper style1">
         <div class="title">Leave A Reply</div>
         <div class="container">
           <div id="content">
@@ -189,7 +189,7 @@ <h1><a href="index.html">Contact</a></h1>
                         ></textarea>
                       </div>
 
-                      <div class="col-12">
+                      <div class="col-12 contactSub">
                         <ul class="actions">
                           <li>
                             <input
@@ -209,14 +209,21 @@ <h1><a href="index.html">Contact</a></h1>
           </div>
           <!--Footer-->
           <div class="steakstaFooter mobile-hide">
-            <h2 class="abbt"><a href="aboutPage.html">About</a></h2>
-            <h2 class="cntt"><a href="contactPage.html">Contact</a></h2>
-            <h2 class="faqq"><a href="faqPage.html">FAQ</a></h2>
-            <h2 class="pvcy"><a href="privacyPage.html">Privacy</a></h2>
-            <h2 class="tnc"><a href="termsPage.html">Terms & Conditions</a></h2>
+            <h2 class="abbt mobile-hide"><a href="aboutPage.html">About</a></h2>
+            <h2 class="cntt mobile-hide">
+              <a href="contactPage.html">Contact</a>
+            </h2>
+            <h2 class="faqq mobile-hide"><a href="faqPage.html">FAQ</a></h2>
+            <h2 class="pvcy mobile-hide">
+              <a href="privacyPage.html">Privacy</a>
+            </h2>
+            <h2 class="tnc mobile-hide">
+              <a href="termsPage.html">Terms & Conditions</a>
+            </h2>
           </div>
         </div>
       </div>
+      <div></div>
     </div>
     <!-- Scripts -->
     <script

diff --git a/faqPage.html b/faqPage.html
@@ -137,11 +137,11 @@ <h2>Frequently Asked Questions</h2>
           </div>
           <!--Footer-->
           <div class="steakstaFooter">
-            <h2 class="abbt"><a href="aboutPage.html">About</a></h2>
-            <h2 class="cntt"><a href="contactPage.html">Contact</a></h2>
-            <h2 class="faqq"><a href="faqPage.html">FAQ</a></h2>
-            <h2 class="pvcy"><a href="privacyPage.html">Privacy</a></h2>
-            <h2 class="tnc"><a href="termsPage.html">Terms & Conditions</a></h2>
+            <h2 class="abbt mobile-hide"><a href="aboutPage.html">About</a></h2>
+            <h2 class="cntt mobile-hide"><a href="contactPage.html">Contact</a></h2>
+            <h2 class="faqq mobile-hide"><a href="faqPage.html">FAQ</a></h2>
+            <h2 class="pvcy mobile-hide"><a href="privacyPage.html">Privacy</a></h2>
+            <h2 class="tnc mobile-hide"><a href="termsPage.html">Terms & Conditions</a></h2>
           </div>
         </div>
       </div>

diff --git a/index.html b/index.html
@@ -2,10 +2,8 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, user-scalable=no"
-    />
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+
     <meta name="description" content="Steaksta is an online directory that lists only the best food establishments,
     in various cities around the world. I am world traveler as well as a culinary enthusiast, so i figured
     why don't I make a website that displays my research . I have put a lot of time into this and I hope anytime
@@ -22,6 +20,8 @@
       gtag('config', 'G-J58KNB8PJK');
     </script>
 
+    <script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=6524a0cd7da2d70012db43aa&product=inline-share-buttons&source=platform" async="async"></script>
+
    <link rel="stylesheet" href="assets/css/main.css">
 
     <link rel="apple-touch-icon" sizes="57x57" href="images/fav/apple-icon-57x57.png">
@@ -41,7 +41,6 @@
     <meta name="msapplication-TileImage" content="images/fav/ms-icon-144x144.png">
     <meta name="theme-color" content="#ffffff">
     <link rel="apple-touch-icon" sizes="60x60" href="images/fav/apple-icon-60x60.png">
-    <script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=6524a0cd7da2d70012db43aa&product=inline-share-buttons&source=platform" async="async"></script>
     <title>The Locals Food List - Home | Steaksta</title>
   </head>
 
@@ -59,7 +58,7 @@ <h1><a href="index.html">Steaksta</a></h1>
           <ul>
             <li class="current"><a href="index.html">Home</a></li>
             <li>
-              <a href="#">Category</a>
+                <a href="#">Category</a>
               <ul>
                 <li>
                   <a href="#">Cafés</a>
@@ -94,14 +93,14 @@ <h1><a href="index.html">Steaksta</a></h1>
 
         <div class="title">Welcome !</div>
         <div class="container">
-          <p class="style2 mobile-fix">
+          <p class="style2">
             A Place Where We Recount Our Culinary Discoveries
           </p>
         </div>
 
         <div class="container">
 
-          <div class="row aln-center curvR">
+          <div class="row aln-center curvHomePg">
 
             <div class="col-4 col-12-medium">
 
@@ -136,6 +135,7 @@ <h3>Steakhouses</h3>
 
       <section id="footer" class="wrapper">
         <div class="title">Subscribe</div>
+
         <div class="container">
 
           <header class="style1">
@@ -155,7 +155,7 @@ <h2>Steaksta Newsletter</h2>
                 <form method="POST" action="https://formspree.io/f/myyqbkqk">
                   <div class="eSubs row gtr-50">
 
-                    <div class="col-6 col-12">
+                    <div class="col-6 col-12 eSubs">
                       <input
                         type="text"
                         name="email"
@@ -179,7 +179,6 @@ <h2>Steaksta Newsletter</h2>
 
 
             <div class="sharethis-inline-share-buttons smButton"></div>
-
             <!--Footer-->
             <div class="steakstaFooter">
               <h2 class="abbt mobile-hide"><a href="aboutPage.html">About</a></h2>