Untitled

<!DOCTYPE HTML>

<html>
<head>
    <title>Does it work ?</title>
    <meta name="viewport" content="width=device-width, intial-scale=1.0">
    <link href="css/bootstrap.min.css" rel = "stylesheet" >
    <link href="css/styles.css" rel = "stylesheet">


 <!--      _~       -->
 <!--   _~ )_)_~    -->
 <!--   )_))_))_)   -->
 <!--  __!__!__!__  -->
 <!--  \Lolz Boat/  -->
 <!--   \_______/   -->

</head>

<body>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>

    <div class = "navbar navbar-inverse navbar-static-top">

        <div class = "container">

            <div id="webtitle" class = "navbar-brand">The CS GO Middleman Service</div>

            <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 class = "collapse navbar-collapse navheadercollapse">

                <ul style = "color: #0099FF;" class = "nav navbar-nav navbar-left">

                    <li class = "active" ><a herf = "#">Home</a></il>
                    <li > <a herf = "#">About</a></il>
                    <li > <a herf = "#">Stuff 1</a></il>
                    <li > <a herf = "#">Stuff 2</a></il>
                    <li class = "dropdown">


                    <a href = "#" class = "dropdown-toggle" data-toggle = "dropdown">A drop down</a>
                        <ul class = "dropdown-menu">
                            <li><a href = "#">Drop Down 1</a></li>
                            <li><a href = "#">Drop Down 2</a></li>
                            <li><a href = "#">Drop Down 3</a></li>
                </ul>

                    </li>


                </ul>

            </div>

        </div>

    </div>


</body>


</html>