forked from super3/primecoin.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
215 lines (195 loc) · 12.6 KB
/
about.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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>About - Zion - Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<!--[if IE 7]>
<link rel="stylesheet" href="css/font-awesome-ie7.min.css">
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/sample/logo-144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/sample/logo-114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/sample/logo-72.png">
<link rel="apple-touch-icon-precomposed" href="img/sample/logo-57.png">
<link rel="shortcut icon" href="img/sample/logo.png">
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top" id="navbar">
<div class="navbar-inner">
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<a href="#none" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="fa fa-bars"></span>
<span class="btn-navbar-text">Menu</span>
</a>
<a class="brand" href="./index.html"><span class="logo"></span> Zion</a>
<div class="navbar-collapse">
<div class="nav-menu pull-left">
<ul class="nav nav-pills">
<li><a href="features.html">Features</a></li>
<li><a href="portfolio-parent.html">Portfolio</a></li>
<li><a href="blog-parent.html">Blog</a></li>
<li class="dropdown">
<a href="#none" class="dropdown-toggle" data-toggle="dropdown">Templates <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="nav-header">Example Pages</li>
<li><a href="about.html">About</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="search.html">Search Results</a></li>
<li class="divider"></li>
<li class="nav-header">Blog Pages</li>
<li><a href="blog-archives.html">Archives</a></li>
<li><a href="blog-categories.html">Categories</a></li>
<li><a href="blog-tags.html">Tags</a></li>
<li class="divider"></li>
<li class="nav-header">Components</li>
<li><a href="elements.html">UI Elements</a></li>
<li><a href="forms.html">Form Elements</a></li>
<li><a href="typography.html">Tables & Typography</a></li>
<li><a href="faqs.html">FAQs</a></li>
<li class="divider"></li>
<li><a href="docs/index.html">User Guide & Documentation</a></li>
</ul>
</li>
</ul>
</div><!-- end nav-menu -->
<div class="nav-user pull-right">
<ul class="nav nav-user-options">
<li class="signup"><a href="user-signup.html" class="btn btn-purple">Sign Up</a></li>
<li class="login"><a href="user-login.html" class="btn btn-light">Login</a></li>
</ul>
</div><!-- end nav-user -->
</div><!-- end navbar-collapse -->
</div><!-- end col-md-12 -->
</div><!-- end row fluid -->
</div><!-- end container -->
</div><!-- end navbar-inner -->
</div><!-- end navbar -->
<div class="clear"></div>
<div class="container-wrapper container-top container-wrapper-mint">
<div class="container container-top">
<div class="row">
<div class="col-md-12 center">
<h1>About</h1>
</div>
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end container wrapper -->
<div class="container">
<div class="row">
<div class="col-md-5">
<h2>Heading</h2>
<p>There was a smash as the pole of a carriage crashed into the cart that the man on horseback stopped. My brother looked up, and the man with the gold twisted his head round and bit the wrist that held his collar. There was a concussion, and the black horse came staggering sideways, and the carthorse pushed beside it. A hoof missed my brother's foot by a hair's breadth. He released his grip on the fallen man and jumped back. He saw anger change to terror on the face of the poor wretch on the ground, and in a moment he was hidden and my brother was borne backward and carried past the entrance of the lane, and had to fight hard in the torrent to recover it.</p>
<p>He saw Miss Elphinstone covering her eyes, and a little child, with all a child's want of sympathetic imagination, staring with dilated eyes at a dusty something that lay black and still, ground and crushed under the rolling wheels. "Let us go back!" he shouted, and began turning the pony round.</p>
</div>
<div class="col-md-5 col-md-offset-2">
<h2>Heading</h2>
<p>Then beyond the bend my brother stopped again. Miss Elphinstone was white and pale, and her sister-in-law sat weeping, too wretched even to call upon "George." My brother was horrified and perplexed. So soon as they had retreated he realised how urgent and unavoidable it was to attempt this crossing. He turned to Miss Elphinstone, suddenly resolute.</p>
<p>"We must go that way," he said, and led the pony round again.</p>
<p>For the second time that day this girl proved her quality. To force their way into the torrent of people, my brother plunged into the traffic and held back a cab horse, while she drove the pony across its head. A waggon locked wheels for a moment and ripped a long splinter from the chaise. In another moment they were caught and swept forward by the stream. My brother, with the cabman's whip marks red across his face and hands, scrambled into the chaise and took the reins from her.</p>
</div>
</div><!-- end row -->
</div><!-- end container -->
<div class="container-wrapper">
<div class="container">
<div class="row margin-bottom-20">
<div class="col-md-12 center">
<h2>Our Team</h2>
</div><!-- end col -->
</div><!-- end row -->
<div class="row">
<div class="col-md-3 center">
<p><img class="width-200" src="img/wave.png" alt="" /></p>
<h3>Joe Smith</h3>
<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
<p class="margin-0"><a href="#none" class="btn btn-sm btn-primary"><span class="fa fa-envelope"></span> Email Joe</a> <a href="#none" class="btn btn-sm btn-info"><span class="fa fa-twitter"></span> @joesmith</a></p>
</div><!-- end col -->
<div class="col-md-3 center">
<p><img class="width-200" src="img/wave.png" alt="" /></p>
<h3>Joe Smith</h3>
<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
<p class="margin-0"><a href="#none" class="btn btn-sm btn-primary"><span class="fa fa-envelope"></span> Email Joe</a> <a href="#none" class="btn btn-sm btn-info"><span class="fa fa-twitter"></span> @joesmith</a></p>
</div><!-- end col -->
<div class="col-md-3 center">
<p><img class="width-200" src="img/wave.png" alt="" /></p>
<h3>Joe Smith</h3>
<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
<p class="margin-0"><a href="#none" class="btn btn-sm btn-primary"><span class="fa fa-envelope"></span> Email Joe</a> <a href="#none" class="btn btn-sm btn-info"><span class="fa fa-twitter"></span> @joesmith</a></p>
</div><!-- end col -->
<div class="col-md-3 center">
<p><img class="width-200" src="img/wave.png" alt="" /></p>
<h3>Joe Smith</h3>
<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
<p class="margin-0"><a href="#none" class="btn btn-sm btn-primary"><span class="fa fa-envelope"></span> Email Joe</a> <a href="#none" class="btn btn-sm btn-info"><span class="fa fa-twitter"></span> @joesmith</a></p>
</div><!-- end col -->
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end container wrapper -->
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="tile tile-horizontal">
<span class="fa fa-group pull-left"></span>
<div class="tile-details">
<h3>Tile Heading</h3>
<p>Usu ut dicit melius accumsan, quo at dolore temporibus. Ut epicuri omittantur has. Duo id rebum invidunt laboramus. Errem quaestio vis no. Tale primis facilisis has ne. Nonumes habemus pri no, mucius aliquando eu sea. Te eum omnes volumus aliquando.</p>
<p><a href="#none" class="btn btn-inverse"><span class="fa fa-exchange"></span> Let's Go</a> <a href="#none" class="btn btn-success"><span class="fa fa-flask"></span> View Experiment</a></p>
</div><!-- end tile-details -->
</div><!-- end tile -->
</div><!-- end col -->
</div><!-- end row -->
</div> <!-- end container -->
<div class="clear"></div>
<footer>
<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="unstyled center list-circle-icons list-circle-icons-small">
<li><a href="#none" title="Like us on Facebook" data-rel="tooltip" data-toggle="tooltip"><span class="fa fa-facebook"></span></a></li>
<li><a href="#none" title="Follow us on Twitter" data-rel="tooltip" data-toggle="tooltip"><span class="fa fa-twitter"></span></a></li>
<li><a href="#none" title="Follow us on Pinterest" data-rel="tooltip" data-toggle="tooltip"><span class="fa fa-pinterest"></span></a></li>
<li><a href="#none" title="Follow us on Google Plus" data-rel="tooltip" data-toggle="tooltip"><span class="fa fa-google-plus"></span></a></li>
<li><a href="#none" title="View Flickr Gallery" data-rel="tooltip" data-toggle="tooltip"><span class="fa fa-flickr"></span></a></li>
</ul>
<ul class="list-inline">
<li><a href="index.html">Home</a></li>
<li><a href="features.html">Features</a></li>
<li><a href="portfolio-parent.html">Portfolio</a></li>
<li><a href="blog-parent.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="user-signup.html">Sign Up</a></li>
<li><a href="user-login.html">Login</a></li>
</ul>
<p>© Copyright 2013. Zion.</p>
</div><!-- end col -->
</div><!-- end row -->
</div><!-- end container -->
</footer>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/zion.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.dropdown-toggle').dropdown();
$("[rel='tooltip']").tooltip();
});
</script>
</body>
</html>