173 lines
8.7 KiB
HTML
173 lines
8.7 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
<title>Hodowla kaktusów i innych sukulentów</title>
|
|
<meta name="keywords" content="kaktusy" />
|
|
<meta name="Premium Series" content="" />
|
|
<link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
|
|
<link href="css/default.css" rel="stylesheet" type="text/css" media="screen" />
|
|
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
|
|
<style>
|
|
.boxer {
|
|
display: table;
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.boxer .box-row {
|
|
display: table-row;
|
|
}
|
|
|
|
.boxer .box {
|
|
display: table-cell;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- start header -->
|
|
<div id="header">
|
|
<div id="logo">
|
|
<h1><a href="http://www.kaktusiarnia.pl"><span>Hodowla kaktusów i innych sukulentów</span></a></h1>
|
|
</div>
|
|
<div id="splash"><img src="images/img02.gif" alt="" /> </div>
|
|
<div id="menu">
|
|
<ul id="main">
|
|
<li class="current_page_item"><a href="index.html">Strona Główna</a></li>
|
|
<li><a href="http://kaktusy.firestorm.pl/">Sklep</a></li>
|
|
<li><a href="uprawa.html">Uprawa</a></li>
|
|
<li><a href="galeria.php">Galeria</a></li>
|
|
<li><a href="kontakt.html">Kontakt</a></li>
|
|
<li><a href="linki.html">Linki</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
<br />
|
|
<!-- end header -->
|
|
<div id="wrapper">
|
|
<!-- start page -->
|
|
<div id="page">
|
|
<div id="sidebar1" class="sidebar">
|
|
<ul>
|
|
<li>
|
|
<h2>Menu</h2>
|
|
<ul>
|
|
<li class="current_page_item_left"><a href="index.html">Strona Główna</a></li>
|
|
<li><a href="http://kaktusy.firestorm.pl/">Sklep</a></li>
|
|
<li><a href="uprawa.html">Uprawa</a></li>
|
|
<li><a href="galeria.php">Galeria</a></li>
|
|
<li><a href="kontakt.html">Kontakt</a></li>
|
|
<li><a href="linki.html">Linki</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<h2>Kontakt</h2>
|
|
<div class="kontakt">
|
|
<p><b>Andrzej i Łucja Hinz</b><br />
|
|
ul. Partyzantów 2<br />
|
|
84-230 RUMIA k. GDYNI<br />
|
|
<b>kom.</b> 512-459-225<br />
|
|
<a href="mailto:kaktusiarnia@kaktusiarnia.pl" style="color:#6E8A21;">kaktusiarnia@kaktusiarnia.pl</a><br />
|
|
</p>
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<!-- start content -->
|
|
<div id="content">
|
|
<div class="flower"></div>
|
|
<div class="post">
|
|
<h1 class="title">Co można u nas zobaczyć?</h1>
|
|
<p class="byline"><small> </small></p>
|
|
<div class="entry">
|
|
|
|
|
|
<h2><b><i>Podczas dni otwartych można podziwiać pierwsze kwitnące kaktusy i inne sukulenty ...</i></b></h2>
|
|
<div class="boxer">
|
|
<div class="box-row">
|
|
<div class="box"><img src="warto_gr/kwitnace_01.JPG" width="300px" class="thumb-container"/></div>
|
|
<div class="box"><img src="warto_gr/kwitnace_02.JPG" width="300px" class="thumb-container"/></div>
|
|
</div>
|
|
<div class="box-row">
|
|
<div class="box"><img src="warto_gr/kwitnace_03.JPG" width="300px" class="thumb-container"/></div>
|
|
<div class="box"><img src="warto_gr/kwitnace_04.JPG" width="300px" class="thumb-container"/></div>
|
|
</div>
|
|
<div class="box-row">
|
|
<div class="box">
|
|
<img src="warto_gr/kwitnace_05.JPG" width="300px" class="thumb-container"/>
|
|
<br />
|
|
<img src="warto_gr/kwitnace_07.JPG" width="300px" class="thumb-container"/>
|
|
</div>
|
|
<div class="box"><img src="warto_gr/kwitnace_06.JPG" width="300px" class="thumb-container"/></div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<h2><b><i>... oraz liczne zwierzęta, które wystawiane są specjalnie na tą okazję</i></b></h2>
|
|
<div class="boxer">
|
|
<div class="box-row">
|
|
<div class="box"><img src="warto_gr/zwierzaki_01.JPG" width="300px" class="thumb-container"/></div>
|
|
<div class="box"><img src="warto_gr/zwierzaki_02.JPG" width="300px" class="thumb-container"/></div>
|
|
</div>
|
|
<div class="box-row">
|
|
<div class="box"><img src="warto_gr/zwierzaki_03.jpg" width="300px" class="thumb-container"/></div>
|
|
<div class="box"><img src="warto_gr/zwierzaki_04.jpg" width="300px" class="thumb-container"/></div>
|
|
</div>
|
|
<div class="box-row">
|
|
<div class="box"><img src="warto_gr/zwierzaki_05.jpg" width="300px" class="thumb-container"/></div>
|
|
<div class="box"><img src="warto_gr/zwierzaki_06.jpg" width="300px" class="thumb-container"/></div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<h2><b><i>Po więcej zdjęć zapraszamy do naszej <a href="galeria.php">galerii</a></i></b></h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end content -->
|
|
<div style="clear: both;"> </div>
|
|
</div>
|
|
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
|
|
<!-- end page -->
|
|
</div>
|
|
<div id="footer">
|
|
<p class="copyright">© 2015 Wszelkie prawa zastrzeżone.</p>
|
|
<p class="link">Opieka nad stroną • <a href="mailto:ahinz@o2.pl">ahinz@o2.pl</a></p>
|
|
</div>
|
|
<script type="text/javascript">
|
|
this.imagePreview = function () {
|
|
xOffset = 10;
|
|
yOffset = -300;
|
|
$(".thumb-container").hover(function (e) {
|
|
this.t = this.title;
|
|
this.title = "";
|
|
var c = (this.t != "") ? "<br/>" + this.t : "";
|
|
$("body").append("<p id='preview'><img src='" + this.src + "' alt='Image preview' />" + c + "</p>");
|
|
$("#preview")
|
|
.css("top", (e.pageY - xOffset) + "px")
|
|
.css("left", (e.pageX + yOffset) + "px")
|
|
.fadeIn("fast");
|
|
},
|
|
function () {
|
|
this.title = this.t;
|
|
$("#preview").remove();
|
|
});
|
|
$("a.thumb-container").mousemove(function (e) {
|
|
$("#preview")
|
|
.css("top", (e.pageY - xOffset) + "px")
|
|
.css("left", (e.pageX + yOffset) + "px");
|
|
});
|
|
};
|
|
|
|
|
|
// starting the script on page load
|
|
$(document).ready(function () {
|
|
imagePreview();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|