<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>
<div class="row detail">
<div class="col-12 col-sm-12 col-md-12 col-lg-4 p-0">
<div class="ribbon"><span> Scholership </span></div>
<img src="https://s3-ap-southeast-2.amazonaws.com/geg-sia-webapp2/library/assets/images/GUG%2020122.jpg" alt="">
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-8 p-0">
<span class="discount-holder"><span>Cheapest</span></span>
<div class="detail-box">
<h4>Course Name </h4>
<p>
<div class="offer">
<span class="offer-text">Category:</span>
<span class="offer-text-2">Commerce</span>
</div>
</p>
<ul>
<li><strong>Total Seat: </strong> 5</li>
<li><strong>Duration : </strong> 2 months</li>
<li><strong>Shift : </strong> Day</li>
</ul>
<p><strong><i class="fas fa-book"></i> Eligibilty: </strong>Lorem ipsum dummy Lorem ipsum dummy <a href="#" data-toggle="collapse" data-target="#elig-box">show more</a></p>
<h6><strong><i class="fa fa-clock"></i> Enroll time</strong> 30 Jun 2019 <span>NPR: 300/- <a href="#" class="btn btn-primary" style="font-size: 12px;">Enroll Now</a></span></h6>
</div>
</div>
<div class="eligibal collapse" id="elig-box">
<div class="arrow-up"></div>
<p><strong><i class="fas fa-book"></i> Eligibilty: </strong>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<p><strong><i class="fas fa-graduation-cap"></i> Career: </strong>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<p><strong><i class="fas fa-file-alt"></i> Entrance Provision: </strong>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
</div>
