-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
125 lines (115 loc) · 5.47 KB
/
index.html
File metadata and controls
125 lines (115 loc) · 5.47 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
<!DOCTYPE HTML>
<!--
Epilogue by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>Epilogue by TEMPLATED</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<!-- Header -->
<header id="header" class="alt">
<div class="inner">
<h1>Epilogue</h1>
<p>A free responsive site template by <a href="https://templated.co">TEMPLATED</a></p>
</div>
</header>
<!-- Wrapper -->
<div id="wrapper">
<!-- Banner -->
<section id="intro" class="main">
<span class="icon fa-diamond major"></span>
<h2>Magna porta maximus</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae<br />
malesuada turpis. Nam pellentesque in ac aliquam. Aliquam tempor<br />
mi porta egestas maximus lorem ipsum dolor.</p>
<ul class="actions">
<li><a href="#" class="button big">Learn More</a></li>
</ul>
</section>
<!-- Items -->
<section class="main items">
<article class="item">
<header>
<a href="#"><img src="images/pic01.jpg" alt="" /></a>
<h3>Feugiat et faucibus</h3>
</header>
<p>Fusce malesuada efficitur venenatis. Pellentesque tempor leo sed massa hendrerit hendrerit. In sed feugiat est, eu congue elit. Ut porta magna vel felis sodales vulputate. Donec faucibus dapibus lacus non ornare.</p>
<ul class="actions">
<li><a href="#" class="button">More</a></li>
</ul>
</article>
<article class="item">
<header>
<a href="#"><img src="images/pic02.jpg" alt="" /></a>
<h3>Blandit adipiscing</h3>
</header>
<p>Fusce malesuada efficitur venenatis. Pellentesque tempor leo sed massa hendrerit hendrerit. In sed feugiat est, eu congue elit. Ut porta magna vel felis sodales vulputate. Donec faucibus dapibus lacus non ornare.</p>
<ul class="actions">
<li><a href="#" class="button">More</a></li>
</ul>
</article>
<article class="item">
<header>
<a href="#"><img src="images/pic03.jpg" alt="" /></a>
<h3>Lorem massa nulla</h3>
</header>
<p>Fusce malesuada efficitur venenatis. Pellentesque tempor leo sed massa hendrerit hendrerit. In sed feugiat est, eu congue elit. Ut porta magna vel felis sodales vulputate. Donec faucibus dapibus lacus non ornare.</p>
<ul class="actions">
<li><a href="#" class="button">More</a></li>
</ul>
</article>
<article class="item">
<header>
<a href="#"><img src="images/pic04.jpg" alt="" /></a>
<h3>Ipsum sed tempus</h3>
</header>
<p>Fusce malesuada efficitur venenatis. Pellentesque tempor leo sed massa hendrerit hendrerit. In sed feugiat est, eu congue elit. Ut porta magna vel felis sodales vulputate. Donec faucibus dapibus lacus non ornare.</p>
<ul class="actions">
<li><a href="#" class="button">More</a></li>
</ul>
</article>
</section>
<!-- CTA -->
<section id="cta" class="main special">
<h2>Etiam veroeros lorem</h2>
<p>Phasellus ac augue ac magna auctor tempus proin<br />
accumsan lacus a nibh commodo in pellentesque dui<br />
in hac habitasse platea dictumst.</p>
<ul class="actions">
<li><a href="#" class="button big">Get Started</a></li>
</ul>
</section>
<!-- Main -->
<!--
<section id="main" class="main">
<header>
<h2>Lorem ipsum dolor</h2>
</header>
<p>Fusce malesuada efficitur venenatis. Pellentesque tempor leo sed massa hendrerit hendrerit. In sed feugiat est, eu congue elit. Ut porta magna vel felis sodales vulputate. Donec faucibus dapibus lacus non ornare. Etiam eget neque id metus gravida tristique ac quis erat. Aenean quis aliquet sem. Ut ut elementum sem. Suspendisse eleifend ut est non dapibus. Nulla porta, neque quis pretium sagittis, tortor lacus elementum metus, in imperdiet ante lorem vitae ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eget neque id metus gravida tristique ac quis erat. Aenean quis aliquet sem. Ut ut elementum sem. Suspendisse eleifend ut est non dapibus. Nulla porta, neque quis pretium sagittis, tortor lacus elementum metus, in imperdiet ante lorem vitae ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</section>
-->
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
</ul>
<p class="copyright">© Untitled. Design: <a href="https://templated.co">TEMPLATED</a>. Images: <a href="https://unsplash.com">Unsplash</a>.</p>
</footer>
</div>
<!-- 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>