-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (120 loc) · 6.88 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
<html>
<head>
<meta charset="UTF-8" />
<title>CSS Exercise</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h1>CSS Exercise</h1>
<p>PARAGRAPH NOT INSIDE A DIV</p>
<div>
<p class="hello">A hello paragraph with a class</p>
<p id="special">A special paragraph with an ID</p>
<h2>Color me please</h2>
<p>
Roof party yr hella synth, Wes Anderson narwhal four dollar
toast before they sold out retro lo-fi. Austin iPhone pop-up
farm-to-table, PBR&B McSweeney's ennui messenger bag distillery
before they sold out Portland wolf fanny pack YOLO. Locavore
slow-carb trust fund farm-to-table. Pinterest gastropub lo-fi,
McSweeney's trust fund VHS shabby chic ugh Austin twee.
Messenger bag banjo lumbersexual, whatever 3 wolf moon XOXO
normcore. Pug fanny pack 3 wolf moon, typewriter organic chia
mustache scenester seitan shabby chic Blue Bottle salvia ugh
iPhone. Fanny pack Williamsburg direct trade, cold-pressed
disrupt flannel listicle health goth asymmetrical freegan
mixtape street art pour-over whatever.
</p>
</div>
<div>
<h2>MC's list of events</h2>
<ul>
<li>Impact of Code <input type="checkbox" checked /></li>
<li>Open Days <input type="checkbox" checked /></li>
<li>Ideathon <input type="checkbox" checked /></li>
<li>MCTF <input type="checkbox" checked /></li>
<li>Micro Hack <input type="checkbox" /></li>
<li>AGC <input type="checkbox" /></li>
</ul>
</div>
<!-- Third diiiv -->
<div>
<h2>Here Again to chat with you all</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Possimus blanditiis magnam itaque voluptatum. Aut perspiciatis
excepturi nulla itaque nisi, <em>expedita odio unde</em>, dignissimos
omnis temporibus enim distinctio et totam eius? Lorem ipsum
dolor sit amet consectetur adipisicing elit. Itaque, ea. Velit
ratione dolores voluptatem reprehenderit error nesciunt dicta!
Sit ut sapiente laboriosam illo assumenda fuga tempora quaerat
maxime eum? Et?
</p>
<p>The second paragraph inside this div!</p>
</div>
<p>PARAGRAPH NOT INSIDE A DIV</p>
<div>
<h2>I hate my color</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse,
debitis! Qui molestias aliquam dolorem dicta ad maxime neque
consectetur ea magnam, aut nemo, ab, velit ipsam totam rem
sapiente fugit. Lorem ipsum dolor sit amet consectetur
adipisicing elit. Iure ad similique impedit adipisci, sed optio
repudiandae unde numquam et rem ipsam earum deleniti voluptas
quisquam sint laboriosam facilis velit a molestias. Vitae iste,
nihil accusantium deleniti possimus sed earum ducimus, aperiam
fugiat eius accusamus sunt? Numquam, cum ut. Ex, iste ducimus?
Fuga numquam architecto deserunt, hic similique voluptas itaque
porro saepe provident consequuntur, incidunt ut in atque
quisquam quidem animi neque facilis id sed quas? Veritatis dicta
nisi quibusdam quia impedit a pariatur atque, aut quis
reiciendis esse voluptatibus ut aspernatur quisquam omnis rem
fuga molestiae. Officia modi quidem minus quisquam! Repudiandae
id quod officiis neque consequuntur sit non, ipsam tempore
voluptatem ipsum porro odit at distinctio repellendus optio
consequatur est maiores nesciunt fuga. Tempore incidunt corporis
aliquid nobis officiis illum vero at consequatur suscipit
provident eius repudiandae ullam reprehenderit, alias, totam ex
quidem voluptatum excepturi odio! Temporibus doloribus error
excepturi! Alias expedita aut, magnam aliquid unde mollitia
itaque consequatur sint! Impedit officiis dolorum consectetur
sequi quia mollitia eos veritatis cum odio accusamus ipsa ut
corporis repudiandae praesentium, enim quaerat culpa ab velit
nobis perferendis cupiditate nihil nesciunt est ipsum. Quod,
odit deserunt. Autem quisquam ipsam voluptatum quibusdam quidem
saepe aliquam consectetur provident magnam quae. Temporibus
dicta facilis maiores praesentium, impedit est tempore animi!
Enim deserunt commodi molestiae quibusdam natus impedit a
officiis qui ut ipsam aliquam debitis veritatis illo ratione
necessitatibus iusto nam, labore repudiandae dicta
exercitationem nostrum accusamus. Dignissimos facere quo placeat
iusto quasi modi natus eaque! Corporis, rem reprehenderit quia
dolores debitis nihil commodi tenetur sapiente voluptates illo
quam, nostrum ab suscipit? Doloribus, pariatur cumque asperiores
expedita quibusdam perferendis, tempora optio odit quia fuga
rerum magnam ea exercitationem numquam quos ad porro
consequuntur. Doloremque voluptates hic, blanditiis dolore
provident aliquam rerum sequi quidem architecto alias?
Reprehenderit iste officia minima inventore iure repellat eaque,
illum cumque! Doloremque magnam ullam similique eius
praesentium, alias dicta? Odio quos explicabo excepturi suscipit
minus et, fugiat quae ipsam ipsa repellat architecto debitis
quis officia magnam error laudantium tempore molestiae? Commodi,
magnam eveniet. Consequuntur eius nisi dolore ipsum minus libero
tempore neque quaerat ex.
</p>
<p>One last paragraph here!</p>
<a href="https://www.facebook.com/Micro.Club.USTHB/photos/pcb.5225898277432868/5225897770766252">Wassim's picture</a>
<a href="https://www.facebook.com/Micro.Club.USTHB" >just a link to MC facebook</a>
<br />
<form action="" method="post">
<input type="text" name="name" /><label> Name</label><br />
<input type="password" name="password" /><label>Password</label>
<button type="submit">Submit</button>
</form>
<br />
</div>
<p>PARAGRAPH NOT INSIDE A DIV</p>
</body>
</html>