Untitled

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">

<title>Home</title>

<link rel="shortcut icon" href="images/icon.ico">
<!--icon-->


<meta name="robots" content="index, follow, noodp, noydir">

<meta name="description" content="Page description goes here">

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

<link rel="stylesheet" href="style.css">

</head>
<body>

<header>

<h2 id="quotelink"><a href="javascript:void(0)">Online Quote</a></h2>


</header>
<div id="navbar">
     <ul>
         <li><a href="javascript:void(0)">Home</a></li>
         <li><a href="test.html">Services</a></li>
         <li><a href="javascript:void(0)">FAQs</a></li>
         <li><a href="javascript:void(0)">Contact</a></li>
     </ul>
</div>

<div class="container">
  <h1>Heading</h1>

  <div id="content">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit vivamus aliquet nisl non nunc euismod ultrices. Integer lectus tellus, bibendum a sapien id, consectetur condimentum urna. In a suscipit ex. Duis dignissim feugiat risus ullamcorper pretium. Ut eu nisl laoreet nisl gravida efficitur. Nunc euismod dignissim tellus non consectetur.
  </div><!--content-->

<ul class="gallery">
    <li>
        <div class="item">
            <a href="#">
            <img src="images/dis.jpg" alt="item1">
            <span>item1</span></a>
        </div>
    </li>
    <li>
        <div class="item">
            <a href="#">
            <img src="images/dis.jpg" alt="item1">
            <span>item1</span></a>
        </div>
    </li>
    <li>
        <div class="item">
            <a href="#">
            <img src="images/dis.jpg" alt="item1">
            <span>item1</span></a>
        </div>
    </li>
    <li>
        <div class="item">
            <a href="#">
            <img src="images/dis.jpg" alt="item1">
            <span>item1</span></a>
        </div>
    </li>
</ul>


</div><!--container-->


<!--causes the navigation to become 'sticky' so it stays at the top when the user scrolls down-->
<script>
window.onscroll = function() {navBarSticky()};

var navbar = document.getElementById("navbar");
var sticky = navbar.offsetTop;

function navBarSticky() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}
</script>

</body>
</html>