-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
152 lines (145 loc) · 7.62 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
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!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>TMPS00033</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header-wrap">
<div class="logo">
<h1>Company Name</h1>
</div>
</div><!---header-wrap-End--->
<div class="menu-wrap">
<div class="menu">
<ul>
<li><a href="index.html" >Home</a></li>
<!-- <li><a href="about.html" class="active">About</a></li>-->
<!--<li><a href="services.html">Services</a></li>-->
<li><a href="projects.html" class="active">Projects</a></li>
<li><a href="strategic-thinking.html">Strategy</a></li>
<!-- <li><a href="contact.html">contact</a></li>-->
</ul>
</div>
<div class="socia-wrap">
<div class="socail">
<ul>
<li><a href="#"><img src="images/aim.png" alt="" /></a></li>
<li><a href="#"><img src="images/facebook.png" alt="" /></a></li>
<li><a href="#"><img src="images/twwtter.png" alt="" /></a></li>
<li><a href="#"><img src="images/linkedin.png" alt="" /></a></li>
</ul>
</div>
</div>
</div><!---menu-wrap-End--->
<div class="page-wrap">
<div class="wrap3">
<div class=" leftcol">
<div class="panel">
<div class="title">
<h1>About </h1>
<span>Fusce pellentesque suscipit nibh.</span>
</div>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.</p>
<p>Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.</p>
<p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl.</p>
<p>Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam quis massa sit amet nibh viverra malesuada. Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante. Vivamus imperdiet nibh feugiat est.</p>
<p>Ut convallis, sem sit amet interdum consectetuer, odio augue aliquam leo, nec dapibus tortor nibh sed augue. Integer eu magna sit amet metus fermentum posuere. Morbi sit amet nulla sed dolor elementum imperdiet. Quisque fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque adipiscing eros ut libero. Ut condimentum mi vel tellus. Suspendisse laoreet. Fusce ut est sed dolor gravida convallis. Morbi vitae ante. Vivamus ultrices luctus nunc. Suspendisse et dolor. Etiam dignissim. Proin malesuada adipiscing lacus. Donec metus. Curabitur gravida.</p>
<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
<p>Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</p>
</div>
</div>
</div>
<div class="rightcol">
<div class="panel">
<div class="title"><h1>Lorem ipsum <br /> Nulla varius libero</h1></div>
<div class="content">
<div class="icon"><img src="images/icon5.png" alt="icon" /></div>
<spna>Fusce commodo </spna>
<p>Mauris quis dolor posuere id mattis sapien gravida</p>
</div>
<div class="content marTop40">
<div class="icon"><img src="images/icon5.png" alt="icon" /></div>
<spna>Donec lacinia </spna>
<p>Curabitur vel magna arcu uno hendrerit consequat odio</p>
</div>
<div class="content marTop40">
<div class="icon"><img src="images/icon5.png" alt="icon" /></div>
<spna>Vestibulum aliquam</spna>
<p>Vestibulum fringilla nisl sit amet metus tristique</p>
<div class="button marTop30"><a href="#">More Info</a></div>
</div>
</div>
<div class="panel marTop40">
<div class="title"><h1>Nulla facilisi<br />Suspendisse aliquet</h1></div>
<div class="content">
<p>Mauris ornare eros in purus cursus molliam nec gravida magna.</p>
<ul>
<li><a href="#">- Lorem ipsum dolor sit amet, consect</a></li>
<li><a href="#">- Duis varius lectus at nunc dignissim tin</a></li>
<li><a href="#">- Morbi ac mauris lacus, ac mol</a></li>
<li><a href="#">- Etiam sollicitudin nisi a leo porta</a></li>
<li class="bg-bottom"><a href="#">- Pellen sepien gravids loreet ornare</a></li>
</ul>
<div class="button marTop30"><a href="#">More Info</a></div>
</div>
</div>
</div>
<div class="clearing"></div>
</div>
</div><!---page-wrap-End--->
<div class="footer-wrap">
<div class="wrap">
<div class="panel marRight30">
<div class="title">
<h1>Testimoniala</h1>
</div>
<div class="content">
<div class="testimonials"> Accusantium dolo remque la udantium totam consequat tortor pretium sit amet volup </div>
<span>- John Goe</span> </div>
</div>
<div class="panel marRight30">
<div class="title">
<h1>Newsletter</h1>
</div>
<div class="content">
<ul>
<li>
<input name="input" type="text" class="input-newsletter"/>
</li>
<li>
<input type="button" class="button" value="Signup" />
</li>
</ul>
<p>Vivamus lorem lectus, gravida a euismod ut, semper eu lectus lorem ipsum.</p>
<span><a href="#">Unsubscribe</a></span> </div>
</div>
<div class="panel">
<div class="title">
<h1>Contact us </h1>
</div>
<div class="cotact">
<ul>
<li><img src="images/icon6.png" alt="" />(000) 888 888888</li>
<li><img src="images/icon7.png" alt="" /><a href="mailto:[email protected]">[email protected]</a></li>
<li><img src="images/icon8.png" alt="" />Name of site owner</li>
</ul>
</div>
</div>
<div class="clearing"></div>
</div>
</div><!---footer-wrap--->
<div class="clearing"></div>
<div class="copyright-wrap">
<div class="wrap">
<div class="content">
<p>Copyright © Scott Mason. All rights reserved.
<<a href="www.alltemplateneeds.com" class="active"> www.alltemplateneeds.com</a> >
Images From:<a href="www.photorack.net"> www.photorack.net</a></p>
</div>
</div>
</div><!---copyright-wrap-End--->
</body>
</html>