-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
180 lines (177 loc) · 11.1 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html lang="en">
<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" />
<link rel="stylesheet" href="styles/index.css" />
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.png" />
<script src="scripts/index.js" defer></script>
<title>Personal Website of SunnyMonster</title>
</head>
<body>
<header data-header>
<img
data-logo
src="assets/images/logo.png"
alt="logo"
height="90px"
width="90px"
class="logo"
/>
<input type="checkbox" class="nav-toggle" id="nav-toggle" />
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<label for="nav-toggle" class="nav-toggle-label" data-nav-toggle-label>
<span></span>
</label>
</header>
<div class="background">
<div data-logo-scroll-detector class="logo-scroll-detector"></div>
<div
data-background-scroll-detector
class="background-scroll-detector"
></div>
<p class="scroll-p">
Scroll For More <br />
<i class="arrow down scroll-arrow"></i>
</p>
</div>
<p class="content">
Lorem ipsum dolor sit amet consectetur adipisicing elit. In blanditiis
quos id corporis perferendis itaque explicabo, ducimus ipsam quas, saepe
vero voluptatum, culpa sit veritatis. Ad, vel. Aspernatur ipsum aliquam ab
tenetur quasi eius quaerat mollitia quo saepe, deserunt id! Sequi culpa
impedit asperiores nemo ipsam in veniam doloremque, sit ex ullam omnis id
distinctio quam libero consectetur. Unde nemo in odio reprehenderit nihil
asperiores est earum, magnam alias id et aut odit eum iure repudiandae
illo assumenda. Magni, error. Libero maxime temporibus magnam laudantium
exercitationem excepturi eveniet quasi? Praesentium ullam maiores eveniet
dolore, ipsa sequi eligendi, possimus fugit optio et ipsum totam iure quam
labore doloremque deserunt nemo inventore necessitatibus quo illo aliquam
quas perferendis commodi? Eius temporibus perferendis voluptatum deleniti
harum quasi maiores iste laborum sunt magnam, fuga minus voluptatibus
fugit tenetur architecto ipsam, quas recusandae cumque provident. Dolorem
quibusdam reiciendis dolorum impedit iusto totam voluptatem, labore
cupiditate tempore nisi officiis. Doloribus eum delectus tempora
dignissimos? Quam dignissimos enim sequi voluptatum at corrupti corporis
ipsum fugit dolor accusantium, in, asperiores ducimus quis et harum
assumenda, temporibus rerum exercitationem? Maiores at in beatae voluptate
debitis mollitia facere accusantium eaque cupiditate sapiente, dolorem
quibusdam earum aut ea culpa, amet est. Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Modi laborum quo dolor harum odit, quis
ipsum alias mollitia dolorem id odio veritatis soluta fugit ea tenetur
sequi! Rem ducimus a quod minima deserunt, alias facere, eveniet doloribus
ab quia fugiat omnis voluptate distinctio delectus! Maxime sit,
dignissimos ullam aliquid numquam cupiditate qui incidunt corrupti fugit
quae laboriosam voluptate reprehenderit iusto. Temporibus eveniet dolorum
excepturi praesentium illo, quibusdam sunt repellendus tempore dicta modi
unde asperiores laborum facilis nulla consequatur quas id harum optio
adipisci ut commodi! Tempore rerum earum adipisci quo fugit! Earum, odit
explicabo corporis commodi aspernatur magni recusandae eos ipsum nihil
quidem dolores ad eligendi. Doloremque cupiditate animi amet, natus
eligendi, exercitationem distinctio non at ab eaque incidunt. Assumenda
cumque esse nesciunt veniam. Corporis illo autem sint aut in fuga enim eos
mollitia, cum dicta eaque error provident quidem laudantium atque. Sunt
nostrum possimus sequi cumque impedit ipsa iusto a aliquid, amet
dignissimos consequatur quis at recusandae maxime aspernatur similique
rerum illum tenetur repudiandae ullam inventore totam beatae quidem.
Aperiam, quisquam voluptates voluptatum incidunt optio a accusantium animi
at aspernatur totam dicta nihil commodi consectetur? Earum perspiciatis ea
optio, ipsa ab explicabo facilis sit asperiores? Voluptatum ducimus
eveniet voluptas suscipit rerum corporis eos ea quas vitae sint nihil
eligendi ullam itaque, maxime reiciendis nemo doloribus odio obcaecati
blanditiis non incidunt. Libero quia consectetur officia minus cupiditate
voluptate ullam hic expedita dicta quos! Consequatur, blanditiis ex
nostrum aspernatur laboriosam unde natus hic dolorum ad ab sunt iste,
eveniet mollitia obcaecati omnis! Molestiae, rerum sequi vel voluptatem
asperiores, eligendi rem amet modi maiores unde expedita facilis? Ipsam
voluptatibus eaque non officia aut voluptatem rem, provident animi ut
consequuntur voluptas nesciunt numquam sint sunt doloribus recusandae
repudiandae fugiat alias at pariatur adipisci. Quis repudiandae quas hic
magni nesciunt vero placeat dolorem delectus, quaerat possimus a.
Doloribus similique est distinctio adipisci voluptatum facere, dolorum
repellat provident iure! Debitis eum nam odit impedit quo. Corporis ipsa,
officia perspiciatis necessitatibus voluptatum harum maiores explicabo
corrupti nihil placeat possimus, adipisci rerum expedita similique alias
est asperiores accusantium, sapiente sunt perferendis ipsam suscipit cum
impedit veniam. Dolore quidem corrupti nobis exercitationem quis possimus
cupiditate soluta ex rem eos amet iusto error laboriosam ut quod, illum
aliquid, reiciendis suscipit totam! Facere deserunt aperiam consectetur
officiis rem dolore in, voluptatum molestiae voluptas sit saepe accusamus
corrupti distinctio sed, quisquam quos placeat blanditiis labore
perspiciatis similique commodi possimus repellat animi? Asperiores
repellendus ea, at dignissimos voluptatibus amet ex accusamus quidem sint
iure veritatis, beatae nobis nisi doloremque quis est ratione illum, alias
enim molestiae nesciunt eos ab! Corporis dolores voluptatum qui eligendi
dolore nisi sit, delectus temporibus fuga aspernatur tempora quisquam
harum nulla nesciunt. Id tenetur quos minus. Rerum reiciendis sapiente
aspernatur fugit unde, expedita reprehenderit! Quibusdam, illum
repudiandae quas atque earum sit expedita, nostrum necessitatibus, impedit
blanditiis odit! In animi quam iure exercitationem consequuntur numquam
incidunt, vel debitis quas ut ad dolorem sint dolorum! Porro eligendi
eaque fuga ullam cupiditate pariatur molestias beatae fugit voluptates
similique, magnam veritatis saepe iste aperiam sunt enim minima ad
deleniti itaque exercitationem quidem! Inventore maxime cupiditate, autem
quam dolorum veritatis incidunt adipisci assumenda dignissimos accusamus
labore ipsa nesciunt iste exercitationem tempora. Tenetur porro adipisci
voluptas saepe, perferendis a iusto modi aliquid libero, velit provident
aliquam exercitationem quo iste expedita. Aspernatur neque commodi
molestias sapiente unde harum nihil ipsam magni hic! Nemo vel quod
dignissimos ipsa atque voluptatibus magni asperiores eligendi corrupti at,
eius voluptatem numquam nobis, cumque voluptates esse officiis recusandae
repellat vitae mollitia necessitatibus repellendus. Suscipit nobis at esse
quisquam dolorem, facilis exercitationem nostrum blanditiis illo sint
maiores labore! Ex modi facilis doloremque, cumque recusandae molestias
accusantium eius impedit incidunt, quas labore illum quaerat nesciunt at
quidem ea aspernatur corrupti, repellendus ratione! Optio quas quibusdam
vel deserunt voluptate, laboriosam quod quisquam aspernatur similique
accusamus numquam velit soluta. In sed aliquid ipsa vel nulla quae rem
quam rerum commodi dolorem at hic natus fugit, culpa atque obcaecati
explicabo est quod quis. Eos harum nobis nesciunt, magni aliquid deserunt
officia voluptate, ab commodi quia facilis qui et, consequatur quam
explicabo natus dolores debitis doloribus ipsum alias at tempore
doloremque saepe. Consequuntur, animi, praesentium facere incidunt rem
adipisci quo cumque corporis commodi vel, doloribus minus deleniti
eligendi. Maiores quo fuga molestiae voluptates veritatis eligendi earum
est, neque amet assumenda, obcaecati ipsum accusamus itaque nostrum
placeat eum. Facilis in saepe quam mollitia nisi soluta aspernatur harum
ipsum commodi rerum unde aliquid, reprehenderit distinctio esse amet
quaerat sint maxime? Ratione fugiat laboriosam animi reiciendis delectus
fugit repudiandae, nam harum porro laudantium, aliquid doloremque quia hic
deleniti alias itaque officia perferendis! Molestiae, quibusdam suscipit
veritatis in quaerat sapiente obcaecati ducimus repellendus dolore quam
accusamus quisquam explicabo officiis illum voluptas aliquid perspiciatis?
Harum impedit facilis rerum accusantium, optio ipsum eos architecto totam
atque laudantium autem, ducimus quo voluptates magni a fugiat. Dolore
ducimus beatae accusamus, quaerat consequuntur voluptatibus commodi at
vero ea, explicabo quidem doloribus aperiam totam, suscipit aut fugit
accusantium libero similique exercitationem odio placeat quisquam nemo
nisi? Amet ut non aut ipsa earum recusandae alias neque odio officia,
officiis labore. Perferendis ratione dolor expedita, consequatur totam
fugiat quidem consectetur asperiores, necessitatibus vero repudiandae
impedit nihil sequi iste? Blanditiis minima corrupti in doloremque qui
provident dolor reprehenderit ea! Odit aut dolores facilis quibusdam
cumque debitis doloremque? Beatae sequi fugit ab non nisi dolor sunt iste
earum illo voluptates, voluptate eius doloremque sint modi corporis?
Doloremque, consequuntur facere! Perspiciatis sequi perferendis
consectetur temporibus itaque dicta doloribus, vero soluta fuga
reprehenderit quidem doloremque dolorum laboriosam cupiditate. Fuga labore
tenetur sed et quibusdam! Ea veniam numquam fuga. Qui, consectetur,
numquam rerum soluta molestiae quidem animi maxime velit eum dolore alias
quisquam deleniti. Doloribus itaque corporis, aliquid nulla autem
consequatur expedita quis obcaecati voluptatibus impedit, deleniti
voluptate id nesciunt! Excepturi debitis impedit molestias quibusdam
assumenda reiciendis omnis nobis ea possimus, quos quasi laudantium id
culpa labore repellat expedita, voluptate rerum atque sunt illum? Quasi
fuga autem deleniti officiis, corrupti exercitationem ea minus, tempore
mollitia quas explicabo omnis qui sint animi distinctio consectetur.
</p>
</body>
</html>