Events Style 1
<div class="events-style-1">
<div class="container">
<h2>Events Style 1</h2>
<div class="row s-0">
<div class="col-lg-3">
<div class="content">
<h4><a href="#" title=" Retrowave Festival"> Retrowave Festival</a></h4>
<span class="date">JUNE 20, 2022</span>
<span class="time">12:00 PM</span>
<P>Square Garden, New York</P>
</div>
</div>
<div class="col-lg-9">
<div class="image">
<a href="#" title="Retrowave Festiva"><img src="themes/custom/music_plus/assets/images/intro-slide2.jpg"></a>
<a href="#" class="btn btn-primary btn-style-1 btn-lg">Book Ticket</a>
</div>
</div>
</div>
</div>
</div>
Events Style 2
<div class="events-style-2">
<div class="container">
<div class="content">
<div class="main-details">
<a href="#" title="West Europe Tour"><img src="themes/custom/music_plus/assets/images/events.jpg" alt="Image"></a>
<div class="date">
<span>25</span>
<span>DEC</span>
</div>
<div class="title">
<h3><a href="#" title="West Europe Tour">West Europe Tour</a></h3>
<span>Ft. Justin Sae & DJ Bob</span>
</div>
</div>
<div class="location">
<p><svg xmlns="http://www.w3.org/2000/svg" width="119" height="150" viewBox="0 0 119 150"><path data-name="Path 42063" d="M316.537,116.852a60.557,60.557,0,0,0-83.687.212c-10.916,10.446-17.709,24.783-17.709,40.046a48.076,48.076,0,0,0,2.661,15.813,50.211,50.211,0,0,0,7.509,13.9l43.773,60.495a6.513,6.513,0,0,0,1.823,1.75,6.97,6.97,0,0,0,9.341-1.667l43.389-59.961a55.386,55.386,0,0,0,7.805-14.854,49.911,49.911,0,0,0,2.7-16.129c0-15.268-6.785-29.359-17.6-39.608Zm-41.9,20.5c10.928,0,19.788,8.375,19.788,18.706s-8.86,18.706-19.788,18.706-19.788-8.375-19.788-18.706S263.71,137.348,274.638,137.348Z" transform="translate(-215.141 -100.176)" fill="#141414"/></svg>
Square Garden, New York
</p>
</div>
<a href="#" class="btn btn-outline-secondary btn-style-3 btn-lg">Book Ticket</a>
</div>
</div>
</div>
Events Style 3
<div class="events-style-3">
<div class="container">
<div class="row s-15">
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="image">
<a href="#" title="Street Music Concert"><img src="themes/custom/music_plus/assets/images/events-1.jpg" alt="Image"></a>
<div class="overlay">
<div class="date">
<span>25</span>
<span>DEC</span>
</div>
<a href="#" title="Title">Book Ticket</a>
</div>
</div>
<h4><a href="#" title="Title">Street Music Concert</a></h4>
<p><svg xmlns="http://www.w3.org/2000/svg" width="119" height="150" viewBox="0 0 119 150"><path data-name="Path 42063" d="M316.537,116.852a60.557,60.557,0,0,0-83.687.212c-10.916,10.446-17.709,24.783-17.709,40.046a48.076,48.076,0,0,0,2.661,15.813,50.211,50.211,0,0,0,7.509,13.9l43.773,60.495a6.513,6.513,0,0,0,1.823,1.75,6.97,6.97,0,0,0,9.341-1.667l43.389-59.961a55.386,55.386,0,0,0,7.805-14.854,49.911,49.911,0,0,0,2.7-16.129c0-15.268-6.785-29.359-17.6-39.608Zm-41.9,20.5c10.928,0,19.788,8.375,19.788,18.706s-8.86,18.706-19.788,18.706-19.788-8.375-19.788-18.706S263.71,137.348,274.638,137.348Z" transform="translate(-215.141 -100.176)" fill="#141414"/></svg>
Square Garden, New York
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="image">
<a href="#" title="Rocking Music Concert"><img src="themes/custom/music_plus/assets/images/events-2.jpg" alt="Image"></a>
<div class="overlay">
<div class="date">
<span>25</span>
<span>DEC</span>
</div>
<a href="#" title="Title">Book Ticket</a>
</div>
</div>
<h4><a href="#" title="Title">Rocking Music Concert</a></h4>
<p><svg xmlns="http://www.w3.org/2000/svg" width="119" height="150" viewBox="0 0 119 150"><path data-name="Path 42063" d="M316.537,116.852a60.557,60.557,0,0,0-83.687.212c-10.916,10.446-17.709,24.783-17.709,40.046a48.076,48.076,0,0,0,2.661,15.813,50.211,50.211,0,0,0,7.509,13.9l43.773,60.495a6.513,6.513,0,0,0,1.823,1.75,6.97,6.97,0,0,0,9.341-1.667l43.389-59.961a55.386,55.386,0,0,0,7.805-14.854,49.911,49.911,0,0,0,2.7-16.129c0-15.268-6.785-29.359-17.6-39.608Zm-41.9,20.5c10.928,0,19.788,8.375,19.788,18.706s-8.86,18.706-19.788,18.706-19.788-8.375-19.788-18.706S263.71,137.348,274.638,137.348Z" transform="translate(-215.141 -100.176)" fill="#141414"/></svg>
Square Garden, New York
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="image">
<a href="#" title="DJ Night Tour"><img src="themes/custom/music_plus/assets/images/events-3.jpg" alt="Image"></a>
<div class="overlay">
<div class="date">
<span>25</span>
<span>DEC</span>
</div>
<a href="#" title="Title">Book Ticket</a>
</div>
</div>
<h4><a href="#" title="Title">DJ Night Tour</a></h4>
<p><svg xmlns="http://www.w3.org/2000/svg" width="119" height="150" viewBox="0 0 119 150"><path data-name="Path 42063" d="M316.537,116.852a60.557,60.557,0,0,0-83.687.212c-10.916,10.446-17.709,24.783-17.709,40.046a48.076,48.076,0,0,0,2.661,15.813,50.211,50.211,0,0,0,7.509,13.9l43.773,60.495a6.513,6.513,0,0,0,1.823,1.75,6.97,6.97,0,0,0,9.341-1.667l43.389-59.961a55.386,55.386,0,0,0,7.805-14.854,49.911,49.911,0,0,0,2.7-16.129c0-15.268-6.785-29.359-17.6-39.608Zm-41.9,20.5c10.928,0,19.788,8.375,19.788,18.706s-8.86,18.706-19.788,18.706-19.788-8.375-19.788-18.706S263.71,137.348,274.638,137.348Z" transform="translate(-215.141 -100.176)" fill="#141414"/></svg>
Square Garden, New York
</p>
</div>
</div>
</div>
</div>
</div>