-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
211 lines (205 loc) · 11.7 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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="CSS Code/Forum_01.CSS">
<link rel="shortcut icon" href="Resources/Images/Favicon_01.png" type="image/png">
<link href="http://fonts.cdnfonts.com/css/valorant" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Orbitron&display=swap" rel="stylesheet">
<title>Valorant: Act: I (Name Of The Game.)</title>
</head>
<body class="First_Tier_Background">
<header>
<img src="Resources/Images/Logo_01.png" alt="vALORaNT" name="Valorant_Logo" id="valorant_logo" class="First_Tier_Text Temporary">
<h2 name="Heading" id="heading" class="First_Tier_Text Temporary">vALORaNT</h2>
</header>
<nav name="Navigation_Menu" id="navigation_menu" class="Second_Tier_Background Temporary">
<ul name="Navigation_Elements" id="navigation_elements">
<li name="First_Element" id="first_element">
<a href="https://playvalorant.com/en-gb/" name="Play" id="play" class="Second_Tier_Text">Play</a>
</li>
<li name="Second_Element" id="second_element">
<span name="About_Game" id="about_game" class="Second_Tier_Text">About Game</span>
<div name="Drop_Box" id="drop_box">
<a href="https://playvalorant.com/en-gb/agents/" name="Agents" id="agents"
class="Fourth_Tier_Background Third_Tier_Text">Agents</a>
<a href="https://playvalorant.com/en-gb/maps/" name="Maps" id="maps"
class="Fourth_Tier_Background Third_Tier_Text">Maps</a>
<a href="https://playvalorant.com/en-gb/arsenal/" name="Arsenal" id="arsenal"
class="Fourth_Tier_Background Third_Tier_Text">Arsenal</a>
</div>
</li>
</ul>
</nav>
<main name="First_Priority_Element" id="first_priority_element" class="Temporary">
<section>
<article name="First_Article" id="first_article">
<h4 class="Third_Tier_Text">Defy The Limits</h4>
<p class="Fourth_Tier_Text">Blend your style and experience on a global, competitive stage. You have
13 rounds to attack and defend your side using sharp gunplay and tactical abilities. And, with one
life per-round, you'll need to think faster than your opponent if you want to survive. Take on foes
across Competitive and Unranked modes as well as Deathmatch and Spike Rush.</p>
</article>
<article name="Second_Article" id="second_article">
<h4 class="Third_Tier_Text">Creativity Is Your Greatest Weapon</h4>
<p class="Fourth_Tier_Text">More than guns and bullets, you’ll choose an Agent armed with adaptive,
swift, and lethal abilities that create opportunities to let your gunplay shine. No two Agents play
alike, just as no two highlight reels will look the same.</p>
</article>
<article name="Third_Article" id="third_article">
<h4 class="Third_Tier_Text">Fight Around The World</h4>
<p class="Fourth_Tier_Text">Each map is a playground to showcase your creative thinking. Purpose-built
for team sategies, spectacular plays, and clutch moments. Make the play others will imitate for
years to come.</p>
</article>
</section>
</main>
<aside name="Second_Priority_Element" id="second_priority_element" class="Third_Tier_Background Temporary">
<form action="" name="Form" id="form">
<ul name="Form_First_Heading" id="form_first_heading">
<li class="Semi_Second_Tier_Text">Want To Play?</li>
</ul>
<ul name="Form_Second_Heading" id="form_second_heading">
<li class="Semi_Second_Tier_Text">Let's Play!</li>
</ul>
<ul name="Form_Name" id="form_name">
<li>
<label for="first_name" class="Semi_Third_Tier_Text">First Name</label>
</li>
<li>
<label for="middle_name" class="Semi_Third_Tier_Text">Middle Name</label>
</li>
<li>
<label for="last_name" class="Semi_Third_Tier_Text">Last Name</label>
</li>
</ul>
<ul name="Form_Input_Name" id="form_input_name">
<li>
<input type="text" name="First_Name" id="first_name" class="Input_Text" placeholder="Type in your first name....">
</li>
<li>
<input type="text" name="Middle_Name" id="middle_name" class="Input_Text" placeholder="Type in your middle name....">
</li>
<li>
<input type="text" name="Last_Name" id="last_name" class="Input_Text" placeholder="Type in your last name....">
</li>
</ul>
<ul name="Form_Date_Of_Birth" id="form_date_of_birth">
<li>
<label for="date_of_birth" class="Semi_Third_Tier_Text">Date Of Birth</label>
</li>
</ul>
<ul name="Form_Gender" id="form_gender">
<li>
<label for="gender" class="Semi_Third_Tier_Text">Gender</label>
</li>
</ul>
<ul name="Form_Input_Date_Of_Birth" id="form_input_date_of_birth">
<li>
<input type="date" name="Date_Of_Birth" id="date_of_birth" class="Input_Date">
</li>
</ul>
<ul name="Form_Select_Gender" id="form_select_gender">
<li>
<select name="Gender" id="gender" class="Select_Item Fifth_Tier_Background">
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="Gay">Gay</option>
<option value="Lesbian">Lesbian</option>
<option value="Bisexual">Bisexual</option>
<option value="ulansgender">Transgender</option>
</select>
</li>
</ul>
<ul name="Form_Email_ID" id="form_email_id">
<li>
<label for="email_id" class="Semi_Third_Tier_Text">Email ID</label>
</li>
</ul>
<ul name="Form_Phone_Number" id="form_phone_number">
<li>
<label for="phone_number" class="Semi_Third_Tier_Text">Phone Number</label>
</li>
</ul>
<ul name="Form_Input_Email_ID" id="form_input_email_id">
<li>
<input type="email" name="Email_ID" id="email_id" class="Input_Text" placeholder="Type in your email id....">
</li>
</ul>
<ul name="Form_Input_Phone_Number" id="form_input_phone_number">
<li>
<input type="number" name="Phone_Number" id="phone_number" class="Input_Number" placeholder="Type in your phone number....">
</li>
</ul>
<ul name="Form_Riot_ID" id="form_riot_id">
<li>
<label for="riot_id" class="Semi_Third_Tier_Text">Riot ID</label>
</li>
</ul>
<ul name="Form_Tagline" id="form_tagline">
<li>
<label for="tagline" class="Semi_Third_Tier_Text">Tagline</label>
</li>
</ul>
<ul name="Form_Input_Riot_ID" id="form_input_riot_id">
<li>
<input type="text" name="Riot_ID" id="riot_id" class="Input_Text" placeholder="Type in your riot id....">
</li>
</ul>
<ul name="Form_Input_Tagline" id="form_input_tagline">
<li>
<input type="text" name="Tagline" id="tagline" class="Input_Text" placeholder="Type in your tagline....">
</li>
</ul>
<ul name="Form_Password" id="form_password">
<li>
<label for="password" class="Semi_Third_Tier_Text">Password</label>
</li>
</ul>
<ul name="Form_Input_Password" id="form_input_password">
<li>
<input type="password" name="Password" id="password" class="Input_Text" placeholder="Type in your password....">
</li>
</ul>
<ul name="Form_Submit_Button" id="form_submit_button">
<li>
<button type="submit" class="Button Sixth_Tier_Background Semi_Second_Tier_Text">Submit</button>
</li>
</ul>
<ul name="Form_Clear_Button" id="form_clear_button">
<li>
<button type="reset" class="Button Sixth_Tier_Background Semi_Second_Tier_Text">Clear</button>
</li>
</ul>
</form>
</aside>
<footer name="Foot_Element" id="foot_element" class="Temporary">
<details>
<summary class="Semi_Second_Tier_Text">
<img src="Resources/Images/Logo_02.png" alt="RIOT" name="Riot_Logo" id="riot_logo" class="Semi_First_Tier_Text">
<span>Who Are We?</span>
</summary>
<p class="Fourth_Tier_Text"><a href="https://www.riotgames.com/en" class="Semi_Third_Tier_Text">Riot Games</a> was founded in 2006 to develop, publish, and support the most
player-focused games in the world. In 2009, we released our debut title, League of Legends, to
worldwide acclaim. League has gone on to be the most-played PC game in the world and a key driver of
the explosive growth of esports.
With League in its second decade, we’re continuing to evolve the game while delivering new
experiences to players with Teamfight Tactics, Legends of Runeterra, VALORANT, League of Legends:
Wild Rift, and multiple work-in-progress titles. In addition, Riot Forge gives developers access to
Riot’s IP to create games like Ruined King and plenty of other adventures across Runeterra. We’re
also expanding the world of Runeterra through multimedia projects across music, comic books, board
games, and Arcane, our popular animated series.
The annual League of Legends World Championship features qualified esports teams from 12
international leagues. Worlds is the most widely viewed and followed esport tournament, and it’s
among the largest and most popular gaming and sporting events in the world.
Founded by Brandon Beck and Marc Merrill, and led by CEO Nicolo Laurent, Riot is headquartered in
Los Angeles, California, and has 3,000+ Rioters in 20+ offices worldwide. We're certified as a Great
Place to Work and we’ve been featured on numerous lists including Fortune’s “100 Best Companies to
Work For,” “25 Best Companies to Work in Technology,” “100 Best Workplaces for Millennials,” and “50
Best Workplaces for Flexibility.”</p>
</details>
</footer>
</body>
</html>