Untitled

<!DOCTYPE html>
<html>
<head>

<!-- Viewport Manager -->
<meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Internal Stylesheet -->
    <link rel="stylesheet" href="styles.css">

    <!-- W3 Stylesheet -->
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

    <!-- Paragraph font - "Share Tech Mono" -->
    <link href="https://fonts.googleapis.com/css?family=Share+Tech+Mono" rel="stylesheet">

    <!-- "Burger Menu" CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<!-- Background Manager -->
<style>
body {
    background-image: url(Images/Backgrounds/mainpage.jpg);
}
</style>

<!-- Body Start -->
<body>

<!-- Navigation Bar Start -->
<div class="topnav" id="myTopnav">
  <div style="float:right" class="dropdown">
    <button class="dropbtn">Information
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
      <a href="#">About us</a>
      <a href="#">F.A.Q</a>
      <a href="#">Join the team</a>
      <a href="#">Social media</a>
    </div>
  </div>
  <div style="float:right" class="dropdown">
    <button class="dropbtn">Gallery
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
      <a href="#">2D Art</a>
      <a href="#">3D Art</a>
      <a href="#">Level Design</a>
    </div>
  </div>
  <div style="float:right" class="dropdown">
    <button class="dropbtn">Factions
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
      <a href="ROC.html">Republic of Cascadia</a>
      <a href="#">Red Leafs</a>
      <a href="#">New California Republic</a>
    </div>
  </div>
  <a style="float:right" href="Mainpage.html" class="active">Home</a>
  <a href="javascript:void(0);" class="icon" onclick="myFunction()">&#9776;</a>
</div>
</div>

<!-- Spacing Blocks -->
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<!-- Hobbes Quote -->
<p style="font-size: 1.8vw"><q><i>I was there when the Americans attacked us. <br> They took our land, our fortune, our future. <br> I’ll take it all back, tear by tear.</i></q> <br> - Colin Hobbes</p>

<!-- JS Functionality -->
<script>
function myFunction() {
    var x = document.getElementById("myTopnav");
    if (x.className === "topnav") {
        x.className += " responsive";
    } else {
        x.className = "topnav";
    }
}
</script>

</body>
</html>