index.html

<div id="contactUs">
  <p>A [really] simple responsive horizontal menu ready for any device.</p>
  <div id="countrySelection">
    <div id="countrySelection-wrapper">
      <ul id="countrySelection-items" style="">
        <div id="countrySelector"></div>
        <li class="countrySelection-item active">
          <a href="#">Australia</a>
        </li>
        <li class="countrySelection-item">
          <a href="#">Canada</a>
        </li>
        <li class="countrySelection-item">
          <a href="#">Chile</a>
        </li>
        <li class="countrySelection-item">
          <a href="#">France</a>
        </li>
        <li class="countrySelection-item">
          <a href="#">Germany</a>
        </li>
        <li class="countrySelection-item">
          <a href="#">Japan</a>
        </li>
        <li class="countrySelection-item">
          <a href="#">Scandinavia</a>
        </li>
        <li class="countrySelection-item">
          <a href="#">South Africa
            </a>
        </li>
        <li class="countrySelection-item">
          <a href="#">Turkey</a>
        </li>
        <li class="countrySelection-item">
          <a href="#">UK &amp; Ireland</a>
        </li>
        <li class="countrySelection-item active">
          <a href="#">United States
            </a>
        </li>
      </ul>
      <div class="countrySelection-paddles">
        <button class="countrySelection-paddle-left icon-chevronleft" aria-hidden="true">
        </button>
        <button class="countrySelection-paddle-right icon-chevronright" aria-hidden="true">
        </button>
      </div>
    </div>
  </div>
  <p>For the sample only the background colour will change between countries</p>
</div>