<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" /> 
    <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
    <link href="style.css" rel="stylesheet" />
  </head>
  <body onload="javascript:initialContent();">
    <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" onload="javascript:initialContent();">
            <p class="initial-text">Hold on. We gotta finish loading.</p>
          </div>
          
        </div>
        <p class="notice">
          P.S Anime is for bakas
        </p>
      </div>
    </div>
    <script src="main.js"></script>
  </body>
</html>