75 lines
2 KiB
HTML
75 lines
2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Ulud & Arcaena</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>Ulud & Arcaena</h1>
|
||
<nav>
|
||
<a href="#ulud">Ulud</a>
|
||
<a href="#arcaena">Arcaena</a>
|
||
<a href="#gallery">Gallery</a>
|
||
</nav>
|
||
</header>
|
||
|
||
<main>
|
||
<!-- Intro -->
|
||
<section class="intro">
|
||
<h2>Welcome, traveler...</h2>
|
||
<p>
|
||
Step into the world of Ulud and Arcaena, two adventurers whose stories
|
||
weave through danger, magic, and mystery. Scroll down to meet them.
|
||
</p>
|
||
</section>
|
||
|
||
<!-- Ulud Section -->
|
||
<section id="ulud" class="character">
|
||
<img src="images/ulud.jpg" alt="Ulud portrait">
|
||
<div class="bio">
|
||
<h2>Ulud — The Wandering Soul</h2>
|
||
<p>
|
||
Drop Ulud’s backstory here. Who is he? Where has he been? What drives him?
|
||
</p>
|
||
<ul>
|
||
<li><strong>Race:</strong> ???</li>
|
||
<li><strong>Class:</strong> ???</li>
|
||
<li><strong>Alignment:</strong> ???</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Arcaena Section -->
|
||
<section id="arcaena" class="character alt">
|
||
<img src="images/arcaena.jpeg" alt="Arcaena portrait">
|
||
<div class="bio">
|
||
<h2>Arcaena — The Silent Flame</h2>
|
||
<p>
|
||
Drop Arcaena’s backstory here. Her elven grace, her path, her hidden heart.
|
||
</p>
|
||
<ul>
|
||
<li><strong>Race:</strong> Elf</li>
|
||
<li><strong>Class:</strong> ???</li>
|
||
<li><strong>Alignment:</strong> ???</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Gallery Section -->
|
||
<section id="gallery" class="gallery">
|
||
<h2>Gallery</h2>
|
||
<div class="grid">
|
||
<img src="images/art1.png" alt="Campaign art 1">
|
||
<img src="images/art2.png" alt="Campaign art 2">
|
||
<img src="images/art3.png" alt="Campaign art 3">
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<p>Made with ♥</p>
|
||
</footer>
|
||
</body>
|
||
</html>
|