<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="container-fluid">
<div class="container">
<div class="row rtl text-center">
<div class="col ">
<h1 class="font-ir-bold section-name">اسکوترهای برقی</h1>
<h6 class="text-right w-50 d-inline-block">اسکوتر های برقی با برندهای مختلف در فروشگاه آماده فروش می باشند.</h6>
<a href="#" class="text-dark float-right d-inline-block small">نمایش محصولات موجود</a>
</div>
</div>
<div class="row rtl text-right mt-5">
<div class="col-md-2">
<div class="product-0507">
<div class="card border-0">
<div class="card-img">
<div class="flag flag-green"><span>جدید</span></div>
<div class="flag flag-yellow"><span>ویژه</span></div>
<img src="http://www.mihanmedia.ir/userfile/p-1.jpg" class="img-fluid">
</div>
<a href="#" class="card-title small mt-2 text-dark">اسکوتر برقی تاشو Xiaomi Mijia</a>
<div class="card-body p-0">
<div class="not-exist bg-danger float-left rounded-circle text-light p-1 small text-center"
style="width: 3rem;">موجود نیست</div>
</div>
<div class="card-footer border-0 bg-white p-0">
<a href="#" class="text-muted small">
<i class="fas fa-shopping-cart"></i>
<span>افزودن به سبد خرید</span>
</a>
</div>
</div>
