Untitled

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

	<title>Pisiont E-Dziennik</title>

	<meta name="description" content="Opis w Google" />
	<meta name="keywords" content="słowa, kluczowe, wypisane, po, porzecinku" />

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

<body>

		<div id="container">

			<div id="header">
				<div id="logo">
				<img src="img/dziennik.png" style="float:left" />
				Pisiont E-Dziennik
				<div style="clear:both"></div>
				</div>
			</div>


			<div id="content">
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae nisl et nisl scelerisque bibendum a et est. Maecenas vel ultrices sapien. Nullam consequat neque at tellus imperdiet, in ullamcorper leo volutpat.
				Sed eget efficitur diam. Proin a ipsum nulla. Nullam eu sapien ligula. Etiam feugiat ligula ut lacus bibendum semper.</p>

				<p>Sed lectus dui, pharetra ut lectus rutrum, dapibus convallis quam. Sed nunc neque, gravida at tincidunt vel, bibendum ac arcu. In aliquet non est ut finibus. Vestibulum volutpat maximus diam, eu eleifend eros consectetur semper.
				Donec sit amet egestas nibh. Suspendisse mollis pretium lacus, a tempor sem rutrum ullamcorper. Proin condimentum vestibulum mi. Ut sit amet augue vitae lorem consectetur tempus. Cras est turpis, vestibulum sit amet metus quis, pellentesque consectetur nibh.
				Maecenas non pretium mauris.</p>

				<p>Aliquam pulvinar maximus posuere. Donec mattis augue nec mollis pretium. Donec pulvinar, leo ac mollis molestie, nulla elit sollicitudin diam, id lobortis nunc nisi in neque. Vestibulum molestie finibus urna vitae fermentum. Nulla vitae ullamcorper tortor.
				Praesent id erat aliquam, maximus sapien sit amet, gravida quam. Etiam consectetur efficitur hendrerit. Ut hendrerit fermentum nisl ut mollis. Cras ultrices eget diam sed ornare. Pellentesque accumsan eros lacinia leo ornare volutpat.
				Ut vulputate scelerisque ante, vel vestibulum metus tempor in. Donec et nibh a metus mattis maximus aliquam nec lacus. Pellentesque eu magna sit amet orci suscipit imperdiet. Nam dictum nulla et est rhoncus, in suscipit tellus cursus.</p>

				<p>Fusce efficitur, arcu ac mattis ornare, erat lectus semper neque, a pharetra ipsum sapien ac felis. Nulla magna nisi, facilisis quis rutrum ac, egestas ac nisl. Sed ac ultrices purus, nec tristique nibh. Pellentesque quis felis porta est finibus tincidunt id vel enim.
				Maecenas lacus mauris, molestie eu purus at, egestas egestas nibh. Donec malesuada purus vitae suscipit ullamcorper. Nam vitae hendrerit lacus. Aenean in sem sed tellus rutrum finibus.
				Nam facilisis, turpis mollis accumsan sollicitudin, lorem orci lobortis mi, eu aliquam nibh mi quis sapien. Proin egestas ornare velit, ac condimentum orci pretium eget. Suspendisse nec vehicula neque, et finibus ipsum.
				Phasellus vulputate semper arcu, in laoreet nisl. Aenean sapien leo, luctus non neque eu, faucibus scelerisque nisl. Vestibulum ornare consequat nisl nec convallis.</p>

				<p>Nulla facilisi. Vivamus aliquam mi purus, ac semper arcu auctor fringilla. Mauris ultricies nisi nec nulla aliquam, ac pellentesque felis facilisis. Suspendisse placerat facilisis dictum. In sapien nunc, euismod quis tortor non, pellentesque tincidunt turpis.
				Quisque fermentum quam eu convallis dignissim. Curabitur faucibus orci non felis egestas, ut convallis augue venenatis. Fusce vehicula, magna sit amet pulvinar pellentesque, ex massa malesuada ex, vitae accumsan risus justo sed enim.
				Morbi vehicula arcu id purus iaculis scelerisque. Suspendisse eu porttitor dolor. Sed at turpis pharetra, pharetra ipsum vel, malesuada enim. Maecenas lacinia sem metus, eget mollis augue efficitur vel. In ipsum quam, accumsan a varius quis, molestie sed nisl.
				Cras sed arcu efficitur, vestibulum enim vitae, vulputate ipsum.</p>

				<p>Morbi nec tempor massa. Nam id lacinia ex, accumsan mattis massa. Integer tortor urna, congue in massa et, volutpat lacinia tortor.
				Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce orci nisl, elementum a libero id, vestibulum aliquet tortor.
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque placerat porttitor ullamcorper. Nam nec urna diam. Curabitur elementum risus arcu, sit amet dignissim dui mollis dictum. Nulla cursus aliquet lacus sit amet elementum.</p>

				<p>Sed lectus dui, pharetra ut lectus rutrum, dapibus convallis quam. Sed nunc neque, gravida at tincidunt vel, bibendum ac arcu. In aliquet non est ut finibus. Vestibulum volutpat maximus diam, eu eleifend eros consectetur semper.
				Donec sit amet egestas nibh. Suspendisse mollis pretium lacus, a tempor sem rutrum ullamcorper. Proin condimentum vestibulum mi. Ut sit amet augue vitae lorem consectetur tempus. Cras est turpis, vestibulum sit amet metus quis, pellentesque consectetur nibh.
				Maecenas non pretium mauris.</p>

				<p>Aliquam pulvinar maximus posuere. Donec mattis augue nec mollis pretium. Donec pulvinar, leo ac mollis molestie, nulla elit sollicitudin diam, id lobortis nunc nisi in neque. Vestibulum molestie finibus urna vitae fermentum. Nulla vitae ullamcorper tortor.
				Praesent id erat aliquam, maximus sapien sit amet, gravida quam. Etiam consectetur efficitur hendrerit. Ut hendrerit fermentum nisl ut mollis. Cras ultrices eget diam sed ornare. Pellentesque accumsan eros lacinia leo ornare volutpat.
				Ut vulputate scelerisque ante, vel vestibulum metus tempor in. Donec et nibh a metus mattis maximus aliquam nec lacus. Pellentesque eu magna sit amet orci suscipit imperdiet. Nam dictum nulla et est rhoncus, in suscipit tellus cursus.</p>

				<p>Fusce efficitur, arcu ac mattis ornare, erat lectus semper neque, a pharetra ipsum sapien ac felis. Nulla magna nisi, facilisis quis rutrum ac, egestas ac nisl. Sed ac ultrices purus, nec tristique nibh. Pellentesque quis felis porta est finibus tincidunt id vel enim.
				Maecenas lacus mauris, molestie eu purus at, egestas egestas nibh. Donec malesuada purus vitae suscipit ullamcorper. Nam vitae hendrerit lacus. Aenean in sem sed tellus rutrum finibus.
				Nam facilisis, turpis mollis accumsan sollicitudin, lorem orci lobortis mi, eu aliquam nibh mi quis sapien. Proin egestas ornare velit, ac condimentum orci pretium eget. Suspendisse nec vehicula neque, et finibus ipsum.
				Phasellus vulputate semper arcu, in laoreet nisl. Aenean sapien leo, luctus non neque eu, faucibus scelerisque nisl. Vestibulum ornare consequat nisl nec convallis.</p>

				<p>Nulla facilisi. Vivamus aliquam mi purus, ac semper arcu auctor fringilla. Mauris ultricies nisi nec nulla aliquam, ac pellentesque felis facilisis. Suspendisse placerat facilisis dictum. In sapien nunc, euismod quis tortor non, pellentesque tincidunt turpis.
				Quisque fermentum quam eu convallis dignissim. Curabitur faucibus orci non felis egestas, ut convallis augue venenatis. Fusce vehicula, magna sit amet pulvinar pellentesque, ex massa malesuada ex, vitae accumsan risus justo sed enim.
				Morbi vehicula arcu id purus iaculis scelerisque. Suspendisse eu porttitor dolor. Sed at turpis pharetra, pharetra ipsum vel, malesuada enim. Maecenas lacinia sem metus, eget mollis augue efficitur vel. In ipsum quam, accumsan a varius quis, molestie sed nisl.
				Cras sed arcu efficitur, vestibulum enim vitae, vulputate ipsum.</p>

				<p>Morbi nec tempor massa. Nam id lacinia ex, accumsan mattis massa. Integer tortor urna, congue in massa et, volutpat lacinia tortor.
				Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce orci nisl, elementum a libero id, vestibulum aliquet tortor.
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque placerat porttitor ullamcorper. Nam nec urna diam. Curabitur elementum risus arcu, sit amet dignissim dui mollis dictum. Nulla cursus aliquet lacus sit amet elementum.</p>

			</div>

			<div id="logowanie">
				<form>
				<input type="text" placeholder="login" onfocus="this.placeholder=''" onblur="this.placeholder='login'" ></br>
				<input type="password" placeholder="hasło" onfocus="this.placeholder=''" onblur="this.placeholder='hasło'" ></br>
				<input type="submit" value="Zaloguj się">
				</form>

					<div class="socialdivs">
					<div class="fb">
						<i class="icon-facebook-squared"></i>
					</div>
					<div class="yt">
						<i class="icon-youtube"></i>
					</div>
					<div class="tt">
						<i class="icon-twitter-squared"></i>
					</div>
					<div class="gplus">
						<i class="icon-gplus"></i>
					</div>
					<div style="clear:both"></div>
					</div>
				</div>

		<div id="footer">
			Wszystko jest własnością pisiontów &copy; wszystkie prawa zastrzeżone.
			</div>

			</div>


</body>
</html>