devleagueprep · victorlhlee · Nov 25, 2017 · Nov 25, 2017 · Feb 27, 2018
diff --git a/css/styles.css b/css/styles.css
@@ -1,8 +1,51 @@
-
 body{
  font-family: 'Syncopate', sans-serif;
 }
 
+#navmenu{
+  text-align: center;
+}
+
+.navi{
+  font-size: 25px;
+  font-weight: bold;
+  margin: 70px;
+  position: relative;
+  display: inline-block;
+}
+
+.navi:hover{
+  color: red;
+}
+
+.inner{
+  font-size: 20px;
+  display: none;
+  position: absolute;
+  color: cornflowerblue;
+  text-decoration: none;
+  text-align: center;
+}
+
+#banner{
+  background-image: url("https://edge.alluremedia.com.au/m/l/2016/11/HiRes-5.jpg");
+  height: 500px;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+
+
+
+span{
+  color: cornflowerblue;
+}
+
+#newMenu{
+  margin: 20px;
+  padding: 20px;
+}
+
 #descrip{
   font-weight: bold;
   font-size: 20px;
@@ -18,6 +61,10 @@ body{
   padding: 20px;
 }
 
+.name:hover{
+  background-color: cornflowerblue;
+  color: yellow;
+}
 
 img{
   width: 200px;
@@ -26,5 +73,32 @@ img{
   margin-top: 5px;
 }
 
+#socialMedia{
+  margin-top: 20px;
+}
+
+.rank{
+  border: 2px solid black;
+  display: block;
+  margin-top: 20px;
+}
 
+.rank:hover{
+  border: 2px solid cornflowerblue;
+}
+
+.mcd, .descrip, .thumb{
+  padding: 15px;
+}
+
+.descrip{
+  font-size: 20px;
+}
+
+
+#footer{
+  text-align: center;
+  background-color: cornflowerblue;
+  padding: 20px;
+}
 
diff --git a/index.html b/index.html
@@ -4,10 +4,25 @@
   <meta charset="UTF-8">
   <title>this-events</title>
   <link href="https://fonts.googleapis.com/css?family=Audiowide|Luckiest+Guy|Shrikhand|Syncopate" rel="stylesheet">
+  <script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
   <link rel="stylesheet" href="css/styles.css">
 </head>
 <body>
-<h1>This Secret Menu</h1>
+  <nav id="navmenu">
+    <div class="navi">Home
+      <a href="#" class="inner">About Us</a>
+    </div>
+    <div class="navi">Location
+      <a href="#" class="inner">Hawaii</a>
+    </div>
+    <div class="navi">Blog
+      <a href="#" class="inner">Nov 2018</a>
+    </div>
+  </nav>
+  <div id="banner">
+  </div>      
+<div id="newMenu">
+<h1><span>"This"</span> Secret Menu</h1>
   <p id="descrip">Click on your favorite restaurant to unlock the secret menu item.</p>
   <div id="main">
    <h2 class="name">McDonald's
@@ -30,9 +45,41 @@ <h2 class="name">Burger King
       <p class="menu">Suicide Burger $19.99<img src="http://cdn.secretmenus.com/wp-content/uploads/2014/03/suicide-burger.png" alt="">
       </p>
    </h2>
-
   </div>
+   <div id="socialMedia">
+    <h1>Rate <span>"This"</span> Week's Losers</h1>
+      <div class="rank">
+        <img class="mcd" src="https://i.kinja-img.com/gawker-media/image/upload/s--RmQjcpRt--/c_scale,fl_progressive,q_80,w_800/qxapq7y76btrv0fcwgb9.jpg" alt="">
+        <div class="descrip">The Filet-O-Fish otherwise known as the 'Fish-O-Filet' is a fish sandwich sold by the international fast food chain store McDonald's. It was invented in 1962 by Lou Groen, a McDonald's franchise owner in Cincinnati, Ohio, in response to falling hamburger sales on Fridays resulting from the Roman Catholic practice of abstaining from meat on Fridays. While the fish composition of the sandwich has changed through the years to satisfy taste and supply shortcomings, the framework of its ingredients have remained constant; a fried breaded fish fillet, a steamed bun, tartar sauce, and pasteurized processed American cheese.</div>
+        <div class="thumb" style="font-size:3em; color:cornflowerblue">
+          <i class="far fa-thumbs-down"></i>
+           <div class="counter"></div>
+        </div>
+    </div>
+     <div class="rank">
+        <img class="mcd" src="https://localtvwiti.files.wordpress.com/2018/01/nuggets.jpg?quality=85&strip=all&w=1200" alt="">
+        <div class="descrip">Chicken McNuggets are a type of chicken product offered by international fast-food restaurant chain McDonald's, which they introduced in select markets in 1981,and made available nationwide by 1983. They consist of small pieces of processed chicken meat that have been battered and deep fried.</div>
+        <div class="thumb" style="font-size:3em; color:cornflowerblue">
+          <i class="far fa-thumbs-down"></i>
+        </div>
+    </div>
+     <div class="rank">
+        <img class="mcd" src="https://www.mcdonalds.com.ph/userfiles/images/ourfood/main/Apple435X320(1).png" alt="">
+        <div class="descrip">McDonald's apple pies were introduced on the menu in 1968, but in 1992 they were phased out in favor of a baked pie (claimed to be healthier) in the United States. There are some McDonald's restaurants throughout the US and world which still offer the fried pies, including all McDonald's restaurants in the United Kingdom, Japan, and Russia. Flavors include cherry and apple (US mainland), taro (Hawaii), and green bean or red bean (China). The Burger King chain also offers fried pies on its menu, in apple and "wild berry" flavors.</div>
+        <div class="thumb" style="font-size:3em; color:cornflowerblue">
+          <i class="far fa-thumbs-down"></i>
+        </div>
+    </div>
+
+
+    </div>
+
+</div>  
   <div id="footer">&copy 2017 Gin Drinkers Association (GDA)</div>
   <script src="js/app.js"></script>
+
+
+
+
 </body>
 </html>
diff --git a/js/app.js b/js/app.js
@@ -1,4 +1,16 @@
-//Secret Menu Challenge!
-/*Add event listeners to each restaurant name that will show and hide (toggle) the secret menu item for that particular restaurant.*/
 
+//Secret Menu Challenge
+//Add event listeners to the following:
 
+
+/*1) to the navmenu items (Home, Location, Blog) that will show and hide the contents for that specific navmenu item.*/
+
+
+
+
+
+/*2) to each restaurant name that will show and hide (toggle) the secret menu item for that particular restaurant.*/
+
+
+
+/*3) to the thumbs down icon that will add a count (counter) for each time the icon is clicked on.*/