michaelbragg/nav-tabs.html

## nav-tabs.html
<!DOCTYPE html>

<html>

<head>
  <style>
    <!--
    * {
      padding: 0;
      margin: 0;
    }
    body {
      font-family: Helvetica, Arial, sans-serif;
    }
    .nav {
      list-style: none;
      margin-left: 0;
    }

    .nav li {
      display: inline;
    }
    .nav a {
      display: inline-block;
    }

    .nav__tab > li {
      margin-left: 2px;
    }
    .nav__tab > li {
      background: #274296;
      width: 130px;
      -webkit-box-shadow: 0 5px 5px 0 #999;
         -moz-box-shadow: 0 5px 5px 0 #999;
              box-shadow: 0 5px 5px 0 #999;
      line-height: 30px;
      border-radius: 0 0 10px 10px;
      font-size: 12px;
      text-align: center;
      color: #fff;
      text-decoration: none;
    }
    .nav__tab > li > .tab-selected {
      background: #47A7EB;
    }
    -->
  </style>
</head>

<body>

  <nav>
    <ul class="nav tab">
      <li><a href="#">Terms of Entry</a></li>
      <li><a href="#">Terms &amp; Conditions</a></li>
      <li><a href="#" class="tab-selected">Book A Table</a></li>
      <li><a href="#">How we use Cookies</a></li>
    </ul>
  </nav>

</body>
</html>