<![CDATA[<!-- header video -->
<div class="header-video">
<video class="header-video-setting" autoplay="" loop="" poster="video/poster.jpg">
<source src="video/video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="header-video-light">
<!-- toggle side -->
<div class="side-toggle">
<i class="fa fa-list-ul"></i>
</div>
<!-- end toggle side -->
<div class="position-middle center-align">
<h4>Header Video</h4>
</div>
</div>
</div>
<!-- end header video -->
<div class="side-window"></div>
<div class="side">
<div class="side-header side-header-bg">
<div class="side-header-light">
<div class="side-nav">
<div class="side-nav-items">
<ul class="side-nav-items-list">
<li><a href="#"><i class="fa fa-home"></i></a></li>
<li><a href="#"><i class="fa fa-map-marker"></i></a></li>
<li><a href="#"><i class="fa fa-user"></i></a></li>
<li><a href="#"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
<div class="side-toggle-close">
<i class="fa fa-remove"></i>
</div>
</div>
</div>
</div>
<div class="side-items">
<ul class="side-items-list">
<li><a href="#">Link</a></li>
<li><a href="#">Dropdown <i class="fa fa-angle-down side-arrow"></i></a>
<!-- side dropdown -->
<ul class="side-dropdown">
<li><a href="#">Link</a>
<!-- side sub dropdown -->
<ul class="side-items-list interior">
<li><a href="#">Dropdown <i class="fa fa-angle-down side-arrow"></i></a>
<ul class="side-dropdown">
<li><a href="#">Link</a>
<!-- side end sub dropdown -->
<ul class="side-items-list interior">
<li><a href="#">Link</a></li>
<li><a href="#">Dropdown <i class="fa fa-angle-down side-arrow"></i></a>
<ul class="side-dropdown">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a href="#">Dropdown <i class="fa fa-angle-down side-arrow"></i></a>
<ul class="side-dropdown">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a href="#">Dropdown <i class="fa fa-angle-down side-arrow"></i></a>
<ul class="side-dropdown">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
</ul>
</div>
</div>
]]>