Getting Started
Introduction Source and CreditsFoundation
Components
Section
Pages
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>
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>
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>
<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>