index.html


<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/index.css">

		<title id="pageTitle">website</title>
	</head>

	<body>
		<div class="banner">
			<p>Hi! My name is Andrei, and I like to create stuff!</p>
			<p2 class="subtitle">also known as Fovy or Amdrei!</p2>
		</div>

		<div class="items">
			<a href="#games">GAMES</a>
			<a href="#music">MUSIC</a>
			<a href="#comics">COMICS</a>
			<a href="#social">SOCIAL</a>
		</div>

		<div id="games" class="section">
			<div id="gameList"></div>
		</div>

		<div id="gameDisplay" class="section">
			<div id="gameDisplayContent">
				<h1 id="gameDisplayTitle"></h1>
				<p id="gameDisplayDescription"></p>
			</div>
		</div>

		<div id="music" class="section">
			<div>
				<p>You can see all my music on my <a href="https://amdrei.bandcamp.com">bandcamp</a>'s page!</p>
			</div>
		</div>

		<div id="comics" class="section">
			<p>this page is under construction</p>
		</div>

		<div id="social" class="section">
			<div class="links">
				<a class="card" href="https://www.youtube.com/channel/UCT-lQnbYpMKoVPWaQXB_DMw">
					<h1>Youtube</h1>
					<p>I post devlogs here, music, weird videos, totally random</p>
				</a>
				<a class="card" href="https://instagram.com/ammdrei">
					<h1>Instagram</h1>
					<p>my face's here</p>
				</a>
				<a class="card" href="https://discord.gg/hkfcYf8pDS">
					<h1>Discord</h1>
					<p>talk to me here</p>
				</a>
			</div>
		</div>
	</body>

	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src="js/games.js"></script>
</html>