-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
177 lines (173 loc) · 7.71 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Gaming News
</title>
<script src= "Assets/Scripts/site.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script data-ad-client="ca-pub-2963687053337942" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<link rel="stylesheet" type="text/css" href="Assets/CSS/stylesheet.css">
<meta charset="utf-8" />
<meta name="google-site-verification" content="VH0z1lqYL96arOgNiTa1iNbz2vlM87duQHfBU5euOUM" />
</head>
<body>
<div id="main">
<header>
<nav>
<ul id="ul1">
<li class = "li1"><a class = "a1" href="index.html">Home</a></li>
<li class = "li1"><a class = "a1" href="ps5.html">PS5 News</a></li>
<li class = "li1"><a class = "a1" href="xbox.html">Xbox News</a></li>
<li class = "li1"><a class= "a1" href="game.html">Game News</a></li>
<li class = "li1"><a class = "a1" href="esports.html">ESports</a></li>
</ul>
</nav>
<img id = "HeaderImage" src="Assets/Images/HOMEIMGHEADER2.jpg" alt="HEADER" />
</header>
<div id="content">
<div id="subContainer">
<!--Left Menu-->
<section id="leftMenu">
<h2>Gaming Hub</h2><hr>
<section>
<h3>Welcome to my website!</h3>
<div class = "textWithImage">
<p>
Hello! Our website is all about the most relevant and latest news on all things Gaming. You can navigate our pages at the top of the screen via the navigation bar. You can also navigate all our topics individually on the right-hand side of the menu by clicking the topic! Please fill and submit the registration form to be informed of all updates and latest news. Everything on the website is non-biased, user-friendly and avoids any industry jargon. If you are interested in any of the content feel free to check it out and be sure to try our new game quiz!! It is a challenging quiz that will test your knowledge of gaming and see if you really know your stuff!! Hopefully you found the quiz easy or learnt a few things about gaming! Hint: You may want to read the other pages before attempting the quiz because it may relate in some way.
</p>
<img src="Assets/Images/gameimg.jpg" alt="img1" />
</div>
</section><hr>
<!--Quiz-->
<div id="quiz">
<h1>Quiz</h1>
<button class="quizbuttons" onclick=" setQuestion(0); ">Q1</button>
<button class="quizbuttons" onclick=" setQuestion(1); ">Q2</button>
<button class="quizbuttons" onclick=" setQuestion(2); ">Q3</button>
<button class="quizbuttons" onclick=" setQuestion(3); ">Q4</button>
<button class="quizbuttons" onclick=" setQuestion(4); ">Q5</button>
<h2 id="question">Select Question:</h2>
<h4>Please use full abbreviation, correct uppercase and correct spelling.</h4>
<label>
<span>Enter your answer:</span>
<input class="generalInput" type="text" id="answer" required>
</label>
<h3 id="correct">Once answered please submit below!</h3>
<button class="buttonssubmit" onclick=" checkAnswer(); ">Submit</button>
<!--Contact Form-->
</div>
<div>
<hr>
<h3 id="registration">Registration:</h3>
<form action="#" name="regForm" onsubmit="return( validate() );">
<div>
<label>
<span>First name:</span><span class="errorMessage" id="firstnameMessage"></span>
<input type="text" class="generalInput" name="firstname">
</label>
</div>
<div>
<label>
<span>Last name:</span><span class="errorMessage" id="lastnameMessage"></span>
<input type="text" class="generalInput" name="lastname">
</label>
</div>
<div>
<label>Email Address</label><input class="generalInput" type="email" name="email">
</div>
<div>
<label>
<span>Password:</span><span class="errorMessage" id="passwordMessage"></span>
<input type="password" class="generalInput" name="password">
</label>
</div>
<div>
<label>Continent:</label>
<select class="generalInput2">
<option value="europe">Europe</option>
<option value="asia">Asia</option>
<option value="africa">Africa</option>
<option value="n_america">North America</option>
<option value="s_america">South America</option>
<option value="other">Other</option>
</select>
</div>
<div>
<label>Gender:</label><br>
<input type="radio" name="gender" value="male">Male<br>
<input type="radio" name="gender" value="female">Female<br>
<input type="radio" name="gender" value="other">Other<br>
</div><br>
<div>
<label>Game Console Preference:</label><br>
<input type="checkbox" name="gameconsole" value="Playstation">Playstation<br>
<input type="checkbox" name="gameconsole" value="Xbox">Xbox<br>
<input type="checkbox" name="gameconsole" value="Nintendo">Nintendo<br>
<input type="checkbox" name="gameconsole" value="PC">PC<br>
<input type="checkbox" name="gameconsole" value="none">None of the above<br>
</div><br>
<div>
<label>
<span>Initial Reason for visiting the website:</span>
<textarea class="textarea">Text goes here...</textarea>
</label>
</div>
<button class="buttonssubmit" type="submit">Submit</button>
</form>
<hr>
<div>
<h3>Contact Options</h3>
<ol>
<li>
For any further queries, business enquiries, help or problems need solving be sure to contact my email: [email protected]
</li>
<li>
Or if any need to call me please email me with a reason why you need my number!
</li>
</ol>
</div>
</div>
</section>
<!--Right Menu-->
<section id="rightMenu">
<h3>Hot Topics:</h3>
<button class="directories" onclick="window.location.href='index.html#quiz';">
Quiz and Registration
</button><br>
<button class="directories" onclick="window.location.href='ps5.html#ps5section';">
PS5 Information
</button><br>
<button class="directories" onclick="window.location.href='ps5.html#psplussection';">
PS Plus News
</button><br>
<button class="directories" onclick="window.location.href='ps5.html#ps5stocksection';">
PS5 Stock Updates
</button><br>
<button class="directories" onclick="window.location.href='xbox.html#xboxstock';">
Xbox Stock Updates
</button><br>
<button class="directories" onclick="window.location.href='xbox.html#xboxinformation';">
Xbox Information
</button><br>
<button class="directories" onclick="window.location.href='xbox.html#xboxbundle';">
New Xbox Bundle
</button><br>
<button class="directories" onclick="window.location.href='game.html#fortnitenews';">
Fortnite news
</button><br>
<button class="directories" onclick="window.location.href='esports.html#fortniteesport';">
Fortnite Esport news
</button><br>
<button class="directories" onclick="window.location.href='esports.html#dotaesport';">
Dota 2 Esport news
</button><br>
<button class="directories" onclick="window.location.href='game.html#cyberpunk';">
Cyberpunk 2077 news
</button>
</section>
</div>
</div>
<footer><p>Site by: Ryan Deguara © 2020</p></footer>
</div>
</body>
</html>