<html>
<head>
<title>Quad's site</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="assets/favicon.png" type="image/png"/>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.0.11/css/fork-awesome.min.css" integrity="sha256-MGU/JUq/40CFrfxjXb5pZjpoZmxiP2KuICN5ElLFNd8=" crossorigin="anonymous">
<link href="style.css" rel="stylesheet" />
</head>
<body>
<div id="site">
<div id="content">
<div id="splits">
<div id="split1">
<img src="assets/avi.jpg" />
</div>
<div id="split2">
<h1 class="title">
Quad
</h1>
<p class="sub-title">
AKA Dominik <span>(Vincent)</span> Salonen
</p>
</div>
</div>
<div id="main-container">
<div id="navbar">
<div id="button1" class="nav-button">About</div>
<div id="button2" class="nav-button">Social</div>
<div id="button3" class="nav-button">Projects</div>
</div>
<div id="page">
<p class="initial-text">Hold on. Still loading that fancy background. <br /><i class="fa fa-spinner fa-pulse init-loading" aria-hidden="true"></i></p>
</div>
</div>
<p class="notice">
P.S Anime is for bakas
</p>
</div>
</div>
<script src="main.js"></script>
</body>
</html>