Skip to content

Instantly share code, notes, and snippets.

@estefanionsantos
estefanionsantos / dbk_nv_sidebar_v0.13.0.html
Created December 29, 2019 18:02
nav sidebar without javascript
<ul class="nv_sidebar nv_prm">
<li>
<a href="#itm1" class="arrow">Lorem</a>
</li>
<li id="itm2" class="arrow">
<a href="#itm2">Ipsum</a>
<ul>
<li><a href="#">Fusce</a></li>
<li><a href="#">Vestibulum</a></li>
<li><a href="#">Scelerisque</a></li>
<table class="tb_hv expand">
...
</table>
<table class="tb_fill expand">
...
</table>
<!--
<table class="tb_fill tb_prm expand"> ... </table>
<table class="tb_fill tb_scn expand"> ... </table>
<table class="tb_fill tb_lgh expand"> ... </table>
<table class="tb_fill tb_stn expand"> ... </table>
<table class="tb_fill tb_hv_prm expand"> ... </table>
<table class="tb_fill tb_hv_scn expand"> ... </table>
<img src="..." class="rd_circle"/>
<img src="..." class="rd_circle rounded_polaroid"/>
<img src="..." class="rd"/>
<img src="..." class="rd_polaroid"/>
<ul class="nv_sidebar nv_prm">
<li><a href="#">lorem</a></li>
<li class="has_dropdown"><a href="#">ipsum</a>
<ul>
<li><a href="#">mauris</a></li>
<li class="has_dropdown"><a href="#">magna</a>
<ul>
<li><a href="#">elit</a></li>
<li><a href="#">tellus</a> </li>
</ul>
<ul class="nv_sidebar">
<li><a href="#">lorem</a></li>
<li class="has_dropdown"><a href="#">ipsum</a>
<ul>
<li><a href="#">mauris</a></li>
<li class="has_dropdown"><a href="#">magna</a>
<ul>
<li><a href="#">elit</a></li>
<li><a href="#">tellus</a> </li>
</ul>
<div class="gd gd_12">12</div>
<div class="row">
<div class="gd gd_1">1</div>
<div class="gd gd_1">1</div>
<div class="gd gd_1">1</div>
<div class="gd gd_1">1</div>
<div class="gd gd_1">1</div>
<div class="gd gd_1">1</div>
<div class="gd gd_1">1</div>
<div class="pg_header bd bd_b_standard">
<h1>Lorem ipsum dolor sit amet</h1>
</div>
<div class="expand bg_primary">
<div class="container">
<div class="nv_bar nv_primary">
<ul>
<li><a href="#">Dobok CSS
<li>
<a href="#">Products
<ul>
<li><a href="#">Product 1
<li><a href="#">Product 2
<div class="row row_fluid">
<div class="gd gd_4 gd_md_6 gd_sm_12 pp_1_lg_bottom gd_field">
<input type="text" placeholder="Name"/>
</div>
<div class="gd gd_4 gd_md_6 gd_sm_12 pp_1_lg_bottom gd_field">
<input type="text" placeholder="Email"/>
</div>
<div class="gd gd_4 gd_md_12 gd_field">
<input type="text" placeholder="Work"/>