<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="d-flex flex-row flex-wrap" >
<div class="col-md-12"><br></div>
<div class="col-md-4">
<div class="card">
<div class="card-header"><strong>Content Card</strong><a href="http://placeholder.com" class="action_header" target="_blank">Go Places</a></div>
<div class="card-body">
This is some content. Need a web developer? Why not Zoidberg? This filler content is some amazing stuff. Why not give it a try?
<br>
<button class="btn btn-square btn-info">Give it A try</button>
<br>
<img class="img-fluid" src="https://images.unsplash.com/photo-1533841175647-39fea57b86ba?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=4b9139ac1d2962230f2840560117782b&auto=format&fit=crop&w=1500&q=80">
<br>
Asset Requirements For This CSS Package,
<ul class="itemized">
<li>Bootstrap 4</li>
<li>clean.css</li>
<li>Intelligence</li>
<li>Twice Removed Bacon</li>
</ul>
<br>
</div>
<div class="card-footer">
<button class="btn btn-success btn-block">Do Something</button>
</div>
</div>
</div>
<div class="col-md-4"></div>
<div class="col-md-4"></div>
</div>
<script>
window.cards = new card_controller();
</script>
