oversu/html5-css3-sidebar-menu-without-javascript
oversu/html5-css3-sidebar-menu-without-javascript
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Creating depot

Browse source
This commit is contained in:
Alexandre NOEL 2024-08-20 11:41:27 +02:00
commit 3ceaac240c
3 changed files with 243 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

41
menu.html Normal file
View file

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pure HTML5/CSS3 Sidemenu</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<input type="checkbox" id="toggle-sidebar" hidden>
<input type="checkbox" id="toggle-dark-mode" hidden>
<nav class="sidebar close">
<label for="toggle-sidebar" class="toggle">☰</label>
<div class="menu top-menu">
<ul>
<li><a href="#"><img src="logo.png" alt="Logo NNS" width="28"></a></li>
<li><a href="#"><i class="fa fa-commenting-o"></i><span>Link</span></a></li>
<li><a href="#"><i class="fa fa-commenting-o"></i><span>Link</span></a></li>
<li><a href="#"><i class="fa fa-commenting-o"></i><span>Link</span></a></li>
<li><a href="#"><i class="fa fa-commenting-o"></i><span>Link</span></a></li>
</ul>
</div>
<div class="menu bottom-menu">
<ul>
<li><a href="#"><i class="fa fa-commenting-o"></i><span>Link</span></a></li>
<li><a href="#"><i class="fa fa-commenting-o"></i><span>Link</span></a></li>
<li><a href="#"><i class="fa fa-commenting-o"></i><span>Link</span></a></li>
<li><a href="#"><img src="logo.png" alt="Logo OverSu" width="28"></a></li>
</ul>
</div>
</nav>
<section class="content">
<h1>Title h1</h1>
<p>Paragraph here</p>
</section>
</body>
</html>