-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathgeneric.html
107 lines (97 loc) · 5.13 KB
/
generic.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alpha | HTML5 UP</title>
<link rel="stylesheet" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav id="nav-sidebar">
<ul class="nav-panel">
<li class="nav-item"><a href="index.html">Home</a></li>
<li class="nav-item"><a href="#">Layouts</a></li>
<ul>
<li class="nav-item"><a href="generic.html">Generic</a></li>
<li class="nav-item"><a href="contact.html">Contact</a></li>
<li class="nav-item"><a href="elements.html">Elements</a></li>
<li>
<a href="#" class="nav-item">Submenu</a>
<ul>
<li class="nav-item"><a href="#">Option One</a></li>
<li class="nav-item"><a href="#">Option Second</a></li>
<li class="nav-item"><a href="#">Option Three</a></li>
<li class="nav-item"><a href="#">Option Four</a></li>
</ul>
</li>
</ul>
<li><a href="#">Sign Up</a></li>
</ul>
</nav>
<input type="checkbox" id="nav-trigger" name="nav" class="nav-expand">
<label for="nav-trigger" class="menu-icon"></label>
<!-- <input type="radio" id="nav-collapse" name="nav" class="nav-collapse"> -->
<div id="page-wrapper">
<header class="main-heading other-page clearfix">
<h1><a href="index.html" class="logo">Alpha</a> by HTML5 UP</h1>
<nav>
<ul class="main-nav">
<li><a href="index.html">Home</a></li>
<li class="dropdown">
<a href="#" class="dd-arrow">Layouts</a>
<div class="spacer">
<ul class="drop-nav">
<li class="first"><a href="generic.html">Generic</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="elements.html">Elements</a></li>
<li><a href="#">Submenu</a></li>
</ul>
</div>
</li>
<li><a href="#" class="sign-up">Sign Up</a></li>
</ul>
</nav>
</header>
<header class="top-heading center">
<h2>Generic</h2>
<p>A generic page for every non-generic situation.</p>
</header>
<div id="main">
<section id="generic" class="box clearfix">
<img src="img/pic01.jpg" class="full-img" alt="Man holding cellphone while on laptop">
<div class="major-heading">
<h3>This is a subheading</h3>
<p>Cep risus aliquam gravida cep ut lacus amet. Adipiscing faucibus nunc placerat. Tempus adipiscing turpis non blandit accumsan eget lacinia nunc integer interdum amet aliquam ut orci non col ut ut praesent. Semper amet interdum mi. Phasellus enim laoreet ac ac commodo faucibus faucibus. Curae ante vestibulum ante. Blandit. Ante accumsan nisi eu placerat gravida placerat adipiscing in risus fusce vitae ac mi accumsan nunc in accumsan tempor blandit aliquet aliquet lobortis. Ultricies blandit lobortis praesent turpis. Adipiscing accumsan adipiscing adipiscing ac lacinia cep. Orci blandit a iaculis adipiscing ac. Vivamus ornare laoreet odio vis praesent nunc lorem mi. Erat. Tempus sem faucibus ac id. Vis in blandit. Nascetur ultricies blandit ac. Arcu aliquam. Accumsan mi eget adipiscing nulla. Non vestibulum ac interdum condimentum semper commodo massa arcu.</p>
</div>
<div class="generic-row clearfix">
<div>
<h3>And now a subheading</h3>
<p>Adipiscing faucibus nunc placerat. Tempus adipiscing turpis non blandit accumsan eget lacinia nunc integer interdum amet aliquam ut orci non col ut ut praesent. Semper amet interdum mi. Phasellus enim laoreet ac ac commodo faucibus faucibus. Curae lorem ipsum adipiscing ac. Vivamus ornare laoreet odio vis praesent.</p>
</div>
<div>
<h3>And another subheading</h3>
<p>Adipiscing faucibus nunc placerat. Tempus adipiscing turpis non blandit accumsan eget lacinia nunc integer interdum amet aliquam ut orci non col ut ut praesent. Semper amet interdum mi. Phasellus enim laoreet ac ac commodo faucibus faucibus. Curae lorem ipsum adipiscing ac. Vivamus ornare laoreet odio vis praesent.</p>
</div>
</section>
</div><!-- end #main -->
<!-- Footer -->
<footer class="center">
<ul class="icons">
<li><a href="#" class="twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="facebook"><span class="label">Faceook</span></a></li>
<li><a href="#" class="instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="github"><span class="label">Github</span></a></li>
<li><a href="#" class="dribbble"><span class="label">Dribble</span></a></li>
<li><a href="#" class="google-plus"><span class="label">Google+</span></a></li>
</ul>
<ul class="copyright">
<li>© Untitled. All rights reserved.</li>
<li>Design: <a href="#" class="d-link">HTML5 UP</a></li>
<li>Demo Images: <a href="#" class="d-link">Unsplash</a></li>
</ul>
</footer>
<label for="nav-trigger" class="overlay"></label>
</div><!-- end #page-wrapper -->
</body>