The problem is that the carousel is simply not working. Everything is configured and connected as expected, but the result is 0. I have already tried to understand all sorts of methods, but to no avail. Please help me with this problem.
<div class="videos"> <div class="information col-lg-6 col-md-6 col-sm-12 col-xs-12"> <p style="color: #51555b;">Creative Agency</p> <h1>We Make Dreams</h1> <p style="color: #757c86;">Beautiful interfaces and creative solutions</p> <div class="buttons"> <a href="#" class="read_more">Read More</a> <a href="#" class="portfolio_button">Portfolio</a> </div> </div> <div class="film col-lg-6 col-md-6 col-sm-12 col-xs-12"> <div id="owl-demo" class="owl-carousel owl-theme"> <div class="item"><img src="js/owl/demos/assets/fullimage1.jpg" alt="Owl Image"></div> <div class="item"><img src="js/owl/demos/assets/fullimage2.jpg" alt="Owl Image"></div> <div class="item"><img src="js/owl/demos/assets/fullimage3.jpg" alt="Owl Image"></div> </div> </div> </div> <script src="js/jquery-2.1.4.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/owl/owl-carousel/owl.carousel.min.js"></script> <script> (function($){ $(document).ready(function() { $("#owl-demo").owlCarousel({ navigation : true, // Show next and prev buttons slideSpeed : 300, paginationSpeed : 400, singleItem: true }); }); }); </script> 
