Webster Hall Show Tickets

Developer
Adam Lowenthal
Size
4,565 Kb
Views
10,120
  1. Webster Hall Show Tickets Previews
  2. Webster Hall Show Tickets HTML Codes
  3. Webster Hall Show Tickets CSS Codes

How do I make an webster hall show tickets?

What is a webster hall show tickets? How do you make a webster hall show tickets? This script and codes were developed by Adam Lowenthal on 12 October 2022, Wednesday.

Webster Hall Show Tickets Previews
IQ Test

Webster Hall Show Tickets - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Webster Hall Show Tickets</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'>
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container"> <div class="show"> <div class="show__venue"> <span>The Studio @</span> Webster Hall <span class="show__venue--address">125 E 11th St, New York, NY 10003</span> </div> <div class="show__date">March 20, 2017</div> <div class="show__time">8:00pm</div> </div> <div class="tickets"> <!-- <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="4S66VUUJDE94L"> <input type="image" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/7022/buy_tix_button_wbground.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form>
--> <a href="http://www.ticketweb.com/t3/sale/SaleEventDetail?dispatch=loadSelectionData&eventId=7231865&REFERRAL_ID=twfb&pl=webconcerts" class="tickets__link">Buy Tickets Now</a> <p>Your tickets will be e-mailed to you before the show</p> </div> <div class="artists"> <div class="artist artist--one"> <div class="artist__logo"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/7022/newLogo_KO.png" alt="A-Low" /> </div> <div class="artist__social"> <a href="https://www.facebook.com/alowsounds/" class="facebook"> <i class="fa fa-facebook-official" aria-hidden="true"></i> </a> <a href="https://twitter.com/alowsounds" class="twitter"> <i class="fa fa-twitter-square" aria-hidden="true"></i> </a> <a href="https://soundcloud.com/alowsounds" class="soundcloud"> <i class="fa fa-soundcloud" aria-hidden="true"></i> </a> <a href="https://play.spotify.com/artist/2nHlMddNV69jYQo4x3emdy" class="spotify"> <i class="fa fa-spotify" aria-hidden="true"></i> </a> <a href="https://www.youtube.com/user/OFFICIALALow" class="youtube"> <i class="fa fa-youtube-play" aria-hidden="true"></i> </a> </div> </div> <!-- <div class="artist artist--others"> <h2>Other Performers:</h2> <a href="https://soundcloud.com/thankyouriz" class="artist--other"> <i class="fa fa-soundcloud" aria-hidden="true"></i> Riz la Vie </a> <a href="https://soundcloud.com/someprettygoodish" class="artist--other opener"> <i class="fa fa-soundcloud" aria-hidden="true"></i> Hooligan Lou. </a> <br /> <a href="https://soundcloud.com/apachechief315" class="artist--other opener"> <i class="fa fa-soundcloud" aria-hidden="true"></i> Apache Chief </a> <a href="https://soundcloud.com/brandonserafino" class="artist--other opener"> <i class="fa fa-soundcloud" aria-hidden="true"></i> Brandon Serafino </a> <a href="https://soundcloud.com/cadosound" class="artist--other opener"> <i class="fa fa-soundcloud" aria-hidden="true"></i> Cado </a> </div> --> <div class="artist artist--two"> <div class="artist__logo"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/7022/DylanReeseLogo_cropped.png" alt="Dylan Reese" /> </div> <div class="artist__social"> <a href="https://www.facebook.com/DylanReeseMusic/" class="facebook"> <i class="fa fa-facebook-official" aria-hidden="true"></i> </a> <a href="https://twitter.com/DylanReeseMusic" class="twitter"> <i class="fa fa-twitter-square" aria-hidden="true"></i> </a> <a href="https://soundcloud.com/dylanreesemusic" class="soundcloud"> <i class="fa fa-soundcloud" aria-hidden="true"></i> </a> <a href="https://play.spotify.com/artist/6m3JhzmHaGOTO2XKns88fy" class="spotify"> <i class="fa fa-spotify" aria-hidden="true"></i> </a> <a href="https://www.youtube.com/user/ReeseMcFly" class="youtube"> <i class="fa fa-youtube-play" aria-hidden="true"></i> </a> </div> </div> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>
</body>
</html>

Webster Hall Show Tickets - Script Codes CSS Codes

body { height: 100vh; background: black; background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/7022/background.jpg); background-size: cover; background-repeat: no-repeat; font-family: 'Roboto', sans-serif;
}
@media (max-width: 480px) { body { background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/7022/bground_mobile.jpg); }
}
.show { color: white; text-align: center; text-shadow: 1px 1px 5px #000; padding-top: 120px;
}
@media (max-width: 480px) { .show { padding-top: 175px; }
}
.show__venue { font-size: 36px; margin-bottom: 20px;
}
.show__venue span { font-size: 22px; display: block;
}
.show__venue--address { font-weight: 400; font-size: 14px !important;
}
.show__date { font-size: 28px; font-weight: 400;
}
.show__time { font-size: 32px;
}
.tickets { text-align: center; color: white; margin-top: 10px;
}
.tickets__button { max-width: 200px;
}
.tickets__link { background: white; color: #333; padding: 20px; display: inline-block; margin-bottom: 20px; border-radius: 4px;
}
.tickets__link:hover { text-decoration: none;
}
@media (max-width: 480px) { .tickets { margin-bottom: 30px; }
}
.artists { display: flex; flex-flow: row wrap; justify-content: space-between;
}
@media (max-width: 480px) { .artists { flex-flow: column wrap; text-align: center; }
}
.artist { color: white;
}
.artist__social .facebook:hover { color: #365396;
}
.artist__social .facebook:hover { color: #365396;
}
.artist__social .twitter:hover { color: #00a8f0;
}
.artist__social .soundcloud:hover { color: #f50;
}
.artist__social .spotify:hover { color: #2EBD59;
}
.artist__social .youtube:hover { color: #cc181e;
}
.artist h2 { margin-bottom: 15px; text-shadow: 1px 1px 5px #000;
}
.artist--one { order: 1;
}
@media (max-width: 480px) { .artist--one { margin-bottom: 20px; }
}
.artist--others { order: 2; text-align: center;
}
@media (max-width: 1200px) { .artist--others { order: 3; width: 100%; }
}
.artist--two { order: 3;
}
@media (max-width: 1200px) { .artist--two { order: 2; }
}
.artist--other { font-size: 20px; color: black; background: white; padding: 5px; border-radius: 4px; margin-right: 10px; margin-bottom: 10px; display: inline-block;
}
.artist--other:hover { text-decoration: none; cursor: pointer; background: #f50; background: linear-gradient(#f70, #f30); color: white;
}
.artist__logo { background: rgba(0, 0, 0, 0.6); padding: 20px; border-radius: 5px;
}
.artist__logo img { max-width: 200px;
}
.artist__social { background: rgba(0, 0, 0, 0.6); padding: 5px 20px; margin-top: 10px; border-radius: 5px; display: flex; flex-flow: row nowrap; justify-content: space-between;
}
.artist__social a { color: white; font-size: 24px; text-shadow: 1px 1px 5px #000;
}
Webster Hall Show Tickets - Script Codes
Webster Hall Show Tickets - Script Codes
Home Page Home
Developer Adam Lowenthal
Username alowenthal
Uploaded October 12, 2022
Rating 3
Size 4,565 Kb
Views 10,120
Do you need developer help for Webster Hall Show Tickets?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Adam Lowenthal (alowenthal) Script Codes
Name
Blog List -- BnC
Mobile First Menu
Month Shows
Slider
Sticky Footer
Agile Burndown Chart
Dashboard Focal Tags
Sheet Music Animated Notes
Spinning Animated Vinyl Record
Responsive Flexbox Table
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!