forked from MarkipTheMudkip/in-class-project-2
-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
57 lines (52 loc) · 2.87 KB
/
about.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
<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">
<link rel="stylesheet" href="css/about.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="about-hero">
<h1>Learn more about our theories and where they came from.</h1>
</div>
<!--About Hweo ends here -->
<div class="column" id="col-1"> <!--Column 1 starts here-->
<h3>Rey IS a Kenobi...</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti, cupiditate rerum sint vero deserunt eos delectus dolores asperiores nihil quibusdam.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora sit doloribus saepe eum adipisci. Maxime, pariatur aspernatur sint eius ducimus?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora sit doloribus saepe eum adipisci. Maxime, pariatur aspernatur sint eius ducimus?</p>
<button>Hey look! It's an oval!</button>
</div> <!--Column 1 ends here-->
<div class="column" id="col-2"> <!--Column 2 starts here-->
<h3>Grey Jedi in Episode 8???</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae, ad adipisci ex in odio eius quisquam id sint ametLorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora sit doloribus saepe eum adipisci. Maxime, pariatur aspernatur sint eius ducimus? reprehenderit!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora sit doloribus saepe eum adipisci. Maxime, pariatur aspernatur sint eius ducimus?</p>
<button>Click on them dank memes</button>
</div> <!--Column 2 ends here-->
<div class="column" id="col-3"> <!--Column 3 starts here-->
<h3>R2D2 was a spy?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, reprehenderit, magni numquam adipisci aliquid maiores libero ducimus recusandae a voluptatem? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora sit doloribus saepe eum adipisci. Maxime, pariatur aspernatur sint eius ducimus?</p>
<button>404 joke not found</button>
</div> <!--Column 3 3nds here-->
<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>