-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAllenN.html
65 lines (63 loc) · 2.55 KB
/
AllenN.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">
Allen Nance
</h2>
<div class="twoColumn">
<div class="leftColumn">
<img class="imagefull" src="images\fullimage\Curious Traveler, Allen Nance.jpg" alt="Image 1">
</div>
<div class="rightColumn">
<p class="subtitle2">
Born as a commoner he became disillusioned and aimless. At the age of 17, in a drunken wander into a forest, Allen was attacked by an ogre and suffered head trauma rendering him deaf. Luckily a Drow caravan happened upon the ogre and saved him. They took him in while he healed and Allen lived with them for many years. Learning their language, lipreading and sign language, he repayed his debt over time through protective service for his new family and painting their portraits. Now 38 he ventures abroad to help those in danger.
</p>
<p></p>
<p class="subtitle2">
Human, Investigator, 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>