shadowheart.club/index.html

70 lines
2.0 KiB
HTML

<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Home | Shadowheart Club</title>
<link rel="stylesheet" href="css/inter.css">
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- Here is our main header that is used across all the pages of our website -->
<header>
<h1>Welcome to the Shadowheart Club!</h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Quotes</a></li>
</ul>
</nav>
<!-- Here is our page's main content -->
<main>
<!-- It contains an article -->
<article>
<h2>Hello!</h2>
<p>
Hello and welcome friend! You have arrived on the website of the
Shadowheart Club. A fan site for Shadowheart.
</p>
<h3>Who?</h3>
<p>
Shadowheart is a character in Baldur's Gate 3, a CRPG developed and
published by Larian Studios. She is a half-elf cleric of Shar.
Specifically she is a trickery domain cleric.
</p>
<h3>Why?</h3>
<p>
Because Shadowheart is best girl. Also, its cool and fun to make websites.
</p>
</article>
<aside>
<h2>Related</h2>
<ul>
<li><a href="https://baldursgate3.game/">Baldur's Gate 3's official website</a></li>
<li><a href="https://en.wikipedia.org/wiki/Baldur%27s_Gate_3">Baldur's Gate 3 on Wikipedia</a></li>
<li><a href="https://en.wikipedia.org/wiki/Forgotten_Realms">Forgotten Realms on Wikipedia</a></li>
</ul>
</aside>
</main>
<!-- And here is our main footer that is used across all the pages of our website -->
<footer>
<p>Made with love by <a href="https://sadiqsaif.com">packetcat</a>. All content falls under the <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA</a> license.</p>
</footer>
</body>
</html>