Blog Style 1
2 Comments July 22, 2022
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua.
READ MORE
2 Comments July 22, 2022
Nemo enim ipsam voluptatem quia voluptas sit aspern aut odit aut fugit, sed quia consequuntur
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua.
READ MORE
<div class="blog-style-1">
<div class="container">
<h2>Blog Style 1</h2>
<div class="row s-25">
<div class="col-lg-6">
<div class="image">
<img src="themes/custom/music_plus/assets/images/events-2.jpg" alt="Image">
<div class="overlay">
<span><a href="#" title="title">Street Concert</a></span>
</div>
</div>
<div class="content">
<div class="comments-and-date">
<span class="comments"><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path id="Path_42059" data-name="Path 42059" d="M140.286,1H11.714A10.95,10.95,0,0,0,1,12.111V101a10.95,10.95,0,0,0,10.714,11.111H33.143V151l37.5-38.889h69.643A10.95,10.95,0,0,0,151,101V12.111A10.95,10.95,0,0,0,140.286,1Zm0,100h-75L43.857,123.222V101H11.714V12.111H140.286Z" transform="translate(-1 -1)" fill="#141414" fill-rule="evenodd"/>
</svg>
2 Comments
</span>
<span class="date"><svg xmlns="http://www.w3.org/2000/svg" width="144" height="150" viewBox="0 0 144 150">
<path id="Path_42058" data-name="Path 42058" d="M131,17h-8V9.5a8.017,8.017,0,0,0-16,0V17H43V9.5A7.785,7.785,0,0,0,35,2a7.785,7.785,0,0,0-8,7.5V17H19C10.12,17,3.08,23.75,3.08,32L3,137c0,8.25,7.12,15,16,15H131c8.8,0,16-6.75,16-15V32C147,23.75,139.8,17,131,17Zm0,112.5a7.785,7.785,0,0,1-8,7.5H27a7.785,7.785,0,0,1-8-7.5v-75H131Zm-96-60H51v15H35Zm32,0H83v15H67Zm32,0h16v15H99Z" transform="translate(-3 -2)" fill="#141414"/>
</svg>
July 22, 2022</span>
</div>
<h4><a href="#" title="Title"> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua.</p>
<a href="#" class="btn btn-link btn-link-primary" title="Title">READ MORE</a>
</div>
</div>
<div class="col-lg-6">
<div class="image">
<img src="themes/custom/music_plus/assets/images/events-1.jpg" alt="Image">
<div class="overlay">
<span><a href="#" title="title">Street Concert</a></span>
</div>
</div>
<div class="content">
<div class="comments-and-date">
<span class="comments"><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path id="Path_42059" data-name="Path 42059" d="M140.286,1H11.714A10.95,10.95,0,0,0,1,12.111V101a10.95,10.95,0,0,0,10.714,11.111H33.143V151l37.5-38.889h69.643A10.95,10.95,0,0,0,151,101V12.111A10.95,10.95,0,0,0,140.286,1Zm0,100h-75L43.857,123.222V101H11.714V12.111H140.286Z" transform="translate(-1 -1)" fill="#141414" fill-rule="evenodd"/>
</svg>
2 Comments
</span>
<span class="date"><svg xmlns="http://www.w3.org/2000/svg" width="144" height="150" viewBox="0 0 144 150">
<path id="Path_42058" data-name="Path 42058" d="M131,17h-8V9.5a8.017,8.017,0,0,0-16,0V17H43V9.5A7.785,7.785,0,0,0,35,2a7.785,7.785,0,0,0-8,7.5V17H19C10.12,17,3.08,23.75,3.08,32L3,137c0,8.25,7.12,15,16,15H131c8.8,0,16-6.75,16-15V32C147,23.75,139.8,17,131,17Zm0,112.5a7.785,7.785,0,0,1-8,7.5H27a7.785,7.785,0,0,1-8-7.5v-75H131Zm-96-60H51v15H35Zm32,0H83v15H67Zm32,0h16v15H99Z" transform="translate(-3 -2)" fill="#141414"/>
</svg>
July 22, 2022</span>
</div>
<h4><a href="#" title="Title">Nemo enim ipsam voluptatem quia voluptas sit aspern aut odit aut fugit, sed quia consequuntur</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm od tempor incididunt ut labore et dolore magna aliqua.</p>
<a href="#" class="btn btn-link btn-link-primary" title="Title">READ MORE</a>
</div>
</div>
</div>
</div>
</div>
Blog Style 2
<div class="blog-style-2">
<div class="container">
<h2>Blog Style 2</h2>
<div class="row s-15">
<div class="col-lg-4">
<div class="image">
<img src="themes/custom/music_plus/assets/images/events-1.jpg" alt="Image">
<div class="overlay">
<div class="date">
<span>25</span>
<span>DEC</span>
</div>
<div class="content">
<span>Rock Music</span>
<h5><a href="#" title="Lorem ipsum dolor sit amet, consect etur adipiscing eli sed do">Lorem ipsum dolor sit amet, consect etur adipiscing eli sed do</a></h5>
<a href="#" class="btn btn-link btn-link-primary btn-sm" title="Title">READ MORE</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="image">
<img src="themes/custom/music_plus/assets/images/events-2.jpg" alt="Image">
<div class="overlay">
<div class="date">
<span>25</span>
<span>DEC</span>
</div>
<div class="content">
<span>DJ Music</span>
<h5><a href="#" title=" At vero eos et accusamus etiusto odi dignissimos ducimus qui blanditiis"> At vero eos et accusamus etiusto odi dignissimos ducimus qui blanditiis</a></h5>
<a href="#" class="btn btn-link btn-link-primary btn-sm" title="Title">READ MORE</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="image">
<img src="themes/custom/music_plus/assets/images/events-3.jpg" alt="Image">
<div class="overlay">
<div class="date">
<span>25</span>
<span>DEC</span>
</div>
<div class="content">
<span>Jazz</span>
<h5><a href="#" title=" Nam libero tempore cum soluta nobis est eligendi optio cumque nihil"> Nam libero tempore cum soluta nobis est eligendi optio cumque nihil</a></h5>
<a href="#" class="btn btn-link btn-link-primary btn-sm" title="Title">READ MORE</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Blog Style 3
July 22, 2022
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
READ MORE
<div class="blog-style-3">
<div class="container">
<h2>Blog Style 3</h2>
<div class="row s-30 align-items-center">
<div class="col-lg-6">
<div class="image">
<img src="themes/custom/music_plus/assets/images/events-1.jpg" alt="Image">
</div>
</div>
<div class="col-lg-6">
<div class="content">
<span>July 22, 2022</span>
<h3><a href="#" title="Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque</a></h3>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<a href="#" class="btn btn-link btn-link-primary" title="Title">READ MORE</a>
</div>
</div>
</div>
</div>
</div>