<div class=" container"> <div class="row"> <div class="col-lg-12"> <!--Recent Video Section--> <div class=" container"> <div class="row"> <script src="https://dl.dropboxusercontent.com/s/pn2ar7inc38199o/jquery.carouFredSel-6.2.0-packed.js" type="text/javascript"></script> <div id="slider"> <script language="javascript" type="text/javascript"> $(function() { // Basic carousel, no options $('#foo0').carouFredSel(); // Basic carousel + timer, using CSS-transitions $('#foo1').carouFredSel({ auto: { pauseOnHover: 'resume', progress: '#timer1' } }, { transition: true }); // Scrolled by user interaction $('#foo2').carouFredSel({ auto: false, prev: '#prev2', next: '#next2', pagination: "#pager2", mousewheel: true, swipe: { onMouse: true, onTouch: true } }); }); </script> <div id="sliderContent"> <div class="list_carousel"> <div class="caroufredsel_wrapper" style="display: block; text-align: start; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 984px; height: 183px; margin: 0px 0px 0px 12px; overflow: hidden;"><ul id="foo2" style="text-align: left; float: none; position: absolute; top: 0px; right: auto; bottom: auto; left: 0px; margin: 0px; width: 5904px; height: 183px;"><li><a href="#"> <img alt="basketball" height="140" src="http://4.bp.blogspot.com/-WPiJ5tZtmto/Uqdt4BfYajI/AAAAAAAAJVE/5GOTbvm_RzU/s1600/IMG_1167_zps9845fe69.png" width="140"></a><a href="#"><h2>مثال تجريبي </h2></a></li><li><a href="#"> <img alt="basketball" height="140" src="http://3.bp.blogspot.com/-cPWG-KS5uZ4/UpyHI9SenqI/AAAAAAAAJL4/dG__4zlZ7oU/s1600/1.jpg" width="140"></a><a href="#"><h2>مثال تجريبي </h2></a></li><li> <a href="#"> <img alt="basketball" height="140" src="http://1.bp.blogspot.com/-PkBZswArpXw/UkvxY5NhgOI/AAAAAAAABfc/eUwGnA1KvGE/s1600/%D8%A8%D8%B5%D9%88%D8%A9.jpg" width="140"></a><a href="#"><h2>مثال تجريبي</h2></a></li><li><a href="#"> <img alt="basketball" height="140" src="http://4.bp.blogspot.com/-WPiJ5tZtmto/Uqdt4BfYajI/AAAAAAAAJVE/5GOTbvm_RzU/s1600/IMG_1167_zps9845fe69.png" width="140"></a><a href="#"><h2>مثال تجريبي </h2></a></li> <li><a href="#"> <img alt="basketball" height="140" src="http://3.bp.blogspot.com/-t8l2ZFu7NZo/UvADVC-GwxI/AAAAAAAAAHA/fr6YgOHyBS4/s1600/0_a494f_ed9326a1_orig.jpg" width="140"></a><a href="#"><h2>مثال تجريبي </h2></a></li> <li><a href="#"> <img alt="basketball" height="140" src="http://2.bp.blogspot.com/-Ek6BCSIEVS8/Ueu-YuLHkSI/AAAAAAAACH0/YO2gflbzv9Q/s1600/big-red-treefrog.jpg" width="140"></a><a href="#"><h2>مثال تجريبي </h2></a></li> <li><a href="#"> <img alt="basketball" height="140" src="http://4.bp.blogspot.com/-WPiJ5tZtmto/Uqdt4BfYajI/AAAAAAAAJVE/5GOTbvm_RzU/s1600/IMG_1167_zps9845fe69.png" width="140"></a><a href="#"><h2>مثال تجريبي </h2></a></li> <li><a href="#"> <img alt="basketball" height="140" src="http://3.bp.blogspot.com/-cPWG-KS5uZ4/UpyHI9SenqI/AAAAAAAAJL4/dG__4zlZ7oU/s1600/1.jpg" width="140"></a><a href="#"><h2>مثال تجريبي </h2></a></li> <li><a href="#"> <img alt="basketball" height="140" src="http://3.bp.blogspot.com/-t8l2ZFu7NZo/UvADVC-GwxI/AAAAAAAAAHA/fr6YgOHyBS4/s1600/0_a494f_ed9326a1_orig.jpg" width="140"></a><a href="#"><h2>مثال تجريبي </h2></a></li> <li><a href="#"> <img alt="basketball" height="140" src="http://2.bp.blogspot.com/-Ek6BCSIEVS8/Ueu-YuLHkSI/AAAAAAAACH0/YO2gflbzv9Q/s1600/big-red-treefrog.jpg" width="140"></a><a href="#"><h2>مثال تجريبي </h2></a></li>    </ul></div> <div class="clearfix"></div> <a class="prev" href="#" id="prev2" style="display: block;"></a> <a class="next" href="#" id="next2" style="display: block;"></a> </div> </div> <div class="clear"></div> </div> </div> </div><!-- /.container --> </div> </div> </div>