vihang1397 · vihang1397 · Aug 13, 2020 · Aug 5, 2020 · Aug 5, 2020 · Aug 5, 2020
diff --git a/app.js b/app.js
@@ -1,7 +1,7 @@
-const hamburger = document.querySelector(".hamburger");
-const navLinks = document.querySelector(".nav-links");
-const links = document.querySelector(".nav-links li");
-
-hamburger.addEventListener("click", () => {
-  navLinks.classList.toggle("open");
-});
+var show = document.getElementById("nav-links");
+function showMenu() {
+  show.style.right = "0";
+}
+function closeMenu() {
+  show.style.right = "-200px";
+}
diff --git a/bar&food.html → dining.html b/bar&food.html → dining.html
diff --git a/images/Bar&food.jpg b/images/Bar&food.jpg
diff --git a/images/dining-responsive.jpg b/images/dining-responsive.jpg
diff --git a/images/dining.jpg b/images/dining.jpg
diff --git a/images/hero.jpg b/images/hero.jpg
diff --git a/images/league-responsive.jpg b/images/league-responsive.jpg
diff --git a/images/league.jpg b/images/league.jpg
diff --git a/images/original hero.jpg b/images/original hero.jpg
diff --git a/images/pexels-matthias-zomer-344029.jpg → images/package original.jpg b/images/pexels-matthias-zomer-344029.jpg → images/package original.jpg
diff --git a/images/package-responsive.jpg b/images/package-responsive.jpg
diff --git a/images/package.jpg b/images/package.jpg
diff --git a/index.html b/index.html
@@ -10,37 +10,72 @@
     />
     <title>TVL - Where Bowling meets FUN!</title>
     <link rel="stylesheet" href="style.css" type="text/css" />
+    <link
+      href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css"
+      rel="stylesheet"
+    />
   </head>
   <body>
-    <header>
-      <nav>
-        <div class="hamburger">
-          <div class="line"></div>
-          <div class="line"></div>
-          <div class="line"></div>
+    <div class="hero">
+      <div class="nav-bar">
+        <div class="nav-logo">
+          <img src="images/logo1.png" alt="TVL Logo" />
         </div>
-
-        <ul class="nav-links">
-          <img
-            src="images/logo1.png"
-            alt="TrentValley Lanes Logo"
-            id="logo"
-            height="88px"
-          />
-          <li><a href="index.html">Home</a></li>
-          <li><a href="about.html">About</a></li>
-          <li><a href="contact.html">Contact</a></li>
-          <li><a href="#">Bar & Eatery</a></li>
+        <div class="nav-links" id="nav-links">
+          <i class="fa fa-times" onclick="closeMenu()"></i>
+          <ul>
+            <a href="#"><li>Home</li></a>
+            <a href="#"><li>Dining</li></a>
+            <a href="#"><li>About</li></a>
+            <a href="#contact-jump"><li>Contact</li></a>
+          </ul>
+        </div>
+        <i class="fa fa-bars" onclick="showMenu()"></i>
+      </div>
+      <div class="banner-title">
+        <h1>
+          Trent Valley Lanes <br />
+          where <span>Bowling</span> meets <span>FUN!</span>
+        </h1>
+      </div>
+      <div class="spotlight">
+        <ul>
+          <a href="#"
+            ><li id="league"><h2>League</h2></li></a
+          >
+          <a href="#"
+            ><li id="dining"><h2>Dining</h2></li></a
+          >
+          <a href="#"
+            ><li id="package"><h2>Package</h2></li></a
+          >
         </ul>
-      </nav>
-      <!-- <img src="images/logo.png" alt="TroyValley Lanes Logo" id="logo" /> -->
-    </header>
+      </div>
+      <div class="contact">
+        <h3 id="contact-jump">Contact Info</h3>
+        <p>Trent Valley Lanes</p>
+        <p>Email</p>
+        <p>Ph #</p>
+        <p>Addy</p>
+      </div>
+      <footer>
+        Copyright © 2020 Trent Valley Lanes
+      </footer>
+    </div>
+    <div class="about">
+      <h3>All About Us</h3>
+      <br />
+      <p>
+        Trent Valley Lanes has been around since 19''. We aquired it back in
+        201' and is our family run business. We have bowling fun with DJ Earl as
+        well as a bar and eatery. We also have nightly leagues and are a part of
+        YBC. Come and join us for some fun!
+      </p>
+    </div>
+    <div class="faq">
+      <h3>FAQ's</h3>
+    </div>
 
-    <section class="landing"></section>
-    <footer>
-      Copyright © 2020 Vihang Idnani &
-      <a href="https://vostersmedia.ca" class="copyright">Vosters Media</a>
-    </footer>
     <script src="app.js"></script>
   </body>
 </html>