-
Notifications
You must be signed in to change notification settings - Fork 1
/
generic.html
120 lines (111 loc) · 5.34 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
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE HTML>
<!--
Alpha by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Generic - Alpha by HTML5 UP</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">Web Journal</a> by Vita Septi</h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="#" class="icon fa-angle-down">Menu</a>
<ul>
<li><a href="generic.html">Agenda</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="elements.html">About</a></li>
<li>
<a href="#">Blog</a>
<ul>
<li><a href="#">Tulisan</a></li>
<li><a href="#">Pikiran</a></li>
<li><a href="#">Curahan</a></li>
<li><a href="#">Inspirasi</a></li>
</ul>
</li>
</ul>
</li>
<!-- <li><a href="#" class="button">Sign Up</a></li> -->
</ul>
</nav>
</header>
<section id="card" class="non-index">
<header>
<span class="avatar"><img src="images/avatar.jpg" alt="" /></span>
<h1>Vita Septi Susanti</h1>
<p>Writer.Enterpreneur.Trainer</p>
</header>
<footer>
<ul class="icons">
<li><a href="#" class="fa-twitter">Twitter</a></li>
<li><a href="#" class="fa-instagram">Instagram</a></li>
<li><a href="#" class="fa-facebook">Facebook</a></li>
</ul>
</footer>
<ul class="list">
<li><a href="#intro">Home</a></li>
<li><a href="#one">Contact</a></li>
<li><a href="#two">Blog</a></li>
<li><a href="#three">About</a></li>
</ul>
</section>
<!-- Main -->
<section id="main" class="container">
<header>
<h2>Generic</h2>
<p>A generic page for every non-generic situation.</p>
</header>
<div class="box">
<span class="image featured"><img src="images/pic01.jpg" alt="" /></span>
<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 class="row">
<div class="6u 12u(mobilep)">
<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 class="6u 12u(mobilep)">
<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>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer" class="container">
<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-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon fa-google-plus"><span class="label">Google+</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.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollgress.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>