<div class="row col-container">
<div class="col-sm-3 col well" style="background-image: linear-gradient(to bottom,#5F439A ,#5F439A 100%); color:white;">
<h3 class="front-heading">Who are we?</h3>

<p><img alt="" class="img-responsive" data-entity-type="" data-entity-uuid="" id="" src="/sites/services.nwu.ac.za/files/files/drupal@nwu/wordle.png" title="" /></p>
</div>

<div class="col-sm-3 col well" style="background-image: linear-gradient(to bottom,#5F439A ,#5F439A 100%); color:white;">
<h3 class="front-heading">Written and spoken communication</h3>

<p><img alt="" class="img-responsive" data-entity-type="" data-entity-uuid="" id="" src="/sites/services.nwu.ac.za/files/files/drupal@nwu/wordle%202.png" title="" /></p>
</div>

<div class="col-sm-3 col well" style="background-image: linear-gradient(to bottom,#5F439A ,#5F439A 100%); color:white;">
<h3 class="front-heading">Visual communication</h3>

<p><img alt="" class="img-responsive" data-entity-type="" data-entity-uuid="" id="" src="/sites/services.nwu.ac.za/files/files/drupal@nwu/wordle.png" title="" /></p>
</div>
</div>
</div>

<style type="text/css">.well a{
color:lightblue;
font-weight:bold;}
</style>