-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (82 loc) · 3.11 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">
<head>
<title>Varogeth Gaming</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
<header>
<h1>Varogeth Gaming</h1>
</header>
<nav id="sidenav">
<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 id="main_content">
<div class="drop">
<span> ☰ </span>
<nav class="mobile">
<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>
<h2>Home</h2>
<div id="art_wrapper">
<article>
<h3>Article Title</h3>
<section>
<h4>Section Heading</h4>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non sagittis nisi.
Maecenas luctus magna ante, feugiat dignissim odio dictum commodo.
Mauris auctor arcu tellus, in ullamcorper magna efficitur sed. Pellentesque quis pretium tellus.
Pellentesque justo nunc, suscipit id luctus vel, elementum vitae odio.
Vivamus faucibus erat leo, in tincidunt lectus fringilla a.
Etiam sed ex quis mauris condimentum malesuada gravida et nibh.
Aliquam erat volutpat. Quisque rutrum placerat nibh eget sollicitudin.
Integer lobortis faucibus leo, nec sollicitudin odio aliquam eu.
</section>
</article>
<article>
<h3>Article Title</h3>
<section>
<h4>Section Heading</h4>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non sagittis nisi.
Maecenas luctus magna ante, feugiat dignissim odio dictum commodo.
Mauris auctor arcu tellus, in ullamcorper magna efficitur sed. Pellentesque quis pretium tellus.
Pellentesque justo nunc, suscipit id luctus vel, elementum vitae odio.
Vivamus faucibus erat leo, in tincidunt lectus fringilla a.
Etiam sed ex quis mauris condimentum malesuada gravida et nibh.
Aliquam erat volutpat. Quisque rutrum placerat nibh eget sollicitudin.
Integer lobortis faucibus leo, nec sollicitudin odio aliquam eu.
</section>
</article>
</div>
<aside>
<p>
Placeholder text representing where videos/photos will be displayed
</p>
</aside>
</div>
<footer>
<ul class="soc_media">
<li><a href="https://www.facebook.com/VarogethGaming/?ref=nf"><img src="F_icon.png"></a></li>
<li><a href="https://twitter.com/VarogethGaming"><img src="Twitter_logo_initial.png"></a></li>
<li><a href="https://www.twitch.tv/varogeth"><img src="Twitch_logo.png"></a></li>
</ul>
<p>
Authored by Justin Kratz
</p>
</footer>
</div>
</body>
</html>