<div class="row">
        <table class="table table-striped">
            <tr>
                <td>
  <div class="col-md-3">
                        <a href="/prodects/detiles?pronum=256">
                            <div class="card" style="border-radius: 8px;border: 2px solid black;font-size:14pt;">
                                <img class="card-img-top " src="../imgprod/فوم-سوق-اونلاينسجادة-ديكور-مطبخ-.jpg" alt="Card image cap">
                                <div class="card-body text-white bg-dark">
                                    <h5 class="card-title">سجادة ديكور مطبخ </h5>

                                    <p class="card-text">
                                        <small class="text-muted"><del>1900 ج.م</del></small>
                                    </p>

                                    <p class="card-text">
                                        <div class="text-danger pull-right">
                                            1790 ج.م
                                        </div>
                                        <div class="text-danger pull-left" style="border-radius: 8px;border: 2px solid white;font-size:14pt;background:white;">
                                            18 %  <i class="fa fa-arrow-
                                                 down"></i>

                                        </div>
                                    </p>


                                </div>
                            </div>


                        </a>
                    </div><!--.col-->
  <div class="col-md-3">
                        <a href="/prodects/detiles?pronum=257">
                            <div class="card" style="border-radius: 8px;border: 2px solid black;font-size:14pt;">
                                <img class="card-img-top " src="../imgprod/فوم-سوق-اونلاينسجاد-تركي-للديكور.jpg" alt="Card image cap">
                                <div class="card-body text-white bg-dark">
                                    <h5 class="card-title">سجاد تركي للديكور</h5>

                                    <p class="card-text">
                                        <small class="text-muted"><del>4590 ج.م</del></small>
                                    </p>

                                    <p class="card-text">
                                        <div class="text-danger pull-right">
                                            4320 ج.م
                                        </div>
                                        <div class="text-danger pull-left" style="border-radius: 8px;border: 2px solid white;font-size:14pt;background:white;">
                                            9 %  <i class="fa fa-arrow-
                                                 down"></i>

                                        </div>
                                    </p>


                                </div>
                            </div>


                        </a>
                    </div><!--.col-->
  <div class="col-md-3">
                        <a href="/prodects/detiles?pronum=297">
                            <div class="card" style="border-radius: 8px;border: 2px solid black;font-size:14pt;">
                                <img class="card-img-top " src="../imgprod/فوم-سوق-اونلاينطقم-طنجرة-معكرونة.jpg" alt="Card image cap">
                                <div class="card-body text-white bg-dark">
                                    <h5 class="card-title">طقم طنجرة معكرونة</h5>

                                    <p class="card-text">
                                        <small class="text-muted"><del>2550 ج.م</del></small>
                                    </p>

                                    <p class="card-text">
                                        <div class="text-danger pull-right">
                                            2399 ج.م
                                        </div>
                                        <div class="text-danger pull-left" style="border-radius: 8px;border: 2px solid white;font-size:14pt;background:white;">
                                            12 %  <i class="fa fa-arrow-
                                                 down"></i>

                                        </div>
                                    </p>


                                </div>
                            </div>


                        </a>
                    </div><!--.col-->
  <div class="col-md-3">
                        <a href="/prodects/detiles?pronum=300">
                            <div class="card" style="border-radius: 8px;border: 2px solid black;font-size:14pt;">
                                <img class="card-img-top " src="../imgprod/فوم-سوق-اونلاينطنجرة-ضغط.jpg" alt="Card image cap">
                                <div class="card-body text-white bg-dark">
                                    <h5 class="card-title">طنجرة ضغط</h5>

                                    <p class="card-text">
                                        <small class="text-muted"><del>4790 ج.م</del></small>
                                    </p>

                                    <p class="card-text">
                                        <div class="text-danger pull-right">
                                            4400 ج.م
                                        </div>
                                        <div class="text-danger pull-left" style="border-radius: 8px;border: 2px solid white;font-size:14pt;background:white;">
                                            20 %  <i class="fa fa-arrow-
                                                 down"></i>

                                        </div>
                                    </p>


                                </div>
                            </div>


                        </a>
                    </div><!--.col-->
  <div class="col-md-3">
                        <a href="/prodects/detiles?pronum=299">
                            <div class="card" style="border-radius: 8px;border: 2px solid black;font-size:14pt;">
                                <img class="card-img-top " src="../imgprod/فوم-سوق-اونلاينطقم-اواني-مطبخ.jpg" alt="Card image cap">
                                <div class="card-body text-white bg-dark">
                                    <h5 class="card-title">طقم اواني مطبخ</h5>

                                    <p class="card-text">
                                        <small class="text-muted"><del>12840 ج.م</del></small>
                                    </p>

                                    <p class="card-text">
                                        <div class="text-danger pull-right">
                                            12450 ج.م
                                        </div>
                                        <div class="text-danger pull-left" style="border-radius: 8px;border: 2px solid white;font-size:14pt;background:white;">
                                            6 %  <i class="fa fa-arrow-
                                                 down"></i>

                                        </div>
                                    </p>


                                </div>
                            </div>


                        </a>
                    </div><!--.col-->
       <div class="col-md-12">
                    </div>
                </td>
            </tr>

            </table>
     

        <div class="col-md-12 text-right ">
            <ul class="pagination pull-left">
       
                <li class="pull-right pressup">
                </li>
                <li class="pull-left pressup">

                </li>
                             <li class="pull-left pressup">

                                    <a data-ajax="true" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-success="$(this).OnSuccess ();" data-ajax-update="#pagetiondivbydep" href="/prodects/pagetionwaxef?pagetb=1&amp;namedep=%D8%A7%D8%B3%D8%A7%D8%B3%20%D9%85%D9%86%D8%B2%D9%84%D9%89&amp;pagesizest=0">1</a>

                                </li>
                             <li class="pull-left pressup">

                                    <a data-ajax="true" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-success="$(this).OnSuccess ();" data-ajax-update="#pagetiondivbydep" href="/prodects/pagetionwaxef?pagetb=2&amp;namedep=%D8%A7%D8%B3%D8%A7%D8%B3%20%D9%85%D9%86%D8%B2%D9%84%D9%89&amp;pagesizest=0">2</a>

                                </li>
                                <li class="pull-left active">

                                    <a>3</a>

                                </li>

            </ul>
            <script type="text/javascript">
        $(document).ready(function () {
$('.pressup a').click(function() {
    $("html, body").animate({ scrollTop: 0 }, "slow");

      });
       });

            </script>


        </div>
 
</div>