-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (88 loc) · 4.26 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!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/[email protected]/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>