Hello. I can not understand why the library does not work. Files connected, initialized, in console issues this error. Uncaught ReferenceError: AOS is not defined Link to the library https://github.com/michalsnik/aos Below, attached the code fragment, as well as all the connected files
AOS.init(); <!-- Styles --> <link href="bower_components/bootstrap/css/bootstrap.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="bower_components/aos/dist/aos.css"> <!-- SERVICES --> <div class="container text-center services"> <div class="row"> <div class="col-md-4 col-sm-4 "> <div class="card item" data-aos="fade-zoom-in"> <img src="css/img/services image/Shape-1.png"> <h4>Duis aute irure</h4> <p>Excepteur sint occaecat cupi datat non it proident, sunt in cul</p> </div> </div> <div class="col-md-4 col-sm-4 "> <div class="card" data-aos="fade-zoom-in"> <img src="css/img/services image/Shape-2.png"> <h4>Duis aute irure</h4> <p>Excepteur sint occaecat cupi datat non it proident, sunt in cul</p> </div> </div> <div class="col-md-4 col-sm-4 "> <div class="card" data-aos="fade-zoom-in"> <img src="css/img/services image/Shape-3.png"> <h4>Duis aute irure</h4> <p>Excepteur sint occaecat cupi datat non it proident, sunt in cul</p> </div> </div> </div> </div> <!-- SCRIPTS --> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="bower_components/bootstrap/js/bootstrap.js"></script> <script src="js/main.js"></script> <script src="bower_components/aos/dist/aos.js"></script> 
js/main.jsand trying to access it from it. try swapping - Vyacheslav Danshin