-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (139 loc) · 5.67 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Transit Theme</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div id="wrapper">
<header id="header">
<a href="index.html" class="logo">
<strong>Transit</strong> HTML5 Theme</a>
<nav>
<a href="#menu"></a>
</nav>
</header>
<section id="banner">
<div class="image filtered" data-position="center">
<img src="img/pic01.jpg" alt="">
</div>
<div class="content">
<h1>Sed amet lorem</h1>
<p>Magna amet tempus etiam lorem nisl consequat</p>
<ul class="actions">
<li>
<a href="#first" class="button wide scrolly">Get Started</a>
</li>
</ul>
</div>
</section>
<section id="first" class="main special">
<h2>Nisl feugiat adipiscing</h2>
<p>Lorem ipsum dolor sit amet nullam consequat, feugiat nisl tempus
<br> adipiscing sed cursus. Ipsum tempus phasellus magna.</p>
<ul class="features">
<li>
<span class="icon major fa-diamond"></span>
<h3>Aliquam</h3>
</li>
<li>
<span class="icon major fa-commenting-o"></span>
<h3>Feugiat</h3>
</li>
<li>
<span class="icon major fa-save"></span>
<h3>Consequat</h3>
</li>
<li>
<span class="icon major fa-flag-o"></span>
<h3>Phasellus</h3>
</li>
</ul>
</section>
<section class="main spotlight left invert accent1">
<div class="image filtered" data-position="center">
<img src="/img/pic02.jpg" alt="">
</div>
<div class="content">
<h2>Magna amet lorem</h2>
<p>Sed magna lorem ipsum etiam dolor et nullam consequat, et feugiat tempus consequat.</p>
<ul class="actions">
<li>
<a href="#one" class="button">More</a>
</li>
</ul>
</div>
</section>
<section class="main special">
<h2>Etiam amet consequat</h2>
<p>Lorem ipsum dolor sit amet nullam consequat, feugiat nisl tempus
<br> adipiscing sed cursus. Ipsum tempus phasellus magna.</p>
<div class="slider-wrapper">
<div class="slider">
<article class="inactive">
<a href="#" class="image filtered">
<img src="/img/slide03.jpg" alt="">
</a>
<div class="content">
<p>Aliquam feugiat magna consequat</p>
</div>
</article>
<article class="">
<a href="#" class="image filtered">
<img src="/img/slide01.jpg" alt="">
</a>
<div class="content">
<p>Dolor phaselllus et cursus nullam</p>
</div>
</article>
<article class="initial inactive">
<a href="#" class="image filtered">
<img src="/img/slide02.jpg" alt="">
</a>
<div class="content">
<p>Ipsum dolor sit amet nullam feugiat</p>
</div>
</article>
<article class="inactive">
<a href="#" class="image filtered">
<img src="/img/slide03.jpg" alt="">
</a>
<div class="content">
<p>Nisl lorem phasellus aliquam magna</p>
</div>
</article>
<article class="inactive">
<a href="#" class="image filtered">
<img src="/img/slide01.jpg" alt="">
</a>
<div class="content">
<p>Adipiscing lorem nulla etiam dolor</p>
</div>
</article>
</div>
<div class="indicators">
<a href="#" class="active">1</a>
<a href="#" class="">2</a>
<a href="#" class="">3</a>
<a href="#" class="">4</a>
<a href="#" class="">5</a>
</div>
</div>
</section>
<section class="main special invert accent3">
<h2>Nullam dolor veroeros</h2>
<p>Sit amet nullam consequat, feugiat nisl tempus adipiscing sed consequat cursus.</p>
<form method="post" action="#"
class="combined">
<input type="email" name="email" value="" placeholder="Your email address">
<button type="submit" class="special">Sign Up</button>
</form>
</section>
</div>
<script src="/js/main.js"></script>
</body>
</html>