91 lines
3.1 KiB
HTML
91 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Jhewit | Home</title>
|
|
<link rel="stylesheet" href="main.css" />
|
|
</head>
|
|
<body>
|
|
<div id="sider">
|
|
<h2>Sidebar</h2>
|
|
<div id="sider-cats">
|
|
<input type="checkbox" id="i_1" class="hidden" />
|
|
<label for="i_1">Category 1</label>
|
|
<div>
|
|
<a href="#">This is a link</a><br>
|
|
<a href="#">Another link</a>
|
|
</div><br>
|
|
<input type="checkbox" id="i_2" class="hidden" />
|
|
<label for="i_2">Category 2</label>
|
|
<div>
|
|
<a href="#">Third link, new category</a><br>
|
|
<a href="#">Links.</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="outer">
|
|
<div id="header">
|
|
<div id="head-marker" class="scrolly"></div>
|
|
<div id="headin">
|
|
<h1>Jhewit</h1>
|
|
<div id="links">
|
|
<div class="dropdown">
|
|
Dropdown 1
|
|
</div>
|
|
<div>
|
|
<div class="dropdown-inner">
|
|
<a href="#">
|
|
LINK
|
|
</a>
|
|
<a href="#">
|
|
LINK
|
|
</a>
|
|
<a href="#">
|
|
LINK
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="dropdown">
|
|
Dropdown 2
|
|
</div>
|
|
<div>
|
|
<div class="dropdown-inner">
|
|
<a href="#">
|
|
LINK
|
|
</a>
|
|
<a href="#">
|
|
LINK
|
|
</a>
|
|
<a href="#">
|
|
LINK
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="dropdown">
|
|
Dropdown 3
|
|
</div>
|
|
<div>
|
|
<div class="dropdown-inner">
|
|
<a href="#">
|
|
LINK
|
|
</a>
|
|
<a href="#">
|
|
LINK
|
|
</a>
|
|
<a href="#">
|
|
LINK
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="content">
|
|
Your mom
|
|
</div>
|
|
</div>
|
|
<script src="main.js"></script>
|
|
</body>
|
|
</html> |