-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
110 lines (94 loc) · 4.93 KB
/
about.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
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Spot Light - About</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<!--
Template 2051 Spot Light
http://www.tooplate.com/view/2051-spot-light
-->
<link href="css/tooplate_style.css" rel="stylesheet" type="text/css" />
</head>
<body id="subpage">
<div id="tooplate_wrapper">
<div id="tooplate_header_sp">
<div id="tooplate_menu">
<ul>
<li><a href="index.html"><span></span>Home</a></li>
<li><a href="about.html" class="current"><span></span>About Us</a></li>
<li><a href="gallery.html"><span></span>Gallery</a></li>
<li><a href="blog.html"><span></span>Blog</a></li>
<li><a href="contact.html"><span></span>Contact</a></li>
</ul>
</div> <!-- end of tooplate_menu -->
<div id="site_title"><h1><a href="#">Free Website Template</a></h1></div>
</div> <!-- end of header -->
<div id="tooplate_main">
<div id="tooplate_sidebar">
<div class="sidebar_box">
<h2>Navigation</h2>
<ul class="sidebar_nav">
<li><a href="#">Aliquam sed tellus</a></li>
<li><a href="#">Curabitur velit ante</a></li>
<li><a href="#">Donec ac nibh arcu</a></li>
<li><a href="#">Fusce placerat ultrices</a></li>
<li><a href="#">Maecenas fermentum </a></li>
<li><a href="#">Pellentesque egestas </a></li>
</ul>
</div>
<div class="sidebar_box">
<h2>Our Latest News</h2>
<div class="news_box">
<a href="#">Donec eu orci dolor</a>
<p>Integer eros augue, auctor vel scelerisque at, pellentesque sit amet odio. </p>
</div>
<div class="news_box">
<a href="#">Aliquam bibendum vulputate</a>
<p>Duis neque metus, ullamcorper sit amet dictum vel, tincidunt sit amet felis.</p>
</div>
</div>
</div> <!-- end of sidebar -->
<div id="tooplate_content">
<div class="col_fw">
<h1>About Us</h1>
<img src="images/tooplate_image_02.jpg" alt="Image 02" class="image_fl" />
<p><em>Duis accumsan libero placerat mi facilisis posuere. Nunc ac quam diam. Duis non odio eros, pharetra ultrices justo. </em></p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. <a href="#">Sed rhoncus</a> libero non tellus molestie et luctus orci faucibus. Duis faucibus tincidunt dui at molestie. Aliquam erat volutpat. Maecenas in purus quis leo posuere imperdiet. Donec nec nisl orci, in blandit est. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> and <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
<a class="more">More</a>
</div>
<div class="col_fw_last">
<div class="col_w300 float_l">
<h2>Our Services</h2>
<p><em>Donec magna velit, hendrerit non aliquet vitae, sollicitudin non sem. </em></p>
<ul class="tooplate_list">
<li>Etiam non urna non arcu </li>
<li>Integer accumsan mauris</li>
<li>Morbi blandit orci a turpis </li>
<li>Vestibulum hendrerit ipsum</li>
</ul>
<a class="more">More</a>
</div>
<div class="col_w300 float_r">
<h2>Testimonial</h2>
<blockquote>
<p>Curabitur ac velit at felis auctor posuere sit amet sit amet orci. Maecenas lobortis tempus neque. Suspendisse luctus fermentum odio a sagittis. Donec id massa quis blandit pulvinar. Cras bibendum orci eget sapien ornare sit amet convallis tellus porta.</p>
<cite><a href="#">Richard</a> - <span>Web Designer</span></cite>
</blockquote>
<a class="more">More</a>
</div>
<div class="cleaner"></div>
</div>
</div> <!-- end of content -->
<div class="cleaner"></div>
</div> <!-- end of main -->
</div> <!-- end of wrapper -->
<div id="tooplate_footer_wrapper">
<div id="tooplate_footer">
Copyright © 2048 <a href="#">Company Name</a>
<div class="cleaner"></div>
</div>
</div>
</body>
</html>