Untitled

<!DOCTYPE html>
<html lang="en">
    <head>

        <!-- Basic Page Needs -->
        <meta charset="utf-8">
        <title>Bulldog Burritos - The Best Burritos in Town</title>
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Mobile Specific Metas -->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- FONT -->
        <link href="//fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">

        <!-- CSS -->
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/skeleton.css">
        <link rel="stylesheet" href="css/custom.css">

        <!-- Scripts -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

        <script type="text/javascript">

            /* When the document is ready (fully-loaded) */
            $(document).ready(function () {

                /* Create empty responsive navigation dropdown */
                $("<select />").appendTo("#navigation div");

                /* Add default "Go to" item to the responsive navigation dropdown */
                $("<option />", {
                    "selected": "selected",
                    "value": "",
                    "text": "Go to..."}).appendTo("#navigation div select");

                /* Populate the dropdown using values from the current navigation bar */
                $("#navigation div ul li a").each(function () {
                    var el = $(this);
                    $("<option />", {
                        "value": el.attr("href"),
                        "text": el.text()
                    }).appendTo("#navigation select");
                });

                /* When dropdown option changes, go to its URL */
                $("#navigation select").change(function () {
                    window.location = $(this).find("option:selected").val();
                });

            });

        </script>

        <!-- Favicon -->
        <link rel="icon" type="image/png" href="images/favicon.png">

    </head>
    <body>

        <!-- Primary Page Layout -->

        <!-- start header -->
        <div class="band header">
            <div id="header" class="container">
                <div class="twelve columns">
                    <h1 class="logo"></h1>
                </div>
            </div>
        </div>
        <!-- end header -->

        <!-- start navigation -->
        <div class="band navigation">
            <div id="navigation" class="container">
                <div class="twelve columns">
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="menu.html">Menu</a></li>
                        <li><a href="about.html">About</a></li>
                        <li><a href="directions.html">Directions</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- end navigation -->

        <!-- start content -->
        <div id="content" class="container">
            <div class="eight columns">
                <h2>Welcome to Bulldog Burritos!</h2>
                <p>Here at <strong>Bulldog Burritos</strong> we pride ourselves on creating awesome burritos with awesome ingredients for awesome students.</p>
                <p>Proudly serving the Arvada High School student body since 1900, <strong>Bulldog Burritos</strong> has helped to feed over a century's worth of Arvada's finest students and faculty.</p>
                <p>We offer jumbo, mission-style, burrito creations, and tacos that won't break your budget.  Watching your weight?  You should probably just turn around then and go somewhere else.  Check out our <a href="menu.html" title="Our Menu">Menu page</a> for more.</p>
                <p>How can we serve <strong><em>you</em></strong> today?</p>
            </div>
            <div class="four columns">
                <img src="images/high-schooler-eating-burritos-1024x683.jpg" alt="High Schoolers Eating Burritos">
            </div>
        </div>
        <!-- end content -->

        <!-- start footer -->
        <div class="band footer">
            <div id="footer" class="container">
                <div class="twelve columns">
                    <p><em>We've got the best burritos this side of the water bowl!</em></p>
                </div>
            </div>
        </div>
        <!-- end footer -->

        <!-- End Document -->
    </body>

</html>