-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
35 lines (30 loc) · 3.93 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Colors and Fonts</h1>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Deleniti, error molestias. Obcaecati, asperiores? Ea perferendis animi nemo? Dolores vel qui tempore repellat sint hic. Est eos a, ab voluptate iste velit officiis error ratione beatae vero molestiae magnam necessitatibus dolorum soluta dolor nesciunt, assumenda explicabo modi enim. Et iure dolorum quae officia provident, obcaecati magni minus molestiae molestias doloremque ad vel inventore recusandae quia porro aliquam sequi reiciendis eius at tempora. Voluptates quod deserunt tenetur, molestias laborum suscipit a explicabo corporis blanditiis quis esse laudantium saepe ipsum vel ab, soluta ea aliquam labore fugit nostrum et! Exercitationem necessitatibus dolorum odio.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem est nulla assumenda repudiandae modi! Vel natus culpa nobis repellendus perferendis expedita. Vitae magni molestiae iusto libero magnam obcaecati, explicabo minima voluptates tenetur doloremque error consequuntur ipsam dolore dolor modi eos saepe velit hic doloribus accusantium numquam cupiditate ea architecto. Laudantium quibusdam quos blanditiis nam architecto. Molestias animi illo unde dolore doloremque culpa, exercitationem quaerat illum minus corrupti iure velit rem praesentium distinctio vitae nisi laborum voluptatum officiis adipisci sint. Numquam ratione aspernatur laudantium repellat, rerum voluptate tenetur omnis, error, reprehenderit doloremque iste tempora autem. Consequuntur aliquid odit nobis sapiente! Velit.</p>
<div class="box-1">
<h2>Box1</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repudiandae officia id delectus officiis cumque in, voluptatibus autem vero voluptates corporis ex! Corporis sequi at quaerat architecto saepe, nemo facere sunt consequatur facilis asperiores esse officiis, quo delectus repudiandae rerum consequuntur earum consectetur dicta ad? Recusandae velit similique, molestiae reprehenderit deserunt cum, quasi voluptates aut consequatur a aliquam minima dolor. Minus fuga illum dolores ea. Officia perferendis quod rem voluptas? Rem quos molestias, sequi illo, numquam magni harum cupiditate nisi sunt fugit esse eos eveniet sapiente? Magnam tempore repudiandae provident hic perspiciatis consequatur suscipit quaerat. Sed assumenda ipsum natus architecto cum.
</p>
</div>
<div class="box-2">
<h2>Box2</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi ex accusantium, nemo cumque nam neque saepe velit mollitia obcaecati provident nostrum molestiae, tempore inventore eos numquam dolorem consequatur accusamus quasi necessitatibus tenetur exercitationem debitis possimus aspernatur! Tempora, non quas dolor iusto numquam magni, explicabo soluta accusantium nulla, vel doloribus quis. Deleniti adipisci commodi reprehenderit quae officiis autem cum, consequatur quidem! Blanditiis ipsam exercitationem modi labore cupiditate harum nihil nesciunt ad, minus, sapiente perferendis qui ea corrupti tempora ducimus nostrum. Delectus quae quaerat corporis dolor, molestiae voluptatum magni maiores minima incidunt nisi recusandae velit, perspiciatis repellat beatae harum esse nobis ad.
</p>
</div>
<div class="container">
<div class="box-3">
<h1>Hello world</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Inventore, dignissimos. Tenetur aspernatur neque reprehenderit tempore, ut, omnis quia, assumenda officiis quidem veniam voluptatum eos cupiditate quasi fugiat eum aliquid accusantium nulla laboriosam culpa asperiores? Nesciunt nemo in fugit, culpa, porro perspiciatis amet officia quisquam dolor deleniti eos. Nisi, nostrum rerum?</p>
</div>
</div>
</body>
</html>