forked from kbalog/web-programming
-
Notifications
You must be signed in to change notification settings - Fork 1
/
exercise2.html
54 lines (46 loc) · 2.57 KB
/
exercise2.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
<!DOCTYPE html>
<html>
<head>
<title>Exercise #2: IDs and classes</title>
<link rel="stylesheet" href="exercise2.css"/>
</head>
<body>
<h1>News</h1>
<div>
<h2>News heading 1</h2>
<p>
Lorem <span class="hl1">ipsum</span> dolor sit amet, consectetur adipiscing elit. Proin lacinia lorem eu
porttitor luctus. Sed ac mauris vitae arcu consectetur tempor sed congue felis. Vivamus posuere scelerisque
dapibus. Nam ultricies laoreet augue id semper. Sed eu lacus ac dolor volutpat ullamcorper at sed risus. Nunc
sollicitudin bibendum varius. Donec laoreet gravida metus. Fusce porta consequat augue, eget fermentum lectus
molestie ultrices. Etiam sit amet sem sed massa maximus eleifend. Etiam eu maximus <span
class="hl1">ipsum</span>. Morbi ut venenatis mauris. Etiam vehicula nisl neque, fringilla pellentesque dui
consequat <span class="hl2">quis</span>. Nunc feugiat, massa non dapibus blandit, tellus diam gravida nisl, eu
varius leo quam nec leo. Nunc fermentum mauris viverra purus elementum, at bibendum dui fringilla. Nam ac lacus
a leo iaculis pellentesque rhoncus sed quam.
</p>
</div>
<div id="alert">
<h2>News heading 2</h2>
<p>
Etiam in ex <span class="hl2">quis</span> eros hendrerit sollicitudin vitae iaculis neque. Vestibulum ornare
nibh lectus, nec blandit justo efficitur in. Morbi et porta erat, <span class="hl2">quis</span> tristique lorem.
Nunc mollis egestas ligula, id iaculis mauris dapibus sagittis. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas. Phasellus vestibulum non augue scelerisque tincidunt. Vivamus
dictum luctus neque, sed scelerisque quam faucibus vitae.
</p>
</div>
<div>
<h2>News heading 3</h2>
<p>
Donec nec lacus et felis scelerisque iaculis a vitae nibh. Nullam in sapien condimentum erat interdum pretium
eget sit amet ex. Duis sed enim nisl. Cras ut lacus vitae metus posuere vestibulum. Proin posuere tincidunt
<span class="hl1">ipsum</span> ut aliquam. Aenean lacinia urna mauris, <span class="hl2">quis</span> volutpat
nulla blandit et. Nam placerat porta ornare. Nunc pretium elit et leo blandit, consectetur pretium sapien
porttitor. Aenean consectetur malesuada enim, eget fringilla dolor efficitur id. Curabitur ut pulvinar nulla.
Sed mollis felis eget blandit venenatis. Pellentesque eu nisi pharetra felis aliquam scelerisque. Aliquam ac
mattis neque. Ut fermentum feugiat dolor.
</p>
</div>
</body>
</html>