<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container mt-5 mb-5">
<table>
<tr bgcolor="#D8CEF6">
<td>
<h3><a target="_blank" href="https://www.tsg.mx/SIEStudy">SIE 6-Class Study Course</a></h3>
</td>
<td>
<a href="#" class="float-right">Starting August 7th, 7p-10p Eastern</a>
</td>
</tr>
<tr bgcolor="#D8CEF6">
<td colspan="2">
<p>All the material needed for the SIE, spread out over 6 weeks to allow processing and understanding. Included are all replays, additional written posts, pictures/charts/graphics, and a video animation library of additional content to help make the material understandable.</p>
<p>Information and registration at <a href="http://www.TSG.mx/SIEStudy">www.TSG.mx/SIEStudy</a></p>
</td>
</tr>
<tr bgcolor="#CEF6D8">
<td>
<h3><a target="_blank" href="https://www.tsg.mx/SIECram">SIE 2-day Cram Course</a></h3>
</td>
<td>
<a href="#" class="float-right">February 23&24, 12p-8p Eastern</a>
</td>
</tr>
<tr bgcolor="#CEF6D8">
<td colspan="2">
<p>All the material needed for the SIE, jam packed into 2, 8-hour days over a weekend. Included are all replays, additional written posts, pictures/charts/graphics, and a video animation library of additional content to help make the material understandable.</p>
<p>Information and registration at <a href="http://www.TSG.mx/SIECram">www.TSG.mx/SIECram</a></p>
</td>
</tr>
<tr bgcolor="#D8CEF6">
<td>
<h3><a target="_blank" href="https://www.tsg.mx/S6TO">Series 6 Top-Off</a></h3>
</td>
<td>
<a href="#" class="float-right">March 2&3, 12p-7p Eastern</a>
</td>
</tr>
<tr bgcolor="#D8CEF6">
<td colspan="2">
<p>All the material needed for the SIE, spread out over 6 weeks to allow processing and understanding. Included are all replays, additional written posts, pictures/charts/graphics, and a video animation library of additional content to help make the material understandable.</p>
<p>Information and registration at <a href="http://www.TSG.mx/S6TO">www.TSG.mx/S6TO</a></p>
</td>
</tr>
<tr bgcolor="#CEF6D8">
<td>
<h3><a target="_blank" href="https://www.tsg.mx/63">Series 63 1-day Class</a></h3>
</td>
<td>
<a href="#" class="float-right">March 17, 5p-10p Eastern</a>
</td>
</tr>
<tr bgcolor="#CEF6D8">
<td colspan="2">
<p>All the material needed for the SIE, jam packed into 2, 8-hour days over a weekend. Included are all replays, additional written posts, pictures/charts/graphics, and a video animation library of additional content to help make the material understandable.</p>
<p>Information and registration at <a href="http://www.TSG.mx/SIECram">www.TSG.mx/SIECram</a></p>
</td>
</tr>
<tr bgcolor="#D8CEF6">
<td>
<h3><a target="_blank" href="https://www.tsg.mx/26">Series 26 2-day Weekend Course</a></h3>
</td>
<td>
<a href="#" class="float-right">Starting February 20th, 7p-10p Eastern</a>
</td>
</tr>
<tr bgcolor="#D8CEF6">
<td colspan="2">
<p>All the material needed for the SIE, spread out over 6 weeks to allow processing and understanding. Included are all replays, additional written posts, pictures/charts/graphics, and a video animation library of additional content to help make the material understandable.</p>
<p>Information and registration at <a href="http://www.TSG.mx/26">www.TSG.mx/26</a></p>
</td>
</tr>
<tr bgcolor="#CEF6D8">
<td>
<h3><a target="_blank" href="https://www.tsg.mx/65">Series 65 2-day Weekend Course</a></h3>
</td>
<td>
<a href="#" class="float-right">February 23&24, 12p-8p Eastern</a>
</td>
</tr>
<tr bgcolor="#CEF6D8">
<td colspan="2">
<p>All the material needed for the SIE, jam packed into 2, 8-hour days over a weekend. Included are all replays, additional written posts, pictures/charts/graphics, and a video animation library of additional content to help make the material understandable.</p>
<p>Information and registration at <a href="http://www.TSG.mx/65">www.TSG.mx/65</a></p>
</td>
</tr>
<div class="text-muted mt-5 mb-5 text-center small">by : <a class="text-muted" target="_blank" href="http://totoprayogo.com">totoprayogo.com</a></div>
ul.timeline {
list-style-type: none;
position: relative;
}
ul.timeline:before {
content: ' ';
background: #d4d9df;
display: inline-block;
position: absolute;
left: 29px;
width: 2px;
height: 100%;
z-index: 400;
}
ul.timeline > li {
margin: 20px 0;
padding-left: 20px;
}
ul.timeline > li:before {
content: ' ';
background: white;
display: inline-block;
position: absolute;
border-radius: 50%;
border: 3px solid #22c0e8;
left: 20px;
width: 20px;
height: 20px;
z-index: 400;
}