Custom Card Style 01
<> show code
<div class="card card-style-1 ">
<div class="image">
<a href="events-details.html"><img class="img-fluid" src="img/events/event-grid-img-01.jpg" alt="image"></a>
</div>
<div class="card-body">
<a href="events-details.html"><h2 class="mt-4 mb-3"> Wedding Ceremony </h2></a>
<ul class="list-style-2">
<li><i class="fa fa-clock-o" aria-hidden="true"></i>April 16 2018 / 12:30 PM - 02:30 PM</li>
<li><i class="fa fa-map-marker" aria-hidden="true"></i>Albertweg 24, 59260 Stade</li>
</ul>
<p class="mt-4">Taciti! Tincidunt vehicula bibendum porta reicie ndis litora imperdiet amet, facilis, molestie asperiores autem</p>
<a href="events-details.html" class="btn btn-primary btn-rounded mt-4">view details</a>
</div>
</div>
Wedding Ceremony
- April 16 2018 / 12:30 PM - 02:30 PM
- Albertweg 24, 59260 Stade
Taciti! Tincidunt vehicula bibendum porta reicie ndis litora imperdiet amet, facilis, molestie asperiores autem
view detailsWedding Party
- April 28 2018 / 12:00 PM - 02:45 PM
- Albany 24, 35-49 Spring St
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem perspiciatis iure dignissimos voluptates dolor, deserunt!
view detailsCocktail Party
- May 02 2018 / 6:00 PM - 09:0 PM
- Buffalo 24, Delaware Ave
it is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
view detailsCustom Card Style 02
<> show code
<div class="card card-style-2">
<a href="pages-signle-profile.html">
<div class="image">
<img class="card-img" src="img/bridesmaids/groomsmaids-img-01.jpg" alt="Card image">
</div>
<div class="card-img-overlay">
<h5 class="card-title">Aliyah Jak</h5>
<span>Groom, Best Friend</span>
</div>
</a>
</div>
Custom Card Style 03
<> show code
<div class="card card-style-3">
<div class="image">
<a href="service-details.html"><img class="img-fluid" src="img/service/service-img-01.jpg" alt="Generic placeholder image"></a>
</div>
<div class="media-body">
<a href="service-details.html"><h2 class="mt-4 mb-3">Honeymoon Planning</h2></a>
<p>Nemo modi primis eros totam cupidatat cras hic sint Varius debitis. ultricies laoreet.</p>
<a class="btn btn-outline-secondary btn-rounded mt-4" href="service-details.html">veiw details</a>
</div>
</div>
Honeymoon Planning
Nemo modi primis eros totam cupidatat cras hic sint Varius debitis. ultricies laoreet.
veiw detailsWedding Ceremony
Nemo modi primis eros totam cupidatat cras hic sint Varius debitis. ultricies laoreet.
veiw detailsRestaurant Service
Nemo modi primis eros totam cupidatat cras hic sint Varius debitis. ultricies laoreet.
veiw detailsCustom Card Overlay
<> show code
<div class="card card-style-4">
<div class="icon">
<i class="fa fa-map-o" aria-hidden="true"></i>
</div>
<div class="card-body px-0">
<h2 class="card-title">Find Location</h2>
<span class="mt-4">Studio 52d, Price Pines, Adamsmouth, QR08 1FU</span>
</div>
</div>
Find Location
Studio 52d, Price Pines, Adamsmouth, QR08 1FUCall Us Now
Tel: +2 376-4681 Mob: (229) 469-5358Email Us
info @example.com, info@wedex.com
<div class="card card-style-5">
<div class="image">
<img class="card-img-top" src="img/accommodation/accom-img-01.jpg" alt="image">
</div>
<div class="card-body">
<h2 class="card-title">Palmer House</h2>
<address>Rue Louis, 55457 Morvan</address>
<p class="card-text">Maiores curae odit eiusmod quis mi, etiam ducimus adipisicing laoreet ad magnam consectetuer, conubia maxime id adipisci quod.</p>
</div>
</div>
Palmer House
Rue Louis, 55457 MorvanMaiores curae odit eiusmod quis mi, etiam ducimus adipisicing laoreet ad magnam consectetuer, conubia maxime id adipisci quod.
The Venetian Hotel
Rue Louis, 55457 MorvanMaiores curae odit eiusmod quis mi, etiam ducimus adipisicing laoreet ad magnam consectetuer, conubia maxime id adipisci quod.