You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.5 KiB
48 lines
1.5 KiB
2 years ago
|
<div class="top-bar">
|
||
|
|
<div class="top-bar-left">
|
||
|
|
<ul class="dropdown menu" data-dropdown-menu>
|
||
|
|
<li class="menu-text">Site Title</li>
|
||
|
|
<li class="mega-menu">
|
||
|
|
<a data-toggle="mega-menu" href="#">One</a>
|
||
|
|
|
||
|
|
<div class="dropdown-pane bottom" id="mega-menu" data-dropdown data-options="closeOnClick:true; hover: true; hoverPane: true; vOffset:11">
|
||
|
|
|
||
|
|
<div class="row expanded">
|
||
|
|
<div class="column">
|
||
|
|
<ul class="menu vertical">
|
||
|
|
<li><a href="#">One</a></li>
|
||
|
|
<li><a href="#">Two</a></li>
|
||
|
|
<li><a href="#">Three</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="column">
|
||
|
|
<ul class="menu vertical">
|
||
|
|
<li><a href="#">One</a></li>
|
||
|
|
<li><a href="#">Two</a></li>
|
||
|
|
<li><a href="#">Three</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="column">
|
||
|
|
<ul class="menu vertical">
|
||
|
|
<li><a href="#">One</a></li>
|
||
|
|
<li><a href="#">Two</a></li>
|
||
|
|
<li><a href="#">Three</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li><a href="#">Two</a></li>
|
||
|
|
<li><a href="#">Three</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="top-bar-right">
|
||
|
|
<ul class="menu">
|
||
|
|
<li><input type="search" placeholder="Search"></li>
|
||
|
|
<li><button type="button" class="button">Search</button></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|