makispaiktis

Codecademy - 12th Exercise (Davie's Burgers Prototype)

Oct 9th, 2019 (edited)
264
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.95 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <title>Davie JR's Menu</title>
  5.   <link href="https://fonts.googleapis.com/css?family=Roboto:100,500,700|Oswald:300,400,700" rel="stylesheet">
  6.   <link rel="stylesheet" type="text/css" href="reset.css">
  7.   <link rel="stylesheet" type="text/css" href="style.css">
  8. </head>
  9.  
  10. <body>
  11.  
  12.   <!-- Navigation Section -->
  13.  
  14.   <nav>
  15.     <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_burger-logo.svg" />
  16.     <span><a href="#">MENU</a></span>
  17.     <span><a href="#">NUTRITION</a></span>
  18.     <span><a href="#">ORDER</a></span>
  19.     <span><a href="#">LOCATIONS</a></span>
  20.   </nav>
  21.  
  22.   <!-- Content Section -->
  23.  
  24.   <div class="content">
  25.  
  26.     <!-- Content Header -->
  27.    
  28.     <div class="header">
  29.       <h1>BBQ BACON BURGER</h1>
  30.     </div>
  31.  
  32.     <!-- Content Body -->
  33.  
  34.     <div class="body">
  35.       <p>
  36.         Our BBQ Bacon Burger features our special house ground blend of wagyu and sirloin, spiced perfectly, and finished off with just a drop of white truffle oil. A butter grilled brioche bun layered with roasted red onion, perfectly crispy pork belly, and our hickory smoked BBQ sauce.
  37.       </p>
  38.  
  39.       <!-- Order Button -->
  40.  
  41.       <a href="#" class="button">ORDER NOW</a>
  42.  
  43.       <!-- Nutrition Information -->
  44.      
  45.       <ul class="nutrition">
  46.         <li>
  47.           <span class="category">CALORIES</span>
  48.           <span class="value">678</span>
  49.         </li>
  50.         <li>
  51.           <span class="category">FAT</span>
  52.           <span class="value">32</span>
  53.         </li>
  54.         <li>
  55.           <span class="category">PROTEIN</span>
  56.           <span class="value">8</span>
  57.         </li>
  58.         <li>
  59.           <span class="category">CARBOHYDRATES</span>
  60.           <span class="value">34</span>
  61.         </li>
  62.         <li>
  63.           <span class="category">SODIUM</span>
  64.           <span class="value">112</span>
  65.         </li>
  66.       </ul>
  67.     </div>
  68.   </div>
  69.  
  70. </body>
  71. </html>
Add Comment
Please, Sign In to add comment