Witam! Chcialem zrobic animacje z wykorzystaniem biblioteki animate.css.Niestety po napisaniu kodu zawartosc ktora ma byc animowana znikla z okna przegladarki.Ponizej kod:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/waypoints.css">
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/waypoints.js"></script>
<script src="js/jquery-3.0.0.min.js"></script>
<title>animations</title>
</head>
<body>
<header>
<h2 class="welcome">Witaj na naszej stronie internetowej!</h2>
</header>
<main>
<section class="stagerred-animation-container">
<section class="os-animation" data-os-animation="bounceInLeft" data-os-animation-delay=".3s">
<section class="about">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod suscipit mi id suscipit. Pellentesque sit amet gravida ligula. Nulla auctor lectus id commodo lacinia. Ut cursus ornare egestas. Ut scelerisque, dolor at pulvinar interdum,
erat augue molestie sapien, sed tincidunt elit mauris eu urna. Mauris varius ligula ac ipsum auctor, sed finibus libero porta. In eu vehicula justo. Aenean imperdiet metus ex, faucibus tristique augue fermentum vitae. Qu</p>
</section>
</section>
<section class="os-animation" data-os-animation="bounceInLeft" data-os-animation-delay=".3s">
<section class="about">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod suscipit mi id suscipit. Pellentesque sit amet gravida ligula. Nulla auctor lectus id commodo lacinia. Ut cursus ornare egestas. Ut scelerisque, dolor at pulvinar interdum,
erat augue molestie sapien, sed tincidunt elit mauris eu urna. Mauris varius ligula ac ipsum auctor, sed finibus libero porta. In eu vehicula justo. Aenean imperdiet metus ex, faucibus tristique augue fermentum vitae. Qu</p>
</section>
</section>
</section>
</main>
</body>
</html>