-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (151 loc) · 5.07 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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE HTML>
<!--
Introspect by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>Introspect by TEMPLATED</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<!-- Header -->
<header id="header">
<div class="inner">
<a href="index.html" class="logo">introspect</a>
<nav id="nav">
<a href="index.html">Home</a>
<a href="generic.html">Generic</a>
<a href="elements.html">Elements</a>
</nav>
</div>
</header>
<a href="#menu" class="navPanelToggle"><span class="fa fa-bars"></span></a>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h1>Introspect: <span>A free + fully responsive<br />
site template by TEMPLATED</span></h1>
<ul class="actions">
<li><a href="#" class="button alt">Get Started</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one">
<div class="inner">
<header>
<h2>Magna Etiam Lorem</h2>
</header>
<p>Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscin sem. Nullam quis massa sit amet nibh viverra malesuada. Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu, erisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante.</p>
<ul class="actions">
<li><a href="#" class="button alt">Learn More</a></li>
</ul>
</div>
</section>
<!-- Two -->
<section id="two">
<div class="inner">
<article>
<div class="content">
<header>
<h3>Pellentesque adipis</h3>
</header>
<div class="image fit">
<img src="images/pic01.jpg" alt="" />
</div>
<p>Cumsan mollis eros. Pellentesque a diam sit amet mi magna ullamcorper vehicula. Integer adipiscin sem. Nullam quis massa sit amet lorem ipsum feugiat tempus.</p>
</div>
</article>
<article class="alt">
<div class="content">
<header>
<h3>Morbi interdum mol</h3>
</header>
<div class="image fit">
<img src="images/pic02.jpg" alt="" />
</div>
<p>Cumsan mollis eros. Pellentesque a diam sit amet mi magna ullamcorper vehicula. Integer adipiscin sem. Nullam quis massa sit amet lorem ipsum feugiat tempus.</p>
</div>
</article>
</div>
</section>
<!-- Three -->
<section id="three">
<div class="inner">
<article>
<div class="content">
<span class="icon fa-laptop"></span>
<header>
<h3>Tempus Feugiat</h3>
</header>
<p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna lorem ullamcorper laoreet, lectus arcu.</p>
<ul class="actions">
<li><a href="#" class="button alt">Learn More</a></li>
</ul>
</div>
</article>
<article>
<div class="content">
<span class="icon fa-diamond"></span>
<header>
<h3>Aliquam Nulla</h3>
</header>
<p>Ut convallis, sem sit amet interdum consectetuer, odio augue aliquam leo, nec dapibus tortor nibh sed.</p>
<ul class="actions">
<li><a href="#" class="button alt">Learn More</a></li>
</ul>
</div>
</article>
<article>
<div class="content">
<span class="icon fa-laptop"></span>
<header>
<h3>Sed Magna</h3>
</header>
<p>Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula.</p>
<ul class="actions">
<li><a href="#" class="button alt">Learn More</a></li>
</ul>
</div>
</article>
</div>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<header>
<h2>Get in Touch</h2>
</header>
<form method="post" action="#">
<div class="field half first">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="6"></textarea>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" class="alt" /></li>
</ul>
</form>
<div class="copyright">
© Untitled Design: <a href="https://templated.co/">TEMPLATED</a>. Images <a href="https://unsplash.com/">Unsplash</a>
</div>
</div>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>