<div class=“header”>

    <a href="https://tangsoodo.github.io/Projector/index.html" class="logo"><img class="logo" src="media/owasp_logo_r_notext.png"
      alt="main logo" /></a>&trade;
    <div class="topnav" id="main-topnav">
        <a href="index.html" class="active">Home</a>
        <a href="#news">News</a>
        <a href="projects.html">Projects</a>
        <a href="#contact">Contact</a>
        <a href="#about">About</a>
        <a href="javascript:void(0);" class="icon" onclick="myFunction()">
          <i class="fa fa-bars"></i>
        </a>
    </div>

    <div class="header-right">
      <input type="text" value placeholder="Search"></input><button type="submit"><i class="fa fa-search"></i></button>
    </div>
</div>

</div>

<script>

function myFunction() {

var x = document.getElementById("main-topnav");
if (x.className === "topnav") {
  x.className += " responsive";
} else {
  x.className = "topnav";
}

} </script> <noscript>No Java, no script…</noscript>