1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.        
  5.         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  6.        
  7.         <link rel="stylesheet" type="text/css" media="screen" href="index.css" />
  8.        
  9.         <link rel="shortcut icon" href="favicon.ico" />
  10.         <link rel="icon" href="favicon.ico" />
  11.        
  12.         <title>Šestar - baza znanstvenih instrumenata</title>
  13.        
  14. </head>
  15. <body>
  16.                
  17.         <div id="site">
  18.                
  19.                 <div id="header">
  20.                        
  21.                         <h1><a class="image_replace" href="#">Šestar - baza podataka znanstvenih instrumenata</a></h1>
  22.                        
  23.                         <ul>
  24.                                 <li><a  href="#">O projektu</a></li>
  25.                                 <li><a  href="#">Pregled</a></li>
  26.        
  27.                                 <li><a  href="#">Pretraživanje</a></li>
  28.                                 <li><a class="tab" href="#">Kontakt</a></li>
  29.                         </ul>
  30.                                
  31.                         <div id="loggedin">
  32.                                 <ul>
  33.                                         <li><a href="#">Login</a></li>
  34.                                 </ul>
  35.                         </div>
  36.                
  37.                 </div>
  38.                        
  39.                 <div id="main">
  40.                        
  41.                         <div id="scientist_part">
  42.                                 <img src="images/scientist23.jpg" />
  43.                         </div>
  44.        
  45.                         <div id="about_part">
  46.                                
  47.                                 <h2>Kontakt</h2>
  48.                                 <p class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  49.                                 </p>
  50.                        
  51.                         </div>
  52.                                
  53.                         <div id="kontakt_part">
  54.                        
  55.                                 <h3>Kontakt</h3>
  56.                        
  57.                                 <form action="http://sestar.irb.hr/kontakt.php?send" method="post" enctype="multipart/form-data">
  58.                                
  59.                                         <p>
  60.                                                 <label for="form_name">Vaše ime</label>
  61.                                                 <input class="input" type="text" id="form_name" name="name" value="" />
  62.                                         </p>
  63.                                        
  64.                                         <p>
  65.                                                 <label for="form_mail">Vaš e-mail</label>
  66.                                                 <input class="input" type="text" id="form_mail" name="mail" value="" />
  67.                                         </p>   
  68.                                                        
  69.                                         <p>
  70.                                                 <label for="form_message">Pitanje, komentar,...</label>
  71.                                                 <textarea rows="10" cols="30" id="form_message" name="message"></textarea>
  72.                                         </p>
  73.                                                
  74.                                         <p><button type="submit" id="send">Kliknite ovdje za slanje</button></p>
  75.                                                                
  76.                                 </form>
  77.                                
  78.                         </div>
  79.                        
  80.                         <div id="kontakt_info_part">
  81.                                
  82.                                 <h4>Kontakt informacije</h4>
  83.                                
  84.                                 <p>Knjižnica Instituta "Ruđer Bošković"</p>
  85.                                
  86.                                 <p>Kontakt osoba: <strong>J. Stojanovski</strong>
  87.                        
  88.                                         <ul>
  89.                                             <li class="phone">01/123-456</li>
  90.                                             <li class="mail">info@sestar.irb.hr</li>
  91.                                         </ul>
  92.                                        
  93.                                 </p>   
  94.                                
  95.                                 <div id="knjiznica-logo"></div>
  96.                                                                        
  97.                         </div>                 
  98.                
  99.                 </div>
  100.        
  101.                 <div id="footer">
  102.                         <p>&copy; 2009 Knjižnica Instituta Ruđer Bošković &nbsp; &middot; &nbsp; Programming &amp; Design <a href="#" rel="external">Iza ćoška web studio</a></p>
  103.                 </div>
  104.                
  105.         </div>
  106.        
  107. </body>
  108. </html>