This repository has been archived by the owner on Jul 17, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
90 lines (86 loc) · 4.89 KB
/
index.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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]> <html class="no-js"> <![endif]-->
<html>
<head>
<meta charset='utf-8'>
<!--<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>-->
<title>Parallel</title>
<meta name='name' content='Parallel'>
<meta name='description' content='An awesome CSS template in the making'>
<meta name='viewport' content='width=device-width'>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
<link rel='stylesheet' href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link rel='stylesheet' href='css/bootstrap.css'/>
<link rel='stylesheet' href='css/bootstrap-theme.css'/>
<link rel='stylesheet' href='css/custom.css'/>
<link rel='stylesheet' href='css/buttons.css'>
<script src='js/jquery.min.js'></script>
<script src='js/bootstrap.min.js'></script>
<script src='js/skel.min.js'></script>
<script src='js/jquery.stellar.min.js'></script>
<script src='js/jquery.easing.min.js'></script>
<script src='js/waypoints.min.js'></script>
<script src='js/_main.js'></script>
</head>
<body>
<div id='header_fixed'>
<div class='header_container'>
<h2>parallel</h2>
<ul>
<li><a href='#'><h3>home</h3></a></li>
<li><a href='#'><h3>about</h3></a></li>
<li><a href='#'><h3>contact</h3></a></li>
</ul>
</div>
</div>
<!--[if lt IE 7]><p class="chromeframe">The 90s called. They want their browser back. <a href="http://browsehappy.com/">Upgrade</a></p><![endif]-->
<div id='cover-container'>
<div class='cover'>
<div class='wrapper'>
<div class='inner-wrapper'>
<div class='container'>
<div class='content'>
<h1> Lorem Ipsum</h1>
<p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</p>
<br/>
<a href='#learn' class='button button-pill button-flat button-jumbo'>Learn more</a>
</div>
</div>
</div>
</div>
</div>
<div class='slide' id='background' data-slide='1' data-stellar-background-ratio='0.3'></div>
</div>
<div class='container' id='learn'>
<div class='col-md-4'>
<div id="learn-circle-1" class="learn-circle"></div>
<h1>Vivamus vitae dolor sed enim.</h1>
<p>Fusce vel dui metus. Suspendisse aliquam pharetra leo id bibendum. Nulla convallis tempor venenatis. In sollicitudin purus eget nibh blandit tincidunt. Ut aliquam neque vitae enim consequat, a porta dui semper. Nulla facilisi. Nunc nibh elit, interdum sed viverra in, fermentum vitae velit. Vestibulum justo dui, malesuada eu sollicitudin non.</p>
</div>
<div class='col-md-4'>
<div id="learn-circle-2" class="learn-circle"></div>
<h1>Ut facilisis porta porta. Nullam.</h1>
<p>Nulla ultrices nibh augue, sed pellentesque elit aliquet at. In hac habitasse platea dictumst. Aliquam erat volutpat. Fusce feugiat augue at ex finibus, sit amet finibus leo gravida. Vestibulum erat ante, cursus congue felis et, imperdiet tempor metus. Nunc ut mauris nibh. Donec tincidunt nisi vel ex commodo, elementum aliquam.</p>
</div>
<div class='col-md-4'>
<div id="learn-circle-3" class="learn-circle"></div>
<h1>Sed nec porttitor tellus, vitae.</h1>
<p>Vestibulum vitae lacinia justo, vitae ultrices urna. Proin pulvinar condimentum orci in pulvinar. Donec convallis ultrices ex, sit amet iaculis erat. Nam tincidunt nibh in efficitur elementum. Nunc consectetur dictum sem, sit amet suscipit dolor interdum non. Mauris eget sem vel nulla laoreet ultrices sit amet eu lectus. Pellentesque feugiat.</p>
</div>
</div>
<div class='filler_500'></div>
<div class='footer'>
<div class='container'>
<ul>
<li><a class='fa fa-github fa-3x' href='#'></a></li>
<li><a class='fa fa-twitter fa-3x' href='#'></a></li>
<li><a class='fa fa-envelope fa-3x' href='#'></a></li>
</ul>
<p>© Keyton Stanier</p>
</div>
</div>
</body>
</html>