<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="pl">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Learning jQuery - Fikcyjna księgarnia internetowa</title>
   <link rel="stylesheet" href="../styles/bookstore.css" type="text/css" media="screen" /> 
   <link rel="stylesheet" href="../styles/tables.css" type="text/css" media="screen" />
   <link rel="stylesheet" href="../styles/forms.css" type="text/css" media="screen" />
   <link rel="stylesheet" href="../styles/rotators.css" type="text/css" media="screen" />
   <script src="../scripts/jquery.js" type="text/javascript"></script>
   <script src="../scripts/bookstore.js" type="text/javascript"></script> 
   <script src="../scripts/tables.js" type="text/javascript"></script>
   <script src="../scripts/forms.js" type="text/javascript"></script>
   <script src="../scripts/rotators.js" type="text/javascript"></script>
</head>
<body>

   <div id="wrapper">
  	   <div id="branding">
         <h1>Learning jQuery</h1>
  	   </div>
  	   <div id="container">
         <div id="content">
            <h2>Wyniki wyszukiwania</h2>
  			   <p>Wyniki zwracane dla zapytania: <?php print $_GET['search-text']; ?></p>

  			   <ul>
  				   <li>Lorem ipsum dolor</li>
  				   <li>Lorem ipsum dolor</li>
  				   <li>Lorem ipsum dolor</li>
  				   <li>Lorem ipsum dolor</li>
  				   <li>Lorem ipsum dolor</li>
  				   <li>Lorem ipsum dolor</li>
  				   <li>Lorem ipsum dolor</li>
  			   </ul>
        
  	      </div>
  	      <!-- koniec elementu content -->
         <div id="primary-nav">
    		   <ul>
    			   <li><a href="../books/index.html">Książki</a></li>
    			   <li><a href="../news/index.html">Wiadomości</a></li>
    			   <li><a href="../contact/index.html">Kontakt</a></li>
    		   </ul>    
         </div>
  	   </div>
  	   <!-- koniec elementu container -->
  	   <div id="secondary-nav">
  		   <h3><a href="../cart/index.html">Twój koszyk</a></h3>
  			<ul>
  			   <li>Lorem ipsum dolor</li>
  			   <li>Lorem ipsum dolor</li>
  			   <li>Lorem ipsum dolor</li>
  			   <li>Lorem ipsum dolor</li>
  			   <li>Lorem ipsum dolor</li>
  				<li>Lorem ipsum dolor</li>
  				<li>Lorem ipsum dolor</li>
  			</ul>
  	   </div> 

     	<div id="sidebar">

  		   <h2>Ramka boczna</h2>
  			<form id="search" action="../search/index.php" method="get" accept-charset="utf-8">
            <label for="search-text">szukaj na stronie</label>
            <input type="text" name="search-text" id="search-text" />
  			</form>
  			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam adipiscing, risus quis fringilla venenatis, diam nisi adipiscing magna, sit amet rutrum risus nunc sit amet odio. Praesent ullamcorper. Donec sit amet ipsum. Nam consequat rhoncus lacus. Pellentesque libero erat, elementum a, mattis in, molestie id, magna. Integer sed libero vitae lacus elementum egestas. Nullam massa magna, gravida sed, porta vel, ultricies at, purus. Maecenas turpis. Vivamus ante risus, eleifend sed, scelerisque at, lacinia vitae, nunc. Vestibulum ut arcu. Cras ut magna. Pellentesque eleifend commodo est. Sed vitae odio eget ipsum tristique hendrerit. Cras elementum turpis ut sapien. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut sed erat at velit bibendum varius. Sed venenatis sagittis lectus. Cras ligula felis, ultrices et, imperdiet et, laoreet sed, odio. Morbi nunc tellus, hendrerit in, aliquet eget, rutrum a, magna. Nunc nunc.</p>

  	   </div>
  	   <!-- koniec ramki bocznej -->
  	   <div id="footer">
  		   To jest stopka.
  	   </div>
   </div>
   <!-- koniec elementu wrapper -->

</body>
</html>
