-
Notifications
You must be signed in to change notification settings - Fork 0
/
no-sidebar.html
167 lines (163 loc) · 6.52 KB
/
no-sidebar.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
<!DOCTYPE html>
<!--
Landed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>No Sidebar - Landed by HTML5 UP</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no"
/>
<link rel="stylesheet" href="assets/css/main.css" />
<noscript
><link rel="stylesheet" href="assets/css/noscript.css"
/></noscript>
</head>
<body class="is-preload">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo"><a href="index.html">Landed</a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="#">Layouts</a>
<ul>
<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>
<li>
<a href="#">Submenu</a>
<ul>
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
<li><a href="#">Option 4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="elements.html">Elements</a></li>
<li><a href="#" class="button primary">Sign Up</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<div id="main" class="wrapper style1">
<div class="container">
<header class="major">
<h2>No Sidebar</h2>
<p>
Ipsum dolor feugiat aliquam tempus sed magna lorem consequat
accumsan
</p>
</header>
<!-- Content -->
<section id="content">
<a href="#" class="image fit"
><img src="images/pic07.jpg" alt=""
/></a>
<h3>Dolore Amet Consequat</h3>
<p>
Aliquam massa urna, imperdiet sit amet mi non, bibendum euismod
est. Curabitur mi justo, tincidunt vel eros ullamcorper, porta
cursus justo. Cras vel neque eros. Vestibulum diam quam, mollis at
magna consectetur non, malesuada quis augue. Morbi tincidunt
pretium interdum est. Curabitur mi justo, tincidunt vel eros
ullamcorper, porta cursus justo. Cras vel neque eros. Vestibulum
diam cubilia adipiscing interdum aliquet aliquet placerat cubilia
accumsan cep ante nullam adipiscing tortor odio. Iaculis
adipiscing accumsan nascetur in cras. Lacinia placerat.
</p>
<p>
Vestibulum diam quam, mollis at consectetur non, malesuada quis
augue. Morbi tincidunt pretium interdum. Morbi mattis elementum
orci, nec dictum porta cursus justo. Quisque ultricies lorem in
ligula condimentum, et egestas turpis sagittis. Cras ac nunc urna.
Nullam eget lobortis purus. Phasellus vitae tortor non est
placerat tristique faucibus magna adipiscing aliquet blandit nisi
dolor accumsan nascetur lorem. Vis enim. Curae. Mi arcu vis
aliquam ipsum non accumsan ac mi faucibus amet eu accumsan erat
interdum semper accumsan. Eu sagittis tellus accumsan neque lorem
penatibus in porttitor. Vivamus commodo curae. Condimentum
lobortis praesent id ac lorem. Lorem vis ipsum dolor feugiat
consequat dolore adipiscing.
</p>
<h3>Sed Magna Ornare</h3>
<p>
In vestibulum massa quis arcu lobortis tempus. Nam pretium arcu in
odio vulputate luctus. Suspendisse euismod lorem eget lacinia
fringilla. Sed sed felis justo. Nunc sodales elit in laoreet
aliquam. Nam gravida, nisl sit amet iaculis porttitor, risus nisi
rutrum metus. In accumsan lorem nunc ultrices a ac eu accumsan ac
id nullam. Nec lobortis. Faucibus. Mi commodo laoreet arcu at non
mi lacinia aliquet non lobortis phasellus accumsan nascetur
varius. Integer orci porttitor eu faucibus aliquet faucibus ac
accumsan adipiscing accumsan odio. Ut adipiscing.
</p>
<ul>
<li>Faucibus orci lobortis ac adipiscing integer.</li>
<li>Col accumsan arcu mi aliquet placerat.</li>
<li>Lobortis vestibulum ut magna tempor massa nascetur.</li>
<li>Blandit massa non blandit tempor interdum.</li>
<li>Lacinia mattis arcu nascetur lobortis.</li>
</ul>
</section>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li>
<a href="#" class="icon brands alt fa-twitter"
><span class="label">Twitter</span></a
>
</li>
<li>
<a href="#" class="icon brands alt fa-facebook-f"
><span class="label">Facebook</span></a
>
</li>
<li>
<a href="#" class="icon brands alt fa-linkedin-in"
><span class="label">LinkedIn</span></a
>
</li>
<li>
<a href="#" class="icon brands alt fa-instagram"
><span class="label">Instagram</span></a
>
</li>
<li>
<a href="#" class="icon brands alt fa-github"
><span class="label">GitHub</span></a
>
</li>
<li>
<a href="#" class="icon solid alt fa-envelope"
><span class="label">Email</span></a
>
</li>
</ul>
<ul class="copyright">
<li>© Untitled. All rights reserved.</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>