-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservices.html
164 lines (157 loc) · 6.69 KB
/
services.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
153
154
155
156
157
158
159
160
161
162
163
164
<!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">About</a></li>
<li><a href="services.html" class="active">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>services </h1>
<span>Ut aliquam sollicitudin leo.</span>
</div>
<div class="panel">
<div class="content marTop30"> <img src="images/img6.jpg" width="200" height="200" class="float-left mar-right30"/>
<h2>Fusce eleifend sapi</h2>
<p>Donec condimentum mollis laoreet. Suspendisse dignissim est sodales tortor pellentesque gravida.</p>
<p>Fusce non justo a turpis vestibulum pulvinar. In hac habitasse platea dictumst. Nam ultricies facilisis diam, vitae venenatis risus imperdiet at. Pellentesque vel metus vitae risus sollicitudin molestie feugiat nec justo.</p>
</div>
<div class="clearing"></div>
<div class="content marTop30"> <img src="images/img7.jpg" width="200" height="200" class="float-left mar-right30"/>
<h2>Vivamus vestibulum nulla</h2>
<p>Nunc nec est dolor. Phasellus aliquam dapibus odio, eget pretium eros rutrum a. Maecenas at libero quam. </p>
<p>Duis auctor iaculis congue. Vestibulum nec bibendum est. Integer sed accumsan nisl Phasellus aliquam dapibus odio, eget pretium eros rutrumLorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
<div class="clearing"></div>
<div class="content marTop30"> <img src="images/img8.jpg" width="200" height="200" class="float-left mar-right30"/>
<h2>Praesent placerat</h2>
<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. </p>
<p>Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien.</p>
</div>
<div class="clearing"></div>
</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>