Untitled

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8"/>
	<title>Zajęcia orientalistczne</title>
	<meta name="description" content="Strona poświęcona stowarzyszeniu orientalistycznemu, zainteresowanego w krajach azjatyckich"/>
	<meta name="keywords" content="nauka koreański, kultura, azja, polska szkoła, Kwidzyn "/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="author" content="Grzegorz Jabłoński"/>

	<link rel="stylesheet" href="style.css" type="text/css"/>
	<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700&amp;subset=cyrillic,latin-ext,vietnamese" rel="stylesheet">
	<link rel="stylesheet" href="css/fontello.css" type="text/css"/>
</head>
<body>


	<div class="wrappr">
		<div class="header">

			<div class="logo">
			<img src=" " stle="float: left;"/>
			orientalistyka.<span style="color: #FF9900;">azja</span>.com
			<div style="clear: both;"></div>
			</div>

		</div>
		<div class="navig">
			<ol>
				<li><a href="#">Strona główna</a></li>
				<li><a href="#">Aktualności</a>
					<ul>
						<li><a href="#">Początki</a></li>
						<li><a href="#">...</a></li>
						<li><a href="#">...</a></li>
						<li><a href="#">...</a></li>
					</ul>
				</li>
				<li><a href="#">O Nas</a>
					<ul>
						<li><a href="#">Założyciele</a></li>
						<li><a href="#">Uczestnicy</a></li>
						<li><a href="#">Osiągnięcia</a></li>
						<li><a href="#">...</a></li>
					</ul>
				</li>
				<li><a href="#">Oferta</a></li>
				<li><a href="#">Logowanie</a></li>
			</ol>
		</div>
		<div class="content">
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pellentesque ex eu nisi commodo fermentum. Nulla ornare interdum metus in tristique. Vestibulum rutrum commodo ante vel porttitor. Duis sagittis lacus in nisl vehicula vulputate. Phasellus ut nisi vel ex cursus commodo vitae vel elit. Etiam in suscipit ipsum, sed hendrerit leo. Suspendisse eget porttitor eros, eget porttitor felis. Aenean vitae egestas diam, tempus efficitur dui. Mauris accumsan arcu eros, non ultrices nibh sodales venenatis.
		</p>
		<p>
		Nam ultr icies nulla non est bibendum, non gravida magna viverra. Cras vel imperdiet lectus. In hac habitasse platea dictumst. Curabitur id dui ac ex suscipit condimentum vel vitae metus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec faucibus nisi in euismod varius. Nulla lacus mauris, rutrum sit amet neque in, venenatis iaculis arcu. Morbi id tincidunt metus. Suspendisse blandit, quam vitae luctus pretium, metus nunc laoreet nisi, id sollicitudin urna lectus ac lorem. Nam ut pretium purus, ultrices vestibulum orci. Suspendisse sit amet magna nec dolor varius scelerisque vel vel dui. Sed ut ligula non velit pretium fermentum id ac felis. Nullam sodales lobortis massa, in dapibus erat pulvinar quis.
		</p>
		<p>
		Suspendisse potenti. Aenean et facilisis augue. Maecenas condimentum est ut lobortis posuere. Fusce mauris orci, sodales vitae eros eget, convallis semper augue. Duis ultrices, est ac gravida ultricies, turpis libero ornare mi, id blandit justo ante nec mi. Pellentesque eu sapien et libero tempus blandit eget quis odio. Duis id velit et neque sodales iaculis id ac sem. Fusce faucibus, ex sit amet bibendum elementum, justo tellus posuere felis, et bibendum neque augue a neque. Vestibulum quam ipsum, fringilla vitae tellus in, ullamcorper tempor neque. Nullam euismod hendrerit erat, interdum accumsan augue aliquet non. Aenean arcu enim, egestas eu faucibus sit amet, tristique vitae libero. Quisque quis semper quam, vestibulum auctor tortor. Suspendisse nec mi vel tortor blandit faucibus sit amet sed felis. Curabitur finibus dui fringilla tortor finibus, vel venenatis nulla eleifend. Quisque metus lorem, varius eleifend vehicula at, bibendum sed massa. Maecenas sollicitudin rutrum mauris, sed rutrum nisi cursus eu.
		</p>
		<p>
		Suspendisse posuere, purus eu bibendum blandit, nulla enim dapibus lacus, ut viverra elit ipsum in eros. Quisque commodo eros vel nulla consequat euismod. Nullam eleifend tortor nec sem fermentum commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer fringilla, augue eget facilisis consequat, turpis lorem porttitor elit, a iaculis purus enim quis leo. Quisque vitae tellus vel nisi vehicula tempor. Sed aliquet arcu non justo dignissim pulvinar. Nullam placerat aliquet nibh quis mollis. Nullam felis nulla, euismod vel nisi quis, iaculis venenatis risus. Integer hendrerit, purus et pellentesque pharetra, elit dui sodales turpis, in euismod est arcu quis velit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin egestas tellus justo. Aliquam maximus vestibulum lectus, vel pharetra ante bibendum vel. Sed accumsan non sapien in gravida. Fusce laoreet tellus libero, a pellentesque ante tempus eget. Sed tincidunt nisl sem, sit amet malesuada diam convallis quis.
		</p>
		<p>
		Nam ac dignissim justo, et sollicitudin felis. In quis mauris ultrices, eleifend est ut, efficitur diam. Vivamus consequat elit id scelerisque tincidunt. Aliquam metus nulla, tempus ac massa facilisis, tristique ornare metus. Aenean in ante erat. Aliquam rutrum enim ut arcu iaculis, vel gravida odio ultrices. Ut vel dapibus dui, consequat mollis enim.
		</p>
		<p>
		Vivamus tempus vestibulum magna vitae mollis. In viverra sem sed nisl maximus, eget bibendum metus molestie. Maecenas nibh quam, venenatis sed pulvinar non, luctus vitae purus. Donec nec quam hendrerit, accumsan felis non, venenatis metus. Aliquam sed ipsum ac metus suscipit ornare at a enim. Nulla in arcu vel libero semper mollis quis eu nisi. Pellentesque commodo tellus a tellus sollicitudin aliquam. Phasellus sed felis vitae justo ullamcorper tincidunt a nec mauris.
		</p>
		</div>
		<div class="socials">
			<div class="socialtiles">
				<a href="https://www.facebook.com/">
				<div class="fb">
					<i class="icon-facebook-official"></i>
				</div>
				</a>

				<div class="snap">
					<i class="icon-snapchat-square"></i>
				</div>

				<a hrf="https://twitter.com/?lang=pl">
				<div class="tw">
					<i class="icon-twitter-1"></i>
				</div>
				</a>
				<a href="https://plus.google.com/discover?hl=pl">
				<div class="gplus">
					<i class="icon-gplus"></i>
				</div>
				</a>

				<div class="clear:both">
				</div>
			</div>
		</div>
		<div class="foot">
			orientalistyka.azja.com &copy; 2018 Wszystkie prawa zastrzeżone.
		</div>
	</div>

	<script src="jquery-3.3.1.min.js"></script>
	<script>

	$(document).ready(function() {
	var NavY = $('.nav').offset().top;

	var stickyNav = function(){
	var ScrollY = $(window).scrollTop();

	if (ScrollY > NavY) {
		$('.nav').addClass('sticky');
	} else {
		$('.nav').removeClass('sticky');
	}
	};

	stickyNav();

	$(window).scroll(function() {
		stickyNav();
	});
	});

	</script>

</body>
</html>