CodePen

HTML

            
              <nav class="home">
   <ul>
      <li>Home</li>
      <li>Our Food</li>
      <li>About Hopewell</li>
      <li>Our Deal &amp; Offers</li>
      <li>Contact Us</li>
   </ul>
</nav>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              #mast-head {
  background: url(file:///C:/Users/Allen%20Laptop/Documents/Work/ARC/Web%20Sites/HopeWell%20Pizza/Web%20Site/images/2.jpg) no-repeat;
  padding-top: 40px;
  padding-bottom:  255px;
  width: 100%;
  position: absolute;
  z-index: 0;

}

nav.home { margin: 41px 0 0 40px; z-index: 1; position: absolute; }

nav.home ul li{ margin: 0px 25px 0 10px; background: #fff; width: 8em; height: 8em; -webkit-border-radius: 5em; -moz-border-radius: 5em; float: left; list-style: none; border: dashed; z-index: 3; position: relative; overflow: visible;

}

nav.home ul li { background: #fff; height: 130px; width: 160px; margin: 60px 3px 0 -18px; display: block; z-index: 2; position: relative; }

nav.home ul li { display: block; margin: 0 0 0 10px; position: relative; z-index: 2;

}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................