-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (148 loc) · 4.61 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Steam Game Shop by Thư</title>
<link rel="stylesheet" href="styles.css" />
<!-- ipx screen -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<header>
<!-- logo + banner + login -->
<div class="content">
<div class="logo">
<span id="logo_holder">
<a href="https://store.steampowered.com/?snr=1_4_4__global-header">
<img
src="https://store.cloudflare.steamstatic.com/public/shared/images/header/logo_steam.svg?t=962016"
width="176"
height="44"
/>
</a>
</span>
</div>
<div class="supernav_container">
<a
class="menuitem"
href="https://store.steampowered.com/?snr=1_4_4__global-header"
>STORE
</a>
|
<a class="menuitem" href="https://steamcommunity.com/">COMMUNITY </a>
|
<a
class="menuitem"
href="https://store.steampowered.com/about/?snr=1_4_4__global-header"
>ABOUT
</a>
|
<a class="menuitem" href="https://help.steampowered.com/en/"
>SUPPORT
</a>
</div>
<div id="global_actions">
<div id="global_action_menu">
<a
class="global_action_link"
href="https://store.steampowered.com/login/?redir=&redir_ssl=1&snr=1_4_4__global-header"
>Login</a
>
|
<a
href="https://store.steampowered.com/login/?redir=&redir_ssl=1&snr=1_4_4__global-header"
>Language</a
>
</div>
</div>
</div>
</header>
<!-- -->
<main>
<!-- category menu on left -->
<div class="home_page_content home_gutter_outside">
<div class="home_page_gutter">
<!-- -->
<div class="home_page_gutter_block">
<!-- search input-->
<div id="store_search">
<div class="searchbox">
<input
id="searchInput"
name="term"
type="text"
class="default"
placeholder="search by name"
size="22"
autocomplete="off"
maxlength="64"
fdprocessedid="u666bk"
/>
<a href="#" id="store_search_link" class="searchIcon"
><img
src="https://store.cloudflare.steamstatic.com/public/images/blank.gif"
/></a>
</div>
</div>
<br />
<!-- category list -->
<div class="gutter_header pad"><strong>Browse by Tag</strong></div>
<div class="gutter_items" id="list_of_tag"></div>
<br />
<div class="gutter_header pad" id="">
<strong>Browse by Genre</strong>
</div>
<div class="gutter_items" id="list_of_genre"></div>
<!-- <div><button id="searchButton">Get Game</button></div> -->
</div>
</div>
</div>
<!-- game menu, gallery on right,
show game detail, game by tag/genre, search by name-->
<div class="showing_game" id="display_gallery">
<div
class="game_wrapper"
id="game_wrapper"
onclick="renderDetail('${game.appid}')"
<!--
function
render
detail
of
game
--
>
>
</div>
</div>
</main>
<!-- Footer -->
<div class="footer_content">
<div>
<img
src="https://store.cloudflare.steamstatic.com/public/images/v6/logo_steam_footer.png"
alt="Valve Software"
border="0"
/>
</div>
<div>
<div>
©2023 Valve Corporation. All rights reserved. All trademarks are
property of their respective owners in the US and other countries.
</div>
<!-- ipX screen -->
<div class="responsive_optin_link">
<div
class="btn_medium btnv6_grey_black"
onclick="Responsive_RequestMobileView()"
>
<!-- function? -->
<span>View mobile website</span>
</div>
</div>
</div>
</div>
<script src="scripts.js"></script>
</body>
</html>