-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (67 loc) · 4.03 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
63
64
65
66
67
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Toggle side nav</title>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=block" rel="stylesheet" />
<link href="https://unpkg.com/boxicons@2.1.1/css/boxicons.min.css" rel="stylesheet" />
<link rel="stylesheet" href="style.css" />
<script type="module" src="app.js"></script>
</head>
<body class="preload">
<div class="container">
<nav></nav>
<main>
<i class="toggle bx bx-right-arrow-circle"></i>
<h1>Toggle side nav</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<section>
<article>
<h2>Lorem ipsum</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio cumque eos fugit labore sunt error,
dolores ullam, sit, quis atque molestiae? Atque rem facere perspiciatis cupiditate sed temporibus fuga
sint! Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio cumque eos fugit labore sunt
error, dolores ullam, sit, quis atque molestiae? Atque rem facere perspiciatis cupiditate sed temporibus
fuga sint! Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio cumque eos fugit labore
sunt error, dolores ullam, sit, quis atque molestiae? Atque rem facere perspiciatis cupiditate sed
temporibus fuga sint! Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio cumque eos fugit
labore sunt error, dolores ullam, sit, quis atque molestiae? Atque rem facere perspiciatis cupiditate sed
temporibus fuga sint!
</p>
</article>
<article>
<h2>Lorem ipsum</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio cumque eos fugit labore sunt error,
dolores ullam, sit, quis atque molestiae? Atque rem facere perspiciatis cupiditate sed temporibus fuga
sint! Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio cumque eos fugit labore sunt
error, dolores ullam, sit, quis atque molestiae? Atque rem facere perspiciatis cupiditate sed temporibus
fuga sint! Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio cumque eos fugit labore
sunt error, dolores ullam, sit, quis atque molestiae? Atque rem facere perspiciatis cupiditate sed
temporibus fuga sint! Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio cumque eos fugit
labore sunt error, dolores ullam, sit, quis atque molestiae? Atque rem facere perspiciatis cupiditate sed
temporibus fuga sint!
</p>
</article>
<article>
<h2>Lorem ipsum</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio cumque eos fugit labore sunt error,
dolores ullam, sit, quis atque molestiae? Atque rem facere perspiciatis cupiditate sed temporibus fuga
sint! Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio cumque eos fugit labore sunt
error, dolores ullam, sit, quis atque molestiae? Atque rem facere perspiciatis cupiditate sed temporibus
fuga sint! Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio cumque eos fugit labore
sunt error, dolores ullam, sit, quis atque molestiae? Atque rem facere perspiciatis cupiditate sed
temporibus fuga sint! Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio cumque eos fugit
labore sunt error, dolores ullam, sit, quis atque molestiae? Atque rem facere perspiciatis cupiditate sed
temporibus fuga sint!
</p>
</article>
</section>
</main>
</div>
</body>
</html>