|
<!doctype html> |
|
<html> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> |
|
</head> |
|
<link rel="stylesheet" href="https://cdn.rawgit.com/rafonzoo/750db23934120abd5c34c9cc902a8258/raw/589bd3eaac85abc11124ec838e10404e005f3a06/navigasi.min.css"> |
|
<body> |
|
<nav id="navigasi" class="navigasi" role="navigation"> |
|
<button class="tombol-hamburger" aria-expanded="false"> |
|
<span class="hamburger garis-atas"></span> |
|
<span class="hamburger garis-tengah"></span> |
|
<span class="hamburger garis-bawah"></span> |
|
</button> |
|
<div class="pembungkus-navigasi navigasi-bg" role="container"> |
|
<ul class="navigasi-utama pembungkus"> |
|
<li class="unit-navigasi punya-turunan"> |
|
<a href="https://blog.helloraf.com/?p=1165&preview=true"><i class="material-icons">cached</i>Overview</a> |
|
<ul class="navigasi-turunan"> |
|
<li class="unit-navigasi"> |
|
<a href="https://blog.helloraf.com/?p=1165&preview=true" target="_blank"> |
|
<i class="material-icons">launch</i>See Blog |
|
</a> |
|
</li> |
|
<li class="unit-navigasi punya-turunan"> |
|
<a href="#"> |
|
<i class="material-icons">bookmark_border</i>Features |
|
</a> |
|
<ul class="navigasi-turunan"> |
|
<li class="unit-navigasi"><a href="#"><i class="material-icons">done</i>Dropdown</a></li> |
|
<li class="unit-navigasi"><a href="#"><i class="material-icons">done</i>Responsive</a></li> |
|
<li class="unit-navigasi"><a href="#"><i class="material-icons">done</i>Customizable</a></li> |
|
<li class="unit-navigasi"><a href="#"><i class="material-icons">done</i>Icon support</a></li> |
|
<li class="unit-navigasi"><a href="#"><i class="material-icons">done</i>Rich snippet</a></li> |
|
</ul> |
|
</li> |
|
</ul> |
|
</li> |
|
<li class="unit-navigasi punya-turunan"> |
|
<a href="#url"><i class="material-icons">code</i>Source |
|
</a> |
|
<ul class="navigasi-turunan"> |
|
<li class="unit-navigasi"> |
|
<a href="#url"><i class="material-icons">build</i>How to set up |
|
</a> |
|
</li> |
|
<li class="unit-navigasi"> |
|
<a href="#url"><i class="material-icons">call_split</i>Files on github |
|
</a> |
|
</li> |
|
<li class="unit-navigasi punya-turunan"> |
|
<a href="#url"><i class="material-icons">public</i>Browser? |
|
</a> |
|
<ul class="navigasi-turunan"> |
|
<li class="unit-navigasi"><a href="#"><i class="material-icons">done</i>All Chrome</a></li> |
|
<li class="unit-navigasi"><a href="#"><i class="material-icons">done</i>Safari</a></li> |
|
<li class="unit-navigasi"><a href="#"><i class="material-icons">done</i>Firefox</a></li> |
|
<li class="unit-navigasi"><a href="#"><i class="material-icons">done</i>Opera/mini</a></li> |
|
<li class="unit-navigasi"><a href="#"><i class="material-icons">done</i>IE9+</a></li> |
|
</ul> |
|
</li> |
|
</ul> |
|
</li> |
|
<li class="unit-navigasi"> |
|
<a href="https://blog.helloraf.com/?p=1165&preview=true" target="_blank">Single link</a> |
|
</li> |
|
<li class="unit-navigasi punya-turunan"> |
|
<a href="#url">Examples</a> |
|
<ul class="navigasi-turunan"> |
|
<li class="unit-navigasi"><a href="#url">SubMenu 1</a></li> |
|
<li class="unit-navigasi"><a href="#url">SubMenu 2</a></li> |
|
<li class="unit-navigasi"><a href="#url">SubMenu 3</a></li> |
|
<li class="unit-navigasi punya-turunan"> |
|
<a href="#url">SubMenu 4</a> |
|
<ul class="navigasi-turunan"> |
|
<li class="unit-navigasi"><a href="#url">Sub-SubMenu 1</a></li> |
|
<li class="unit-navigasi"><a href="#url">Sub-SubMenu 2</a></li> |
|
<li class="unit-navigasi"><a href="#url">Sub-SubMenu 3</a></li> |
|
<li class="unit-navigasi"><a href="#url">Sub-SubMenu 4</a></li> |
|
</ul> |
|
</li> |
|
</ul> |
|
</li> |
|
</ul> |
|
</div> |
|
</nav> |
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> |
|
<script type="text/javascript" src="https://cdn.rawgit.com/rafonzoo/cc88b225bbe9e1cdae1dd8e8024061b4/raw/1b93a072bc82aba8364942205ae81e226a88219b/navigasi.min.js"></script> |
|
</body> |
|
</html> |