-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsirTerranceL.html
65 lines (63 loc) · 2.43 KB
/
sirTerranceL.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>The Gay Knights of the broken ass table</title>
</head>
<body>
<header>
<div class="banner-container">
<img src="images/banner.jpg" alt="Banner Image">
<div class="title-container">
<h1 class="title">January</h1>
<h2 class="subtitle">the voyage to Nybor continues</h2>
</div>
</div>
<nav>
<a href="index.html#who">Who?</a>
<a href="index.html#what">What?</a>
<a href="index.html#where">Where?</a>
<a href="index.html#why">Why?</a>
</nav>
<div class="audio-player">
<audio id="myAudio" loop autoplay>
<source src="audio/the_voyage_continues.mp3" type="audio/mp3">
Your browser does not support the audio tag.
</audio>
<button id="playPauseBtn">Pause</button>
<input type="range" id="volumeControl" value="50" max="100">
</div>
</header>
<main>
<section class="article-container">
<h2 class="subtitle Center">
Sir Terrance Lucas of Magnimar
</h2>
<div class="twoColumn">
<div class="leftColumn">
<img class="imagefull" src="images\fullimage\Curious Traveler, Sir Terrance Lucas of Magnimar.jpg" alt="Image 1">
</div>
<div class="rightColumn">
<p class="subtitle2">
A lowborn man who was taken off the streets as a lad and into the service of the military. While lax with honorifics, and commonly found in bars and brothels, he is capable and loyal to those who earn his trust. Knighted after having distinguished himself in a quest to clear out a hostile giant occupying a cave, he since competed in tournaments winning many magic items.
</p>
<p></p>
<p class="subtitle2">
Human, Brawler, Lawful Neutral
</p>
</div>
</div>
</section>
</main>
<footer>
<div class="subtitle2">
<p class="Center">
made by Paul Czarnecki JR
</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>