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,
- <!--======= HOME MAIN SLIDER =========-->
- <section class="home-slider">
- <div class="tp-banner-container">
- <div class="tp-banner-fix">
- <ul>
-
- <!-- Slider 1 -->
- <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" />
-
- <!-- Layer -->
- <div class="tp-caption sft tp-resizeme font-extra-bold"
- data-x="right" data-hoffset="0"
- data-y="center" data-voffset="0"
- data-speed="700"
- data-start="700"
- data-easing="easeOutBack"
- 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%;"
- data-splitin="none"
- data-splitout="none"
- data-elementdelay="0.1"
- data-endelementdelay="0.1"
- data-endspeed="300"
- data-captionhidden="on"> <img src="new/homepage-graphic.png" alt="Providing the best support and commissions" > </div>
-
- <!-- Layer -->
- <div class="tp-caption sfb tp-resizeme font-bold"
- data-x="left" data-hoffset="40"
- data-y="center" data-voffset="-100"
- data-speed="500"
- data-start="700"
- 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%;"
- data-easing="Back.easeOut"
- data-splitin="none"
- data-splitout="none"
- data-elementdelay="0.1"
- data-endelementdelay="0.1"
- data-endspeed="300"
- data-captionhidden="on"
- style="color: #fff; font-size: 48px; font-weight: normal; letter-spacing:0px; line-height:55px;"> Providing the best service,<br>support and commissions.</div>
-
- <!-- Layer -->
- <div class="tp-caption sfb tp-resizeme"
- data-x="left" data-hoffset="40"
- data-y="center" data-voffset="30"
- data-speed="500"
- data-start="1000"
- 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%;"
- data-easing="Back.easeOut"
- data-splitin="none"
- data-splitout="none"
- data-elementdelay="0.1"
- data-endelementdelay="0.1"
- data-endspeed="300"
- data-captionhidden="on"
- 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>
-
- <!-- Layer -->
- <div class="tp-caption sfb tp-resizeme font-crimson"
- data-x="left" data-hoffset="40"
- data-y="center" data-voffset="150"
- data-speed="500"
- data-start="1300"
- 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%;"
- data-easing="Back.easeOut"
- data-splitin="none"
- data-splitout="none"
- data-elementdelay="0.1"
- data-endelementdelay="0.1"
- data-endspeed="300"
- data-captionhidden="on"
- style=""> <a href="mailto:broker.support@commercial-power.co.uk" class="btn">Become a partner</a> </div>
- </li>
- </ul>
- </div>
- </div>
- </section>
- <!-- JavaScripts -->
- <script src="js/vendors/jquery/jquery.min.js"></script>
- <script src="js/vendors/wow.min.js"></script>
- <script src="js/vendors/bootstrap.min.js"></script>
- <script src="js/vendors/own-menu.js"></script>
- <script src="js/vendors/flexslider/jquery.flexslider-min.js"></script>
- <script src="js/vendors/jquery.countTo.js"></script>
- <script src="js/vendors/jquery.isotope.min.js"></script>
- <script src="js/vendors/jquery.bxslider.min.js"></script>
- <script src="js/vendors/owl.carousel.min.js"></script>
- <script src="js/vendors/jquery.sticky.js"></script>
- <!-- SLIDER REVOLUTION 4.x SCRIPTS -->
- <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.tools.min.js"></script>
- <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
- <script src="js/main.js"></script>