/
hello-word.html
90 lines (84 loc) · 3.39 KB
/
hello-word.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
<!DOCTYPE HTML>
<!--
Alpha by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Ullamco Laboris minim veniam</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!--[if lte IE 8]><script src="/assets/css/ie/html5shiv.js"></script><![endif]-->
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/jquery.dropotron.min.js"></script>
<script src="/assets/js/skel.min.js"></script>
<script src="/assets/js/skel-layers.min.js"></script>
<script src="/assets/js/jquery.scrollgress.min.js"></script>
<script src="/assets/js/init.js"></script>
<noscript>
<link rel="stylesheet" href="/assets/css/skel.css" />
<link rel="stylesheet" href="/assets/css/style.css" />
<link rel="stylesheet" href="/assets/css/style-desktop.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="/assets/css/ie/v8.css" /><![endif]-->
</head>
<body>
<section id="banner"></section>
<!-- Header -->
<header id="header" class="alt">
<h1><a href="/index.html">Alpha</a> by HTML5 UP</h1>
<nav id="nav">
<ul>
<li><a href="/index.html">Home</a></li>
<li><a href="/blog">Blog</a></li>
<li>
<a href="" class="icon fa-angle-down">Layouts</a>
<ul>
<li><a href="#">Generic</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Elements</a></li>
<li>
<a href="">Submenu</a>
<ul>
<li><a href="#">Option One</a></li>
<li><a href="#">Option Two</a></li>
<li><a href="#">Option Three</a></li>
<li><a href="#">Option Four</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#" class="button">Sign Up</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<section id="main" class="container">
<section class="box special">
<h3>Ullamco Laboris minim veniam</h3>
<span class="date">31 Aug 2014</span>
<span class="image featured"><img src="/assets/images/pic03.jpg" alt=""></span>
<h3>Consectetur tempor ut dolore</h3>
<p>Ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat..</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</section>
</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-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>
<li> Jekyll Template: <a href="http://cloudcannon.com">Cloud Cannon</a></li>
</ul>
</footer>
</body>
</html>