-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
78 lines (63 loc) · 2.9 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>ProjectName</title>
<!-- Cascading Style Sheet -->
<link rel="stylesheet" href="dist/css/main.min.css?cb=1563526352716">
</head>
<body>
<!-- Navbar -->
<header id="js-menu" class="navbar fixed">
<span id="js-navbar-toggle" class="navbar-toggle">
<span></span>
<span></span>
<span></span>
</span>
<a href="#">
<img class="brand" src="" alt="ProjectName">
</a>
<nav class="site-nav">
<ul class="site-nav__list">
<li class="site-nav__item">
<a href="#" class="site-nav__link">Home</a>
</li>
<li class="site-nav__item">
<a href="#" class="site-nav__link">About</a>
</li>
<li class="site-nav__item">
<a href="#" class="site-nav__link">Blog</a>
</li>
<li class="site-nav__item">
<a href="#" class="site-nav__link">Contact</a>
</li>
</ul>
</nav>
<nav class="extra-nav">
<a href="#" class="button">Sign Up</a>
<a href="#" class="button">Login</a>
</nav>
</header>
<!-- Main content -->
<main class="main-content">
<section class="hero">
<h1>Hello World</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam ipsum commodi reiciendis quis! Sequi laudantium nisi odit laboriosam velit, ipsam quae a quos fuga voluptates, quis accusamus rem suscipit fugiat?</p>
</section>
<section class="section">
<h2>This is a text block</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quam, quisquam vitae? Sunt sed laudantium rem vel illum odio labore modi? Illum est sed ducimus quae, temporibus nemo odit velit laboriosam magni dolores. Quod temporibus nisi vel neque nobis officiis asperiores. Itaque, molestiae ratione! Aspernatur architecto nulla libero blanditiis explicabo dignissimos, numquam possimus exercitationem quam officiis fuga saepe ducimus perferendis, voluptatibus nobis! Nulla ea in consectetur totam libero a illo, hic cum eveniet alias, earum deserunt velit corrupti ipsam iusto harum, dignissimos unde eos voluptatibus sint blanditiis reprehenderit ut? Vero nam consequatur perspiciatis sed nesciunt, voluptates dolorum aspernatur excepturi ratione alias.</p>
</section>
</main>
<!-- Footer -->
<footer class="footer">
<small>
© Copyright by ProjectName
</small>
</footer>
<!-- Javascripts -->
<script src="./dist/js/app.js?cb=1563526352716"></script>
</body>
</html>