-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
62 lines (55 loc) · 2.44 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!doctype html><html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Halfmoon CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/css/halfmoon.min.css" rel="stylesheet" />
<title>Hello, world!</title>
</head>
<body class="with-custom-webkit-scrollbars with-custom-css-scrollbars" data-dm-shortcut-enabled="true" data-sidebar-shortcut-enabled="true" data-set-preferred-mode-onload="true">
<!-- Page wrapper start -->
<div class="page-wrapper with-navbar with-sidebar" data-sidebar-type="overlayed-sm-and-down">
<!-- Sidebar Overlay -->
<div class="sidebar-overlay" onclick="halfmoon.toggleSidebar()"></div>
<!-- Navbar start -->
<nav class="navbar shadow">
<a href="#" class="navbar-brand">
<img src="https://dummyimage.com/55" alt="..." class="rounded" />
BrandName
</a>
<div class="navbar-content ml-auto">
<button class="btn mr-5" type="button" onclick="halfmoon.toggleDarkMode()">Dark</button>
<button onclick="halfmoon.toggleSidebar()" class="btn" type="button">Menu</button>
</div>
</nav>
<!-- Navbar end -->
<!-- Sidebar start -->
<div class="sidebar">
<div class="sidebar-menu">
<h5 class="sidebar-title">Navigation</h5>
<div class="sidebar-divider"></div>
<a href="#" class="sidebar-link">About</a>
<a href="#" class="sidebar-link">Contact Us</a>
<div class="sidebar-divider"></div>
<div class="sidebar-content">
<img src="https://dummyimage.com/hd720" alt="..." class="img-fluid rounded" />
</div>
</div>
</div>
<!-- Sidebar start -->
<!-- Content wrapper start -->
<div class="content-wrapper">
<div class="container">
<div class="content">
<h1>Hello World</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
</div>
<!-- Content wrapper end -->
</div>
<!-- Page wrapper end -->
<!-- Halfmoon JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/js/halfmoon.min.js"></script>
</body>
</html>