LOADING

Card

Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.

Basic card example

...
MENS WHITE WATCH

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
<div class="card">
<img src="images/card-4.jpg" class="card-img-top img-fluid" alt="...">
<div class="card-body bg-dark text-white">
<h5 class="card-title">MENS WHITE WATCH</h5>
<p class="card-text text-white">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary btn-lg btn-block mt-5">Go somewhere <i class="fas fa-long-arrow-alt-right ml-2"></i></a>
</div>
</div>

Basic card example

...
NEW LAPTOP

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
<div class="card">
<img src="images/card-4.jpg" class="card-img-top  img-fluid"  alt="...">
<div class="card-body card-body-img">
<h5 class="card-title text-dark">NEW LAPTOP</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary btn-lg btn-block mt-5">Go somewhere <i class="fas fa-long-arrow-alt-right ml-2"></i></a>
</div>
</div>

Basic card example

...
MENS WHITE WATCH

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
<div class="card">
<div class="curve">
<img src="images/card-4.jpg" class="card-img-top" alt="...">
</div>
<div class="card-body">
<h5 class="card-title">MENS WHITE WATCH</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary btn-lg btn-block mt-5">Go somewhere <i class="fas fa-long-arrow-alt-right ml-2"></i></a>
</div>
</div>

Kitchen Sink

...
STYLISH WATCH

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Some quick example text to build on the card.

<div class="card">
<div class="curve-2">
<img src="images/card-4.jpg" class="img-fluid" alt="...">
</div>
<div class="card-body">
<h5 class="card-title">STYLISH WATCH</h5>
<p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
<p class="card-text">Some quick example text to build on the card.</p>
</div>
<div class="card-body d-flex justify-content-between">
<a href="#" class="card-link">Card link</a>
<a href="#" class="card-link">Read More</a>
</div>
</div>