forked from daberry/hrext10-my-cruddy-app
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
279 lines (260 loc) · 8.09 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
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HREXT10 is #1</title>
<script
src="https://code.jquery.com/jquery-3.4.1.js"
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Dancing+Script:700|Heebo|Muli:600|Noticia+Text|Nunito:600i&display=swap" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div class="website-title-div">
<span class="website-title">Keystone Corner</span>
</div>
<div class="intro-sentence">Azeroth's One Stop Shop For All Things Keystone!
</div>
<ul class="navbar">
<li><a class="active" href="index.html">Home</a></li>
<li><a href="questionnaire.html">Questionnaire</a></li>
<li><a href="https://raider.io">Raider.io</a></li>
<li><a href="https://www.wowhead.com/">Wowhead</a></li>
</ul>
</header>
<div class="intro-paragraph">
<p> <img src="https://www.seekpng.com/png/detail/35-359327_pepe-wow-png-wow-pepe-png.png" class="pepe-bird-img">
Keystone Corner is a fun little project made in a mystical land known as Hack Reactor. This website has a little bit
of info on each class in the game. While not as in-depth as some other resources, the goal of the website is to give
a basic idea of what each class does and how they work. From then on, you can experiment with all different types of
combinations. The sky's the limit!
</p>
</div>
<div class="pepe-text">Pepe
</div>
<div class="all-classes">
<div class="death-knight class-div">
<div class="death-knight-img class-img">
<img src="https://tinyurl.com/y4gqjo7p">
</div>
<div class="death-knight-name class-name">Death Knight</div>
<div class="strength">Strengths
<ul>
<li>Excellent AoE</li>
<li>High Survivability</li>
</ul>
</div>
<div class="weakness">Weaknesses
<ul>
<li>Low Mobility</li>
<li>Low Utility</li>
</ul>
</div>
</div>
<div class="demon-hunter class-div">
<div class="demon-hunter-img class-img">
<img src="https://necritopia.files.wordpress.com/2019/01/dh-image.png">
</div>
<div class="demon-hunter-name class-name">Demon Hunter</div>
<div class="strength">Strengths
<ul>
<li>High Mobility</li>
<li>High Burst</li>
</ul>
</div>
<div class="weakness">Weaknesses
<ul>
<li>Low Utility</li>
<li>Low Sustained Damage</li>
</ul>
</div>
</div>
<div class="druid class-div">
<div class="druid-img class-img">
<img src="https://i.pinimg.com/originals/47/5e/6e/475e6ec756100cd72381886ff68c1e5a.png">
</div>
<div class="druid-name class-name">Druid</div>
<div class="strength">Strengths
<ul>
<li>High Survivability</li>
<li>High Utility</li>
</ul>
</div>
<div class="weakness">Weaknesses
<ul>
<li>Low Burst DPS</li>
<li>No Immunity</li>
</ul>
</div>
</div>
<div class="hunter class-div">
<div class="hunter-img class-img">
<img src="https://i.imgur.com/cQTYnab.png">
</div>
<div class="hunter-name class-name">Hunter</div>
<div class="strength">Strengths
<ul>
<li>Can DPS while moving</li>
<li>Excellent Utility</li>
</ul>
</div>
<div class="weakness">Weaknesses
<ul>
<li>Low Survivability</li>
<li>Not proficient in single target or AoE</li>
</ul>
</div>
</div>
<div class="mage class-div">
<div class="mage-img class-img">
<img src="https://tinyurl.com/y2ayumow">
</div>
<div class="mage-name class-name">Mage</div>
<div class="strength">Strengths
<ul>
<li>High AoE Burst</li>
<li>Excellent CC & Utility</li>
</ul>
</div>
<div class="weakness">Weaknesses
<ul>
<li>Damage centered around cooldowns</li>
<li>Requires big pulls to shine</li>
</ul>
</div>
</div>
<div class="monk class-div">
<div class="monk-img class-img">
<img src="https://odealo.com/uploads/public/World%20of%20Warcraft/Monk/Monk_image.png">
</div>
<div class="monk-name class-name">Monk</div>
<div class="strength">Strengths
<ul>
<li>Good Single Target or AoE DPS</li>
<li>Excellent Utility</li>
<li>High Mobility</li>
</ul>
</div>
<div class="weakness">Weaknesses
<ul>
<li>Low Survivability</li>
</ul>
</div>
</div>
<div class="paladin class-div">
<div class="paladin-img class-img">
<img src="http://i.imgur.com/ckgqohP.png">
</div>
<div class="paladin-name class-name">Paladin</div>
<div class="strength">Strengths
<ul>
<li>High Burst DPS</li>
<li>Excellent Utility</li>
</ul>
</div>
<div class="weakness">Weaknesses
<ul>
<li>No CC</li>
<li>Low Mobility</li>
</ul>
</div>
</div>
<div class="priest class-div">
<div class="priest-img class-img">
<img src="https://odealo.com/uploads/public/World%20of%20Warcraft/Priest/Priest_image.png">
</div>
<div class="priest-name class-name">Priest</div>
<div class="strength">Strengths
<ul>
<li>High AoE Damage</li>
<li>Excellent Utility & Good CC</li>
</ul>
</div>
<div class="weakness">Weaknesses
<ul>
<li>Low Mobility</li>
<li>Low Burst</li>
</ul>
</div>
</div>
<div class="rogue class-div">
<div class="rogue-img class-img">
<img src="http://i.imgur.com/djdxDht.png">
</div>
<div class="rogue-name class-name">Rogue</div>
<div class="strength">Strengths
<ul>
<li>High Burst Single Target or AoE</li>
<li>Excellent Utility & CC</li>
</ul>
</div>
<div class="weakness">Weaknesses
<ul>
<li>Cooldown reliant</li>
<li>Damage is unstable</li>
</ul>
</div>
</div>
<div class="shaman class-div">
<div class="shaman-img class-img">
<img src="http://i.imgur.com/rRwA2Sn.png">
</div>
<div class="shaman-name class-name">Shaman</div>
<div class="strength">Strengths
<ul>
<li>High Single Target & AoE damage</li>
<li>Excellent Utility</li>
</ul>
</div>
<div class="weakness">Weaknesses
<ul>
<li>Moderate Mobility</li>
<li>Low Survivability</li>
</ul>
</div>
</div>
<div class="warlock class-div">
<div class="warlock-img class-img">
<img src="https://i.pinimg.com/originals/2c/fb/e6/2cfbe6fcfd7f6153929f7c5f449a7585.png">
</div>
<div class="warlock-name class-name">Warlock</div>
<div class="strength">Strengths
<ul>
<li>High Sustained AoE & Single Target</li>
<li>High Survivability</li>
</ul>
</div>
<div class="weakness">Weaknesses
<ul>
<li>Low Utility</li>
<li>Low Burst</li>
</ul>
</div>
</div>
<div class="warrior class-div">
<div class="warrior-img class-img">
<img src="http://i.imgur.com/lFMFiku.png">
</div>
<div class="warrior-name class-name">Warrior</div>
<div class="strength">Strengths
<ul>
<li>High Mobility</li>
<li>High Sustained DPS</li>
</ul>
</div>
<div class="weakness">Weaknesses
<ul>
<li>Low Utility</li>
<li>Low Surviability</li>
</ul>
</div>
</div>
</div>
<footer>
<div class="copyright-div">© 2019 Keystone Corner</div>
</footer>
</body>
</html>