"offerdetailpage"
Bootstrap 4.1.1 Snippet by nileshkardate

<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> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-6"> <h3 style="color:orange;"> Get A breckout on credit related issues </h3> <p>Seek Assitance on financial stability </p> <hr> <h3><img src="https://creditreport.paisabazaar.com/images/graph_v3.svg" style="height:35px;"/> Get A breckout on credit related issues </h3> <p>              Seek Assitance on financial stability </p> <hr> <h3><img src="https://creditreport.paisabazaar.com/images/graph_v3.svg" style="height:35px;"/> Get A breckout on credit related issues </h3> <p>              Seek Assitance on financial stability </p> <hr> <h3><img src="https://creditreport.paisabazaar.com/images/graph_v3.svg" style="height:35px;"/> Get A breckout on credit related issues </h3> <p>              Seek Assitance on financial stability </p> <hr> <div class="row"> <h3 style="color:orange;"> Get A breckout on credit related issues </h3> <hr> <p>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. It has survived not only five centuries, but also the leap into electronic typesetting,</p> </div> </div> <div class="col-sm-1"> </div> <div class="col-sm-5 boxoffer"> <div class="col-sm-12"> <div class="row offerimage "> <p> <span style="font-size:30px;color:orange;"> <u> Credit Score </u></span> <span style="font-size:20px;"> = Your Financial Pillar Expert Credit <span style="font-size:28px;color:orange;"> <u> Guiadance </u> </span> = for a year </span></p> <hr> </div> <div class="row offerbody"> <div class="col-sm-6 text-center" style="border-right:1px solid gray;height:60px;"> <h6>Anual Membeership</h6> <h3> ₹ 999 </h3> </div> <div class="text-center col-sm-6"> <h6>Monthly Membeership</h6> <h3 class=""> ₹99 </h3> </div> <br><br><br><br> <hr> <div class="row offerfooter" style=""> <div class="col-md-12"> <b>Personal Credit Manager </b> <p>Manage finances with credit expert</p> </div> </div> <span class="border"></span> <div class="row offerfooter" style=""> <div class="col-md-12"> <b>Personal Credit Manager </b> <p>Manage finances with credit expert</p> </div> </div> <span class="border"></span> <div class="row offerfooter" style=""> <div class="col-md-12"> <b>Personal Credit Manager </b> <p>Manage finances with credit expert</p> </div> </div> <span class="border"></span> </div> <br> <div class="col-md-12"><center> <button class="btn btn-success"> Pay ₹99 </button> </center> </div> <br> </div> </div> </div> </div>
.boxoffer { box-shadow: 10px 10px 10px 10px rgba(1,0,0,0.1)!important; border:1px solid gray; border-radius:35px; } .border{ border-bottom:1px solid gray; width:100%; margin-top:2%; }

Related: See More


Questions / Comments: