-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathclasses.html
More file actions
398 lines (352 loc) · 21.1 KB
/
classes.html
File metadata and controls
398 lines (352 loc) · 21.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
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'/>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<title>D&D Classes</title>
<link rel='stylesheet' href='styles.css'/>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
</head>
<body>
<!--Navbar Code Below-->
<nav class="navbar navbar-expand-lg fixed-top navbar-light bg-light">
<a class="navbar-brand" href="index.html">Home</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="how_to_create.html">How To Create a Character</a>
</li>
<li class="nav-item dropdown active">
<a class="nav-link dropdown-toggle" href="classes.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Classes
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="classes.html">The Classes</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="classes.html#barbarian">Barbarian</a>
<a class="dropdown-item" href="classes.html#bard">Bard</a>
<a class="dropdown-item" href="classes.html#cleric">Cleric</a>
<a class="dropdown-item" href="classes.html#druid">Druid</a>
<a class="dropdown-item" href="classes.html#fighter">Fighter</a>
<a class="dropdown-item" href="classes.html#monk">Monk</a>
<a class="dropdown-item" href="classes.html#paladin">Paladin</a>
<a class="dropdown-item" href="classes.html#ranger">Ranger</a>
<a class="dropdown-item" href="classes.html#rogue">Rogue</a>
<a class="dropdown-item" href="classes.html#sorcerer">Sorcerer</a>
<a class="dropdown-item" href="classes.html#warlock">Warlock</a>
<a class="dropdown-item" href="classes.html#wizard">Wizard</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="races.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Races
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="races.html">The Races</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="races.html#dwarf">Dwarf</a>
<a class="dropdown-item" href="races.html#elf">Elf</a>
<a class="dropdown-item" href="races.html#halfling">Halfling</a>
<a class="dropdown-item" href="races.html#human">Human</a>
<a class="dropdown-item" href="races.html#dragonborn">Dragonborn</a>
<a class="dropdown-item" href="races.html#gnome">Gnome</a>
<a class="dropdown-item" href="races.html#half-elf">Half-Elf</a>
<a class="dropdown-item" href="races.html#half-orc">Half-Orc</a>
<a class="dropdown-item" href="races.html#tiefling">Tiefling</a>
</div>
</li>
</ul>
</div>
</nav>
<!--Navbar Content above, About Me section below-->
<div class='divider'></div>
<div class="photo">
<img src='https://i0.wp.com/www.strangeassembly.com/wp-content/uploads/2015/11/Article_SwordCoastAdventurerersGuide_Thumb.jpg' class="img-fluid" id="classespic"/>
</div>
<div class="header">
<h1>Which D&D Class should you choose?</h1>
</div>
<div class='page'>
<div class='page-section page-section-odd'>
<div class='content'>
<div class='columns'>
<div class='image-container profile-pic'>
<img src='images/class-icons.jpg'/>
</div>
<div class='text-container'>
<h3>The Classes</h3>
<p>The most important decision you'll make. What class you choose
decides what you can do in the game and what strengths or
weaknesses you will have. I'll seperate the classes into 3
different types; the martial, the full spellcaster, or the
half caster. Martials have little to none spellcasting skills,
and specialize in either a melee weapon like a sword or a
ranged weapon like a bow, and usually wear armor. A full
spellcaster specializes in spells, and usually don't wear
armor. On the other hand, a half caster can specialize in
both, meaning they are capable of weilding just about any
weapon the martials can use, and can also cast spells, just
not as powerful of spells, as the full spellcasters. Below
contains the 12 different classes as well as a short
description on what they are like. Have fun!</p>
</div> <!-- Text container -->
</div> <!-- Columns -->
</div> <!-- Content -->
</div> <!-- Page section (ODD) -->
<div class='page-section page-section-even' id='barbarian'>
<div class='content'>
<div class='columns'>
<div class='image-container profile-pic second'>
<img src='https://www.dndbeyond.com/avatars/thumbnails/6/342/420/618/636272680339895080.png' id="barbarian-pic"/>
</div>
<div class='text-container'>
<h3>Barbarian</h3>
<h5>Primary Ability: Strength</h5>
<p>Barbarians are Martials that throw all caution to the wind.
With the highest health of any other class, they can favor
offense over defense, and even not wear armor too. The
core feature of Barbarians is that they can Rage. When
Raging, they deal more damage, take less damage, and
become stronger.</p>
</div> <!-- Text container -->
</div> <!-- Columns -->
</div> <!-- Content -->
</div> <!-- Page section (EVEN) -->
<div class='page-section page-section-odd' id='bard'>
<div class='content'>
<div class='columns'>
<div class='image-container profile-pic'>
<img src='https://www.dndbeyond.com/avatars/thumbnails/6/369/420/618/636272705936709430.png' id="bard-pic"/>
</div>
<div class='text-container'>
<h3>Bard</h3>
<h5>Primary Ability: Charisma</h5>
<p>Bards are full casters that use music and their instruments
to weave their magic. They've got an average amount of
health and seem more like a mix between a full spellcaster
and a half caster, because they have more Martial abilities
than some of the other spellcasters. Bards have a huge
range of spells, with a lot of support, control, and
damage, making them one of the most versatile spellcasters.</p>
</div> <!-- Text container -->
</div> <!-- Columns -->
</div> <!-- Content -->
</div> <!-- Page section (ODD) -->
<div class='page-section page-section-even' id='cleric'>
<div class='content'>
<div class='columns'>
<div class='image-container profile-pic second'>
<img src='https://www.dndbeyond.com/avatars/thumbnails/6/371/420/618/636272706155064423.png' id="cleric-pic"/>
</div>
<div class='text-container'>
<h3>Cleric</h3>
<h5>Primary Ability: Wisdom</h5>
<p>Clerics are full casters that call upon their Diety to have
their spells be made manifest. They are stereotyped to be
the party's healer, but that isn't the only thing they can
do. They do have a plethora of control and support spells
and they have a good amount of damage spells too. If theres
one thing to say about Clerics, they're always welcome to
any group of adventurers.</p>
</div> <!-- Text container -->
</div> <!-- Columns -->
</div> <!-- Content -->
</div> <!-- Page section (EVEN) -->
<div class='page-section page-section-odd' id='druid'>
<div class='content'>
<div class='columns'>
<div class='image-container profile-pic'>
<img src='https://www.dndbeyond.com/avatars/thumbnails/6/346/420/618/636272691461725405.png' id="druid-pic"/>
</div>
<div class='text-container'>
<h3>Druid</h3>
<h5>Primary Ability: Wisdom</h5>
<p>Druids are full casters that have been granted their magic
through nature or a Diety of nature. Their spell selection
is also very varied with control, support, and damage spells.
But Druid's special ability is that of being able to Wildshape.
This is a cool abilitiy which allows them to turn into just
about any beast, great for stealth and recon missions.</p>
</div> <!-- Text container -->
</div> <!-- Columns -->
</div> <!-- Content -->
</div> <!-- Page section (ODD) -->
<div class='page-section page-section-even' id='fighter'>
<div class='content'>
<div class='columns'>
<div class='image-container profile-pic second'>
<img src='https://www.dndbeyond.com/avatars/thumbnails/6/359/420/618/636272697874197438.png' id="fighter-pic"/>
</div>
<div class='text-container'>
<h3>Fighter</h3>
<h5>Primary Ability: Strength or Dexterity</h5>
<p>Fighters are Martials, and many people think of them as
basic ones at that. But they are just very versatile. They
can use any kind of fighting style (two handed weapon,
one handed, with a shield, or ranged) and can attack
multiple times in a round, meaning that fighters can
succeed in just about all forms of fighting (except
spellcasting).</p>
</div> <!-- Text container -->
</div> <!-- Columns -->
</div> <!-- Content -->
</div> <!-- Page section (EVEN) -->
<div class='page-section page-section-odd' id='monk'>
<div class='content'>
<div class='columns'>
<div class='image-container profile-pic'>
<img src='https://www.dndbeyond.com/avatars/thumbnails/6/489/420/618/636274646181411106.png' id="monk-pic"/>
</div>
<div class='text-container'>
<h3>Monk</h3>
<h5>Primary Ability: Dexterity & Wisdom</h5>
<p>Monks are Martials, but not the kind that uses weapons or
armor. They usually use martial arts to fight their foes.
Some advantages they have over other martials is they
never have to worry about being disarmed, that they can
attack multiple times back to back, and they are very fast.
They may not have the highest health for a martial, but
they'll still put up a good fight.</p>
</div> <!-- Text container -->
</div> <!-- Columns -->
</div> <!-- Content -->
</div> <!-- Page section (ODD) -->
<div class='page-section page-section-even' id='paladin'>
<div class='content'>
<div class='columns'>
<div class='image-container profile-pic second'>
<img src='https://www.dndbeyond.com/avatars/thumbnails/6/365/420/618/636272701937419552.png' id="paladin-pic"/>
</div>
<div class='text-container'>
<h3>Paladin</h3>
<h5>Primary Ability: Strength & Charisma</h5>
<p>Paladins are half casters, ones use use their weapons and
armor, and yet have limited healhing abilities and spells
from the Diety they worship. The special abilitiy of Paladins
is that they can attack with their weapon and use their spells
to Smite, causing extra damage, especailly if the enemy is
an undead or demon. They also have a lot of support abilities
making them very useful.</p>
</div> <!-- Text container -->
</div> <!-- Columns -->
</div> <!-- Content -->
</div> <!-- Page section (EVEN) -->
<div class='page-section page-section-odd' id='ranger'>
<div class='content'>
<div class='columns'>
<div class='image-container profile-pic'>
<img src='https://www.dndbeyond.com/avatars/thumbnails/6/367/420/618/636272702826438096.png' id="ranger-pic"/>
</div>
<div class='text-container'>
<h3>Ranger</h3>
<h5>Primary Ability: Dexterity & Wisdom</h5>
<p>Rangers are half casters, ones who use ranged weapons and
spells to defeat their enemies from afar and give support.
Their spell selection is really good, with nice damage
spells and some wonderful healing and control spells. They
also get their powers from nature and are natural born trackers
with their special ability being able to excell in specific
terrain and against specific enemies that they've studied and
have been around the most.</p>
</div> <!-- Text container -->
</div> <!-- Columns -->
</div> <!-- Content -->
</div> <!-- Page section (ODD) -->
<div class='page-section page-section-even' id='rogue'>
<div class='content'>
<div class='columns'>
<div class='image-container profile-pic second'>
<img src='https://www.dndbeyond.com/avatars/thumbnails/6/384/420/618/636272820319276620.png' id="rogue-pic"/>
</div>
<div class='text-container'>
<h3>Rogue</h3>
<h5>Primary Ability: Dexterity</h5>
<p>Rogues are Martials who are known as assasians, theives, and the
such. Their special ability is Sneak Attack where they can
deal extra damage if they are hidden or have an ally next to
the enemy. And so, Rogues are very stealthy and can deal high
amounts of damge if they play smart. They don't have a lot of
health, making them feel like a glass cannon, but they have a
lot of defensive abilities to make up for it.</p>
</div> <!-- Text container -->
</div> <!-- Columns -->
</div> <!-- Content -->
</div> <!-- Page section (EVEN) -->
<div class='page-section page-section-odd' id='sorcerer'>
<div class='content'>
<div class='columns'>
<div class='image-container profile-pic'>
<img src='https://www.dndbeyond.com/avatars/thumbnails/6/485/420/618/636274643818663058.png' id="sorcerer-pic"/>
</div>
<div class='text-container'>
<h3>Sorcerer</h3>
<h5>Primary Ability: Charisma</h5>
<p>Sorcerers are full spellcasters, and ones who don't really
their spellcasting abilities, they are either born with them
or find they have it from some cosmic force. Because of their
innate spellcasting afinity, their Special Abilitiy is
Metamagic, where they can shape their spells to be more
effective in different ways. With their powerful spell
selection of control and damage spells, they make some
powerful spellcasters.</p>
</div> <!-- Text container -->
</div> <!-- Columns -->
</div> <!-- Content -->
</div> <!-- Page section (ODD) -->
<div class='page-section page-section-even' id='warlock'>
<div class='content'>
<div class='columns'>
<div class='image-container profile-pic second'>
<img src='https://www.dndbeyond.com/avatars/thumbnails/6/375/420/618/636272708661726603.png' id="warlock-pic"/>
</div>
<div class='text-container'>
<h3>Warlock</h3>
<h5>Primary Ability: Charisma</h5>
<p>Warlocks are full spellcasters who gain their spellcasting
ability by creating a deal with a devil or demon. Their
spellcasting is very different from any other kind of
spellcaster, but that just makes them extra versatile.
They also don't have as many spells as others, but they
make it up with powerful abilities and their damage and
control spels.</p>
</div> <!-- Text container -->
</div> <!-- Columns -->
</div> <!-- Content -->
</div> <!-- Page section (EVEN) -->
<div class='page-section page-section-odd' id='wizard'>
<div class='content'>
<div class='columns'>
<div class='image-container profile-pic'>
<img src='https://www.dndbeyond.com/avatars/thumbnails/6/357/420/618/636272696881281556.png' id="wizard-pic"/>
</div>
<div class='text-container'>
<h3>Wizard</h3>
<h5>Primary Ability: Intelligence</h5>
<p>Wizards are full spellcasters who gain their spellcasting
abilities from studying. They have a spellbook that holds all
of the spells that they know, and they can add more spells to
it with any spell scroll or spellbook they find. Wizards have
the biggest spell selection and can do just about anything
except for healing. And they get a lot of powerful abilities
that help them learn and cast more spells.</p>
</div> <!-- Text container -->
</div> <!-- Columns -->
</div> <!-- Content -->
</div> <!-- Page section (ODD) -->
</div> <!-- Page -->
<div class="footer">
<h4>Github: <a href="https://github.com/ZakkeryDaRebel/CreativeProject5">ZakkeryDaRebel/CreativeProject5</a></h4>
</div>
<!--Bootstrap Code Insertion-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
</body>
</html>