Events

GRID STYLE 1


<div class="row">
    <div class="col-12 col-sm-6 col-md-6 col-lg-4">
        <div class="card card-event-one">
            <a href="#" title=""><img alt="" class="card-img-top" src="/sites/default/files/theme/event_1.jpg" /></a>
            <div class="card-body">
                <h3><a href="#" title="">THE ROCK BAND WILL PERFORM LIVE AT COACHELLA!</a></h3>
            </div>
            <div class="card-footer">
                <div class="card-post-info">AUGUST 20, 2021<span class="divider">/</span><span class="location">LAS VEGAS, USA</span></div>
            </div>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-md-6 col-lg-4">
        <div class="card card-event-one">
            <a href="#" title=""><img alt="" class="card-img-top" src="/sites/default/files/theme/event_2.jpg" /></a>
            <div class="card-body">
                <h3><a href="#" title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></h3>
            </div>
            <div class="card-footer">
                <div class="card-post-info">AUGUST 20, 2021<span class="divider">/</span><span class="location">LAS VEGAS, USA</span></div>
            </div>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-md-6 col-lg-4">
        <div class="card card-event-one">
            <a href="#" title=""><img alt="" class="card-img-top" src="/sites/default/files/theme/event_3.jpg" /></a>
            <div class="card-body">
                <h3><a href="#" title="">Nunc urna enim, pharetra sit amet eros ut, semper</a></h3>
            </div>
            <div class="card-footer">
                <div class="card-post-info">AUGUST 20, 2021<span class="divider">/</span><span class="location">LAS VEGAS, USA</span></div>
            </div>
        </div>
    </div>
</div>


<div class="row">
    <div class="col-12 col-sm-6 col-md-6 col-lg-4">
        <div class="card card-event-two">
            <div class="card-img">
                <a href="#" title="">
                    <img alt="" class="card-img-top" src="/sites/default/files/theme/event_1.jpg" /><span class="card-post-info">AUGUST 20, 2021<span class="divider">/</span><span class="location">LAS VEGAS, USA</span></span>
                </a>
            </div>
            <div class="card-body">
                <h3><a href="#" title="">THE ROCK BAND WILL PERFORM LIVE AT COACHELLA!</a></h3>
            </div>
            <div class="card-footer"><a href="#" title="">Read More</a></div>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-md-6 col-lg-4">
        <div class="card card-event-two">
            <div class="card-img">
                <a href="#" title="">
                    <img alt="" class="card-img-top" src="/sites/default/files/theme/event_2.jpg" /><span class="card-post-info">AUGUST 20, 2021<span class="divider">/</span><span class="location">LAS VEGAS, USA</span></span>
                </a>
            </div>
            <div class="card-body">
                <h3><a href="#" title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></h3>
            </div>
            <div class="card-footer"><a href="#" title="">Read More</a></div>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-md-6 col-lg-4">
        <div class="card card-event-two">
            <div class="card-img">
                <a href="#" title="">
                    <img alt="" class="card-img-top" src="/sites/default/files/theme/event_3.jpg" /><span class="card-post-info">AUGUST 20, 2021<span class="divider">/</span><span class="location">LAS VEGAS, USA</span></span>
                </a>
            </div>
            <div class="card-body">
                <h3><a href="#" title="">Nunc urna enim, pharetra sit amet eros ut, semper</a></h3>
            </div>
            <div class="card-footer"><a href="#" title="">Read More</a></div>
        </div>
    </div>
</div>

LIST STYLE 1

THE ROCK BAND WILL PERFORM LIVE AT COACHELLA!

THE ROCK BAND WILL PERFORM LIVE AT COACHELLA!


<div class="row">
    <div class="col-12 col-lg-6">
        <div class="card card-event-three">
            <div class="row no-gutters">
                <div class="col-12 col-sm-6 col-md-6 col-lg-5">
                    <a href="#" title=""><img alt="" class="card-img-top" src="/sites/default/files/theme/event_1.jpg" /></a>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-lg-7">
                    <div class="card-body">
                        <div class="card-post-info">AUGUST 20, 2021<span class="divider">/</span><span class="location">LAS VEGAS, USA</span></div>
                        <h3><a href="#" title="">THE ROCK BAND WILL PERFORM LIVE AT COACHELLA!</a></h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 col-lg-6">
        <div class="card card-event-three">
            <div class="row no-gutters">
                <div class="col-12 col-sm-6 col-md-6 col-lg-5">
                    <a href="#" title=""><img alt="" class="card-img-top" src="/sites/default/files/theme/event_2.jpg" /></a>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-lg-7">
                    <div class="card-body">
                        <div class="card-post-info">AUGUST 20, 2021<span class="divider">/</span><span class="location">LAS VEGAS, USA</span></div>
                        <h3><a href="#" title="">THE ROCK BAND WILL PERFORM LIVE AT COACHELLA!</a></h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="row">
    <div class="col-12 col-lg-6">
        <div class="card card-event-four">
            <div class="row no-gutters">
                <div class="col-12 col-sm-6 col-md-6 col-lg-5">
                    <div class="card-img">
                        <a href="#" title="">
                            <img alt="" class="card-img-top" src="/sites/default/files/theme/event_1.jpg" /><span class="card-post-info">AUGUST 20, 2021<span class="divider">/</span><span class="location">LAS VEGAS, USA</span></span>
                        </a>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-lg-7">
                    <div class="card-body">
                        <h3><a href="#" title="">THE ROCK BAND WILL PERFORM LIVE AT COACHELLA!</a></h3>
                    </div>
                    <div class="card-footer"><a href="#" title="">View Details</a></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 col-lg-6">
        <div class="card card-event-four">
            <div class="row no-gutters">
                <div class="col-12 col-sm-6 col-md-6 col-lg-5">
                    <div class="card-img">
                        <a href="#" title="">
                            <img alt="" class="card-img-top" src="/sites/default/files/theme/event_2.jpg" /><span class="card-post-info">AUGUST 20, 2021<span class="divider">/</span><span class="location">LAS VEGAS, USA</span></span>
                        </a>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-lg-7">
                    <div class="card-body">
                        <h3><a href="#" title="">THE ROCK BAND WILL PERFORM LIVE AT COACHELLA!</a></h3>
                    </div>
                    <div class="card-footer"><a href="#" title="">View Details</a></div>
                </div>
            </div>
        </div>
    </div>
</div>