OwlCyberSecurity - MANAGER
Edit File: advanced.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="www.frebsite.nl" /> <meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes" /> <title>jQuery.mmenu demo</title> <link type="text/css" rel="stylesheet" href="css/demo.css" /> <link type="text/css" rel="stylesheet" href="../dist/jquery.mmenu.all.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-2.2.0.js"></script> <script type="text/javascript" src="../dist/jquery.mmenu.all.min.js"></script> <script type="text/javascript"> $(function() { $('nav#menu').mmenu({ extensions : [ 'fx-menu-slide', 'shadow-page', 'shadow-panels', 'listview-large', 'pagedim-white' ], iconPanels : true, counters : true, keyboardNavigation : { enable : true, enhance : true }, searchfield : { placeholder : 'Search menu items' }, navbar : { title : 'Advanced menu' }, navbars : [ { position : 'top', content : [ 'searchfield' ] }, { position : 'top', content : [ 'breadcrumbs', 'close' ] }, { position : 'bottom', content : [ '<a href="http://mmenu.frebsite.nl/wordpress-plugin" target="_blank">WordPress plugin</a>' ] } ] }, { searchfield : { clear : true } }); }); </script> </head> <body> <div id="page"> <div class="header"> <a href="#menu"><span></span></a> Demo </div> <div class="content"> <p><strong>This is an advanced demo.</strong><br /> Click the menu icon to open the menu.</p> </div> <nav id="menu"> <ul> <li><a href="#">Home</a></li> <li><span>About us</span> <ul> <li><a href="#about/history">History</a></li> <li><span>The team</span> <ul> <li><a href="#about/team/management">Management</a></li> <li><a href="#about/team/sales">Sales</a></li> <li><a href="#about/team/development">Development</a></li> </ul> </li> <li><a href="#about/address">Our address</a></li> </ul> </li> <li><a href="#contact">Contact</a></li> </ul> </nav> </div> </body> </html>