Untitled

<!doctype html>
<html>
<head>
    <!-- TO SĄ KOMENTARZE -->
    <!-- Informacje nagłówkowe -->
    <!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

    <title>Strona główna – Piotr Bednarek</title>
    <meta name="viewport" content="width=device-width, maximum-scale=3.0, minimum-scale=1.0, initial-scale=1" />

    <meta charset="utf-8" />
<meta name="author" content=""/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<link rel="stylesheet" type="text/css" href="css/style_desktop.css" />
<link rel="stylesheet" type="text/css" media="only screen and (max-width:500px)" href="css/style_mobile.css">

</head>
<body>
   <div id="container">
        <header id="naglowek">
             <div id="logo">

                 <a  href="https://www.google.pl/" target="blank"><img src="obrazy/logo.png" width="250" height="60" alt="" ></a>
             </div>
            <aside id="links">
                <ul>
                   <li>
                    <a href="http://www.pja.edu.pl/" target="blank"><img src="obrazy/logopjwstk.png" width="60" height="60" alt="logopjwstk" style="float: center;"></a>
                   </li>
                   <li>
                        <a href="http://www.pja.edu.pl/" target="blank"><img src="obrazy/logotwitter.png" width="60" height="60" alt="logotwitter" style="float: center;"></a>
                   </li>
                   <li>
                        <a href="http://www.pja.edu.pl/" target="blank">
                            <img src="obrazy/logoapple.png" width="60" height="60" alt="logoapple" style="float: center;">
                        </a>
                   </li>
                   <li>
                        <a href="http://www.pja.edu.pl/" target="blank">
                            <img src="obrazy/logowp.png" width="60" height="60" alt="logowp" style="float: center;">
                        </a>
                   </li>
                   <li>
                        <a href="http://www.pja.edu.pl/" target="blank">
                            <img src="obrazy/logowin.png" width="60" height="60" alt="logowin" style="float: center;">
                        </a>
                   </li>
                </ul>
             </aside>
             <div id="search">

                <form action="jakasakcja" method="post">
                <input type="text" name="szukaj" placeholder="--wyszukaj--" size="15" maxlength="30">
                <input type="submit" value="Szukaj">
                </form>

             </div>
        </header>
        <div id="tresc">
            <div id="lewakolumna">
                <div id="menu_container">
                    <nav id="menu">
                       <ul>
                            <li><a href="index.html" id="active">Strona główna</a></li>
                            <li><a href="autor.html">O Autorze</a></li>
                            <li><a href="galeria.html">Galeria zdjęć</a></li>
                            <li><a href="kontakt.html">Kontakt</a></li>
                        </ul>

                    </nav>
                </div>
            </div>
            <div id="prawakolumna">
                <div id="crunch">
                        <a href="index.html">Strona główna</a>&nbsp;&gt;&nbsp;
                </div>
                <article id="content">

                        <h3>Strona główna</h3>
                        <img id="Obrazek1" src="obrazy/foto.jpg" width="171" height="176" alt="" style="float: right; ">
                        <p>
                            ed magna et est placerat pulvinar faucibus eget nisi. Vestibulum accumsan, odio non iaculis sollicitudin, mauris nibh consequat enim, nec ultricies dui dolor eget quam. Curabitur eros elit, iaculis blandit blandit at, semper sed nisi. Nunc egestas tellus sed elit aliquam eu consectetur nisl auctor. Suspendisse egestas rutrum eros, nec laoreet arcu accumsan vitae. Sed quam neque, pretium sagittis venenatis nec, semper in eros.
                        </p>
                        <p> Etiam hendrerit convallis mi, sed fermentum felis varius sed. Proin elementum lacus quis nulla malesuada interdum. Fusce nisi ante, fermentum quis gravida et, mattis eget tellus. Donec malesuada metus vel nisl luctus sed vulputate lacus viverra. Proin porttitor ultricies nisl, eu fringilla magna pellentesque ut. Nulla sit amet dui sit amet quam commodo posuere a laoreet odio. Ut fringilla, eros sit amet scelerisque porta, lectus nibh accumsan libero, a bibendum enim odio vel arcu. Nam ac neque nibh, ac ultrices lectus. Quisque elementum velit et nisl fringilla adipiscing.
                        </p>


                </article>
            </div>
            <div style="clear:both"></div>
        </div>
        <footer id="footer">
             tutaj będzie stopka
        </footer >
   </div>

</body>
</html>