<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<style>
body {
background-color: #ddffdd;
}
h5 {
color: black;
font-size:200%;
}
</style>
<section class="pricing py-5">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="card mb-5 mb-lg-0">
<div class="card-body" style=background-color:#aa99ff>
<h5 align="center"> SIE Study Course</h5>
<h6 class="card-price text-center">$149<span class="period"> for 12 weeks of access</span></h6>
<hr>
<ul class="fa-ul">
<li><span class="fa-li"><i class="fas fa-check"></i></span>Starting Wednesday, August 7th</li>
<li><span class="fa-li"><i class="fas fa-check"></i></span>6, 3-hour classes</li>
<li><span class="fa-li"><i class="fas fa-check"></i></span><a href="http://www.TSG.mx/SIEStudy">www.TSG.mx/SIESTudy</a></li>
<li><span class="fa-li"><i class="fas fa-check"></i></span>All of the material needed for success on the SIE, spread out to give time for processing and understanding.</li>
</ul>
<a href="#" class="btn btn-block btn-primary text-uppercase">Button</a>
</div>
</div>
</div>
<div class="col-lg-4">
