Problem with a homepage slider

Problem with a homepage slider

Hi, I have a slider on this website homepage that isn't loading the content on it.

Please can you help me and see what the issue is?

Thanks very much in advance,


  2. <!--======= HOME MAIN SLIDER =========-->
  3.   <section class="home-slider">
  4.     <div class="tp-banner-container">
  5.       <div class="tp-banner-fix">
  6.         <ul>
  7.           
  8.           <!-- Slider 1 -->
  9.           <li data-transition="fade" data-slotamount="7"> <img src="new/corporate-background.jpg" data-bgposition="center top" alt="We are the UK's leading commercial energy aggregators" /> 
  10.             
  11.             <!-- Layer -->
  12.             <div class="tp-caption sft tp-resizeme font-extra-bold" 
  13.                   data-x="right" data-hoffset="0"
  14.                   data-y="center" data-voffset="0" 
  15.                   data-speed="700" 
  16.                   data-start="700" 
  17.                   data-easing="easeOutBack"
  18.                   data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" 
  19.                   data-splitin="none" 
  20.                   data-splitout="none" 
  21.                   data-elementdelay="0.1" 
  22.                   data-endelementdelay="0.1" 
  23.                   data-endspeed="300" 
  24.                   data-captionhidden="on"> <img src="new/homepage-graphic.png" alt="Providing the best support and commissions" > </div>
  25.             
  26.             <!-- Layer -->
  27.             <div class="tp-caption sfb tp-resizeme font-bold" 
  28.                   data-x="left" data-hoffset="40"
  29.                   data-y="center" data-voffset="-100"
  30.                   data-speed="500" 
  31.                   data-start="700" 
  32.                   data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" 
  33.                   data-easing="Back.easeOut" 
  34.                   data-splitin="none" 
  35.                   data-splitout="none" 
  36.                   data-elementdelay="0.1" 
  37.                   data-endelementdelay="0.1"
  38.                   data-endspeed="300" 
  39.                   data-captionhidden="on"
  40.                   style="color: #fff; font-size: 48px; font-weight: normal; letter-spacing:0px; line-height:55px;"> Providing the best service,<br>support and commissions.</div>
  41.             
  42.             <!-- Layer -->
  43.             <div class="tp-caption sfb tp-resizeme" 
  44.                   data-x="left" data-hoffset="40"
  45.                   data-y="center" data-voffset="30"
  46.                   data-speed="500" 
  47.                   data-start="1000" 
  48.                   data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" 
  49.                   data-easing="Back.easeOut" 
  50.                   data-splitin="none" 
  51.                   data-splitout="none" 
  52.                   data-elementdelay="0.1" 
  53.                   data-endelementdelay="0.1" 
  54.                   data-endspeed="300" 
  55.                   data-captionhidden="on"
  56.                   style="color: #fff; font-size: 30px; font-weight: normal; line-height:36px;"> Commercial Power is the UK's leading,<br>independent commercial energy aggregator.</div>
  57.             
  58.             <!-- Layer -->
  59.             <div class="tp-caption sfb tp-resizeme font-crimson" 
  60.                   data-x="left" data-hoffset="40"
  61.                   data-y="center" data-voffset="150"
  62.                   data-speed="500" 
  63.                   data-start="1300" 
  64.                   data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" 
  65.                   data-easing="Back.easeOut" 
  66.                   data-splitin="none" 
  67.                   data-splitout="none" 
  68.                   data-elementdelay="0.1" 
  69.                   data-endelementdelay="0.1" 
  70.                   data-endspeed="300" 
  71.                   data-captionhidden="on"
  72.                   style=""> <a href="mailto:broker.support@commercial-power.co.uk" class="btn">Become a partner</a> </div>
  73.           </li>
  74.         </ul>
  75.       </div>
  76.     </div>
  77.   </section>

  2. <!-- JavaScripts --> 
  3. <script src="js/vendors/jquery/jquery.min.js"></script> 
  4. <script src="js/vendors/wow.min.js"></script> 
  5. <script src="js/vendors/bootstrap.min.js"></script> 
  6. <script src="js/vendors/own-menu.js"></script> 
  7. <script src="js/vendors/flexslider/jquery.flexslider-min.js"></script> 
  8. <script src="js/vendors/jquery.countTo.js"></script> 
  9. <script src="js/vendors/jquery.isotope.min.js"></script> 
  10. <script src="js/vendors/jquery.bxslider.min.js"></script> 
  11. <script src="js/vendors/owl.carousel.min.js"></script> 
  12. <script src="js/vendors/jquery.sticky.js"></script> 

  14. <!-- SLIDER REVOLUTION 4.x SCRIPTS  --> 
  15. <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.tools.min.js"></script> 
  16. <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script> 
  17. <script src="js/main.js"></script>