-
Notifications
You must be signed in to change notification settings - Fork 22
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·157 lines (145 loc) · 6.26 KB
/
index.html
File metadata and controls
executable file
·157 lines (145 loc) · 6.26 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
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
<!DOCTYPE HTML>
<!--
Linear by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>reemaz by TEMPLATED</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,700,500,900' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
</head>
<body class="homepage">
<!-- Header -->
<div id="header">
<div id="nav-wrapper">
<!-- Nav -->
<nav id="nav">
<ul>
<li class="active"><a href="index.html">Homepage</a></li>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
</ul>
</nav>
</div>
<div class="container">
<!-- Logo -->
<div id="logo">
<h1><a href="#">Linear</a></h1>
<span class="tag">By TEMPLATED</span>
</div>
</div>
</div>
<!-- Featured -->
<div id="featured">
<div class="container">
<header>
<h2>Welcome to Linear</h2>
</header>
<p>This is <strong>Linear</strong>, a responsive HTML5 site template freebie by <a href="http://templated.co">TEMPLATED</a>. Released for free under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so use it for whatever (personal or commercial) – just give us credit! Check out more of our stuff at <a href="http://templated.co">our site</a> or follow us on <a href="http://twitter.com/templatedco">Twitter</a>.</p>
<hr />
<div class="row">
<section class="4u">
<span class="pennant"><span class="fa fa-briefcase"></span></span>
<h3>Maecenas luctus lectus</h3>
<p>Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo.</p>
<a href="#" class="button button-style1">Read More</a>
</section>
<section class="4u">
<span class="pennant"><span class="fa fa-lock"></span></span>
<h3>Maecenas luctus lectus</h3>
<p>Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec magna.</p>
<a href="#" class="button button-style1">Read More</a>
</section>
<section class="4u">
<span class="pennant"><span class="fa fa-globe"></span></span>
<h3>Maecenas luctus lectus</h3>
<p>Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo.</p>
<a href="#" class="button button-style1">Read More</a>
</section>
</div>
</div>
</div>
<!-- Main -->
<div id="main">
<div id="content" class="container">
<div class="row">
<section class="6u">
<a href="#" class="image full"><img src="images/pic01.jpg" alt=""></a>
<header>
<h2>Mauris vulputate dolor</h2>
</header>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
</section>
<section class="6u">
<a href="#" class="image full"><img src="images/pic02.jpg" alt=""></a>
<header>
<h2>Mauris vulputate dolor</h2>
</header>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
</section>
</div>
<div class="row">
<section class="6u">
<a href="#" class="image full"><img src="images/pic03.jpg" alt=""></a>
<header>
<h2>Mauris vulputate dolor</h2>
</header>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
</section>
<section class="6u">
<a href="#" class="image full"><img src="images/pic04.jpg" alt=""></a>
<header>
<h2>Mauris vulputate dolor</h2>
</header>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
</section>
</div>
</div>
</div>
<!-- Tweet -->
<div id="tweet">
<div class="container">
<section>
<blockquote>“In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat.”</blockquote>
</section>
</div>
</div>
<!-- Footer -->
<div id="footer">
<div class="container">
<section>
<header>
<h2>Get in touch</h2>
<span class="byline">Integer sit amet pede vel arcu aliquet pretium</span>
</header>
<ul class="contact">
<li><a href="#" class="fa fa-twitter"><span>Twitter</span></a></li>
<li class="active"><a href="#" class="fa fa-facebook"><span>Facebook</span></a></li>
<li><a href="#" class="fa fa-dribbble"><span>Pinterest</span></a></li>
<li><a href="#" class="fa fa-tumblr"><span>Google+</span></a></li>
</ul>
</section>
</div>
</div>
<!-- Copyright -->
<div id="copyright">
<div class="container">
Design: <a href="http://templated.co">TEMPLATED</a> Images: <a href="http://unsplash.com">Unsplash</a> (<a href="http://unsplash.com/cc0">CC0</a>)
</div>
</div>
</body>
</html>