forked from MarkipTheMudkip/in-class-project-2
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
47 lines (47 loc) · 2.3 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
<!DOCTYPE html>
<html>
<head>
<meta name="keywords" content="Shovel Knight for Sm4sh!">
<meta name="description" content="Shovel Knight is the best">
<title>Shovel Knight</title>
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div>
<a href="">
<img src="http://cdn.zoknowsgaming.com/wp-content/uploads/2014/06/shovelKnightBrandish.png" alt="Logo"/>
</a>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact<a/></li>
</ul>
</nav>
</div>
</header>
<div class="hero"> <!-- HERO BEGINS HERE -->
<h1>Let's talk Shovel Knight</h1>
</div> <!-- HERO ENDS HERE -->
<aside><!--sidebar starts-->
<ul> <!--sidebar list---></ul>
<li><a href= "#">Post 1</li></a>
<li><a href= "#">Post 2</li></a>
<li><a href= "#">Post 3</li></a>
</ul><!--Sidebar List Ends-->
</aside><!--Sidebar Ends-->
<main> <!-- article begins --->
<h1 class="text-center"> </h1>Article 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus convallis bibendum. Etiam ac posuere neque, eget sodales enim. Proin a felis ac est lobortis rutrum non vitae lorem. Nulla volutpat ex ut luctus lobortis. Quisque molestie erat eget ultricies scelerisque. Morbi scelerisque in purus pharetra interdum. Vivamus eu faucibus leo, eu convallis magna. Proin sed sapien egestas, dignissim ipsum vitae, volutpat sapien. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas nec rutrum nulla. Integer gravida egestas est ut bibendum. Suspendisse sodales vel purus id rutrum. Suspendisse porta mauris finibus augue lobortis, at auctor nulla egestas. Nam facilisis viverra ipsum, quis lobortis augue rutrum non. Nunc consectetur elit nec eleifend gravida. Integer blandit vestibulum augue vitae ultricies.</p>
</main><!-- Main Article Ends -->
<footer>
<div class="social-media">
<span><a href="www.facebook.com"><i class= "fa fa-facebook" aria-hidden="true"></i></a></span>
<span><a href="www.twitter.com"><i class="fa fa-twitter" aria-hidden="true"></i></a></span>
<span><a href="www.reddit.com"><i class="fa fa-reddit" aria-hidden="true"></i></a></span>
</div>
</footer>
</body>
</html>