<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> <!------ Include the above in your HEAD tag ----------> <section class="sections random-product"> <div class="container-fluid"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="card"> <img class="card-img-top" src="http://www.mihanmedia.ir/userfile/736708307-580x567.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title"> <a href="#" class="text-dark">ترازدستی 40 سانتی متر اسلوونی MTC</a> </h5> </div> <div class="card-footer"> <div class="badge badge-danger float-right">30%</div> <div class="float-left"> <a href="#" class="text-danger">1900 تومان</a> <br> <small class="text-muted"><del>2000 تومان</del></small> </div> </div> </div> </div><!--.col--> <div class="col-md-4"> <div class="card"> <img class="card-img-top" src="http://www.mihanmedia.ir/userfile/736708307-580x567.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title"> <a href="#" class="text-dark">ترازدستی 40 سانتی متر اسلوونی MTC</a> </h5> </div> <div class="card-footer"> <div class="badge badge-danger float-right">30%</div> <div class="float-left"> <a href="#" class="text-danger">1900 تومان</a> <br> <small class="text-muted"><del>2000 تومان</del></small> </div> </div> </div> </div><!--.col--> <div class="col-md-4"> <div class="card"> <img class="card-img-top" src="http://www.mihanmedia.ir/userfile/736708307-580x567.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title"> <a href="#" class="text-dark">ترازدستی 40 سانتی متر اسلوونی MTC</a> </h5> </div> <div class="card-footer"> <div class="badge badge-danger float-right">30%</div> <div class="float-left"> <a href="#" class="text-danger">1900 تومان</a> <br> <small class="text-muted"><del>2000 تومان</del></small> </div> </div> </div> </div><!--.col--> </div><!--.row--> </div><!--.container--> </div><!--.container-fluid--> </section>

body { font-family: iranyekan; background: #f8f8f8; } .sections{ direction: rtl; text-align: right; padding-bottom: 2rem; }