-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (80 loc) · 3.11 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS Cheat Sheet</title>
<link rel="stylesheet" href="style-final.css">
</head>
<body>
<div class="container">
<div class="box-1">
<h1>Hello World</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi deserunt dolores ducimus laborum
libero
quaerat reiciendis repellendus tempore voluptatibus! Aliquam assumenda beatae cum earum in laudantium
obcaecati,
saepe. Corporis, est pariatur? Corporis delectus dolor dolore, dolorem ducimus error, ex ipsam ipsum magni,
nobis
odit praesentium provident quibusdam temporibus ullam.</p>
</div>
<div class="box-2">
<h1>Box 2</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi deserunt dolores ducimus laborum
libero
quaerat reiciendis repellendus tempore voluptatibus! Aliquam assumenda beatae cum earum in laudantium
obcaecati,
saepe. Corporis, est pariatur? Corporis delectus dolor dolore, dolorem ducimus error, ex ipsam ipsum magni,
nobis
odit praesentium provident quibusdam temporibus ullam.</p>
<a href="#" class="button">Read More</a>
</div>
<div class="categories">
<h2>Categories</h2>
<ul>
<li><a href="#">Category 1</a></li>
<li><a href="#">Category 2</a></li>
<li><a href="#">Category 3</a></li>
<li><a href="#">Category 4</a></li>
</ul>
</div>
<form class="my-form">
<div class="form-group">
<label>Name: </label>
<input type="text" name="name">
</div>
<div class="form-group">
<label>Email: </label>
<input type="email" name="email">
</div>
<div class="form-group">
<label>Message</label>
<textarea name="message">
</textarea>
</div>
<input type="submit" class="button" value="Submit" name="submit">
</form>
<div id="showcase">
<h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, sit!</h1>
</div>
<div class="block">
<h3>Heading</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias consequatur inventore non recusandae totam.
Adipisci, corporis culpa fuga id numquam odit quia reiciendis, rem similique tempore vero voluptatem voluptates
voluptatibus.</p>
</div>
<div class="block">
<h3>Heading</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias consequatur inventore non recusandae totam.
Adipisci, corporis culpa fuga id numquam odit quia reiciendis, rem similique tempore vero voluptatem voluptates
voluptatibus.</p>
</div>
<div class="block">
<h3>Heading</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias consequatur inventore non recusandae totam.
Adipisci, corporis culpa fuga id numquam odit quia reiciendis, rem similique tempore vero voluptatem voluptates
voluptatibus.</p>
</div>
<div style="margin-top: 500px"></div>
</div>
</body>
</html>