A simple call to action banner.
Font Awesome Required for Chevron in Button
Code:
<link rel="stylesheet" href="../../css/font-awesome.min.css">
And some background information
Code:
<div class="row">
<div class="col">
<div class="card bg-info text-white">
<div class="card-body">
<div class="row">
<div class="col-8">
<h4 class="card-title">A Catchy Title</h4>
<p>And some background information</p>
</div>
<div class="col-4">
<br>
<button class="btn btn-dark btn-block">Buy Now!
<i class="fa fa-chevron-right" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
And some background information
Code:
<div class="row">
<div class="col">
<div class="card bg-warning">
<div class="card-body">
<div class="row">
<div class="col-8">
<h4 class="card-title">A Catchy Title</h4>
<p>And some background information</p>
</div>
<div class="col-4">
<br>
<button class="btn btn-dark btn-block">Buy Now!
<i class="fa fa-chevron-right" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
And some background information
Code:
<div class="row">
<div class="col">
<div class="card bg-danger text-white">
<div class="card-body">
<div class="row">
<div class="col-8">
<h4 class="card-title">A Catchy Title</h4>
<p>And some background information</p>
</div>
<div class="col-4">
<form action="#">
<input class="form-control" type="text" placeholder="your@email.com">
<button class="btn btn-dark btn-block">Subscribe!
<i class="fa fa-chevron-right" aria-hidden="true"></i>
</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>