Toggle navigation
Vsaree

www.vsaree.com

<!DOCTYPE html>
<html>
<title>W3.CSS Template</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="">https://www.w3schools.com/w3css/4/w3.css">;
<link rel="stylesheet" href="">https://fonts.googleapis.com/css?family=Lato">;
<link rel="stylesheet" href="">https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">;
<style>
body {font-family: "Lato", sans-serif}
.mySlides {display: none}
</style>
<body>

<!-- Navbar -->


 

   
    HOME
    BAND
    TOUR
    CONTACT
   

      <button class="w3-padding-large w3-button" title="More">MORE </button>  
     

        Merchandise
        Extras
        Media
     

   

   
 



<!-- Navbar on small screens -->


<!-- Page content -->


  <!-- Automatic Slideshow Images -->
 

   
   

     

Los Angeles


     

We had the best time playing at Venice Beach!


   

 

 

   
   

     

New York


     

The atmosphere in New York is lorem ipsum.

 
   

 

 

   
   

     

Chicago


     

Thank you, Chicago - A night we won't forget.

 
   

 


  <!-- The Band Section -->
 

   

THE BAND


   

We love music


   

We have created a fictional band website. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
      ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur
      adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


   

     

       

Name


        Random Name
     

     

       

Name


        Random Name
     

     

       

Name


        Random Name
     

   

 


  <!-- The Tour Section -->
 

   

     

TOUR DATES


     

Remember to book your tickets!




     

           
  • September Sold out

    •        
  • October Sold out

    •        
  • November 3

    •      


     

       

          New York
         

           

New York


           

Fri 27 Nov 2016


           

Praesent tincidunt sed tellus ut rutrum sed vitae justo.


            <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button>
         

       

       

          Paris
         

           

Paris


           

Sat 28 Nov 2016


           

Praesent tincidunt sed tellus ut rutrum sed vitae justo.


            <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button>
         

       

       

          San Francisco
         

           

San Francisco


           

Sun 29 Nov 2016


           

Praesent tincidunt sed tellus ut rutrum sed vitae justo.


            <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button>
         

       

     

   

 


  <!-- Ticket Modal -->
 

   

     

              class="w3-button w3-teal w3-xlarge w3-display-topright">×
       

Tickets


     

     

       


        <input class="w3-input w3-border" type="text" placeholder="How many?">
       


        <input class="w3-input w3-border" type="text" placeholder="Enter email">
        <button class="w3-button w3-block w3-teal w3-padding-16 w3-section w3-right">PAY </button>
        <button class="w3-button w3-red w3-section" onclick="document.getElementById('ticketModal').style.display='none'">Close </button>
       

Need help?


     

   

 


  <!-- The Contact Section -->
 

   

CONTACT


   

Fan? Drop a note!


   

     

        Chicago, US

        Phone: +00 151515

        Email: mail@mail.com

     

     

        <form action="/action_page.php" target="_blank">
         

           

              <input class="w3-input w3-border" type="text" placeholder="Name" required name="Name">
           

           

              <input class="w3-input w3-border" type="text" placeholder="Email" required name="Email">
           

         

          <input class="w3-input w3-border" type="text" placeholder="Message" required name="Message">
          <button class="w3-button w3-black w3-section w3-right" type="submit">SEND</button>
        </form>
     

   

 

 
<!-- End Page Content -->

<!-- Add Google Maps -->

[removed]
function myMap() {
  myCenter=new google.maps.LatLng(41.878114, -87.629798);
  var mapOptions= {
    center:myCenter,
    zoom:12, scrollwheel: false, draggable: false,
    mapTypeId:google.maps.MapTypeId.ROADMAP
  };
  var map=new google.maps.Map(document.getElementById("googleMap"),mapOptions);

  var marker = new google.maps.Marker({
    position: myCenter,
  });
  marker.setMap(map);
}
[removed]
[removed][removed]">https://maps.googleapis.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU&callback=myM...;
<!--
To use this code on your website, get a free API key from Google.
Read more at: https://www.w3schools.com/graphics/google_maps_basic.asp
-->

<!-- Footer -->


[removed]
// Automatic Slideshow - change image every 4 seconds
var myIndex = 0;
carousel();

function carousel() {
    var i;
    var x = document.getElementsByClassName("mySlides");
    for (i = 0; i < x>      x[i].style.display = "none";
    }
    myIndex++;
    if (myIndex > x.length) {myIndex = 1}  
    x[myIndex-1].style.display = "block";
    setTimeout(carousel, 4000);  
}

// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
    var x = document.getElementById("navDemo");
    if (x.className.indexOf("w3-show") == -1) {
        x.className += " w3-show";
    } else {
        x.className = x.className.replace(" w3-show", "");
    }
}

// When the user clicks anywhere outside of the modal, close it
var modal = document.getElementById('ticketModal');
[removed] = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}
[removed]

</body>
</html>