ÿþ<html> <head> <style> body { font: 400 14px/21px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; } ul { width:160px; list-style-type:none; } li { float:left; font-size:14px; color:#000; padding:10px; list-type:none; width:160px; } li a { text-decoration:none; color:#7CF; } li a:hover { color:#fe0000; } #dog_tag { position: fixed; left: 0px; top: 0px; width: 100%; height: 5px; background: none repeat scroll 0% 0% #FFF; z-index: 40; box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.7); } p, pre { margin: 15px 0px; } #dog_tag a:before, #dog_tag em:before { left: -90px; right: auto; clip: rect(0px, 100px, 93px, 70px); } #dog_tag a:after, #dog_tag a:before, #dog_tag em:after, #dog_tag em:before { content: ""; width: 80px; height: 120px; position: absolute; right: -90px; top: -18px; border: 10px solid #FFF; border-radius: 30px; transition: all 0.2s ease 0s; box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.7) inset; clip: rect(0px, 30px, 93px, 0px); } #dog_tag a, #dog_tag em { left: 40px; } #dog_tag a, #dog_tag em { position: absolute; z-index: 88; top: 0px; left: 20px; width: 110px; margin: 0px; height: 60px; padding: 15px 0px 0px; background: none repeat scroll 0% 0% #FFF; } #main_nav { width: 190px; top: 105px; } #main_nav { position: absolute; z-index: 7; left: 0px; width: 150px; top: 95px; font-size: 20px; line-height: 1.2; } #main_nav ul { font-family: 'Bree Serif',Georgia,serif; } #main_nav a, #main_nav em { padding: 5px 40px; } #main_nav a, #main_nav em { color: #FFF; display: block; margin-top: 20px; padding: 5px 20px; } header { border-top-left-radius: 5px; } header, #related { color: #FFF; padding: 20px 20px 20px; background: linear-gradient(#444, #222) repeat scroll 0% 0% #222; } article { margin-left: 190px; } article { max-width: 1180px; margin-left: 150px; position: relative; margin-top: 45px; border-radius: 5px 0px 0px 5px; z-index: 8; background: linear-gradient(transparent, #FFF 2%, #FFF 2%, #FFF 99%, transparent 99%) repeat scroll 0% 0% transparent; box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.7); } #main_content { padding: 20px 20px 40px; background: none repeat scroll 0% 0% #FFF; } * { margin: 0px; padding: 0px; list-style: none outside none; float: none; outline: 0px none; font-style: normal; border: medium none; } #you_are_here { left: 200px; } #you_are_here { position: absolute; top: 14px; left: 160px; right: 0px; z-index: 3; font-size: 12px; font-weight: 600; } #you_are_here a { background: url('crumb.gif') no-repeat scroll 10px 50% transparent; padding: 30px 10px 30px 32px; border: 0px none; color: #7CF; display: inline; } #site_footer { padding-left: 230px; } #site_footer { font-size: 12px; line-height: 40px; vertical-align: middle; padding-left: 190px; } </style> </head> <body style="background: linear-gradient(rgba(204, 229, 255, 0.15), rgba(0, 0, 0, 0.3)) repeat fixed 0% 0%, url('bg.gif') repeat fixed 0px 0px #345;"> <div id="dog_tag"><p><a href="index.html"><img src="logo biura.png" alt="HTML Dog" style="max-width:80px;margin-left:15px"><span></span></a></p></div> <nav id="you_are_here"><a href="index.html" id="home_link">Strona gBówna</a><span> ’! </span><a href="Kontakt.html" id="home_link">Kontakt</a><span> ’! </span></nav> <nav id="main_nav"> <ul> <li id="li_tut"><a href="index.html">Kilka sBów</a></li> <li id="li_tut"><a href="Babilonia.html">Babilonia</a></li> <li id="li_tut"><a href="Oferty.html">Oferty</a></li> <li id="li_tut"><a href="Kontakt.html">Kontakt</a></li> </ul> </nav> <article> <header> <div></div> <h1>Biuro podró|y ,,Hammurabi''</h1> <p>Z Hammurabim po Mezopotamii.</p> </header> <section id="main_content"> <h3>Kontakt</h3> <p>numer telefonu: 666-666-666 <p>adres email: hammurabi@abc.pl </p> </section> </article> <footer id="site_footer"><p>© 2014 Created by Aukasz Pietrowski.</p> </footer> </body> </html>