Untitled

<!DOCTYPE html>
<html lang="PL">
<head>
	<meta charset="utf-8">
	<title>Niepubliczne Przedszkole Integracyjne Ziarenko</title>
	<meta name="description" content="Free Responsive Html5 Css3 Templates | zerotheme.com">
	<meta name="author" content="www.zerotheme.com">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  	<link rel="stylesheet" href="css/zerogrid.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/menu.css">
	<link rel="stylesheet" href="css/lightbox.css">
	<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

	<script src="js/jquery1111.min.js" type="text/javascript"></script>
	<script src="js/script.js"></script>

	<script src="http://cookiealert.sruu.pl/CookieAlert-latest.min.js"></script>
<script>
CookieAlert.init({
	style: 'light',
	position: 'bottom',
	opacity: '0.6',
	displayTime: 0,
	cookiePolicy: 'http://cookiealert.sruu.pl/o-ciasteczkach',
	text: 'Ten serwis wykorzystuje pliki cookies. Korzystanie z witryny oznacza zgodę na ich zapis lub odczyt wg ustawień przeglądarki.'
});
</script>

</head>
<!--
Kodowanie, układ i skrypty na stronie: www.zerotheme.com
Edycja projektu i realizacja: Pudliszka
Zabrania się kopiowania elementów strony bez pozwolenia autorów.
Licencja: Free Responsive Html5 Css3 Templates | zerotheme.com
-->
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.9";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="wrap-body">

<!--////////////////////////////////////Header-->
<header >
	<div class="zerogrid">
		<div class="wrap-header">
			<div class="logo t-center"><a href="index.html"><img src="images/logo.png"/></a></div>
			<div id='cssmenu' class="align-center">
				<ul>
				   <li class=' has-sub'><a href='#'><span>O „ZIARENKU”</span></a>
					  <ul>
						<li><a href='dzienwziarenku.html'><span>Dzień w "Ziarenku"</span></a></li>
						 <li><a href='regulamin.html'><span>Nasze zasady</span></a></li>
						 <li><a href='katecheza.html'><span>Katecheza Dobrego Pasterza</span></a></li>
						 <li><a href='rekrutacja.html'><span>Rekrutacja w "Ziarenku"</span></a></li>
						 <li class='last'><a href='otoczenie.html'><span>Nasze otoczenie</span></a></li>
					  </ul>
				   </li>
				   	<li><a href='patroni.html'><span>Patroni</span></a></li>
					 <li class=' has-sub'><a href='#'><span>Metoda Pracy</span></a>
					  <ul>
						<li><a href='Maria.html'><span>Maria Montessori – jej życie i dzieło</span></a></li>
						 <li><a href='pedagogiczne.html'><span>Zasady pedagogiczne</span></a></li>
						 <li class='last'><a href='Cytaty.html'><span>Nasze ulubione cytaty</span></a></li>
					  </ul>
				   </li>
				   <li><a href='przyjaciele.html'><span>Nasi Przyjaciele</span></a></li>
				   <li class='last'><a href='kontakt.html'><span>Kontakt</span></a></li>
				</ul>
			</div>
		</div>
		<div style="margin-bottom: 30px;" >
			<img src="images/baner1.jpg" alt="">
		</div>
	</div>
</header>

<section id="container">
	<div class="wrap-container">
		<section class="content-box box-1 box-style-1"><!--Start Box-->
			<div class="zerogrid">
				<div class="row">
									<div class="col-1-3">
						<div class="wrap-col item">
								<img src="images/Sala1.jpg" />
							<div class="item-content">
								<h3 class="item-header"><a href="#">Lekcja</a></h3>
							</div>
						</div>
					</div>
					<div class="col-1-3">
						<div class="wrap-col item">
								<img src="images/Sala2.jpg" />
							<div class="item-content">
								<h3 class="item-header"><a href="#">Sala katechetyczna Atrium</a></h3>
							</div>
						</div>
					</div>
					<div class="col-1-3">
						<div class="wrap-col item">
								<img src="images/Sala3.jpg" />
							<div class="item-content">
								<h3 class="item-header"><a href="#"> Kaplica szkolna</a></h3>
							</div>
						</div>
					</div>
				</div>

				<div class="row">
				<div class="col-1-2">
			</div>
		</section>
		<section class="content-box box-2 box-style-2 t-center"><!--Start Box-->
			<div class="zerogrid">
				<div class="row">
					<a href="rekrutacja.html" class="button-2">Rekrutacja</a>
				</div>
			</div>
		</section>
		<section id="container">
	<div class="wrap-container">
		<section class="content-box box-1 box-style-1"><!--Start Box-->
			<div class="zerogrid">
				<div class="row">
				<div class="col-1-2">
						<div class="wrap-col item">
							<p><big>Więcej bieżących informacji z życia przedszkola znajdziesz na naszym profilu na facebooku: Niepubliczne Przedszkole Integracyjne "Ziarenko"</big></p>

						</div>
					</div>
					<div class="col-1-2">
						<div class="wrap-col item">
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fziarenkomontessori%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
						</div>
					</div>

				</div>
			</div>
		</section>


<footer>
	<div class="zerogrid">
		<div class="wrap-footer">
			<div class="row">
				<div class="col-1-2">
					<div class="wrap-col">
						<div class="copy-right">
							<p>Copyright © Niepubliczne Przedszkole Integracyjne Ziarenko</p>
							<p>Projekt i realizacja <a href="http://piszemystrony.pl/"><b>Paweł <i>'Pudliszka'</i> Podlasin</b></a>.<p> Skrypty i układ strony <a href="http://www.zerotheme.com" target="_blank" rel="nofollow">ZEROTHEME</a>.</p>
						</div>
					</div>
				</div>
				<div class="col-1-2">
					<div class="wrap-col">
						<ul class="bottom-social f-right">
							<li><a href="https://www.facebook.com/ziarenkomontessori/?fref=ts"><i class="fa fa-facebook"></i></a></li>
													<br>
						<br>
												<br>
						<br>
						</ul>

						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</footer>

<script src="js/lightbox-plus-jquery.min.js"></script>

<script type="text/javascript">
    $(function() {
		if ($.browser.msie && $.browser.version.substr(0,1)<7)
		{
		$('li').has('ul').mouseover(function(){
			$(this).children('ul').css('visibility','visible');
			}).mouseout(function(){
			$(this).children('ul').css('visibility','hidden');
			})
		}

		/* Mobile */
		$("#menu-trigger").on("click", function(){
			$("#menu").slideToggle();
		});

		// iPad
		var isiPad = navigator.userAgent.match(/iPad/i) != null;
		if (isiPad) $('#menu ul').addClass('no-transition');
    });
</script>


</div>
</body></html>