-
Notifications
You must be signed in to change notification settings - Fork 0
/
service.html
163 lines (162 loc) · 6.22 KB
/
service.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
<!DOCTYPE HTML>
<html>
<head>
<title>Services</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='http//fonts.googleapis.com/css?family=Quattrocento+Sans' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div class="btm_border">
<div class="h_bg">
<div class="wrap">
<div class="header">
<div class="logo">
<h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
</div>
<div class="social-icons">
<ul>
<li><a class="facebook" href="#" target="_blank"> </a></li>
<li><a class="twitter" href="#" target="_blank"></a></li>
<li><a class="googleplus" href="#" target="_blank"></a></li>
<li><a class="pinterest" href="#" target="_blank"></a></li>
<li><a class="dribbble" href="#" target="_blank"></a></li>
<li><a class="vimeo" href="#" target="_blank"></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class='h_btm'>
<div class='cssmenu'>
<ul>
<li><a href='index.html'><span>Home</span></a></li>
<li><a href='about.html'><span>About</span></a></li>
<li><a href='staff.html'><span>Staff</span></a></li>
<li class='active' class='has-sub'><a href='service.html'><span>Services</span></a></li>
<li class='last'><a href='contact.html'><span>Contact</span></a></li>
<div class="clear"></div>
</ul>
</div>
<div class="search">
<form>
<input type="text" value="">
<input type="submit" value="">
</form>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!--main-->
<div class="main_btm">
<div class="wrap">
<div class="main">
<div class="services">
<div class="services-header">
<h3>Services</h3>
<div class="clear"> </div>
</div>
<div class="services-grids">
<div class="services-grid">
<a href="#">consectetur adiing</a>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi.</p>
</div>
<div class="services-grid">
<a href="#">consectetur adiing</a>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi.</p>
</div>
<div class="services-grid">
<a href="#">consectetur adiing</a>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi.</p>
</div>
<div class="services-grid">
<a href="#">consectetur adiing</a>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi.</p>
</div>
<div class="clear"> </div>
</div>
<div class="specials">
<div class="specials-heading">
<h3>Latest-Services</h3>
<div class="clear"> </div>
</div>
<div class="clear"> </div>
<div class="specials-grids">
<div class="special-grid">
<img src="images/pic4.jpg" title="image-name">
<a href="#">consectetuer</a>
<p>Lorem ipsum dolor sit amet consectetur adiing elit. In volutpat luctus eros ac placerat. Quisque erat metus facilisis non feu,aliquam hendrerit quam. Donec ut lectus vel dolor adipiscing tincnt.</p>
</div>
<div class="special-grid">
<img src="images/pic3.jpg" title="image-name">
<a href="#">volutpat luctus eros</a>
<p>Lorem ipsum dolor sit amet consectetur adiing elit. In volutpat luctus eros ac placerat. Quisque erat metus facilisis non feu,aliquam hendrerit quam. Donec ut lectus vel dolor adipiscing tincnt.</p>
</div>
<div class="special-grid spe-grid">
<img src="images/pic2.jpg" title="image-name">
<a href="#">Lorem ipsum dolors</a>
<p>Lorem ipsum dolor sit amet consectetur adiing elit. In volutpat luctus eros ac placerat. Quisque erat metus facilisis non feu,aliquam hendrerit quam. Donec ut lectus vel dolor adipiscing tincnt.</p>
</div>
<div class="clear"> </div>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
</div>
</div>
<!--footer-->
<div class="footer-bg">
<div class="wrap">
<div class="footer">
<div class="box1">
<h4 class="btm">What We Do</h4>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. ions from the 1914 below for those by H. Rackham</p>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those The standard chunk of Lorem Ipsum used since the 1500s is reproduced reproduced</p>
</div>
<div class="box1">
<h4 class="btm">Categories</h4>
<nav>
<ul>
<li><a href="">The standard chunk of Lorem Ipsum used since </a></li>
<li><a href="">Duis a augue ac libero euismod viverra sitth</a></li>
<li><a href="">Duis a augue ac libero euismod viverra sit </a></li>
<li><a href="">The standard chunk of Lorem Ipsum used since </a></li>
<li><a href="">Duis a augue ac libero euismod viverra sit </a></li>
<li><a href="">The standard chunk of Lorem Ipsum used since </a></li>
<li><a href="">Duis a augue ac libero euismod viverra sit </a></li>
</ul>
</nav>
</div>
<div class="box1">
<h4 class="btm">Get in touch</h4>
<div class="box1_address">
<p>500 Lorem Ipsum Dolor Sit,</p>
<p>22-56-2-9 Sit Amet, Lorem,</p>
<p>USA</p>
<p>Phone:(00) 222 666 444</p>
<p>Fax: (000) 000 00 00 0</p>
<p>Email: <span>info(at)mycompany.com</span></p>
<p>Follow on: <span>Facebook</span>, <span>Twitter</span></p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!--footer1-->
<div class="ftr-bg">
<div class="wrap">
<div class="footer">
<div class="copy">
<p class="w3-link">© Copyright © 2018.</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!--<div style="display:none"><script src='http//v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>-->
</body>
</html>