W3.CSS Template






body {font-family: "Lato", sans-serif}
.mySlides {display: none}



<!-- Navbar -->

  
    
    HOME
    BAND
    TOUR
    CONTACT
    
      MORE      
      
        Merchandise
        Extras
        Media
      
    
    
  


<!-- Navbar on small screens (remove the onclick attribute if you want the navbar to always show on top of the content when clicking on the links) -->

  BAND
  TOUR
  CONTACT
  MERCH


<!-- 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
        
      
      
        Name
        
      
      
        Name
        
      
    
  

  <!-- The Tour Section -->
  
    
      TOUR DATES
      Remember to book your tickets!

      
        September Sold out
        October Sold out
        November 3
      

      
        
          
          
            New York
            Fri 27 Nov 2016
            Praesent tincidunt sed tellus ut rutrum sed vitae justo.
            Buy Tickets
          
        
        
          
          
            Paris
            Sat 28 Nov 2016
            Praesent tincidunt sed tellus ut rutrum sed vitae justo.
            Buy Tickets
          
        
        
          
          
            San Francisco
            Sun 29 Nov 2016
            Praesent tincidunt sed tellus ut rutrum sed vitae justo.
            Buy Tickets
          
        
      
    
  

  <!-- Ticket Modal -->
  
    
       
        ×
        Tickets
      
      
         Tickets, $15 per person
        
         Send To
        
        PAY 
        Close 
        Need help?
      
    
  

  <!-- The Contact Section -->
  
    CONTACT
    Fan? Drop a note!
    
      
         Chicago, US
         Phone: +00 151515
          Email: mail@mail.com
      
      
        
          
            
              
            
            
              
            
          
          
          SEND
        
      
    
  
  
<!-- End Page Content -->

<!-- Add Google Maps -->


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);
}


<!--
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 -->

  
  
  
  
  
  
  Powered by w3.css



// 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.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');
window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}