<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
<div class="container">
<br> <p class="text-center">More bootstrap 4 components on <a href="http://bootstrap-ecommerce.com/"> Bootstrap-ecommerce.com</a></p>
<hr>
<div class="row">
<aside class="col-sm-6">
<p>Basic card</p>
<div class="card">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the incididunt ut labore</p>
<p>Some quick example text to build on the card title and make up the bulk of the card's tempor incididunt ut labore Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<a href="#" class="card-link">Card link</a> <a href="#" class="card-link">Another link</a>
</div>
</div> <!-- card.// -->
</aside> <!-- col.// -->
<aside class="col-sm-6">
<p>Card with header and footer</p>
<div class="card">
<div class="card-header">
Featured
</div>
<div class="card-body">
<h5 class="card-title">Special title treatment</h5>
<p class="card-text">With supporting text below as a natural lead-in. Excepteur sint occaecat cupidatat non proident, sunt in culpa</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
<div class="card-footer">
This is footer
</div>
</div>
</aside> <!-- col.// -->
</div> <!-- row.// -->
</div>
<!--container end.//-->
<br><br>
<article class="bg-secondary mb-3">
<div class="card-body text-center">
<h3 class="text-white mt-3">Bootstrap 4 UI KIT</h3>
<p class="h5 text-white">Components and templates <br> for Ecommerce, marketplace, booking websites
and product landing pages</p> <br>
<p><a class="btn btn-warning" target="_blank" href="http://bootstrap-ecommerce.com/"> Bootstrap-ecommerce.com
<i class="fa fa-window-restore "></i></a></p>
</div>
<br><br>
</article>
