<!doctype html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Author" content="Krzysztof Zajączkowski" />
<link rel = "stylesheet" type = "text/css" href = "style.css"/>
<title>Spływy kajakowe</title>
</head>
<body>
<section class="all_page">
<header>
<div class="banner_up">
<a href="#">
<img src="Kajak.svg" alt="Spływy kajakowe - logo" class="logo"/>
<p id="club">KLUB KAJAKOWY</p>
<p id="wodnik">WODNIK</p>
</a>
</div>
<div class="gradient1"></div>
<nav>
<ul>
<li><a href="#">Strona główna</a></li>
<li><a href="#">Trasy</a></li>
<li><a href="#">Cennik</a></li>
<li><a href="#">Relacje</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</nav>
<div class="gradient2"></div>
<div class="banner_down">
<div id="szczecinek">Szczecinek</div>
<div id="jeziora"><img src="dot.png" alt="jeziora"/> Jeziora</div>
<div id="rzeki"><img src="dot.png" alt="rzeki"/> Rzeki</div>
<div id="zabytki"><img src="dot.png" alt="zabytki"/> Zabytki</div>
<div id="palace"><img src="dot.png" alt="pałace"/> Pałace</div>
<div id="zamki"><img src="dot.png" alt="zamki"/> Zamki</div>
<div id="koscioly"><img src="dot.png" alt="koscioly"/> Kościoły</div>
</div>
<div class="gradient1"></div>
</header>
<article class="page">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam justo lectus, iaculis a, auctor sed, congue in, nisl. Cras ac enim vel dui vestibulum suscipit. Mauris sed nulla quis nisi interdum tempor. Praesent scelerisque. Nam id neque. Phasellus lacinia iaculis mi. Morbi urna. Nulla sagittis condimentum ligula. Suspendisse lectus. In consectetuer, lorem eu lobortis egestas, velit odio imperdiet eros, sit amet sagittis nunc mi ac neque. Quisque aliquam, nulla ac scelerisque convallis, nisi ligula sagittis risus, at nonummy arcu urna pulvinar nibh. Nam sed nisl nec elit suscipit ullamcorper. Morbi pulvinar nulla sit amet nisl. Donec nonummy lacinia leo. Quisque malesuada nulla sed pede volutpat pulvinar. Nam molestie nisl at metus. Donec ut purus. Aenean turpis ipsum, rhoncus vitae, posuere vitae, euismod sed, ligula. Praesent a eros. Etiam pede nunc, vestibulum vel, rutrum et, tincidunt eu, enim. Etiam fermentum. In leo ante, venenatis eu, volutpat ut, imperdiet auctor, enim. Nulla sed lacus. </p>
<p>Quisque malesuada nulla sed pede volutpat pulvinar. Nam id neque. Nam massa turpis, nonummy et, consectetuer id, placerat ac, ante. Nam consectetuer mollis dolor. Nulla blandit justo a metus. Suspendisse fermentum. Etiam fermentum. Donec nonummy lacinia leo. Nam massa turpis, nonummy et, consectetuer id, placerat ac, ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean ultrices turpis. Maecenas rhoncus rhoncus ipsum. Proin lectus orci, venenatis pharetra, egestas id, tincidunt vel, eros. Praesent semper, neque vel condimentum hendrerit, lectus elit pretium ligula, nec consequat nisl velit at dui. Quisque aliquam, nulla ac scelerisque convallis, nisi ligula sagittis risus, at nonummy arcu urna pulvinar nibh. Maecenas convallis dui.</p>
<p>Vivamus feugiat. Etiam fermentum. Aenean id purus. Nam sed nisl nec elit suscipit ullamcorper. Nam consectetuer mollis dolor. Morbi a mauris. Nullam venenatis gravida orci. Aliquam velit dui, commodo quis, porttitor eget, convallis et, nisi. Proin lectus orci, venenatis pharetra, egestas id, tincidunt vel, eros. Suspendisse potenti. Aenean scelerisque metus eget sem. Donec ut purus. Suspendisse potenti. Sed dolor. Nam pharetra. Sed fringilla. In consectetuer, lorem eu lobortis egestas, velit odio imperdiet eros, sit amet sagittis nunc mi ac neque. Sed non ipsum. In leo ante, venenatis eu, volutpat ut, imperdiet auctor, enim. In consectetuer, lorem eu lobortis egestas, velit odio imperdiet eros, sit amet sagittis nunc mi ac neque. </p>
<p>Integer fringilla. Sed non ipsum. Proin diam augue, semper vitae, varius et, viverra id, felis. Curabitur risus urna, placerat et, luctus pulvinar, auctor vel, orci. Mauris ac massa vestibulum nisl facilisis viverra. Mauris urna sem, suscipit vitae, dignissim id, ultrices sed, nunc. Donec nonummy lacinia leo. Aliquam imperdiet lobortis metus. Mauris urna sem, suscipit vitae, dignissim id, ultrices sed, nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris tincidunt aliquam ante. Aenean ultrices turpis. Nam molestie nisl at metus. Aenean ultrices turpis. Morbi volutpat. Ut venenatis. Maecenas justo. Etiam sodales orci nec ligula. Proin diam augue, semper vitae, varius et, viverra id, felis. </p>
<p>Phasellus magna sem, vulputate eget, ornare sed, dignissim sit amet, pede. Cras facilisis felis sit amet lorem. Nam consectetuer mollis dolor. Vivamus feugiat. Mauris tincidunt aliquam ante. Phasellus auctor enim eget sem. Quisque malesuada nulla sed pede volutpat pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti. In hac habitasse platea dictumst. Nulla facilisi. Integer risus velit, facilisis eget, viverra et, venenatis id, leo. Integer risus velit, facilisis eget, viverra et, venenatis id, leo. Fusce venenatis ligula in pede. Integer tempus malesuada pede. Praesent lacus. Aenean scelerisque metus eget sem. Sed quis elit. Aliquam imperdiet lobortis metus. </p>
</article>
<footer>
<p>Ten przykładzik strony dla obliczeniowo.com.pl został stworzony.
Przez właściciela tej zacnej strony.
Wszelkie prawa są zastrzeżone!</p>
</footer>
</section>
</body>
</html>