Untitled

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<title>Gimnazjum</title>
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="style.css"/>
	<link rel="stylesheet" href="animate.css"/>
	<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css'>
	<script src="wow.js"></script>
	<script src="jquery-1.12.3.min"></script>
              <script>
              new WOW().init();
              </script>
<script>
$(document).ready(function() {

	$('a[href^="#"]').on('click', function(event) {

		var target = $( $(this).attr('href') );

		if( target.length ) {
			event.preventDefault();
			$('html, body').animate({
				scrollTop: target.offset().top
			}, 1000);
		}
	});

});
</script>
</head>
<body>
<div id="banner">
	<div id="blaopa">PROJEKT EDUKACYJNY 2016 ROK</div>
</div>
<div id="nav">
<ul>
<a href="#"><li>Home</li></a>
<a href="gallery.html"><li>Galeria</li></a>
<a href="informacje.html"><li>Informacje</li></a>
<a href="#contact"><li>BlaBlaBla</li></a>
</ul>
<div id="content-fluid">
<span style="display: block; text-align: center; font-size: 40px; color: white; padding-top: 30px;">O SZKOLE</span>
<div class="row">
	<div class="col-md-3 col-md-offset-2 wow animated bounceInLeft" style="background-image: url(photo/chmura.png); background-size: 100%, 100%; background-repeat: no-repeat; height: 270px; text-align: center; padding-top: 30px; font-size: 30px; animation-delay: 0.2s;">Uczymy dwóch języków obcych</div>
</div>
<div class="row">
<div class="col-md-3 col-md-offset-7 wow animated bounceInRight" style="background-image: url(photo/chmura.png); background-size: 100%, 100%; background-repeat: no-repeat; height: 270px; text-align: center; padding-top: 30px; font-size: 30px; animation-delay: 0.2s;">Mamy pełne wyposażenie klas</div>
</div>

<div class="row">
<div class="col-md-3 col-md-offset-2 wow animated bounceInLeft" style="background-image: url(photo/chmura.png); background-size: 100%, 100%; background-repeat: no-repeat; height: 270px; text-align: center; padding-top: 30px; font-size: 25px; animation-delay: 0.2s;">Zajęcia pozalekcyjne z różnych przedmiotów</div>
</div>
</div>
</div>
<a href="#banner"<div id="scrollup"></div></a>
</body>
</html>