Untitled

<!DOCTYPE HTML>
<html lang = "en-US">
    <head>
        <meta charset = "utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Cookie Dunk Dunk</title>
        <link rel="stylesheet" href="assets/css/bootstrap.css" type="text/css">
        <link rel="stylesheet" href="assets/css/style.css" type="text/css">
    </head>
    <body>

    <header>
    <!--Houses the navbar, first bg-image, and CDD image-->
        <div class="row black">
            <div class="container">
            </div>
        </div>
    </header>

    <!--Houses the dunk your destiny opening text. 2 columns for large displays. 2 rows for smaller displays-->

    <div class="container">
        <div class="row black2">
                <div class="col-md-6 col-lg-6">
                    <div class="lightgrey">
                    </div>
                </div>
                <div class="col-md-6 col-lg-6">
                    <div class="lightgrey">
                    </div>
                </div>
        </div>

        <!--Houses the gameplay section. 1 column for all-->
        <div class="row black2">
            <div class="col-xs-12">
                <div class="lightgrey">
                </div>
            </div>
        </div>

        <!--Houses what players say ribbon. 1 column for all-->
        <div class="row black2">
            <div class="col-xs-12">
                <div class="lightgrey">
                </div>
            </div>
        </div>

        <!--Houses what players say text. 2 column for large displays. 2 rows for small displays.-->
        <div class="row black2">
            <div class="col-md-6 col-lg-6">
                <div class="lightgrey">
                </div>
            </div>
            <div class="col-md-6 col-lg-6">
                <div class="lightgrey">
                </div>
            </div>
        </div>

        <!--Houses the meet the cookies section. 1 column for all-->
        <div class="row black2">
            <div class="col-xs-12">
                <div class="lightgrey">
                </div>
            </div>
        </div>

            <!--Houses the contact us section. 1 column for all-->
        <div class="row black2">
            <div class="col-xs-12">
                <div class="lightgrey">
                </div>
            </div>
        </div>
    </div>


    <footer>
    <!--Houses the footer-->
        <div class="row black">
            <div class="container">
            </div>
        </div>
    </footer>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js" type="text/javascript">
    </body>
</html>