Advertisement
Guest User

by urosevic.net

a guest
Jan 1st, 2011
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.95 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6.     <title>Poljoprivredne mašine - Saša Joksić</title>
  7. <style type="text/css">
  8. * {
  9.     margin: 0;
  10.     padding: 0;
  11.     border: 0;
  12. }
  13. .clear {
  14.     display: block;
  15.     clear: both;
  16. }
  17. body {
  18.     font-family: Verdana, Arial, Helvetica, sans-serif;
  19.     color: #333;
  20.     background: #EFEFEF;
  21. }
  22. #wrapper {
  23.     width: 760px;
  24.     margin: 20px auto;
  25.     background: #fff;
  26. }
  27. #header {
  28.     clear: both;
  29.     padding-bottom: 20px;
  30. }
  31. #header img {
  32.     width: 760px;
  33. }
  34.  
  35. #body {
  36.     width: 680px;
  37.     margin: 0 auto;
  38.     padding: 0 40px;
  39. }
  40. h1 {
  41.     font-size: 2.8em;
  42.     text-align: center;
  43.     margin-top: 30px;
  44. }
  45. h2 {
  46.     font-size: 1.0em;
  47.     text-align: center;
  48.     margin-bottom: 40px;
  49. }
  50. h3 {
  51.     font-size: 1.2em;
  52.     text-align: center;
  53.     padding: 10px;
  54.     margin-top: 20px;
  55.     clear: both;
  56.     letter-spacing: 0.3em;
  57.     border-top: 1px solid #eee;
  58.     background: #eee;
  59. }
  60. h4 {
  61.     font-size: 1.2em;
  62.     margin-bottom: 20px;
  63. }
  64. #header .radionica img {
  65.     padding: 0;
  66.     margin: 0;
  67.     width: 150px;
  68.     float: left;
  69.     margin: 0 1px;
  70. }
  71. ul {
  72.     margin-left: 20px;
  73. }
  74. .masina {
  75.     width: 638px;
  76.     padding: 20px;
  77.     margin-top: 20px;
  78.     clear: both;
  79.     min-height: 187px;
  80.     border: 1px solid #eee;
  81. }
  82. .masina img {
  83.     float: left;
  84.     position: relative;
  85.     margin-right: 40px;
  86.     width: 250px;
  87. }
  88. .masina .info {
  89.     position: relative;
  90.     float: left;
  91.     display: block;
  92.     width: 330px;
  93. }
  94. #footer {
  95.     margin-top: 40px;
  96.     background: #ddd;
  97.     padding: 20px;
  98. }
  99. #footer .adresa {
  100.     width: 49%;
  101.     position: relative;
  102.     font-size: 0.8em;
  103.     color: #777;
  104. }
  105. .zahvale {
  106.     float: right;
  107.     position: relative;
  108.     width: 49%;
  109.     bottom: 20px;
  110.     text-align: right;
  111. }
  112. </style>
  113. </head>
  114.  
  115. <body>
  116.  
  117.     <div id="wrapper">
  118.         <div id="header">
  119.             <img src="img/header.jpg" alt="Poljoprivredne mašine - Saša Joksić" />
  120.             <h1>PROIZVODNJA "JOKSIĆ"</h1>
  121.             <h2>Proizvodnja poljoprivrednih mašina po vašim željama i nacrtima</h2>
  122.  
  123.             <div class="radionica">
  124.                 <img src="img/ban1.jpg" />
  125.                 <img src="img/ban2.jpg" />
  126.                 <img src="img/ban4.jpg" />
  127.                 <img src="img/ban5.jpg" />
  128.                 <img src="img/ban6.jpg" />
  129.             </div><!-- .radionica -->
  130.         </div><!-- .header -->
  131.  
  132.         <div class="clear"></div>
  133.  
  134.         <div id="body">
  135.  
  136.             <h3>MAŠINE</h3>
  137.  
  138.             <div class="masina">
  139.                 <a href="img/m11.jpg"><img src="img/m1.jpg"></a>
  140.                 <div class="info">
  141.                     <h4>Mlin za seno</h4>
  142.                     <ul>
  143.                         <li>Kapacitet: 800 kg/h</li>
  144.                         <li>Motor: 11 KW</li>
  145.                     </ul>
  146.                 </div><!-- .info -->
  147.             </div><!-- .masina -->
  148.  
  149.             <div class="masina">
  150.                 <a href="img/m22.jpg"><img src="img/m2.jpg"></a>
  151.                 <div class="info">
  152.                     <h4>Mlin čekićar</h4>
  153.                     <ul>
  154.                         <li>Dodatna glava</li>
  155.                         <li>Kapacitet: 400kg/h</li>
  156.                         <li>El. motor 5,5 KW ili kardanski pogon</li>
  157.                         <li>Detalji: <a href="img/detalj1.jpg">slika 1</a>, <a href="img/detalj2.jpg">slika 2</a></li>
  158.                     </ul>
  159.                 </div>
  160.             </div><!-- .masina -->
  161.  
  162.             <div class="masina">
  163.                 <a href="img/m33.jpg"><img src="img/m3.jpg" /></a>
  164.                 <div class="info">
  165.                     <h4>Krunjač</h4>
  166.                     <ul>
  167.                         <li>Kapacitet: 2 t/h</li>
  168.                         <li>El. Motor: 1,5 KW</li>
  169.                         <li>Dimenzije: 115 x 1250 x 450</li>
  170.                         <li>Sa ili bez elevatora</li>
  171.                         <li>Pogled na mašinu: <a href="img/detalj3.jpg">slika</a></li>
  172.                     </ul>
  173.                 </div>
  174.             </div><!-- .masina -->
  175.  
  176.             <h3>BRAVARIJA</h3>
  177.  
  178.             <div class="masina">
  179.                 <a href="img/k11.jpg"><img src="img/k1.jpg"></a>
  180.                 <div class="info">
  181.                     <h4>Kapija</h4>
  182.                     <p>Kombinacija elemenata od kovanog gvožđa</p>
  183.                 </div>
  184.             </div><!-- .masina -->
  185.  
  186.         </div><!-- .body -->
  187.  
  188.         <div id="footer">
  189.             <div class="adresa">
  190.                 <strong>Proizvodnja "JOKSIĆ"</strong><br />
  191.                 Čedomira Đoinčevića 110, Vranić<br />
  192.                 tel. 011/8332-056<br />
  193.                 mob. 063/8179-182
  194.             </div><!-- .adresa -->
  195.            
  196.             <div class="zahvale">
  197.                 <a href="http://urosevic.net"><img src="img/dbu.png" /></a>
  198.             </div><!-- .zahvale -->
  199.         </div><!-- .footer -->
  200.  
  201.     <div class="clear"></div>
  202.  
  203.     </div><!-- .wrapper -->
  204.  
  205. </body>
  206. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement