<![CDATA[Mobile : Hover = Click
Dropdown and Megadropdown : Unlimited
Test : Mode Developer Browser
]]>
<![CDATA[<!-- nav.smooth.css -->
<link rel="stylesheet" href="vendor/hoversmooth/css/hover.smooth.css">
<!-- nav.smooth.nojs.css -->
<link rel="stylesheet" href="vendor/hoversmooth/css/hover.smooth.nojs.css">
]]>
<![CDATA[<!-- nav smooth -->
<div class="nav-smooth">
<div class="nav-smooth-layout">
<div class="nav-smooth-logo">
<a href="#">
<img src="img/icon-core.png" alt="icon">
</a>
</div>
<div class="nav-smooth-toggle">
<i class="fa fa-list-ul"></i>
</div>
<div class="nav-smooth-items">
<ul class="nav-smooth-items-list">
<li class="hl nav-smooth-back-toggle da-thumbs-items">
<a>Back All <i class="fa fa-angle-left nav-smooth-back"></i>
<div class="da-thumbs-light-white"></div>
</a>
</li>
<li class="da-thumbs-items">
<a href="#">link
<div class="da-thumbs-light-white"></div>
</a>
</li>
<li class="da-thumbs-items">
<a href="#">dropdown <i class="fa fa-angle-down nav-smooth-arrow"></i>
<div class="da-thumbs-light-white"></div>
</a>
<ul class="nav-smooth-dropdown">
<li class="hl nav-smooth-close da-thumbs-items">
<a>Back <i class="fa fa-angle-left nav-smooth-back"></i>
<div class="da-thumbs-light-white"></div>
</a>
</li>
<li class="da-thumbs-items">
<a href="#">link
<div class="da-thumbs-light-white"></div>
</a>
</li>
<li class="da-thumbs-items">
<a href="#">link
<div class="da-thumbs-light-white"></div>
</a>
</li>
<li class="da-thumbs-items">
<a href="#">link
<div class="da-thumbs-light-white"></div>
</a>
</li>
</ul>
</li>
<li class="da-thumbs-items">
<a href="#">Mega dropdown <i class="fa fa-angle-down nav-smooth-arrow"></i>
<div class="da-thumbs-light-white"></div>
</a>
<ul class="nav-smooth-megadropdown">
<li class="row layout-m">
<ul class="column l3 m12 s12">
<li class="hl nav-smooth-close da-thumbs-items">
<a>Back <i class="fa fa-angle-left nav-smooth-back"></i>
<div class="da-thumbs-light-white"></div>
</a>
</li>
<li class="da-thumbs-items">
<a href="#">link
<div class="da-thumbs-light-white"></div>
</a>
</li>
<li class="da-thumbs-items">
<a href="#">link
<div class="da-thumbs-light-white"></div>
</a>
</li>
<li class="da-thumbs-items">
<a href="#">link
<div class="da-thumbs-light-white"></div>
</a>
</li>
</ul>
<ul class="column l3 m12 s12">
<li class="da-thumbs-items">
<a href="#">link
<div class="da-thumbs-light-white"></div>
</a>
</li>
<li class="da-thumbs-items">
<a href="#">link
<div class="da-thumbs-light-white"></div>
</a>
</li>
<li class="da-thumbs-items">
<a href="#">link
<div class="da-thumbs-light-white"></div>
</a>
</li>
</ul>
<ul class="column l3 m12 s12">
<li class="da-thumbs-items">
<a href="#">link
<div class="da-thumbs-light-white"></div>
</a>
</li>
<li class="da-thumbs-items">
<a href="#">link
<div class="da-thumbs-light-white"></div>
</a>
</li>
<li class="da-thumbs-items">
<a href="#">link
<div class="da-thumbs-light-white"></div>
</a>
</li>
</ul>
<ul class="column l3 m12 s12">
<li class="da-thumbs-items">
<a href="#">link
<div class="da-thumbs-light-white"></div>
</a>
</li>
<li class="da-thumbs-items">
<a href="#">link
<div class="da-thumbs-light-white"></div>
</a>
</li>
<li class="da-thumbs-items">
<a href="#">link
<div class="da-thumbs-light-white"></div>
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<!-- close windows -->
<div class="nav-smooth-window"></div>
<!-- end close window -->
</div>
</div>
<!-- end nav smooth -->
]]>
<![CDATA[<script src="vendor/hoversmooth/js/hover.smooth.js"></script>
<script src="vendor/hoversmooth/js/hoverdir.js"></script>
<script src="vendor/hoversmooth/js/hoverdir.setting.js"></script>
]]>
