<meta name="viewport" content="width=device-width">
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link href="hybridmenu.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<BODY>
<nav id="mobile-menu"></nav>
<nav id="hybridmenu">
<ul class="main-menu">
<li class="mobile-menu-item"><i class="fa fa-bars"></i></li>
<li class="parent">
<a href="#"><i class="fa fa-certificate"></i><span>Scripts</span></a>
<ul class="sub-menu">
<li><a href="#">Submenu Item 1</a></li>
<li><a href="#">Submenu Item 2</a></li>
<li><a href="#">Submenu Item 3</a></li>
<li><a href="#">Submenu Item 4</a></li>
<li><a href="#">Submenu Item 1</a></li>
<li><a href="#">Submenu Item 2</a></li>
<li><a href="#">Submenu Item 3</a></li>
<li><a href="#">Submenu Item 4</a></li>
</ul>
</li>
<li class="parent">
<a href="#"><i class="fa fa-css3"></i><span>Menu Item 2</span></a>
<ul class="sub-menu">
<li><a href="#">Submenu Item 1</a></li>
<li><a href="#">Submenu Item 2</a></li>
<li><a href="#">Submenu Item 3</a></li>
</ul>
</li>
<li class="parent">
<a href="#"><i class="fa fa-save"></i><span>Menu Item 2</span></a>
<ul class="sub-menu">
<li><a href="#">Submenu Item 1</a></li>
<li><a href="#">Submenu Item 2</a></li>
<li><a href="#">Submenu Item 3</a></li>
</ul>
</li>
<li class="parent">
<a href="#"><i class="fa fa-css3"></i><span>Menu Item 2</span></a>
<ul class="sub-menu">
<li><a href="#">Submenu Item 1</a></li>
<li><a href="#">Submenu Item 2</a></li>
<li><a href="#">Submenu Item 3</a></li>
</ul>
</li>
<li class="parent">
<a href="#"><i class="fa fa-gear"></i><span>Menu Item 3</span></a>
</li>
<li class="menu-right parent">
<a href="#"><i class="fa fa-phone"></i><span>Menu Item 5</span></a>
<ul class="sub-menu">
<li><a href="#">Submenu Item 1</a></li>
<li><a href="#">Submenu Item 2</a></li>
<li><a href="#">Submenu Item 3</a></li>
</ul>
</li>
<li class="menu-right parent">
<a href="#"><i class="fa fa-comment"></i><span>Menu Item 4</span></a>
<ul class="sub-menu">
<li><a href="#">Submenu Item 1</a></li>
<li><a href="#">Submenu Item 2</a></li>
</ul>
</li>
</ul>
</nav><!-- Main Navigation End -->
<div id="wrapper">
Your page contents here
Your page contents here
Your page contents here
Your page contents here
</div>
<!-- jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<!-- My Custom JAVASCRIPT File -->
<script src="hybridmenu.js">
/***********************************************
* Responsive Hybrid Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
</BODY>