shadowheart.club/index.html

62 lines
1.6 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 stranger! You have arrived on the website of the
Shadowheart Club. A fan site for Shadowheart, a character in Baldur's
Gate 3, a CRPG developed and published by Larian Studios.
</p>
<h3>Who?</h3>
<p>
Shadowheart is a half-elf cleric of Shar. For y'all D&D nerds, 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>
</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>