-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
104 lines (97 loc) · 2.91 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
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">
<head>
<!--
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 10
Case Problem 2
Harpe Gaming Product Page
Author: Hesbon Osoro
Date: 12/10/22
Filename: hg_game.html
-->
<title>Dance Off VII</title>
<meta charset="utf-8" />
<link href="hg_base.css" rel="stylesheet" />
<link href="hg_layout.css" rel="stylesheet" />
<script src="hg_product.js" defer></script>
<script src="hg_report.js" defer></script>
</head>
<body>
<header>
<img src="hg_logo.png" alt="Harpe Gaming" />
<nav id="top">
<ul>
<li><a href="#">Find a Store</a></li>
<li><a href="#">Special Deals</a></li>
<li><a href="#">My Account</a></li>
</ul>
</nav>
<div>
<input
type="text"
placeholder="Find Games, Consoles, and More"
name="gSearch"
id="gSearch"
/>
<label for="gSearch"><img src="hg_search.png" alt="search" /></label>
</div>
<nav id="middle">
<ul>
<li><a href="#">Xbox One</a></li>
<li><a href="#">PS4</a></li>
<li><a href="#">Xbox 360</a></li>
<li><a href="#">PS3</a></li>
<li><a href="#">PC</a></li>
<li><a href="#">WiiU</a></li>
<li><a href="#">3DS</a></li>
<li><a href="#">VR</a></li>
<li><a href="#">Others</a></li>
</ul>
</nav>
</header>
<section>
<nav id="left">
<h1>Platforms</h1>
<ul>
<li><a href="#">Android</a></li>
<li><a href="#">Card & Board Games</a></li>
<li><a href="#">Game Boy</a></li>
<li><a href="#">Nintendo</a></li>
<li><a href="#">iPad®</a></li>
<li><a href="#">iPhone®</a></li>
<li><a href="#">iPod®</a></li>
<li><a href="#">Linux</a></li>
<li><a href="#">Macintosh</a></li>
<li><a href="#">PC</a></li>
<li><a href="#">PlayStation</a></li>
<li><a href="#">Sega</a></li>
<li><a href="#">Sony</a></li>
<li><a href="#">Windows</a></li>
<li><a href="#">Xbox</a></li>
</ul>
<h1>ESRB Ratings</h1>
<ul>
<li><a href="#">Early Childhood</a></li>
<li><a href="#">Everyone</a></li>
<li><a href="#">Everyone 10+</a></li>
<li><a href="#">Teen</a></li>
<li><a href="#">Mature</a></li>
<li><a href="#">None</a></li>
</ul>
<h1>Condition</h1>
<ul>
<li><a href="#">New</a></li>
<li><a href="#">Pre-Owned</a></li>
<li><a href="#">Refurbished</a></li>
<li><a href="#">Download</a></li>
</ul>
</nav>
<article></article>
<aside></aside>
</section>
<footer>
<p>Harpe Gaming © 2018 All Rights Reserved</p>
</footer>
</body>
</html>