DOCTYPE html html head meta charet UTF-8 link rel stylesheet type text

 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
<!DOCTYPE html>
<html>
<head>
<meta charet="UTF-8">
<link rel="stylesheet" type="text/css" href="style1b.css">
<title>Task_1b</title>
</head>
<body>
<div class="headeer">
<header>
<div class="logo"> </div>
<h1>EPAM SYSTEMS</h1><br />
<p>UI LAB TRAINING</p>
</header>
<nav>
<a href="#">About UI lab</a>
<a class="active" href="#">Home Tasks</a>
<a href="#">Tests & Exams</a>
</nav>
</div>
<div class="all">
<div class="left-col">
<ul>
<li><a href="#">Vertical navigation sample</a></li>
<li><a href="#">Vertical navigation sample</a></li>
<li><a class="active" href="#">Vertical navigation sample</a></li>
<li><a href="#">Vertical navigation sample</a></li>
<li><a href="#">Vertical navigation sample</a></li>
<li><a href="#">Vertical navigation sample</a></li>
</ul>
</div>
<div class="right-col">
<h2>Level 2 Heading</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h3>Level 3 heading</h3>
<ul>
<li>Basic List Sample</li>
<li>Basic List Sample</li>
<li>Basic List Sample</li>
<li>Basic List Sample</li>
<li>Basic List Sample</li>
<li>Basic List Sample</li>
<li>Basic List Sample</li>
</ul>
</div>
</div>
</body>
</html>