-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
122 lines (96 loc) · 5.94 KB
/
Copy pathabout.html
File metadata and controls
122 lines (96 loc) · 5.94 KB
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 lang="en">
<head>
<meta charset="UTF-8">
<title>About</title>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src ="js/jquery.flexslider-min.js"></script>
<script src ="js/slider.js"></script>
</head>
<body>
<div class="wrapper">
<header>
<h1><a href="index.html"><img src="img/logo.png" alt="logo"></a></h1>
<span class="tel">123-456-7890</span>
<nav>
<ul>
<li ><a href="contact.html" title="contact">contact</a></li>
<li><a href="portfolio.html" title="portfolio">portfolio</a></li>
<li><a href="services.html" title="services">services</a></li>
<li class="current"><a href="about.html" title="about">about</a></li>
<li> <a href="index.html" title="index">home</a></li>
</ul>
</nav>
</header>
<div class="top-page">
<h2>About Us</h2>
<span>We are a dynamic team with innovative ideas for you.</span>
</div>
<div class="content">
<main>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra porta ullamcorper. Fusce a purus arcu, et congue quam. Sed urna ante, aliquet eu lacinia ac, aliquet vitae arcu. Integer id cursus magna. Vestibulum pulvinar dolor et magna vulputate at sagittis lectus luctus. Aenean pretium commodo lobortis. Proin ac augue enim, ut pulvinar ligula. In auctor egestas sem in tempor. Fusce iaculis vehicula purus. Nam rutrum ante in nibh facilisis eget placerat lorem ullamcorper. Donec tincidunt magna id ligula tincidunt eget fringilla odio tincidunt. Ut pharetra nulla ut nisl consectetur rutrum. Aenean eros mauris, posuere sit amet luctus eu, rhoncus at arcu.</p>
<p>Cras pharetra porta sapien eget pretium. Fusce id velit est. In eleifend, nibh in auctor malesuada, sem magna interdum diam, et tincidunt sem orci vel justo. Vestibulum nec sapien velit. Aenean ultrices dapibus mi, et dignissim eros mollis in. Aliquam eget dignissim purus. Sed sed leo sed nisl feugiat imperdiet. Nam elementum velit sed sapien mollis gravida. Proin eget ligula dolor. </p>
<p>Cras viverra, magna quis facilisis cursus, nulla urna posuere orci, ac gravida quam mi nec massa. Nam dapibus euismod lacus, in accumsan lectus pretium sed. Suspendisse mollis nulla in mauris luctus euismod ullamcorper arcu egestas. Nulla facilisi. Cras ac sapien nisl, placerat pellentesque enim. Nunc condimentum ligula ac odio feugiat vitae egestas sem aliquet. Nulla feugiat dui vel tellus consequat porttitor rutrum magna varius. Proin ut urna felis, in adipiscing nisl. In libero metus, pharetra eget molestie ut, dignissim eget mi.
</p>
<p>Nam vulputate nisi ut libero porttitor venenatis. Quisque quam tortor, euismod nec lobortis sed, lobortis sodales augue. Pellentesque accumsan convallis eleifend. Suspendisse eu est diam, vitae tempor magna. Suspendisse at neque convallis neque sagittis ultrices. Fusce dapibus posuere elit quis vestibulum. Morbi in consectetur massa. Nunc semper, est a fermentum tempus, odio orci congue eros, non mattis est eros eget dolor. Ut eleifend viverra nunc, in lobortis libero lacinia sit amet. Vestibulum tristique porta nulla et dapibus. Duis ut tortor arcu. Vestibulum scelerisque dapibus eros at sagittis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed sit amet dolor odio. In nunc mi, porta eu facilisis at, ullamcorper at enim. </p>
</main>
<div class="side-bar">
<div class="side-navigation">
<h3 class="title">Side Navigation</h3>
<ul>
<li>Who we are</li>
<li>What we do</li>
<li>Testimonials</li>
<li>Employment</li>
</ul>
</div>
<div class="our-clients">
<h3 class="title">Our Clients</h3>
<a href="index.html"><img src="img/graphics_fuel.png" alt="Graphics Fuel"></a>
<a href="index.html"><img src="img/fashion_era.png" alt="Fashion era"></a>
<a href="index.html"><img src="img/merena.png" alt="Merena"></a>
<a href="index.html"><img src="img/sundine_produce.png" alt="Sundine Produce"></a>
</div>
</div>
</div>
<footer >
<ul class="top_footer">
<li class="browse_site">
<h3>Browse Site</h3>
<ul class="footer_contact">
<li><a href="#">About our company</a></li>
<li><a href="#">Contact us</a></li>
<li><a href="#">Our Portfolio</a></li>
<li><a href="#">Our Prices</a></li>
<li><a href="#">Online quote form</a></li>
<li><a href="#">Client Testimonials</a></li>
</ul>
</li>
<li class="our_test">
<h3>Our Testimonials</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tristique tristique lacus in varius. Donec nec vestibulum ligula. Aenean turpis diam, feugiat a luctus in, rhoncus eget risus. Maecenas consequat porttitor dui, vitae consequat massa imperdiet ut. elit ut tempus lobortis, eros leo molestie velit.
<span class="Rafi"></br>Rafi, GraphicsFuel.com</span></p>
</li>
<li class="our_blog">
<h3>From Our Blog</h3>
<p class="first"><time>July 6, 2010</time></br>
<span class="blue">Lorem ipsum dolor sit amet, consectetur </span>
adipiscing elit. Etiam tristique tristique lacus in varius. Donec nec vestibulum ligula. Aenean turpis diam...</p>
<p><time>July 6, 2010</time></br>
<span class="blue">Lorem ipsum dolor sit amet, consectetur </span>adipiscing elit. Etiam tristique tristique lacus in varius. Donec nec vestibulum ligula. Aenean turpis diam...</p>
</li>
</ul>
<div class="bottom_footer">
<p>Copyright © 2010 Business. All rights reserved. Designed by GraphicFuel.com</p>
<ul class="social_contact">
<img src="img/logo_footer.png" alt="logo" class="logo_footer">
<li><a href="https://twitter.com" class ="t"></a></li>
<li><a href="https://linkedin.com" class="in"></a></li>
<li><a href="https://facebook.com" class="f"></a></li>
</ul>
</div>
</footer>
</div>
</body>
</html>