asdfasdf

<!DOCTYPE html>
<html>

  <head>
    <title>Your Website</title>
    <meta name="viewport" content="width=divice-width,initial-scale=1.0">
    <link href = "css/bootstrap.min.css" rel ="stylesheet">
    <link href = "css/styles.css" rel = "stylesheet">
    <link rel="stylesheet"  href="/css/style.css">
  </head>
  <body>
    <div class="navbar navbar-inverse navbar-static-top">
        <div class="container">
            <div class="navbar-header">
                <a href="#" class="navbar-brand">Mason World</a>

                <button class ="navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <div class = "collapse navbar-collapse navHeaderCollapse">
                <ul class ="nav navbar-nav navbar-right">
                    <!--<li><a href="#">ABOUT</a></li>-->]
                    <li><a href="#" data-toggle="modal" data-target="#bannerformmodal">ABOUT</a></li>
                        <div class="modal fade bannerformmodal" tabindex="-1" role="dialog" aria-labelledby="bannerformmodal" aria-hidden="true" id="bannerformmodal">
                            <div class="modal-dialog modal-sm">
                                <div class="modal-content">
                                    NOTE: Mason World is a website dedicated to Mason Jar culture and is strictly for Mason Maniacs. Those of you who are visiting because you got off at the wrong stop on the google train are advised to leave immediately  we call the Mason Police to escort you out of this sacred corner of the internet.
                                </div>
                            </div>
                        </div>
                    <li><a href="#" class=" dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">CONTACT<span class="caret"></span></a></li>
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
                            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
                            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
                            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
                        </ul>

                </ul>
            </div>
        </div>
    </div>


    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="6000">
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <div class="container">
            <div class="row">
            <!--<div class=".col-md-4">-->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="http://i.imgur.com/Dd1tXii.jpg"/>
                    </div>
                    <div class="item">
                        <img src="http://i.imgur.com/XA6Lrob.jpg"/>
                    </div>
                    <div class="item">
                        <img src="http://i.imgur.com/a3VIS9J.jpg"/>
                    </div>
                </div>
            </div>
        </div>
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <style type="txt/css">

h1 {
color: red;
}
</style>
    <h1>asdfasdf</h1>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src = "js/bootstrap.js"></script>
  </body>
</html>