Untitled

<!DOCTYPE html>
<html>
<head>
	<title>Kambo Szewc - Usługi szewskie i kaletnicze</title>
	<link rel="stylesheet" type="text/css" href="css.css">
	<link href='http://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

	<script src=jqui.js></script>
</head>
<body>
<header>

	<nav id="menu" class="menu">
		<ul>
			<li id="0">O nas</li>
			<li id="1">Galeria</li>
			<li id="2">Cennik</li>
			<li id='3'>Dojazd</li>
		</ul>
	</nav>
</header>
<div id="about" class="image container100">

	<div class="quote">
		<q>helu,<br>
	statecznhf do celu,<br>
	z tą myślą się budzę.</q>
	<cite>Agnieszka Osiecka</cite>
	</div>
</div>


<div id="gallery" class="image container100">

	<div class="quote">
		<q>A jeśli jafjestem jak wielu,<br>
	statf robotą się trudzę.<br>
	fdzę.</q>
	<cite>Agnieszka Osiecka</cite>
	</div>
</div>

<div id="services" class="image container100">

	<div class="quote">
		<q>helu,<br>
	statecznhf do celu,<br>
	z tą myślą się budzę.</q>
	<cite>Agnieszka Osiecka</cite>
	</div>
</div>

<div id="map" class="image container100">

	<div class="quote">
		<q>helu,<br>
	statecznhf do celu,<br>
	z tą myślą się budzę.</q>
	<cite>Agnieszka Osiecka</cite>
	</div>
</div>
<footer id="ft" class="container100">

</footer>
<script>

	$(document).ready(function(){

		function loadPage(id){
			var x = pagesArray[id];

			$('#'+x).fadeIn('slow', (function(){
				for (var i = 0; i <= 3; i++){

					if (pagesArray[i] != x) {
						var element = pagesArray[i];
						$('#'+element).css('display','none');
					}
				}
			}));

		}


		var pagesArray = [];
		pagesArray[0] = ['about'];
		pagesArray[1] = ['gallery'];
		pagesArray[2] = ['services'];
		pagesArray[3] = ['map'];

		$('li').click(function(){
				loadPage(this.id);

		});
	});
</script>
</body>
</html>