-
Notifications
You must be signed in to change notification settings - Fork 59
/
index.html
76 lines (71 loc) · 3.54 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
---
title: Linear
layout: default
---
<!-- 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="/assets/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="/assets/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="/assets/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="/assets/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>