xxxxxxxxxx
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="slider.css">
</head>
<body>
<section id="slider">
<div class="container">
<div class="wrapper">
<div class="lide">
<main data-duration-animation="700" data-delay-animation="0" class="animated ">
1
</main>
<aside data-duration-animation="600" data-delay-animation="0" class="animated ">
aside1
</aside>
</div>
<div class="lide">
<main data-duration-animation="700" data-delay-animation="0" class="animated ">
2
</main>
<aside data-duration-animation="600" data-delay-animation="0" class="animated ">
aside2
</aside>
</div>
<div class="lide">
<main data-duration-animation="700" data-delay-animation="0" class="animated ">
3
</main>
<aside data-duration-animation="600" data-delay-animation="0" class="animated ">
aside3
</aside>
</div>
</div>
<div class="controls prev">
prev
</div>
<div class="controls next">
next
</div>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="app.js"></script>
</body>
</html>
https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js
https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js