<html>
<head>
<title>
</title>
<style>
.checked {
color: orange;
}
</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>\
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu1">
<span class="sr-only"> Toggle navigation </span>
<span class="icon-bar"> </span>
<span class="icon-bar"> </span>
<span class="icon-bar"> </span>
</button>
<a href="#" class="navbar-brand"> Brand Company </a>
</div>
<div class="collapse navbar-collapse" id="menu1">
<ul class="nav navbar-nav">
<li class="btn btn-warning"> <a href="#"> HOME </a> </li>
<li class="btn btn-warning"> <a href="#"> GALLERY </a> </li>
<li class="btn btn-warning"> <a href="#"> VIDEO </a> </li>
<li class="btn btn-warning"> <a href="#"> ABOUT </a> </li>
<li class="btn btn-warning"> <a href="#"> CONTECT </a> </li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> DROPDOWN MENU <b class="caret"> </b> </a>
<ul class="dropdown-menu">
<li> <a href="#"> </a> WORD 1 </li>
<li class="divider"> </li>
<li> <a href="#"> </a> WORD 1 </li>
<li class="divider"> </li>
<li> <a href="#"> </a> WORD 1 </li>
<li class="divider"> </li>
<li> <a href="#"> </a> WORD 1 </li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</body>
</html>
Comments
Post a Comment