-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbuilder.html
More file actions
506 lines (501 loc) · 34.1 KB
/
builder.html
File metadata and controls
506 lines (501 loc) · 34.1 KB
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
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
<!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">
<title>DnD Character Builder</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
</head>
<body>
<!-- Navbar Section -->
<nav class="navbar">
<div class="navbar__container">
<a href="index.html#home" id="navbar__logo"><img src="dbanner(r).png" alt=""></a>
<div class="navbar__toggle" id="mobile-menu">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="navbar__menu">
<li class="navbar__item">
<a href="index.html#home" class="navbar__links" id="home-page" style="font-family: Georgia, 'Times New Roman', Times, serif;">Home</a>
</li>
<li class="navbar__item">
<a href="index.html#about" class="navbar__links" id="about-page" style="font-family: Georgia, 'Times New Roman', Times, serif;">About</a>
</li>
<li class="navbar__item">
<a href="notes.html" class="navbar__links" id="services-page" style="font-family: Georgia, 'Times New Roman', Times, serif;">Notes On Site</a>
</li><li class="navbar__btn">
<a href="builder.html" class="button" id="signup" style="font-family: Georgia, 'Times New Roman', Times, serif;">Build Your Character</a>
</li>
</ul>
</div>
</nav>
<!-- Builder section -->
<nav class="builder">
<div class="builder__container">
<form action="results.html" method="GET">
<div class="builder__input">
<label for="name" style="font-family: Georgia, 'Times New Roman', Times, serif;">Name: </label>
<input type="text" name="name" id="name" required>
</div>
<div class="builder__input">
<label for="gender" style="font-family: Georgia, 'Times New Roman', Times, serif;">Gender: </label>
<input type="text" name="gender" id="gender" required>
</div>
<div class="builder__race">
<label for="races" style="font-family: Georgia, 'Times New Roman', Times, serif;">Choose a Race</label>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select name="races" id="races" required>
<option value="" disabled selected>Select a race</option>
<option value="DragonBorn">DragonBorn</option>
<option value="Dwarf">Dwarf</option>
<option value="Elf">Elf</option>
<option value="Gnome">Gnome</option>
<option value="Half-Elf">Half-Elf</option>
<option value="Halfling">Halfling</option>
<option value="Half-Orc">Half-Orc</option>
<option value="Human">Human</option>
<option value="Tiefling">Tiefling</option>
</select>
</div>
<div class="builder__subRace">
<label for="subRace" style="font-family: Georgia, 'Times New Roman', Times, serif;">Pick a subrace</label>
<select name="subRace" id="subRace">
<option value="" disabled selected>Select a subrace</option>
</select>
<script>
$(document).ready(function () {
$("#races").change(function () {
switch($(this).val()) {
case 'DragonBorn':
$("#subRace").html("<option value='' disabled selected>Please select your draconic ancestry</option><option value='Black'>Black</option><option value='Blue'>Blue</option><option value='Brass'>Brass</option><option value='Bronze'>Bronze</option><option value='Copper'>Copper</option><option value='Gold'>Gold</option><option value='Green'>Green</option><option value='Red'>Red</option><option value='Silver'>Silver</option><option value='White'>White</option>")
document.getElementById("race__description").innerHTML = "Dragonborn look very much like dragons standing erect in humanoid form, though they lack wings or a tail."
document.getElementById("racial__traits").innerHTML = "+2 Strength, +1 Charisma, Draconic Ancestry, Breath Weapon, Damage Resistance"
break
case 'Dwarf':
$("#subRace").html("<option value='' disabled selected>Please select a subrace</option><option value='Hill'>Hill</option><option value='Mountain'>Mountain</option>")
document.getElementById("race__description").innerHTML = "Bold and hardy, dwarves are known as skilled warriors, miners, and workers of stone and metal."
document.getElementById("racial__traits").innerHTML = "+2 Constitution, Darkvision, Dwarven Resilience, Dwarven Combat Training, StoneCunnning"
break
case 'Elf':
$("#subRace").html("<option value='' disabled selected>Please select a subrace</option><option value='Dark'>Dark</option><option value='High'>High</option><option value='Wood'>Wood</option>")
document.getElementById("race__description").innerHTML = "Elves are a magical people of otherwordly grace, living in the world but not entirely apart of it."
document.getElementById("racial__traits").innerHTML = "+2 Dexterity, Darkvision, Keen Senses, Fey Ancestry, Trance"
break
case 'Gnome':
$("#subRace").html("<option value='' disabled selected>Please select a subrace</option><option value='Deep'>Deep</option><option value='Forest'>Forest</option><option value='Rock'>Rock</option>")
document.getElementById("race__description").innerHTML = "A gnome's energy and enthusiasm for living shines through every inch of his or her tiny body."
document.getElementById("racial__traits").innerHTML = "+2 Intelligence, Darkvision, Gnome Cunning"
break
case 'Half-Elf':
document.getElementById("race__description").innerHTML = "Half-elves combine what some say are the best qualities oof their elf and human parents."
document.getElementById("racial__traits").innerHTML = "+2 Charisma, +1 to Two Other Ability Scores, Darkvision, Fey Ancestry, Skill Versatility"
break
case 'Halfling':
$("#subRace").html("<option value='' disabled selected>Please select a subrace</option><option value='LightFoot'>LightFoot</option><option value='Stout'>Stout</option>")
document.getElementById("race__description").innerHTML = "The diminutive halflings survive in a world full of larger creatures by avoiding notice or, barring that, avoiding offense."
document.getElementById("racial__traits").innerHTML = "+2 Dexterity, Lucky, Brave, Halfling Nimbleness"
break
case 'Half-Orc':
document.getElementById("race__description").innerHTML = "Half-orcs' grayish pigmentation, sloping foreheads, jutting jaws, prominent teeth and towering builds make their orcish heritage plain for all to see."
document.getElementById("racial__traits").innerHTML = "+2 Strength, +1 Constitution, Darkvision, Menacing, Relentless Endurance, Savage Attacks"
break
case 'Human':
$("#subRace").html("<option value='' disabled selected>Please select a subrace</option><option value='Default'>Default</option><option value='Variant'>Variant</option>")
document.getElementById("race__description").innerHTML = "Humans are the most adaptable and ambitious people among the common races. TWhatever drives them, humans are the innovators, the achievers and the pioneers of the worlds."
document.getElementById("racial__traits").innerHTML = "+1 to All Ability Scores, Extra Language"
break
case 'Tiefling':
document.getElementById("race__description").innerHTML = "To be greeted with stares and whispers, to suffer violence and insult on the street, to see mistrust and fear in every eye: this is the lot of the tiefling."
document.getElementById("racial__traits").innerHTML = "+2 Charisma, +1 Intelligence, Darkvision, Hellish Resistance, Infernal Legacy"
break
default:
$("#subRace").html("<option value='Default' disabled selected>Default</option>")
}
});
});
</script>
</div>
<div class="builder__level">
<label for="level" style="font-family: Georgia, 'Times New Roman', Times, serif;">Level: </label>
<select name="level" id="level" required>
<option value="" disabled selected>Select a level</option>
<option value="lvl1">1</option>
<option value="lvl2">2</option>
<option value="lvl3">3</option>
<option value="lvl4">4</option>
<option value="lvl5">5</option>
<option value="lvl6">6</option>
<option value="lvl7">7</option>
<option value="lvl8">8</option>
<option value="lvl9">9</option>
<option value="lvl10">10</option>
<option value="lvl11">11</option>
<option value="lvl12">12</option>
<option value="lvl13">13</option>
<option value="lvl14">14</option>
<option value="lvl15">15</option>
<option value="lvl16">16</option>
<option value="lvl17">17</option>
<option value="lvl18">18</option>
<option value="lvl19">19</option>
<option value="lvl20">20</option>
</select>
</div>
<div class="builder__class">
<label for="class" style="font-family: Georgia, 'Times New Roman', Times, serif;">Choose a Class <sup><a href="#class" style="color: #d4d4d4;">ℹ️</a></sup></label>
<select name="class" id="class" required>
<option value="" disabled selected>Select a class</option>
<option value="Barbarian">Barbarian</option>
<option value="Bard">Bard</option>
<option value="Cleric">Cleric</option>
<option value="Druid">Druid</option>
<option value="Fighter">Fighter</option>
<option value="Monk">Monk</option>
<option value="Paladin">Paladin</option>
<option value="Ranger">Ranger</option>
<option value="Rogue">Rogue</option>
<option value="Sorcerer">Sorcerer</option>
<option value="Warlock">Warlock</option>
<option value="Wizard">Wizard</option>
</select>
<script>
$(document).ready(function () {
$("#class").change(function () {
switch($(this).val()) {
case 'Barbarian':
document.getElementById("class__description").innerHTML = "A fierce warrior of primitive background who can enter a battle rage."
document.getElementById("hitdie").innerHTML = "d12"
document.getElementById("primaryability").innerHTML = "Strength"
document.getElementById("saves").innerHTML = "Strength & Constitution"
break
case 'Bard':
document.getElementById("class__description").innerHTML = "An inspiring magician whose power echoes the music of creation."
document.getElementById("hitdie").innerHTML = "d8"
document.getElementById("primaryability").innerHTML = "Charisma"
document.getElementById("saves").innerHTML = "Dexterity & Charisma"
break
case 'Cleric':
document.getElementById("class__description").innerHTML = "A priestly champion who wields divine magic in service of a higher power."
document.getElementById("hitdie").innerHTML = "d8"
document.getElementById("primaryability").innerHTML = "Wisdom"
document.getElementById("saves").innerHTML = "Wisdom & Charisma"
break
case 'Druid':
document.getElementById("class__description").innerHTML = "A priest of the Old Faith, wielding the powers of nature and adopting animal forms."
document.getElementById("hitdie").innerHTML = "d8"
document.getElementById("primaryability").innerHTML = "Wisdom"
document.getElementById("saves").innerHTML = "Intelligence & Wisdom"
break
case 'Fighter':
document.getElementById("class__description").innerHTML = "A master of martial combal, skiulled with a variety of weapons and armor."
document.getElementById("hitdie").innerHTML = "d10"
document.getElementById("primaryability").innerHTML = "Strength or Dexterity"
document.getElementById("saves").innerHTML = "Strength & Constitution"
break
case 'Monk':
document.getElementById("class__description").innerHTML = "A master of martial arts, harnessing the power of the body in pursuit of physical and spiritual perfection."
document.getElementById("hitdie").innerHTML = "d8"
document.getElementById("primaryability").innerHTML = "Dexterity & Wisdom"
document.getElementById("saves").innerHTML = "Strength & Dexterity"
break
case 'Paladin':
document.getElementById("class__description").innerHTML = "A holy warrior bound to a sacred oath."
document.getElementById("hitdie").innerHTML = "d10"
document.getElementById("primaryability").innerHTML = "Strength & Charisma"
document.getElementById("saves").innerHTML = "Wisdom & Charisma"
break
case 'Ranger':
document.getElementById("class__description").innerHTML = "A warrior who combats threats on the edges of civilization."
document.getElementById("hitdie").innerHTML = "d10"
document.getElementById("primaryability").innerHTML = "Dexterity & Wisdom"
document.getElementById("saves").innerHTML = "Strength & Dexterity"
break
case 'Rogue':
document.getElementById("class__description").innerHTML = "A scoundrel who uses stealth and trickery to overcome obstacles and enemies."
document.getElementById("hitdie").innerHTML = "d8"
document.getElementById("primaryability").innerHTML = "Dexterity"
document.getElementById("saves").innerHTML = "Dexterity & Intelligence"
break
case 'Sorcerer':
document.getElementById("class__description").innerHTML = "A spellcaster who draws on inherent magic from a gift or bloodline."
document,getElementById("hitdie").innerHTML = "d6"
document.getElementById("primaryability").innerHTML = "Charisma"
document.getElementById("saves").innerHTML = "Constitution & Charisma"
break
case 'Warlock':
document.getElementById("class__description").innerHTML = "A wielder of magic that is derived from a bargain with an extraplanar entity."
document.getElementById("hitdie").innerHTML = "d8"
document.getElementById("primaryability").innerHTML = "Charisma"
document.getElementById("saves").innerHTML = "Wisdom & Charisma"
break
case 'Wizard':
document.getElementById("class__description").innerHTML = "A scholarly magic-user capable of manipulating the structures of reality."
document.getElementById("hitdie").innerHTML = "d6"
document.getElementById("primaryability").innerHTML = "Intelligence"
document.getElementById("saves").innerHTML = "Intelligence & Wisdom"
break
}
});
});
</script>
</div>
<div class="builder__background">
<label for="background" style="font-family: Georgia, 'Times New Roman', Times, serif;">Pick a Background</label>
<select name="background" id="background">
<option value="" disabled selected>Select a background</option>
<option value="Acolyte">Acolyte</option>
<option value="Charlatan">Charlatan</option>
<option value="Criminal">Criminal / Spy</option>
<option value="Entertainer">Entertainer</option>
<option value="Folk Hero">Folk Hero</option>
<option value="Gladiator">Gladiator</option>
<option value="Guild Artisan">Guild Artisan / Guild Merchant</option>
<option value="Hermit">Hermit</option>
<option value="Knight">Knight</option>
<option value="Noble">Noble</option>
<option value="Outlander">Outlander</option>
<option value="Pirate">Pirate</option>
<option value="Sage">Sage</option>
<option value="Sailor">Sailor</option>
<option value="Soldier">Soldier</option>
<option value="Urchin">Urchin</option>
</select>
</div>
<div class="builder__btn">
<button type="submit">Submit</button>
<button type="reset">Reset</button>
</div>
</form>
</div>
<div class="builder__characterinfo">
<h2 class="bulder__info" style="font-family: Georgia, 'Times New Roman', Times, serif;">Racial Info</h2>
<hr>
<p class="rthead">Race Info</p>
<br>
<p id="race__description" style="font-family: Georgia, 'Times New Roman', Times, serif;"></p>
<br>
<p class="rthead" style="font-family: Georgia, 'Times New Roman', Times, serif;">Racial Traits</p>
<br>
<p id="racial__traits" style="font-family: Georgia, 'Times New Roman', Times, serif;"></p>
<br>
<h2 class="builder__info" style="font-family: Georgia, 'Times New Roman', Times, serif;">Class Information</h2>
<hr>
<p class="rthead" style="font-family: Georgia, 'Times New Roman', Times, serif;">Class Info</p>
<br>
<p id="class__description" style="font-family: Georgia, 'Times New Roman', Times, serif;"></p>
<br>
<p class="rthead" style="font-family: Georgia, 'Times New Roman', Times, serif;">Hit Die: </p>
<p id="hitdie" style="font-family: Georgia, 'Times New Roman', Times, serif;" ></p>
<br>
<p class="rthead" style="font-family: Georgia, 'Times New Roman', Times, serif;">Primary Ability: </p>
<p id="primaryability" style="font-family: Georgia, 'Times New Roman', Times, serif;"></p>
<br>
<p class="rthead" style="font-family: Georgia, 'Times New Roman', Times, serif;">Saves: </p>
<p id="saves" style="font-family: Georgia, 'Times New Roman', Times, serif;"></p>
</div>
<div class="builder__table">
<h1 style="font-family: Georgia, 'Times New Roman', Times, serif;">Class Table</h1>
<table class="class__table" id="class">
<tr>
<th>Class</th>
<th>Class Description</th>
<th>HitDie</th>
<th>Primary Ability</th>
<th>Saves</th>
<th colspan="3">Proficiencies
<table style="width: 100%;">
<tr>
<td>Armor</td>
<td>Weapons</td>
<td>Tools</td>
</tr>
</table>
</th>
</tr>
<!-- Barbarian -->
<tr>
<td>Barbarian</td>
<td>For some, their rage springs from a communion with fierce animal spirits. Others draw from a roiling reservoir of anger at a world full of pain. For every barbarian, rage is a power that fuels not just a battle frenzy but also uncanny reflexes, resilience, and feats of strength.</td>
<td>1d12</td>
<td>Strength</td>
<td>Strength, Constitution</td>
<td>Light/Medium Armor, Shields</td>
<td>Simple/Martial Weapons</td>
<td>-</td>
</tr>
<!-- Bard -->
<tr>
<td>Bard</td>
<td>Whether scholar, skald, or scoundrel, a bard weaves magic through words and music to inspire allies, demoralize foes, manipulate minds, create illusions, and even heal wounds. The bard is a master of song, speech, and the magic they contain</td>
<td>1d8</td>
<td>Charisma</td>
<td>Dexterity, Charisma</td>
<td>Light Armor</td>
<td>Simple Weapons, Hand-Crossbows, Longswords, Rapiers, Shortswords</td>
<td>Three Musical Instruments of your Choice</td>
</tr>
<!-- Cleric -->
<tr>
<td>Cleric</td>
<td>Clerics are intermediaries between the mortal world and the distant planes of the gods. As varied as the gods they serve, clerics strive to embody the handiwork of their deities. No ordinary priest, a cleric is imbued with divine magic.</td>
<td>1d8</td>
<td>Wisdom</td>
<td>Charisma, Wisdom</td>
<td>Light/Medium Armor, Shields</td>
<td>Simple Weapons</td>
<td>-</td>
</tr>
<!-- Druid -->
<tr>
<td>Druid</td>
<td>Whether calling on the elemental forces of nature or emulating the creatures of the animal world, druids are an embodiment of nature's resilience, cunning, and fury. They claim no mastery over nature, but see themselves as extensions of nature's indomitable will.</td>
<td>1d8</td>
<td>Wisdom</td>
<td>Intelligence, Wisdom</td>
<td>Light/Medium Armor, Shields (No Metal)</td>
<td>Clubs, Daggers, Darts, Javelins, Maces, Quarterstaffs, Scimitars, Sickles, Slings, Spears</td>
<td>Herbalism Kit</td>
</tr>
<!-- Fighter -->
<tr>
<td>Fighter</td>
<td>Fighters share an unparalleled mastery with weapons and armor, and a thorough knowledge of the skills of combat. They are well acquainted with death, both meting it out and staring it defiantly in the face.</td>
<td>1d10</td>
<td>Strength or Dexterity</td>
<td>Constitution, Strength</td>
<td>All Armor, Shields</td>
<td>Simple/Martial Weapons</td>
<td>-</td>
</tr>
<!-- Monk -->
<tr>
<td>Monk</td>
<td>Monks are united in their ability to magically harness the energy that flows in their bodies. Whether channeled as a striking display of combat prowess or a subtler focus of defensive ability and speed, this energy infuses all that a monk does.</td>
<td>1d8</td>
<td>Dexterity and Wisdom</td>
<td>Dexterity, Strength</td>
<td>None</td>
<td>Simple Weapons, Shortswords</td>
<td>Choose one type of artisan's tools or one musical instrument</td>
</tr>
<!-- Paladin -->
<tr>
<td>Paladin</td>
<td>Whether sworn before a god's altar and the witness of a priest, in a sacred glade before nature spirits and fey beings, or in a moment of desperation and grief with the dead as the only witness, a paladin's oath is a powerful bond.</td>
<td>1d10</td>
<td>Charisma and Strength</td>
<td>Charisma, Wisdom</td>
<td>All Armor, Shields</td>
<td>Simple/Martial Weapons</td>
<td>-</td>
</tr>
<!-- Ranger -->
<tr>
<td>Ranger</td>
<td>Far from the bustle of cities and towns, past the hedges that shelter the most distant farms from the terrors of the wild, amid the dense-packed trees of trackless forests and across wide and empty plains, rangers keep their unending watch</td>
<td>1d10</td>
<td>Dexterity and Wisdom</td>
<td>Dexterity, Wisdom</td>
<td>Light/Medium Armor, Shields</td>
<td>Simple/Martial Weapons</td>
<td>-</td>
</tr>
<!-- Rogue -->
<tr>
<td>Rogue</td>
<td>Rogues rely on skill, stealth, and their foes' vulnerabilities to get the upper hand in any situation. They have a knack for finding the solution to just about any problem, demonstrating a resourcefulness and versatility that is the cornerstone of any successful adventuring party.</td>
<td>1d8</td>
<td>Dexterity</td>
<td>Dexterity, Intelligence</td>
<td>Light Armor</td>
<td>Simple Weapons, Hand-Crossbows, Longswords, Rapiers, Shortswords</td>
<td>Thieves' Tools</td>
</tr>
<!-- Sorcerer -->
<tr>
<td>Sorcerer</td>
<td>Sorcerers carry a magical birthright conferred upon them by an exotic bloodline, some otherworldly influence, or exposure to unknown cosmic forces. No one chooses sorcery; the power chooses the sorcerer.</td>
<td>1d6</td>
<td>Charisma</td>
<td>Constitution, Charisma</td>
<td>-</td>
<td>Daggers, Darts, Slings, Quarterstaffs, Light-Crossbows</td>
<td>-</td>
</tr>
<!-- Warlock -->
<tr>
<td>Warlock</td>
<td>Warlocks are seekers of the knowledge that lies hidden in the fabric of the multiverse. Through pacts made with mysterious beings of supernatural power, warlocks unlock magical effects both subtle and spectacular.</td>
<td>1d8</td>
<td>Charisma</td>
<td>Charisma, Wisdom</td>
<td>Light Armor</td>
<td>Simple Weapons</td>
<td>-</td>
</tr>
<!-- Wizard -->
<tr>
<td>Wizard</td>
<td>Wizards are supreme magic-users, defined and united as a class by the spells they cast. Drawing on the subtle weave of magic that permeates the cosmos, wizards cast spells of explosive fire, arcing lightning, subtle deception, brute-force mind control, and much more.</td>
<td>1d6</td>
<td>Intelligence</td>
<td>Intelligence, Wisdom</td>
<td>-</td>
<td>Daggers, Darts, Slings, Quarterstaffs, Light-Crossbows</td>
<td>-</td>
</tr>
</table>
</div>
</nav>
<!-- Footer Section -->
<nav class="footer">
<div class="footer__container">
<div class="footer__links">
<div class="footer__link--wrapper">
<div class="footer__link--items">
<h2>About Us</h2>
<a href="/sign-up">How it works</a>
<a href="/sign-up">Testimonials</a>
<a href="/sign-up">Careers</a>
<a href="/sign-up">Terms of Service</a>
</div>
</div>
<div class="footer__link--wrapper">
<div class="footer__link--items">
<h2>Social Media</h2>
<a href="https://discord.gg/t7Aza948">Discord</a>
<a href="http://twitch.tv/ClemsonEsports">Twitch</a>
<a href="https://twitter.com/clemsonesports?lang=en">Twitter</a>
<a href="http://Instagram.com/ClemsonEsports">Instagram</a>
<a href="https://goo.gl/XVW9MQ">Youtube</a>
<a href="https://steamcommunity.com/groups/ClemsonEsports">Steam</a>
<a href="http://facebook.com/ClemsonEsports">Facebook</a>
</div>
</div>
</div>
<section class="socialmedia">
<div class="social__media--wrap">
<div class="footer__logo">
<a href="" id="footer__logo">Character Builder</a>
</div>
<p class="website__rights">By: Kyle Culbreth</p>
<div class="social__icons">
<a href="http://facebook.com/ClemsonEsports" class="social__icon--link"><i class="fab fa-facebook"></i></a>
<a href="https://twitter.com/clemsonesports?lang=en" class="social__icon--link"><i class="fab fa-twitter"></i></a>
<a href="http://Instagram.com/ClemsonEsports" class="social__icon--link"><i class="fab fa-instagram"></i></a>
<a href="http://twitch.tv/ClemsonEsports" class="social__icon--link"><i class="fab fa-twitch"></i></a>
<a href="https://goo.gl/XVW9MQ" class="social__icon--link"><i class="fab fa-youtube"></i></a>
<a href="https://discord.gg/t7Aza948" class="social__icon--link"><i class="fab fa-discord"></i></a>
<a href="https://steamcommunity.com/groups/ClemsonEsports" class="social__icon--link"><i class="fab fa-steam"></i></a>
</div>
</div>
</section>
</div>
</nav>
<script src="dwebsite.js"></script>
</body>
</html>