/
home.html
107 lines (97 loc) · 4.31 KB
/
home.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>LinuxTraining.com</title>
<link href="jquery-tooltip/jquery.tooltip.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="site.css" />
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta name="Author" content="Ivana Vasilj" lang="hr" />
</head>
<body class="home">
<div id="nav"><div>
<ol>
<li><a href="#">Home</a></li>
<li><a href="#">Catalog</a></li>
<li><a href="#">Locations</a></li>
<li><a href="#">Schedule</a></li>
<li><a href="#">Contact</a></li>
</ol>
<form action="#">
<input type="text" value="Search query"></input>
<input type="submit" value="Go"></input>
</form>
</div></div>
<h1><a href="#"><img src="img/logo.png" alt="LinuxTraining.com" /></a></h1>
<div id="map">
<img src="img/map.png" alt="map with training locations" usemap="#world"></img>
<map name="world" id="world">
<area alt="Location Name" title="Location Name" shape="circle" coords="128, 123, 10" />
<area alt="Location Name" title="Location Name" shape="rect" coords="113, 130, 127, 155" />
<area alt="Location Name" title="Location Name" shape="rect" coords="135, 130, 145, 153" />
<area alt="Location Name" title="Location Name" shape="rect" coords="157, 148, 177, 172" />
<area alt="Location Name" title="Location Name" shape="rect" coords="215, 133, 230, 156" />
<area alt="Location Name" title="Location Name" shape="circle" coords="235, 130, 10" />
<area alt="Location Name" title="Location Name" shape="rect" coords="240, 121, 257, 148" />
<area alt="Location Name" title="Location Name" shape="rect" coords="270, 300, 288, 327" />
<area alt="Location Name" title="Location Name" shape="rect" coords="375, 106, 395, 131" />
<area alt="Location Name" title="Location Name" shape="rect" coords="408, 92, 425, 115" />
</map>
</div>
<div id="content"><div>
<div id="leftcol">
<h2>Upcoming confirmed classes</h2>
<ol>
<li>
<h3>GL250 - Enterprise Linux System Administration</h3>
<p class="where">Location name</p>
<div class="when">Oct 17–Oct 21 2011</div>
<a href="#" class="register">Register now</a>
</li>
<li>
<h3>GL250 - Enterprise Linux System Administration</h3>
<p class="where">Location name</p>
<div class="when">Oct 17–Oct 21 2011</div>
<a href="#" class="register">Register now</a>
</li>
<li>
<h3>GL250 - Enterprise Linux System Administration</h3>
<p class="where">Location name</p>
<div class="when">Oct 17–Oct 21 2011</div>
<a href="#" class="register">Register now</a>
</li>
<li>
<h3>GL250 - Enterprise Linux System Administration</h3>
<p class="where">Location name</p>
<div class="when">Oct 17–Oct 21 2011</div>
<a href="#" class="register">Register now</a>
</li>
</ol>
</div>
<div id="rightcol">
<ol>
<li>
<h2>Learn New Skills</h2>
<p>Whether you're new to Linux or experienced, we have classes to meet your needs. You're just that amazing.</p>
</li>
<li>
<h2>Prepare for Certification</h2>
<p>The industry loves LPI, and so do we. Rock your next exam, prepare with us.</p>
</li>
<li>
<h2>Another Awesome Detail</h2>
<p>Compelling. Affordable. Customizable. Powerful. Smart. Organic.</p>
</li>
</ol>
</div>
</div></div>
<div id="footer"><p>Copyright 2011, Gurulabs, LC</p></div>
<script type="text/javascript" src="jquery-tooltip/jquery-1.2.2.min.js"></script>
<script type="text/javascript" src="jquery-tooltip/jquery.tooltip.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("area").tooltip({ left:-55,top:-40 });
});
</script>
</body>
</html>