-
Notifications
You must be signed in to change notification settings - Fork 0
/
clients.html
83 lines (77 loc) · 4.13 KB
/
clients.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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Solutions Online</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
</style>
</head>
<body>
<header class="global-width">
<span class="header-span">Solution</span><span class="header-span">Online</span><span class="header-span">the best online servises</span>
<a href="#" class="header-link-rss">RSS</a>
</header><!--end header-->
<nav class="global-width block-padding">
<ul class="menu-top">
<li class="menu-element"><a href="index.html" class="menu-link">About us</a></li>
<li class="menu-element"><a href="solutions.html" class="menu-link">Solutions</a></li>
<li class="menu-element"><a href="products.html" class="menu-link">Products</a></li>
<li class="menu-element"><a href="clients.html" class="menu-link">Clients</a></li>
<li class="menu-element"><a href="services.html" class="menu-link">Services</a></li>
<li class="menu-element"><a href="contacts.html" class="menu-link">Contacts</a></li>
</ul>
</nav><!--end nav top-->
<article class="global-width block-padding">
<div class="slide">
<h2>Delivering</h2>
<h3>high-value,comprehensive,<br />reliable solutions!</h3>
<p>Lorem ipsum dolor sit amet,consectetuer adipiscing elit.Praesent vestibulum molestie lacus.Aerean nonummy hendrerit mauris.</p>
<a href="" class="article-buttom">click here!</a>
</div>
</article><!--end article-->
<main class="global-width block-padding">
<section class="f-left">
<div class="col-info w220 clients">
<h2 class="info-h2 yellow">About Membership</h2>
<h3 class="info-h3">Praesentvestibuum</h3>
<p class="m-b-10">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at., cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.</p>
<a href="" class="info-link">Maecenas ttique o ultricies paret.</a>
<a href="" class="info-link">Doec accumsanlesuada.</a>
<a href="" class="info-link">Donec sit amet eros</a>
<h3 class="info-h3">Donec sit amet eros</h3>
<p class="m-b-10">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at. , cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.</p>
<a href="" class="info-link">Aliquam erat volutpat.</a>
<a href="" class="info-link">Mauris entum dictum magna.</a>
<a href="" class="info-link m-b-10">Sed laoreet aliquam leo.</a>
<p class="m-b-10">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.</p>
<a href="" class="click-here">click here</a>
</div>
</section><!--end content-info-->
<section class="f-right w450 p-15">
<h2 class="text-h2 m-b-20">Company Clients</h2>
<h3 class="text-h3">Lorem ipsum dolor sit am. Cectetuer adipiscing elit.</h3>
<p class="m-b-20">Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros.</p>
<div class="clients-p m-b-10">
<h3 class="info-h3">Duis ac turpis.</h3>
<p>Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus.</p>
</div>
<div class="clients-p m-b-10">
<h3 class="info-h3">Aliquam erat volutpat.</h3>
<p>Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Quisque nulla.</p>
</div>
<div class="clients-p m-b-10">
<h3 class="info-h3">Doec accumsanlesuada.</h3>
<p>Nam elit magna, hendrerit sit amet, tincidunt ac, viverra sed, nulla. Donec porta diam eu massa.</p>
</div>
<div class="clients-p m-b-10">
<h3 class="info-h3">Integer rutrum ante eu lacus.</h3>
<p>Quisque diam lorem, interdum vitae, dapibus ac, scelerisque vitae, pede. Donec eget tellus non erat lacinia fermentum.</p>
</div>
</section><!--end content-text-->
</main><!--end main-->
<footer class="global-width">
<p>© 2066 Solutions Online ▪<a href="privacy.html">Privacy Policy</a></p>
</footer>
</body>
</html>