{% extends "base.html" %}
{% block footer %}

WHACK

{% endblock %}




        </div>
        <!-- Wrapper -->

        <!-- jQuery (necessary for JavaScript plugins) -->
        <script src="assets/scripts/jquery.js"></script>
        <script src="assets/scripts/bootstrap.min.js"></script>
        <script src="assets/scripts/modernizr.js"></script>
        <script src="assets/scripts/jquery.flexslider-min.js"></script>
        <script src="assets/scripts/jquery.prettyPhoto.js"></script>
        <script src="assets/scripts/isotope.min.js"></script>
        <script src="assets/scripts/custom.js"></script>
        <script src="assets/scripts/owl.carousel.min.js"></script>
        <script src="assets/scripts/sticky_header.js"></script>
        <script src="assets/scripts/jquery.nicescroll.min.js"></script>
        <script src="assets/scripts/functions.js"></script>
        <script >
            $('.px-carousel').owlCarousel({
                nav: true,
                margin: 20,
                navText: [
                  "<i class=' icon-angle-left'></i>",
                  "<i class='icon-angle-right'></i>"
                ],
                responsive: {
                  0: {
                    items: 1 // In this configuration 1 is enabled from 0px up to 479px screen size 
                  },

                  480: {
                    items: 2, // from 480 to 677 
                    nav: false // from 480 to max 
                  },

                  678: {
                    items: 3, // from this breakpoint 678 to 959
                    center: false // only within 678 and next - 959
                  },

                  960: {
                    items: 4, // from this breakpoint 960 to 1199
                    center: false,
                    loop: false

                  },

                  1200: {
                    items: 4,
                  }
                }
    
            });
            jQuery(window).load(function(){
            jQuery('.px-testimonial-slider, .px-bannerslider').flexslider({
              animation: "fade",
              prevText:"<em class='icon-arrow-left9'></em>",
              nextText:"<em class='icon-arrow-right9'></em>",
              start: function(slider){
                jQuery('body').removeClass('loading');
              }
            });
          });
        </script>
    </body>
</html>