-
Notifications
You must be signed in to change notification settings - Fork 0
/
staff.html
122 lines (122 loc) · 6.18 KB
/
staff.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
<!DOCTYPE HTML>
<html>
<head>
<title>Staff</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 class='active'><a href='staff.html'><span>Staff</span></a></li>
<li 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="content">
<h2>our brilliabt staff</h2>
<h3>Lorem ipsum dolor sit amet, consectetur adipisicing</h3>
<p><a href="details.html"><img src="images/staff1.jpg"></a> Cadipisicing elit,Nam ornare vulputate risus,id volutpat elit porttitor non.In consequat nisi vel lectus dapibus sodales.Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales.Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales.Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales. Pellentesque habitant morbi tristique senectus Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales. PellentesqueNam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas Pellentesque habitant morbi tristique senectus et netus et malesuada fames. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Nam ornare vulputate risus,id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales.Nam ornare vulputate risus, id volutpat elit porttitor non.</p>
<div class="clear"></div>
</div>
<div class="content">
<h3>Lorem ipsum dolor sit amet, consectetur adipisicing</h3>
<p><a href="details.html"><img src="images/pic1.jpg"></a> Cadipisicing elit,Nam ornare vulputate risus,id volutpat elit porttitor non.In consequat nisi vel lectus dapibus sodales.Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales.Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales.Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales. Pellentesque habitant morbi tristique senectus Nam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales. PellentesqueNam ornare vulputate risus, id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas Pellentesque habitant morbi tristique senectus et netus et malesuada fames. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Nam ornare vulputate risus,id volutpat elit porttitor non. In consequat nisi vel lectus dapibus sodales.Nam ornare vulputate risus, id volutpat elit porttitor non.</p>
<div class="clear"></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>