<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<div class="upcoming py-5">
<div class="container">
<div class="row pb-4 text-center">
<div class="col-md-12">
<h2>Upcoming & Latest cars</h2>
<p> Pre-booked lessons, on-call lessons are Not refundable unless cancelled more than 24 hours.</p>
</div>
</div>
<div class="row text-center">
<div class="col-md-3 box border py-4">
<div class="box-carimage">
<img src="https://img0.gaadicdn.com/images/car-images/265x110/Mahindra/Mahindra-XUV500-2018/6334/047.jpg" alt="">
</div>
<div class="box-cartitle">
<h4> Mahindra XUV500 2018</h4>
</div>
<div class="box-carprice">
<h6><i class="fa fa-inr"></i>14.0 Lac*</h6>
</div>
<div class="box-date pb-3">
<small>Launch Date: 15 Apr 2018 </small>
</div>
<button type="button" class="btn btn-outline-danger">Check Price</button>
</div>
<div class="col-md-3 box border py-4">
<div class="box-carimage">
<img src="https://img0.gaadicdn.com/images/car-images/265x110/Tata/Tata-Nexon/047.jpg" alt="">
</div>
<div class="box-cartitle">
<h4> Mahindra XUV500 2018</h4>
