-
Notifications
You must be signed in to change notification settings - Fork 0
/
ch5ps.html
289 lines (289 loc) · 16.2 KB
/
ch5ps.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
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=, initial-scale=1.0" />
<title>navbar</title>
<style>
* {
margin: 0;
padding: 0;
}
header {
display: flex;
justify-content: space-between;
padding: 2vh;
background-color: rgba(0, 0, 0, 0.662);
color: white;
height: 10vh;
position: sticky;
top: 0;
flex-wrap: wrap;
z-index: 10;
}
header li {
display: inline-block;
margin: 2vh 1vw;
font-size: 5vh;
}
.background {
background: url("images/background.jpg") no-repeat;
width: 100vw;
height: 500vh;
z-index: 9;
}
.container {
height: 100vh;
z-index: 1;
}
.btn {
border-radius: 1vh;
width: 8vw;
height: 4vw;
margin: 1vh 0;
}
.login-btn {
font-size: 5vh;
}
.image {
width: 10vh;
}
footer{
background-color: rgba(0, 0, 0, 0.662);
height: 7vh;
color: white;
position:sticky;
bottom: 0vh;
}
.footer{
text-align: center;
padding: 2vh;
width: 100vw;
text-transform:capitalize;
}
.fake{
display: flex;
justify-content: space-between;
align-items:stretch;
}
</style>
</head>
<body>
<header>
<button class="btn" id="btn" type="submit">
<img class="image" src="images/googlelogo.png" alt="" />
</button>
<ul>
<li>Home</li>
<li>About</li>
<li>Contact</li>
</ul>
</header>
<div class="background">
<div class="container">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem
reiciendis cum esse dolore, labore aspernatur praesentium quod,
consequatur molestiae atque consequuntur voluptatem iste explicabo
facilis cupiditate quas? Quidem voluptate vitae quam obcaecati laborum
commodi asperiores officia id molestiae deserunt aspernatur impedit
quibusdam ullam vero excepturi doloremque quae, optio accusamus aperiam
sint maiores aliquam quasi sunt! Perspiciatis ducimus corporis
necessitatibus veritatis dolor nulla placeat, voluptatem hic doloribus!
Veritatis, consectetur cum delectus, unde doloribus nulla aspernatur
blanditiis facere debitis, reprehenderit doloremque? Provident vel,
ullam quos distinctio odio sed iste temporibus natus perspiciatis ea
rerum ex, ratione ab nemo dignissimos, harum quasi? Vel asperiores
tempore, molestias officia dolore earum ea saepe aperiam accusantium
iure dolor blanditiis quod error corporis quis voluptatum cumque
expedita praesentium porro pariatur sed inventore. Mollitia ut facere
molestiae totam tenetur voluptas culpa pariatur voluptatem sapiente
quae, quasi recusandae quibusdam minima nobis corrupti quas maiores
libero. Quidem at odio fuga suscipit facilis deleniti ratione, sunt amet
unde incidunt culpa consequuntur officia dolorem laudantium modi vitae
neque cumque similique, hic dolorum quam? Quod sit recusandae veritatis.
Reprehenderit repellat dolorum dicta laborum aspernatur expedita
perspiciatis debitis, explicabo facere non eos ratione, velit aperiam
quo asperiores sequi assumenda. Voluptas necessitatibus velit
aspernatur, vero aut laudantium saepe ipsa ad labore aliquam facere
aperiam error sunt facilis debitis suscipit quis iste omnis assumenda.
Similique architecto necessitatibus corporis facere, odit quas
accusantium fugiat provident officiis repellat voluptatum neque eum
animi alias, illo maxime distinctio deleniti reprehenderit at magnam ut
quae! Commodi, vitae similique cumque, veritatis, debitis ratione
explicabo sit facilis eaque voluptatum exercitationem voluptates! Nam,
quibusdam libero! Corrupti libero sint possimus ea! Mollitia quos ea
ullam accusamus placeat et? Sapiente deserunt voluptate hic facilis nisi
ea expedita saepe delectus, quaerat quo. Eveniet libero repellendus
consequatur, amet a vel non quidem laborum harum provident laboriosam
aspernatur voluptas quo, tempore fuga at, ab asperiores nulla dolore
dolorem magnam modi corporis quisquam illo. Velit facilis quae,
distinctio facere culpa perspiciatis, vitae accusantium dolorum atque
sapiente numquam odio harum omnis nemo voluptas ullam, blanditiis at
inventore deleniti aliquam reprehenderit alias! Quod, ab dolore hic nam
accusamus reiciendis perspiciatis ut. Nesciunt, dolor. Obcaecati nobis
dolorem atque iusto illum enim, voluptatibus excepturi! Minima velit
amet facilis facere debitis blanditiis quis officia deleniti ratione
eligendi quidem quaerat sunt accusamus similique tenetur autem, beatae
molestiae quisquam assumenda nisi. Dolorum, voluptas. Eum, repellendus
vero. Debitis sequi cupiditate tempora voluptatibus eum est harum
deserunt quibusdam eveniet perspiciatis rem atque ex molestiae vel
impedit quos quam officiis sunt quae maxime magnam, similique aliquam!
Vero corrupti saepe deserunt, quas deleniti laudantium quod velit earum
praesentium labore maiores ratione aperiam autem possimus eveniet! Est
in deleniti voluptas illo sapiente sunt mollitia illum, dicta, quibusdam
tenetur commodi. Dolorem facilis, quaerat harum autem quia
exercitationem minus voluptatum porro ad blanditiis culpa doloribus
cumque ipsum voluptas, rem molestiae fugiat! Voluptatibus numquam quasi
facilis sed. Ducimus aliquam similique, asperiores officiis ullam
architecto incidunt quod, corrupti perspiciatis atque sed esse possimus.
Dolores, nulla debitis iusto libero veniam quam consectetur
reprehenderit reiciendis illo ipsa ab nam! Illo nulla placeat laborum
recusandae aperiam eum, vel facere corporis nihil numquam ea voluptates
saepe pariatur beatae aliquid debitis aliquam ratione quidem totam?
Quasi earum sit ab perferendis vero corporis molestias ex? Unde at
exercitationem iusto cupiditate officiis quisquam ipsum? Officia,
consectetur nisi et quisquam dolore atque? Vel qui aspernatur
dignissimos! Atque dolorem ullam ab culpa itaque distinctio sequi facere
nostrum nesciunt, expedita nisi. Veritatis, eius voluptatem.
Voluptatibus ducimus magnam voluptates expedita eum nobis saepe
adipisci, fugit explicabo sequi quisquam rerum incidunt consectetur esse
commodi. Eligendi quasi fugiat neque inventore cum nobis sint aliquid
placeat consectetur soluta, recusandae ad corrupti illo, blanditiis est
vitae aut rem! Non, eius perspiciatis! Similique, vero eius. Velit quasi
delectus, expedita eum fugit asperiores ullam veniam laborum nesciunt
quibusdam ut, optio obcaecati labore nihil! Ullam doloribus beatae ipsam
ducimus accusamus. Sequi perspiciatis magnam at et tenetur maxime vero
nemo beatae ipsum mollitia suscipit aliquam obcaecati, distinctio odio
asperiores modi odit quod fugit ut aperiam. Quae eos totam, a voluptate
atque facilis ad nisi! Ex quasi odit, labore aliquid quod ut temporibus
qui distinctio repellendus cupiditate quos laboriosam repudiandae,
voluptatem eos aut sunt, eaque quisquam minus adipisci expedita voluptas
aliquam. Quo ex optio in. Facilis, minima. Quas unde libero, esse
aliquid debitis ipsam eum? Facilis esse odio iusto debitis quos placeat
voluptas maiores hic, quia natus vel velit sed mollitia dolorum incidunt
nisi, eligendi voluptates ab, dolorem doloribus ut ratione ad
perspiciatis recusandae. Vel nisi, nostrum eveniet, similique iste id
officia aliquam est mollitia recusandae molestiae nemo. Tempore, eius
debitis veritatis ab consequuntur quidem suscipit reprehenderit
aspernatur dolore laboriosam blanditiis expedita dignissimos corrupti
inventore quia nemo fugit animi est eum, excepturi voluptas a! Tenetur
dolorum at possimus hic facilis ullam deserunt amet earum. Eligendi,
commodi error tempore at id, vitae in natus quibusdam fuga deleniti
maiores? Corporis quis possimus sunt incidunt ut sint, ullam hic
consequuntur ipsum aperiam illo voluptatem itaque repellat consequatur
pariatur fugiat delectus. Blanditiis deleniti non voluptates asperiores
commodi delectus voluptatibus totam doloremque id modi dicta magnam illo
maxime quasi, repudiandae rem officia beatae pariatur. Dolorem earum
illo asperiores iste ab iure, non veritatis in, mollitia ex doloremque
tempora velit necessitatibus enim nihil. Unde hic nihil perspiciatis
fugiat in consequatur quam quis minus esse magnam sed mollitia tempora
odit, ipsa obcaecati ut deserunt quo nesciunt? Maxime quas, aliquam
illum, velit eaque error ex illo, consequatur enim deserunt voluptates
fugit unde doloremque. Molestias velit vitae perferendis quaerat,
laborum voluptates ullam! Sequi tempore voluptates illum facere qui
quaerat sed, reprehenderit, distinctio officiis repellendus asperiores,
saepe perferendis! Dolorem, a neque quia itaque ratione architecto
suscipit. Quam excepturi illum aspernatur maiores quos perspiciatis
quidem eius nisi ratione, in doloribus ad necessitatibus inventore
eveniet libero, nam consequuntur quisquam, temporibus dolore odit. Quis
animi voluptates ipsam eveniet amet facere quia error quibusdam
distinctio vitae obcaecati, fugit, a eum corporis nulla minus doloremque
explicabo iusto aliquam quae in soluta, quo ipsum nesciunt. Optio aut
illo laborum officiis? Deleniti a corrupti accusantium voluptatem cum
vel omnis vitae assumenda pariatur illum? Lorem ipsum dolor sit amet
consectetur adipisicing elit. Praesentium dolorum alias quibusdam saepe
ullam? Maiores fugiat quae unde est mollitia eveniet veniam, iure
deserunt. Repudiandae delectus, eius cupiditate perspiciatis reiciendis
voluptatem repellendus, fuga ipsa voluptates libero, omnis
reprehenderit. Assumenda cum molestiae maiores qui explicabo fuga a
eveniet aperiam facilis suscipit laborum, laudantium at impedit ut iste
rem voluptatem eligendi harum labore excepturi! Illum sint amet aperiam
hic maxime ullam perferendis praesentium accusantium suscipit eius
iusto, sed numquam quasi nobis neque eos. Velit quis quo magni
voluptatum blanditiis, sint facere tempora cum reprehenderit reiciendis
officiis nihil nobis natus. Vel, iure! Voluptatibus non dolorem
excepturi natus voluptas sequi minus neque nihil quae qui nostrum eaque
fugit id totam soluta velit deserunt eveniet facilis illum similique,
dicta laborum. Qui dolor adipisci ratione, explicabo dignissimos
voluptate similique sequi consequuntur illum maxime quis iste debitis
sit rerum ipsam, laboriosam dicta dolore. Eligendi laudantium pariatur,
adipisci est quos exercitationem rem quisquam laborum obcaecati
aspernatur cumque cupiditate nisi sint repellendus expedita fugit
voluptatem repudiandae maiores ad architecto error sequi. Vel veritatis
eligendi, porro distinctio eum alias asperiores sapiente magnam
exercitationem, praesentium nobis ad id rerum consectetur hic corrupti
libero expedita dolorum atque optio. Facere ullam doloribus et ex omnis
veniam saepe earum, praesentium expedita vero rem in incidunt, deleniti
harum! Obcaecati vero assumenda esse labore. Odit, neque quia? Dolorum
fugit aliquid dignissimos ducimus perspiciatis assumenda, quod voluptas
architecto nemo ea est aspernatur, unde eligendi qui ipsum soluta
voluptates? Quos consectetur perferendis corrupti ut similique? Fugit
esse ex adipisci necessitatibus inventore, asperiores consectetur
quisquam tempore totam natus architecto dolor praesentium quaerat? In
omnis fugiat non dolor repellendus necessitatibus placeat nam itaque,
assumenda recusandae exercitationem doloribus temporibus quo, iste,
expedita voluptas iusto. Atque ipsum ratione rem eos dignissimos a autem
dolorem quod laborum possimus asperiores, blanditiis perferendis unde
ducimus aliquam nesciunt quidem, quas obcaecati aliquid quia voluptatem.
Expedita, tempore sunt molestiae odio nostrum veniam magnam. Dicta
voluptates natus incidunt sint, nostrum tenetur perspiciatis repellat
sapiente magnam optio vel esse aliquid nobis cum exercitationem pariatur
quas, quos doloribus soluta provident quidem reprehenderit. Iusto,
totam?Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit
hic rem commodi quibusdam quisquam voluptates neque veritatis nemo
dignissimos, aut repellendus minima natus. Accusantium maiores possimus
ullam consequatur. Eveniet recusandae facere error mollitia! Odio
nesciunt ullam minima soluta. Libero consectetur nisi doloribus velit
culpa. Quod ipsam eum, cum rem culpa et neque eius vero placeat
quibusdam non vel debitis itaque suscipit facilis, in quaerat. Culpa
ipsa quaerat rem, excepturi porro ullam impedit, nesciunt praesentium
quibusdam quod vero fuga aut, enim facilis quis dolorum explicabo dicta.
Repellat dignissimos quibusdam doloremque quia ullam ea non possimus cum
obcaecati aliquid excepturi, nam incidunt architecto animi magni? Quia,
cum labore provident et sunt id saepe, ullam veniam placeat esse, ipsum
fuga animi facilis officiis aspernatur illo. Eius, repellat molestiae
voluptatibus omnis laboriosam perferendis, deleniti tenetur similique
commodi debitis velit. Delectus deserunt in iste! Cumque optio,
blanditiis a minima illum maxime soluta nesciunt quam distinctio
voluptatem porro neque voluptatum facilis dolorum assumenda ipsa eius
voluptate culpa natus repellat perferendis alias accusantium impedit
fugit? Sit alias aut repudiandae, qui id debitis doloribus totam eveniet
explicabo, reiciendis soluta tempora optio maiores ab accusamus ipsa
sunt sapiente minima! Praesentium deserunt, hic inventore aut aliquam in
unde quidem perferendis earum exercitationem corporis voluptatem rem!
Aut eius eos, rem nulla, doloremque, optio impedit expedita natus
corrupti accusantium magni voluptate voluptatum. Soluta, facere
exercitationem obcaecati autem voluptate maxime doloribus nostrum
perspiciatis deleniti voluptates consequatur quam neque corporis
doloremque! Sequi et laudantium ipsum, laborum non, harum quas nam
ducimus voluptatem, tempore nihil voluptates distinctio sunt
dignissimos. Ad esse voluptatibus praesentium ipsum? Unde libero culpa
assumenda vitae natus voluptate quaerat aliquid, deleniti blanditiis
nihil vel inventore nostrum voluptates quod, similique eaque error
cumque aspernatur maxime. Necessitatibus quidem, fugiat quod sapiente
voluptatem quasi, non id, sed veritatis suscipit iste voluptate maxime
modi dolore quo facere debitis. Aspernatur voluptas saepe quam et
suscipit facilis libero vero laboriosam, delectus labore, non tempore
illo excepturi molestias nulla voluptates eum illum, id voluptate
voluptatibus perferendis odit hic blanditiis? Nobis aspernatur eaque
assumenda et quam provident? Dicta quas, suscipit debitis ad itaque
atque.
</div>
</div>
<footer>
<p class="footer">Arunchandra ©</p>
</footer>
<div class="fake">
<div class="im">
<img src="images/download.png" alt="">
</div>
<div class="im">
<img src="images/download.png" alt="">
</div>
<div class="im">
<img src="images/download.png" alt="">
</div>
</div>
</body>
</html>