-
Notifications
You must be signed in to change notification settings - Fork 0
/
template-mono-only.html
34 lines (31 loc) · 1.32 KB
/
template-mono-only.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>my awesome webpage</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- or any of these methods: https://asvvvad.github.io/mono-color/#switching-theme -->
<link rel="stylesheet" href="light.min.css" media="">
<link rel="stylesheet" href="dark.min.css" media="(prefers-color-scheme: dark)">
<link rel="stylesheet" href="mono.min.css">
</head>
<body>
<div class="container">
<div class="content">
<header>
<h1>Header</h1>
<nav>
<a href="#">Home</a>
<a href="#">Docs</a>
<a href="#">About</a>
</nav>
</header>
<p>
This is the content which is in the content wrapper of the container. It's meant for main content like an article. It's more indented than the container. On smaller screens, the container's margin will be removed so everything outside content will touch
the screen. It's recommended to center the text that's outside to prevent that.
</p>
<footer><a href="https://github.com/asvvvad/mono-color">mono/color</a> by <a href="https://asvvvad.eu.org">asvvvad</a>/2020</footer>
</div>
</div>
</body>
</html>