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

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

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

                                        </div>
                                    </p>


                                </div>
                            </div>


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

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

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

                                        </div>
                                    </p>


                                </div>
                            </div>


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

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

                                    <p class="card-text">
                                        <div class="text-danger pull-right">
                                            3999 ج.م
                                        </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=284">
                            <div class="card" style="border-radius: 8px;border: 2px solid black;font-size:14pt;">
                                <img class="card-img-top " src="../imgprod/فوم-سوق-اونلاينلاب-ACER-Aspire-E5-5.jpg" alt="Card image cap">
                                <div class="card-body text-white bg-dark">
                                    <h5 class="card-title">لاب ACER Aspire E5-5</h5>

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

                                    <p class="card-text">
                                        <div class="text-danger pull-right">
                                            16000 ج.م
                                        </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=285">
                            <div class="card" style="border-radius: 8px;border: 2px solid black;font-size:14pt;">
                                <img class="card-img-top " src="../imgprod/فوم-سوق-اونلاينلاب-AGB-Octev-G-0812.jpg" alt="Card image cap">
                                <div class="card-body text-white bg-dark">
                                    <h5 class="card-title">لاب AGB Octev G-0812</h5>

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

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

                                        </div>
                                    </p>


                                </div>
                            </div>


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

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

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

                                        </div>
                                    </p>


                                </div>
                            </div>


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

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

                                    <p class="card-text">
                                        <div class="text-danger pull-right">
                                            3750 ج.م
                                        </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=288">
                            <div class="card" style="border-radius: 8px;border: 2px solid black;font-size:14pt;">
                                <img class="card-img-top " src="../imgprod/فوم-سوق-اونلاينDell-Inspiron-3567.jpg" alt="Card image cap">
                                <div class="card-body text-white bg-dark">
                                    <h5 class="card-title">Dell Inspiron 3567</h5>

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

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

                                        </div>
                                    </p>


                                </div>
                            </div>


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

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

                                    <p class="card-text">
                                        <div class="text-danger pull-right">
                                            7120 ج.م
                                        </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=303">
                            <div class="card" style="border-radius: 8px;border: 2px solid black;font-size:14pt;">
                                <img class="card-img-top " src="../imgprod/فوم-سوق-اونلاينLenovo-Ideapad-130.jpeg" alt="Card image cap">
                                <div class="card-body text-white bg-dark">
                                    <h5 class="card-title">Lenovo Ideapad 130</h5>

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

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

                                        </div>
                                    </p>


                                </div>
                            </div>


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

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

                                    <p class="card-text">
                                        <div class="text-danger pull-right">
                                            1200 ج.م
                                        </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-3">
                        <a href="/prodects/detiles?pronum=309">
                            <div class="card" style="border-radius: 8px;border: 2px solid black;font-size:14pt;">
                                <img class="card-img-top " src="../imgprod/فوم-سوق-اونلاينBBC-bc500red-Desktop.jpg" alt="Card image cap">
                                <div class="card-body text-white bg-dark">
                                    <h5 class="card-title">BBC bc500red Desktop</h5>

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

                                    <p class="card-text">
                                        <div class="text-danger pull-right">
                                            2499 ج.م
                                        </div>
                                        <div class="text-danger pull-left" style="border-radius: 8px;border: 2px solid white;font-size:14pt;background:white;">
                                            15 %  <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=%D9%83%D9%85%D8%A8%D9%8A%D9%88%D8%AA%D8%B1%20%D9%88%D9%84%D8%A7%D8%A8%20%D8%AA%D9%88%D8%A8&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=%D9%83%D9%85%D8%A8%D9%8A%D9%88%D8%AA%D8%B1%20%D9%88%D9%84%D8%A7%D8%A8%20%D8%AA%D9%88%D8%A8&amp;pagesizest=0">2</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=3&amp;namedep=%D9%83%D9%85%D8%A8%D9%8A%D9%88%D8%AA%D8%B1%20%D9%88%D9%84%D8%A7%D8%A8%20%D8%AA%D9%88%D8%A8&amp;pagesizest=0">3</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=4&amp;namedep=%D9%83%D9%85%D8%A8%D9%8A%D9%88%D8%AA%D8%B1%20%D9%88%D9%84%D8%A7%D8%A8%20%D8%AA%D9%88%D8%A8&amp;pagesizest=0">4</a>

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

                                    <a>5</a>

                                </li>

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

      });
       });

            </script>


        </div>
 
</div>