-
Notifications
You must be signed in to change notification settings - Fork 64
/
index.html
executable file
·99 lines (94 loc) · 3.38 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
---
title: Arcana
layout: default
---
<!-- Banner -->
<section id="banner">
<header>
<h2>Arcana: <em>A responsive site template freebie by <a href="http://html5up.net">HTML5 UP</a></em></h2>
<a href="#" class="button">Learn More</a>
</header>
</section>
<!-- Highlights -->
<section class="wrapper style1">
<div class="container">
<div class="row double">
<section class="4u">
<div class="box highlight">
<i class="icon major fa-paper-plane"></i>
<h3>This Is Important</h3>
<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
</div>
</section>
<section class="4u">
<div class="box highlight">
<i class="icon major fa-pencil"></i>
<h3>Also Important</h3>
<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
</div>
</section>
<section class="4u">
<div class="box highlight">
<i class="icon major fa-wrench"></i>
<h3>Probably Important</h3>
<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
</div>
</section>
</div>
</div>
</section>
<!-- Gigantic Heading -->
<section class="wrapper style2">
<div class="container">
<header class="major">
<h2>A gigantic heading you can use for whatever</h2>
<p>With a much smaller subtitle hanging out just below it</p>
</header>
</div>
</section>
<!-- Posts -->
<section class="wrapper style1">
<div class="container">
<div class="row">
<section class="6u">
<div class="box post">
<a href="#" class="image left"><img src="{{ site.baseurl }}/assets/images/pic01.jpg" alt="" /></a>
<div class="inner">
<h3>The First Thing</h3>
<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
</div>
</div>
</section>
<section class="6u">
<div class="box post">
<a href="#" class="image left"><img src="{{ site.baseurl }}/assets/images/pic02.jpg" alt="" /></a>
<div class="inner">
<h3>The Second Thing</h3>
<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
</div>
</div>
</section>
</div>
<div class="row">
<section class="6u">
<div class="box post">
<a href="#" class="image left"><img src="{{ site.baseurl }}/assets/images/pic03.jpg" alt="" /></a>
<div class="inner">
<h3>The Third Thing</h3>
<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
</div>
</div>
</section>
<section class="6u">
<div class="box post">
<a href="#" class="image left"><img src="{{ site.baseurl }}/assets/images/pic04.jpg" alt="" /></a>
<div class="inner">
<h3>The Fourth Thing</h3>
<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
</div>
</div>
</section>
</div>
</div>
</section>
{% include cta.html %}