index.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  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="styles.css">
  8. </head>
  9. <body>
  10. <!-- Navigation Section -->
  11. <nav>
  12. <img src="https://content.codecademy.com/courses/web-101/unit-6/htmlcss1-img_burger-logo.svg" />
  13. <span><a href="#">MENU</a></span>
  14. <span><a href="#">NUTRITION</a></span>
  15. <span><a href="#">ORDER</a></span>
  16. <span><a href="#">LOCATIONS</a></span>
  17. </nav>
  18. <!-- Content Section -->
  19. <div class="content">
  20. <!-- Content Header -->
  21. <div class="header">
  22. <h1>BBQ BACON BURGER</h1>
  23. </div>
  24. <!-- Content Body -->
  25. <div class="body">
  26. <p>
  27. Our BBQ Bacon Burger features our special house ground blend of wagyu and sirloin, spiced perfectly, and
  28. finished off with just a drop of white truffle oil. A butter grilled brioche bun layered with roasted
  29. red onion, perfectly crispy pork belly, and our hickory smoked BBQ sauce.
  30. </p>
  31. <!-- Order Button -->
  32. <a href="#" class="button">ORDER NOW</a>
  33. <!-- Nutrition Information -->
  34. <ul class="nutrition">
  35. <li>
  36. <span class="category">CALORIES</span>
  37. <span class="value">678</span>
  38. </li>
  39. <li>
  40. <span class="category">FAT</span>
  41. <span class="value">32</span>
  42. </li>
  43. <li>
  44. <span class="category">PROTEIN</span>
  45. <span class="value">8</span>
  46. </li>
  47. <li>
  48. <span class="category">CARBOHYDRATES</span>
  49. <span class="value">34</span>
  50. </li>
  51. <li>
  52. <span class="category">SODIUM</span>
  53. <span class="value">112</span>
  54. </li>
  55. </ul>
  56. </div>
  57. </div>
  58. </body>
  59. </html>