|
<body> |
|
<div class="wrapper"> |
|
<div class="container"> |
|
<h2 class="page-title">Tickets Concept</h2> |
|
<div class="row"> |
|
<div class="col-lg-4 col-md-6 col-sm-6"> |
|
<div class="ticket-card"> |
|
<div class="cover"> |
|
<img src="http://s28.postimg.org/p916fev0t/week.jpg" alt="" /> |
|
<div class="info"> |
|
<div class="going"> |
|
<i class="fa fa-group"></i> 4,234 Going |
|
</div> |
|
<div class="tickets-left"> |
|
<i class="fa fa-ticket"></i> 240 Tickets Left |
|
</div> |
|
</div> |
|
</div> |
|
<div class="body"> |
|
|
|
<div class="artist"> |
|
<h6 class="info">Global Tour 2016</h6> |
|
<h4 class="name">The Weeknd</h4> |
|
</div> |
|
<div class="price"> |
|
<div class="from">From</div> |
|
<div class="value"> |
|
<b>$</b>599 |
|
</div> |
|
</div> |
|
|
|
<div class="clearfix"></div> |
|
<div class="info"> |
|
<p class="location"> |
|
<i class="fa fa-map-marker"></i> Barcelona, Spain |
|
</p> |
|
<p class="date"> |
|
<i class="fa fa-calendar"></i> 30 Aug, 2016 |
|
</p> |
|
</div> |
|
<div class="clearfix"></div> |
|
</div> |
|
<div class="collapse"> |
|
<ul class="list-unstyled"> |
|
<li> |
|
<div class="ticket"> |
|
<h5>Basic Ticket<br> |
|
<small>25 Tickets left</small> |
|
</h5> |
|
</div> |
|
<div class="price"> |
|
<div class="value"><b>$</b>599</div> |
|
</div> |
|
<a href="#" class="btn btn-info btn-sm btn-buy">Buy Now!</a> |
|
</li> |
|
<li> |
|
<div class="ticket"> |
|
<h5>Regular Ticket<br> |
|
<small>15 Tickets left</small> |
|
</h5> |
|
</div> |
|
<div class="price"> |
|
<div class="value"><b>$</b>799</div> |
|
</div> |
|
<a href="#" class="btn btn-info btn-sm btn-buy">Buy Now!</a> |
|
</li> |
|
<li> |
|
<div class="ticket"> |
|
<h5>Premium Ticket<br> |
|
<small>62 Tickets left</small> |
|
</h5> |
|
</div> |
|
<div class="price"> |
|
<div class="value"><b>$</b>1,299</div> |
|
</div> |
|
<a href="#" class="btn btn-info btn-sm btn-buy">Buy Now!</a> |
|
</li> |
|
<li> |
|
<div class="ticket"> |
|
<h5>VIP Ticket<br> |
|
<small>6 Tickets left</small> |
|
</h5> |
|
</div> |
|
<div class="price"> |
|
<div class="value"><b>$</b>1,799</div> |
|
</div> |
|
<a href="#" class="btn btn-info btn-sm btn-buy">Buy Now!</a> |
|
</li> |
|
</ul> |
|
</div> |
|
<div class="footer"> |
|
<button class="btn toggle-tickets">Show Tickets</button> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="col-lg-4 col-md-6 col-sm-6"> |
|
<div class="ticket-card active"> |
|
<div class="cover"> |
|
<img src="http://s28.postimg.org/iu25iqob1/kanye.jpg" alt="" /> |
|
<div class="info"> |
|
<div class="going"> |
|
<i class="fa fa-group"></i> 4,234 Going |
|
</div> |
|
<div class="tickets-left"> |
|
<i class="fa fa-ticket"></i> 240 Tickets Left |
|
</div> |
|
</div> |
|
</div> |
|
<div class="body"> |
|
<div class="artist"> |
|
<h6 class="info">Yeezus Worldwide</h6> |
|
<h4 class="name">Kanye West</h4> |
|
</div> |
|
<div class="price"> |
|
<div class="from">From</div> |
|
<div class="value"> |
|
<b>$</b>699 |
|
</div> |
|
</div> |
|
<div class="clearfix"></div> |
|
<div class="info"> |
|
<p class="location"> |
|
<i class="fa fa-map-marker"></i> Dallas, Texas |
|
</p> |
|
<p class="date"> |
|
<i class="fa fa-calendar"></i> 30 Aug, 2017 |
|
</p> |
|
</div> |
|
<div class="clearfix"></div> |
|
</div> |
|
<div class="collapse in"> |
|
<ul class="list-unstyled"> |
|
<li> |
|
<div class="ticket"> |
|
<h5>Basic Ticket<br> |
|
<small>25 Tickets left</small> |
|
</h5> |
|
</div> |
|
<div class="price"> |
|
<div class="value"><b>$</b>699</div> |
|
</div> |
|
<a href="#" class="btn btn-info btn-sm btn-buy">Buy Now!</a> |
|
</li> |
|
<li> |
|
<div class="ticket"> |
|
<h5>Regular Ticket<br> |
|
<small>15 Tickets left</small> |
|
</h5> |
|
</div> |
|
<div class="price"> |
|
<div class="value"><b>$</b>799</div> |
|
</div> |
|
<a href="#" class="btn btn-info btn-sm btn-buy">Buy Now!</a> |
|
</li> |
|
<li> |
|
<div class="ticket"> |
|
<h5>Premium Ticket<br> |
|
<small>62 Tickets left</small> |
|
</h5> |
|
</div> |
|
<div class="price"> |
|
<div class="value"><b>$</b>1,299</div> |
|
</div> |
|
<a href="#" class="btn btn-info btn-sm btn-buy">Buy Now!</a> |
|
</li> |
|
<li> |
|
<div class="ticket"> |
|
<h5>VIP Ticket<br> |
|
<small>6 Tickets left</small> |
|
</h5> |
|
</div> |
|
<div class="price"> |
|
<div class="value"><b>$</b>1,799</div> |
|
</div> |
|
<a href="#" class="btn btn-info btn-sm btn-buy">Buy Now!</a> |
|
</li> |
|
</ul> |
|
</div> |
|
<div class="footer"> |
|
<button class="btn toggle-tickets">Hide Tickets</button> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="col-lg-4 col-md-6 col-sm-6"> |
|
<div class="ticket-card"> |
|
<div class="cover"> |
|
<img src="http://s28.postimg.org/wmgkedf2l/drake.jpg" alt="" /> |
|
<div class="info"> |
|
<div class="going"> |
|
<i class="fa fa-group"></i> 4,234 Going |
|
</div> |
|
<div class="tickets-left"> |
|
<i class="fa fa-ticket"></i> 240 Tickets Left |
|
</div> |
|
</div> |
|
</div> |
|
<div class="body"> |
|
<div class="artist"> |
|
<h6 class="info">Trust Issues Tour</h6> |
|
<h4 class="name">Drake</h4> |
|
</div> |
|
<div class="price"> |
|
<div class="from">From</div> |
|
<div class="value"> |
|
<b>$</b>499 |
|
</div> |
|
</div> |
|
<div class="clearfix"></div> |
|
<div class="info"> |
|
<p class="location"> |
|
<i class="fa fa-map-marker"></i> Paris, France |
|
</p> |
|
<p class="date"> |
|
<i class="fa fa-calendar"></i> 20 Aug, 2016 |
|
</p> |
|
</div> |
|
<div class="clearfix"></div> |
|
</div> |
|
<div class="collapse"> |
|
<ul class="list-unstyled"> |
|
<li> |
|
<div class="ticket"> |
|
<h5>Basic Ticket<br> |
|
<small>25 Tickets left</small> |
|
</h5> |
|
</div> |
|
<div class="price"> |
|
<div class="value"><b>$</b>499</div> |
|
</div> |
|
<a href="#" class="btn btn-info btn-sm btn-buy">Buy Now!</a> |
|
</li> |
|
<li> |
|
<div class="ticket"> |
|
<h5>Regular Ticket<br> |
|
<small>15 Tickets left</small> |
|
</h5> |
|
</div> |
|
<div class="price"> |
|
<div class="value"><b>$</b>799</div> |
|
</div> |
|
<a href="#" class="btn btn-info btn-sm btn-buy">Buy Now!</a> |
|
</li> |
|
<li> |
|
<div class="ticket"> |
|
<h5>Premium Ticket<br> |
|
<small>62 Tickets left</small> |
|
</h5> |
|
</div> |
|
<div class="price"> |
|
<div class="value"><b>$</b>1,299</div> |
|
</div> |
|
<a href="#" class="btn btn-info btn-sm btn-buy">Buy Now!</a> |
|
</li> |
|
<li> |
|
<div class="ticket"> |
|
<h5>VIP Ticket<br> |
|
<small>6 Tickets left</small> |
|
</h5> |
|
</div> |
|
<div class="price"> |
|
<div class="value"><b>$</b>1,799</div> |
|
</div> |
|
<a href="#" class="btn btn-info btn-sm btn-buy">Buy Now!</a> |
|
</li> |
|
</ul> |
|
</div> |
|
<div class="footer"> |
|
<button class="btn toggle-tickets">Show Tickets</button> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
</div> |
|
</div> |
|
|
|
<footer> |
|
<h3>Connect with me on:</h3> |
|
<a target="_blank" class="social-icon" href="https://twitter.com/axelut"><i class="fa fa-twitter"></i></a> |
|
<a target="_blank" class="social-icon" href="https://www.facebook.com/axelut"><i class="fa fa-facebook-square"></i></a> |
|
<a target="_blank" class="social-icon" href="https://dribbble.com/axelut"><i class="fa fa-dribbble"></i></a> |
|
<a target="_blank" class="social-icon" href="https://github.com/alexandru-paduraru"><i class="fa fa-github"></i></a> |
|
<a target="_blank" class="social-icon" href="https://www.reddit.com/user/alexpaduraru/"><i class="fa fa-reddit"></i></a> |
|
</footer> |
|
</div> |
|
|
|
</body> |