-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
202 lines (198 loc) · 12.3 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
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Nice Website Intro KK-1</title>
<link rel="stylesheet" href="styles/style.css" />
<meta name="description" content="" />
<meta name="keywords" content="HTML, CSS, JavaScript" />
<meta name="author" content="Kestutis Kurienius" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body class="app">
<div class="intro-shutters" id="intro-shuters">
<div class="shutter top"></div>
<div class="shutter bottom"></div>
</div>
<header class="no_header" id="headerID">
<div class="header__text">
<h1 class="header__text_title">TITLE LOREM</h1>
<nav class="header__text__nav">
<ul class="header__text__nav__ul">
<li class="header__text__nav__ul__li">
<a href="#Lorem1">Lorem 1</a>
</li>
<li class="header__text__nav__ul__li">
<a href="#Lorem2">Lorem 2</a>
</li>
<li class="header__text__nav__ul__li">
<a href="#Lorem3">Lorem 3</a>
</li>
<li class="header__text__nav__ul__li">
<a href="#Lorem4">Lorem 4</a>
</li>
</ul>
</nav>
</div>
</header>
<main class="main">
<div>
<h2>Lorem intro</h2>
<h3 id="Lorem1">Lorem lorem 1</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci
voluptas at consectetur pariatur qui illo incidunt perferendis
delectus placeat omnis ad nulla est deserunt, temporibus fugit esse
iure. Possimus, eligendi! Lorem ipsum dolor sit, amet consectetur
adipisicing elit. Dolorem expedita adipisci eius culpa asperiores
distinctio nisi repudiandae facilis accusantium odio, dolor sunt illo
excepturi qui ratione quam. Culpa porro dolor minus architecto vel
repellat tempora consectetur non, quas dolorem velit vitae, maiores
quo alias maxime pariatur itaque unde eligendi consequuntur!
</p>
<h3 id="Lorem2">Lorem lorem 2</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus vel
velit rerum eos natus assumenda dolorum a rem quos inventore odit
dicta neque libero magni voluptate hic laudantium, soluta voluptatem
sequi architecto esse maiores tempora quidem? Voluptatibus, illo
aliquid! Dolorum, modi aliquam. Quam rerum voluptate accusamus
veritatis molestiae optio porro exercitationem cupiditate tempora ex,
quaerat dolores ea quidem quia eius aliquid obcaecati? Quae modi
officia voluptatibus possimus iure illo repudiandae ipsam nesciunt,
recusandae distinctio similique laudantium at. Nisi labore consequatur
illum, error aliquid laudantium ut eligendi animi quas perspiciatis
facere totam maxime beatae numquam repellendus, vitae impedit aut
sapiente ipsum maiores! Molestiae possimus quae totam recusandae
suscipit, eveniet dolor ipsam. Consequatur minus voluptas non dolore
enim commodi animi mollitia facere sed provident ipsum molestiae
labore repellat ipsam assumenda laborum nihil dolorem repellendus, ea
maxime reiciendis distinctio cumque eum necessitatibus. Dignissimos
quisquam ea nemo cum dolore recusandae accusantium possimus pariatur
voluptatum consequatur, fugit eius nam numquam quo dolorum odit
provident sunt delectus enim qui facere nisi? Facilis in obcaecati
sunt, itaque quas distinctio. Quas ratione ab atque, quae ut natus
iure aperiam tempora maiores repudiandae tempore molestiae voluptas
deserunt facilis velit ducimus adipisci tenetur dolorem? Nisi ea, et
sed consectetur debitis velit tenetur! Voluptates adipisci autem
debitis culpa rem mollitia. Incidunt modi praesentium voluptatibus
nihil mollitia fuga et repellat, sit laborum consectetur, molestias
quas cum? Perspiciatis, aliquam excepturi. Facilis dolore dolor magni.
Iusto ea reiciendis consequuntur magni laborum esse temporibus
aspernatur dicta voluptatem incidunt qui dolor animi quibusdam, quia
cum delectus. Quibusdam ex libero ducimus tempora, est, enim nostrum
provident eligendi cum rerum quod iure saepe atque officia nam! Rerum
facere odio eligendi explicabo qui sed harum commodi fugit nihil ut
excepturi delectus, voluptate, ullam quibusdam! Corrupti quaerat hic
reicie obcaecati? Dicta iure nisi quia, quam velit quasi consequuntur
nemo. Laboriosam consectetur doloremque facere harum accusantium
provident, fugiat delectus animi esse? Saepe omnis eligendi eius sunt
ipsa velit deleniti inventore quidem nisi! Laboriosam architecto sequi
aspernatur quibusdam reiciendis impedit sunt aut repellendus natus
sint? Distinctio dignissimos possimus, dolor aliquam consequuntur
pariatur quam voluptatem eius ducimus tenetur corrupti repellendus
quasi repellat vel et impedit iste consequatur!
</p>
<h3 id="Lorem3">Lorem lorem 3</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sem dui,
finibus eget venenatis quis, convallis ac lacus. Aliquam neque tellus,
accumsan a risus eu, luctus interdum ligula. Vestibulum ultrices non
odio eu consequat. Vivamus congue egestas urna. Integer nec mi congue,
auctor augue ultrices, cursus ligula. Nullam non feugiat ex. Mauris
posuere mi ac quam tincidunt ultricies. Cras iaculis urna in lectus
fringilla, eget auctor est vehicula. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Sed ut mollis libero. Sed sed enim
tellus. Aliquam erat volutpat. Praesent efficitur ex eu odio aliquet,
non bibendum sem gravida. Maecenas rhoncus nibh urna, consequat
aliquet nulla finibus sed. In ullamcorper sodales dolor, in ultricies
ipsum fermentum in. Etiam interdum ultrices felis, sit amet varius
diam dictum et. Morbi nec rutrum nisl, ac scelerisque quam. Integer
maximus magna id purus molestie, ac fermentum eros malesuada. Cras
placerat eros eu varius vulputate. Praesent lacinia nunc eget quam
egestas venenatis. Quisque tincidunt purus eu urna tincidunt, in
euismod urna gravida. Sed efficitur dapibus felis, a maximus felis
aliquam et. Nunc at ornare dui. Donec tincidunt ac turpis pulvinar
fringilla. In hac habitasse platea dictumst. Vestibulum eu scelerisque
velit. Sed commodo rhoncus lectus, id bibendum ligula luctus ac.
Aenean non eleifend urna. Vivamus lectus quam, pellentesque nec rutrum
quis, fringilla vitae ipsum. Praesent libero erat, pulvinar ac massa
et, gravida porttitor magna. Etiam vitae lorem efficitur, eleifend
nunc a, aliquam augue. Morbi eu ex quis lacus euismod placerat et
tincidunt urna. Nullam enim diam, sagittis a lectus nec, convallis
consectetur libero. Nulla sed sodales quam. Nunc sit amet iaculis leo.
Curabitur scelerisque id augue sed vehicula. Nam consequat non magna
vel aliquet. Donec molestie ullamcorper tellus ac facilisis. Nulla
porttitor dui consequat, tempus dui sed, gravida ligula. Vestibulum
vel feugiat felis, at aliquam dui. Duis ligula diam, commodo ut varius
a, sagittis sodales odio. Vivamus egestas nulla vitae elementum
auctor. Proin blandit ex auctor libero mattis interdum. Donec vitae
cursus mauris. Nullam aliquet, odio eget faucibus suscipit, urna augue
volutpat nulla, at eleifend massa mauris sed urna. In rutrum ultricies
efficitur. Fusce rhoncus blandit mi a malesuada. Donec sed dictum sem.
Donec pharetra, turpis non facilisis convallis, tellus diam faucibus
lectus, in semper risus elit eu massa. Fusce euismod lorem nec magna
pretium laoreet ac a mauris. Vestibulum semper leo velit, sit amet
lacinia lectus ornare id. Donec ac mattis est. Vivamus luctus massa
commodo elementum tincidunt. Sed ullamcorper urna at eleifend auctor.
Aliquam ut rutrum nunc. Maecenas turpis eros, viverra nec efficitur
quis, porttitor sit amet risus. Etiam in libero sollicitudin, sagittis
libero hendrerit, vestibulum mi. Morbi non sodales est. Donec luctus
nec urna eu iaculis. Vestibulum purus quam, volutpat eget felis sit
amet, dapibus pulvinar eros. Mauris ullamcorper magna vitae sapien
convallis feugiat. Quisque nunc est, aliquet sed enim sit amet, cursus
malesuada dui. Sed vitae placerat arcu. Interdum et malesuada fames ac
ante ipsum primis in faucibus. Integer interdum metus et dictum
placerat. Vivamus at mollis risus. Suspendisse convallis, mauris vitae
egestas convallis, ex libero pulvinar est, at scelerisque purus dolor
at tellus.
</p>
<h3 id="Lorem4">Lorem lorem 4</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus vel
velit rerum eos natus assumenda dolorum a rem quos inventore odit
dicta neque libero magni voluptate hic laudantium, soluta voluptatem
sequi architecto esse maiores tempora quidem? Voluptatibus, illo
aliquid! Dolorum, modi aliquam. Quam rerum voluptate accusamus
veritatis molestiae optio porro exercitationem cupiditate tempora ex,
quaerat dolores ea quidem quia eius aliquid obcaecati? Quae modi
officia voluptatibus possimus iure illo repudiandae ipsam nesciunt,
recusandae distinctio similique laudantium at. Nisi labore consequatur
illum, error aliquid laudantium ut eligendi animi quas perspiciatis
facere totam maxime beatae numquam repellendus, vitae impedit aut
sapiente ipsum maiores! Molestiae possimus quae totam recusandae
suscipit, eveniet dolor ipsam. Consequatur minus voluptas non dolore
enim commodi animi mollitia facere sed provident ipsum molestiae
labore repellat ipsam assumenda laborum nihil dolorem repellendus, ea
maxime reiciendis distinctio cumque eum necessitatibus. Dignissimos
quisquam ea nemo cum dolore recusandae accusantium possimus pariatur
voluptatum consequatur, fugit eius nam numquam quo dolorum odit
provident sunt delectus enim qui facere nisi? Facilis in obcaecati
sunt, itaque quas distinctio. Quas ratione ab atque, quae ut natus
iure aperiam tempora maiores repudiandae tempore molestiae voluptas
deserunt facilis velit ducimus adipisci tenetur dolorem? Nisi ea, et
sed consectetur debitis velit tenetur! Voluptates adipisci autem
debitis culpa rem mollitia. Incidunt modi praesentium voluptatibus
nihil mollitia fuga et repellat, sit laborum consectetur, molestias
quas cum? Perspiciatis, aliquam excepturi. Facilis dolore dolor magni.
Iusto ea reiciendis consequuntur magni laborum esse temporibus
aspernatur dicta voluptatem incidunt qui dolor animi quibusdam, quia
cum delectus. Quibusdam ex libero ducimus tempora, est, enim nostrum
provident eligendi cum rerum quod iure saepe atque officia nam! Rerum
facere odio eligendi explicabo qui sed harum commodi fugit nihil ut
excepturi delectus, voluptate, ullam quibusdam! Corrupti quaerat hic
reicie obcaecati? Dicta iure nisi quia, quam velit quasi consequuntur
nemo. Laboriosam consectetur doloremque facere harum accusantium
provident, fugiat delectus animi esse? Saepe omnis eligendi eius sunt
ipsa velit deleniti inventore quidem nisi! Laboriosam architecto sequi
aspernatur quibusdam reiciendis impedit sunt aut repellendus natus
sint? Distinctio dignissimos possimus, dolor aliquam consequuntur
pariatur quam voluptatem eius ducimus tenetur corrupti repellendus
quasi repellat vel et impedit iste consequatur!
</p>
</div>
</main>
<footer id="footer"></footer>
<script src="scripts/script.js"></script>
</body>
</html>