This repository has been archived by the owner on Jul 17, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
onecolumn.html
169 lines (154 loc) · 7.52 KB
/
onecolumn.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
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE HTML>
<!--
Arcana 1.0 by HTML5 Up!
html5up.net | @nodethirtythree
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Arcana: A Responsive HTML5 Site Template by HTML5 Up! (One Column)</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<noscript><link rel="stylesheet" href="css/5grid/core.css" /><link rel="stylesheet" href="css/5grid/core-desktop.css" /><link rel="stylesheet" href="css/5grid/core-1200px.css" /><link rel="stylesheet" href="css/5grid/core-noscript.css" /><link rel="stylesheet" href="css/style.css" /><link rel="stylesheet" href="css/style-desktop.css" /></noscript>
<script src="css/5grid/jquery.js"></script>
<script src="css/5grid/init.js?use=mobile,desktop,1000px&mobileUI=1&mobileUI.theme=none&mobileUI.titleBarHeight=60&mobileUI.openerWidth=52"></script>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<div id="header-wrapper">
<header class="5grid-layout" id="site-header">
<div class="row">
<div class="12u">
<div class="mobileUI-site-name" id="logo">
<h1>Arcana</h1>
</div>
<nav class="mobileUI-site-nav" id="site-nav">
<ul>
<li><a href="index.html">Homepage</a></li>
<li><a href="threecolumn1.html">Three Column #1</a></li>
<li><a href="threecolumn2.html">Three Column #2</a></li>
<li><a href="twocolumn1.html">Two Column #1</a></li>
<li><a href="twocolumn2.html">Two Column #2</a></li>
<li class="current_page_item"><a href="onecolumn.html">One Column</a></li>
</ul>
</nav>
</div>
</div>
</header>
</div>
<!-- Main -->
<div id="main-wrapper" class="subpage">
<div class="5grid-layout">
<div class="row">
<div class="12u">
<!-- Content -->
<article class="first last">
<h2>One Column (no sidebar)</h2>
<p>Suspendisse faucibus dictum tellus id posuere. Cras quis eros tellus, id posuere lacus.
Praesent ac est eros. Aliquam eleifend nunc ut neque consequat quis suscipit elit tincidunt.
Fusce interdum gravida tincidunt. Sed et ante nec ligula fringilla condimentum. Mauris vel
sem ac ligula sed lorem vestibulum ornare vel sed nibh. Fusce rhoncus tincidunt ante, non hendrerit
magna vestibulum quis. Integer vel enim sem phasellus tempus lorem.</p>
<p>Maecenas vel mauris sit amet augue accumsan tempor non in sapien. Nulla facilisi. Aliquam
imperdiet sem et orci adipiscing vehicula sagittis metus consectetur. Mauris a dui dolor magna
tristique condimentum nec ut ligula. Sed eu arcu in neque porta iaculis. Mauris fermentum velit
sit amet leo convallis consectetur. Ut vel libero dui, eu vehicula velit. Maecenas et justo
vitae lacus venenatis vehicula. Ut eget posuere arcu dolore blandit.</p>
<p>Aenean nec turpis ac ligula posuere eleifend sed a eros. Integer nec nibh interdum nulla
fringilla ultricies. Integer semper felis eu ante congue dignissim. Praesent rhoncus nulla
sed felis rhoncus et iaculis risus mattis. Nam sed purus dui, a egestas enim. Donec facilisis,
enim id fermentum mattis, tellus libero ultricies massa, eu bibendum augue ipsum sit amet
ligula. Proin porta sagittis erat ac pharetra. Aenean ultricies enim id mi lacinia rhoncus.
Nunc volutpat, turpis vel porta tincidunt, lectus metus fermentum lectus, sed sodales erat
nisi non dolor. Pellentesque vitae felis eget turpis rutrum malesuada in non quam. Mauris
at lorem vel nunc tristique scelerisque sit amet id nisl. Donec at nisi magna, in pretium
ligula. Sed lacus augue, sagittis et gravida viverra, imperdiet eget elit. Morbi malesuada
ligula. Proin porta sagittis erat ac pharetra. Aenean ultricies enim id mi lacinia rhoncus.
Nunc volutpat, turpis vel porta tincidunt, lectus metus fermentum lectus, sed sodales erat
imperdiet sem et orci adipiscing vehicula sagittis metus consectetur. Mauris a dui dolor magna
tristique condimentum nec ut ligula. Sed eu arcu in neque porta iaculis. Mauris fermentum velit
sit amet leo convallis consectetur. Ut vel libero dui, eu vehicula velit. Maecenas et justo
nisi non dolor. Pellentesque vitae felis eget turpis rutrum malesuada in non quam. Mauris
at lorem vel nunc tristique scelerisque sit amet id nisl. Donec at nisi magna, in pretium
ligula. Sed lacus augue, sagittis et gravida viverra, imperdiet eget elit. Morbi malesuada
mauris eu eros rutrum blandit. Cras malesuada rutrum sem, ac vehicula diam volutpat ac.
Vestibulum sed tortor purus. Phasellus in lectus fringilla tellus porttitor vehicula
ut fermentum metus lorem ipsum dolor sit amet lorem ipsum dolor sit amet nullam consequat
lorem ipsum dolor sit amet consequat veroeros etiam.</p>
</article>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div id="footer-wrapper">
<footer class="5grid-layout" id="site-footer">
<div class="row">
<div class="3u">
<section class="first">
<h2>Ipsum et phasellus</h2>
<ul class="link-list">
<li><a href="#">Mattis et quis rutrum sed accumsan</a>
<li><a href="#">Suspendisse amet varius nibh</a>
<li><a href="#">Suspenddapibus amet mattis quis</a>
<li><a href="#">Rutrum accumsan eu varius</a>
<li><a href="#">Nibh lorem sed dolore et ipsum.</a>
</ul>
</section>
</div>
<div class="3u">
<section>
<h2>Lorem mattis dolor</h2>
<ul class="link-list">
<li><a href="#">Duis neque nisi dapibus sed</a>
<li><a href="#">Suspenddapibus amet mattis quis</a>
<li><a href="#">Rutrum accumsan eu varius</a>
<li><a href="#">Nibh lorem sed dolore et ipsum.</a>
<li><a href="#">Mattis et quis rutrum sed accumsan</a>
</ul>
</section>
</div>
<div class="3u">
<section>
<h2>Mattis quis tempus</h2>
<ul class="link-list">
<li><a href="#">Suspendisse amet varius nibh</a>
<li><a href="#">Suspenddapibus amet mattis quis</a>
<li><a href="#">Rutrum accumsan eu varius</a>
<li><a href="#">Nibh lorem sed dolore et ipsum.</a>
<li><a href="#">Duis neque nisi dapibus sed</a>
</ul>
</section>
</div>
<div class="3u">
<section class="last">
<h2>Odio et phasellus</h2>
<ul class="link-list">
<li><a href="#">Rutrum accumsan eu varius</a>
<li><a href="#">Nibh lorem sed dolore et ipsum.</a>
<li><a href="#">Duis neque nisi dapibus sed</a>
<li><a href="#">Mattis et quis rutrum sed accumsan</a>
<li><a href="#">Suspendisse amet varius nibh</a>
</ul>
</section>
</div>
</div>
<div class="row">
<div class="12u">
<div class="divider"></div>
</div>
</div>
<div class="row">
<div class="12u">
<div id="copyright">
© Untitled. All rights reserved. | Design: <a href="http://html5up.net">HTML5 Up!</a> | Images: <a href="http://fotogrph.com">Fotogrph</a>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>