simongehrig.de/scss-grid
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
7df2406a6ea8ca13ce51de7234a805b75ff3bdce
scss-grid/examples/layout/menus/horizontal/horizontal.html
T
simongehrig 5cafe3670b Added Menu Mixins: 
Desktop vertical
Desktop vertical
Tablet/Phone Fullscreen
Toggle Button
2017-02-22 01:21:17 +01:00

180 lines
7.4 KiB
HTML
Raw Blame History

<head>
<link rel="stylesheet" type="text/css" href="horizontal.css">
</head>
<body>
<div class="header">
<input id="navcheck" type="checkbox" name="menu">
<label class="navbar" for="navcheck">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</label>
<ul class="nav">
<li><a href="#">Item</a>
<ul>
<li><a href="#">Sub Item</a>
<ul>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
</ul>
</li>
<li><a href="#">Sub Item</a>
<ul>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
</ul>
</li>
<li><a href="#">Sub Item</a>
<ul>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
</ul>
</li>
<li><a href="#">Sub Item</a>
<ul>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Item</a>
<ul>
<li><a href="#">Sub Item</a>
<ul>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
</ul>
</li>
<li><a href="#">Sub Item</a>
<ul>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
</ul>
</li>
<li><a href="#">Sub Item</a>
<ul>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
</ul>
</li>
<li><a href="#">Sub Item</a>
<ul>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Item</a>
<ul>
<li><a href="#">Sub Item</a>
<ul>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
</ul>
</li>
<li><a href="#">Sub Item</a>
<ul>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
</ul>
</li>
<li><a href="#">Sub Item</a>
<ul>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
</ul>
</li>
<li><a href="#">Sub Item</a>
<ul>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Item</a>
<ul>
<li><a href="#">Sub Item</a>
<ul>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
</ul>
</li>
<li><a href="#">Sub Item</a>
<ul>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
</ul>
</li>
<li><a href="#">Sub Item</a>
<ul>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
</ul>
</li>
<li><a href="#">Sub Item</a>
<ul>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
<li><a href="#">Sub Sub Item</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div class="content"></div>
</body>
Reference in New Issue View Git Blame Copy Permalink