-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathabout-us-basic.html
More file actions
127 lines (116 loc) · 6.89 KB
/
Copy pathabout-us-basic.html
File metadata and controls
127 lines (116 loc) · 6.89 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
123
124
125
126
127
---
layout: default
title: Home Page
---
<section class="page-top">
<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="breadcrumb">
<li><a href="#">Home</a></li>
<li class="active">About Us</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h1>About Us</h1>
</div>
</div>
</div>
</section>
<div class="container">
<h2 class="word-rotator-title">
The New Way to <strong>
<span class="word-rotate" data-plugin-options='{"delay": 2000}'>
<span class="word-rotate-items">
<span>success.</span>
<span>advance.</span>
<span>progress.</span>
</span>
</span>
</strong>
</h2>
<div class="row">
<div class="col-md-10">
<p class="lead">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque imperdiet. Nulla lacinia iaculis nulla non <span class="alternative-font">metus.</span> pulvinar. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut eu risus enim, ut pulvinar lectus. Sed hendrerit nibh.
</p>
</div>
<div class="col-md-2">
<a href="#" class="btn btn-lg btn-primary push-top">Join Our Team!</a>
</div>
</div>
<hr class="tall">
<div class="row">
<div class="col-md-8">
<h3><strong>Who</strong> We Are</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis.</p>
<p>Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing <span class="alternative-font">metus</span> sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula.</p>
</div>
<div class="col-md-4">
<div class="featured-box featured-box-secundary">
<div class="box-content">
<h4>Behind the scenes</h4>
<ul class="thumbnail-gallery flickr-feed" data-plugin-flickr data-plugin-options='{"qstrings": { "id": "93691989@N03" }, "limit": 6}'></ul>
</div>
</div>
</div>
</div>
<hr class="tall">
<div class="row">
<div class="col-md-12">
<h3 class="push-top">Our <strong>History</strong></h3>
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul class="history">
<li data-appear-animation="fadeInUp">
<div class="thumb">
<img src="img/office-4.jpg" alt="" />
</div>
<div class="featured-box">
<div class="box-content">
<h4><strong>2012</strong></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus,</p>
</div>
</div>
</li>
<li data-appear-animation="fadeInUp">
<div class="thumb">
<img src="img/office-3.jpg" alt="" />
</div>
<div class="featured-box">
<div class="box-content">
<h4><strong>2010</strong></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia.</p>
</div>
</div>
</li>
<li data-appear-animation="fadeInUp">
<div class="thumb">
<img src="img/office-2.jpg" alt="" />
</div>
<div class="featured-box">
<div class="box-content">
<h4><strong>2005</strong></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus,</p>
</div>
</div>
</li>
<li data-appear-animation="fadeInUp">
<div class="thumb">
<img src="img/office-1.jpg" alt="" />
</div>
<div class="featured-box">
<div class="box-content">
<h4><strong>2000</strong></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus,</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>