008.DaviesBurgers/index.html

<!-- Fix a fictional restaurant using Box Model properties height, width, padding, borders and margins.  -->
<!DOCTYPE html>
<html>

<head>
    <title>Davies Burgers Menu</title>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,500,700|Oswald:300,400,700"
          rel="stylesheet">
    <link rel="stylesheet"
          type="text/css"
          href="reset.css">
    <link rel="stylesheet"
          type="text/css"
          href="style.css">
</head>

<body>
    <!-- Navigation Section -->
    <nav>
        <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_burger-logo.svg" />
        <span><a href="#">MENU</a></span>
        <span><a href="#">NUTRITION</a></span>
        <span><a href="#">ORDER</a></span>
        <span><a href="#">LOCATIONS</a></span>
    </nav>
    <!-- Content Section -->
    <div class="content">
        <!-- Content Header -->
        <div class="header">
            <h1>BBQ BACON BURGER</h1>
        </div>
        <!-- Content Body -->
        <div class="body">
            <p>
                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.
            </p>
            <!-- Order Button -->
            <a href="#"
               class="button">ORDER NOW</a>
            <!-- Nutrition Information -->
            <ul class="nutrition">
                <li>
                    <span class="category">CALORIES</span>
                    <span class="value">678</span>
                </li>
                <li>
                    <span class="category">FAT</span>
                    <span class="value">32</span>
                </li>
                <li>
                    <span class="category">PROTEIN</span>
                    <span class="value">8</span>
                </li>
                <li>
                    <span class="category">CARBOHYDRATES</span>
                    <span class="value">34</span>
                </li>
                <li>
                    <span class="category">SODIUM</span>
                    <span class="value">112</span>
                </li>
            </ul>
        </div>
    </div>
</body>

</html>