<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="news-section">
<div class="container">
<div class="col-md-3 news-column">
<img class="img-responsive" src="https://images.pexels.com/photos/7096/people-woman-coffee-meeting.jpg?w=940&h=650&auto=compress&cs=tinysrgb" title="name">
<h4>LOREM IPSUM DOLO</h4>
<p>here are many variations of passages of Lorem Ipsum available,</p>
<a class="news-btn" href="#">More info</a>
</div>
<div class="col-md-3 news-column">
<img class="img-responsive" src="https://images.pexels.com/photos/7096/people-woman-coffee-meeting.jpg?w=940&h=650&auto=compress&cs=tinysrgb" title="name">
<h4>LOREM IPSUM DOLO</h4>
<p>here are many variations of passages of Lorem Ipsum available,</p>
<a class="news-btn" href="#">More info</a>
</div>
<div class="col-md-3 news-column">
<img class="img-responsive" src="https://images.pexels.com/photos/7096/people-woman-coffee-meeting.jpg?w=940&h=650&auto=compress&cs=tinysrgb" title="name">
<h4>LOREM IPSUM DOLO</h4>
<p>here are many variations of passages of Lorem Ipsum available,</p>
<a class="news-btn" href="#">More info</a>
</div>
<div class="col-md-3 news-column">
<img class="img-responsive" src="https://images.pexels.com/photos/7096/people-woman-coffee-meeting.jpg?w=940&h=650&auto=compress&cs=tinysrgb" title="name">
<h4>LOREM IPSUM DOLO</h4>
<p>here are many variations of passages of Lorem Ipsum available,</p>
<a class="news-btn" href="#">More info</a>
</div>
</div>
</div>
