mobile_view.php

<!-- MObile View  Menu---- >
      <nav class="menu">

  <a href="#" class="close">
    <svg class="exit-icon" height="23px" space="preserve" style="enable-background:new 0 0 23 23;" version="1.1" viewbox="0 0 23 23" width="23px" x="0px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
  <line class="st1" x1="0.4" x2="22.6" y1="0.4" y2="22.6"></line>
  <line class="st1" x1="0.4" x2="22.6" y1="22.6" y2="0.4"></line>
</svg>

  </a>

  <ul class="links">
    <li>
      <a href="index.php" class="active">
        Home
      </a>
    </li>

    <li>
      <!-- <a href="/">Experience</a> -->
      <a>Experience</a>

      <ul>

        <li>
          <a href="concerts.php" class="">Concerts</a>
        </li>
        <li>
          <a href="competitive.php" class="">Competitive</a>
        </li>
        <li>
          <a href="attractions.php" class="">Attractions</a>
        </li>
        <li>
          <a href="kids.php" class="">Kids</a>
        </li>
      </ul>
    </li>

    <li>
      <!-- <a href="/about" class="">Info</a> -->
      <a>Info</a>

      <ul>
        <!-- <li><a href="" class="">Sponsors</a></li>
        <li><a href="/vendors" class="">Vendors</a></li> -->
        <li><a href="about.php" class="">About</a></li>
        <li><a href="contact.php" class="">Contact</a></li>
      </ul>
    </li>

    <!-- <li>
      <a href="/about" class="">
        About
      </a>
    </li> -->

    <li>
      <a href="tournaments.php" class="">
        Tournaments
      </a>
    </li>


    <li>
      

  <a href="https://www.youtube.com/watch?v=ENRVRck_WEA" target="_blank" class="button glitch video-button" data-youtube-url='https://www.youtube.com/watch?v=ENRVRck_WEA'>
    <span class="text">Login Here</span>
  </a>


    </li>
  </ul>

</nav>
<!--End of  MObile Menu---- >