<!-- BEGIN COPY / PASTE -->
    <nav class="navbar">
      <ul class="nav-list">
        <li class="nav-item"><a href="#">Home</a></li>
        <li class="nav-item"><a href="#">About</a></li>
        <li class="nav-item"><a href="#">Services</a></li>
        <li class="nav-item"><a href="#">Contact</a></li>
      </ul>
    </nav>

    <style>
      .navbar {
        background-color: #333;
        padding: 10px;
      }
      .nav-list {
        display: flex;
        justify-content: space-around;
        list-style: none;
        margin: 0;
        padding: 0;
      }
      .nav-item a {
        color: white;
        text-decoration: none;
        padding: 10px 15px;
        display: block;
      }
      @media (max-width: 600px) {
        .nav-list {
          flex-direction: column;
          align-items: center;
        }
      }
    </style>
    <!-- END COPY / PASTE -->