-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsirHaraldI.html
65 lines (63 loc) · 2.24 KB
/
sirHaraldI.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 Harald Iskander
</h2>
<div class="twoColumn">
<div class="leftColumn">
<img class="imagefull" src="images\fullimage\Curious Traveler, Sir Harald Iskander of Nybor.jpg" alt="Image 1">
</div>
<div class="rightColumn">
<p class="subtitle2">
A solitary and serious man, Harald is duty driven and strickly upholds the codes of honor he swore in the name of his god. Returning now to his home of Nybor after a tour of service in the military.
</p>
<p></p>
<p class="subtitle2">
Human, Cleric, Lawful Good
</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>