<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container-fluid">
<div class="row" >
<div class="col-md-3 column">
</div>
<div class="col-md-2 column productbox">
<img src="http://www.nikonian.com.my/img/2015Template/Courses/title-reallife.jpg" width="555px" height="206" class="img-responsive">
<div class="producttitle push-left"><li><a href="shopping/product_mainpage.asp?ProductName=Course%20B2I">Basic-To-Intermediate</a></li></div>
<div class="producttitle push-left"><li><a href="shopping/product_mainpage.asp?ProductName=Course%20Flash%20Photography">Flash Photography</a></li></div>
<div class="producttitle push-left"><li>Portrait Photography</li></div>
<div class="producttitle push-left"><li>Art of Seeing</li></div>
<div class="producttitle push-left"><li>Post Processing: Level 1</li></div><br>
<div><div class="pull-left"><a href="#" class="btn btn-danger btn-sm"
role="button">More</a></div><br><br><div></div></div>
</div>
<div class="col-md-2 column productbox">
<img src="http://www.nikonian.com.my/img/2015Template/Courses/title-elearning.jpg" width="555px" height="206" class="img-responsive">
<div class="producttitle push-left"><li><a href="default.asp?contentID=1366">Manual Exposure Mode</a></li></div>
<div class="producttitle push-left"><li>Flash Photography</li></div>
<div class="producttitle push-left"><li>Camera Care (Basic)</li></div>
<div class="producttitle push-left"><li>Art of Seeing</li></div>
<div class="producttitle push-left"><li>Portrait Photography</li></div><br>
<div><div class="pull-left"><a href="#" class="btn btn-danger btn-sm"
role="button">More</a></div><br><br><div></div></div>
</div>
<div class="col-md-2 column productbox">
<img src="http://www.nikonian.com.my/img/2015Template/Courses/title-private.jpg" width="555px" height="206" class="img-responsive">
<div class="producttitle push-left"><li>Flexible weekday</li></div>
<div class="producttitle push-left"><li>One trainer per participant</li></div>
<div class="producttitle push-left"><li>One model for practical</li></div>
<div class="producttitle push-left"><li>Choose preferred classes</li></div>
