<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="theme-color" content="#406d58"/>
<title>V. gimnazija</title>
<meta name="keywords" content="v. gimnazija, v gimnazija, peta gimnazija, peta, gimnazija, gimnazija zagreb, v" />
<meta name="description" content="V. gimnazija Zagreb - powered by V. gimnazija Webteam" />
<meta name="google-site-verification" content="94yBNXU2M8V871gJOGe-6AGSYN5pPj0iNxe_1Lv0CWg" />
<link rel="stylesheet" href="css/master.min.css" type="text/css" />
<!--[if lt IE 9]>
	<link rel="stylesheet" type="text/css" href="css/ie8.css" />
<![endif]-->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">

	$(document).ready(function() {
		$("#logo").hover(function(){
			$("#dio1").css('-webkit-transform','rotate(180deg)');
		}, function(){
				$("#dio1").css('-webkit-transform','rotate(0deg)');
			});
			$("#logo").hover(function(){
				$("#dio1").css('-moz-transform','rotate(180deg)');
			}, function(){
				$("#dio1").css('-moz-transform','rotate(0deg)');
				});
				$("#logo").hover(function(){
					$("#dio1").css('-ms-transform','rotate(180deg)');
				}, function(){
					$("#dio1").css('-ms-transform','rotate(0deg)');
			});
				$(".adminTabela > tbody > tr:odd").addClass("odd");
		$(".adminTabela > tbody > tr:not(.odd)").addClass("even");  
		$(".zatvori").click(function() {
			$("#loginBox").fadeOut();
			$("#overlay").fadeOut();
			$(".ime").removeClass("inputError");
			$(".pass").removeClass("inputError");
			$(".ispunitePolja").fadeOut();
			$("#loginBox").css("height", "266px");
		});
		$(".otvori").click(function() {
			$("#loginBox").fadeIn();
			$("#overlay").fadeIn();
		});
		$("#overlay").click(function() {
			$("#loginBox").fadeOut();
			$("#overlay").fadeOut();
		});
	});
	function validacijaForme() {
		var x=document.forms["forma"]["ime"].value;
		var y=document.forms["forma"]["pass"].value;
  		if (x==null || x=="")
 		{
  			$(".ime").addClass("inputError");
  			$(".ispunitePolja").fadeIn();
  			$("#loginBox").css("height", "286px");
  			if (y==null || y=="") {
  				$(".pass").addClass("inputError");
  			}
  			return false;
  		}
  		else if (y==null || y=="") {
  			$(".pass").addClass("inputError");
  			$(".ispunitePolja").fadeIn();
  			$("#loginBox").css("height", "286px");
  			if (x==null || x=="") {
  				$(".ime").addClass("inputError");
  			}
  			return false;
  		}
	}
</script>

<body>
	<img id="pozadina" src="img/pozadina.jpg" alt="pozadina" />
	<div id="zindex">
<div id="overlay"></div>

		<header>
			<div id="zaglavlje">
				<div id="logo" class="container_12 grid_4">
					<a href="index.php">
						<img id="dio1" src="img/5.png" alt="5"/>
						<img id="dio2" src="img/imnazija.png" alt="gimnazija"/>
					</a>
				</div>
				
						<div class="login">
				<a class="otvori">Prijava</a>
			</div>
						</div>
			<div id="loginBox">
	<h5><strong>Prijava</strong> u sustav V. gimnazije<a class="zatvori">Zatvori</a></h5>
	<div class="lijevoForma">
	<p class="loginParagraf">Za prijavu koristite podatke za prijavu na računala u školi</p>
			<p class="loginParagraf ispunitePolja" style="display: none;"><strong>Molimo ispunite potrebna polja!</strong></p>
			<form class="loginForm" name="forma" action="check.php" method="post" onsubmit="return validacijaForme()">
	<input placeholder="Korisničko ime" class="inputLogin ime" type="text" name="ime"><br><br>
	<input placeholder="Lozinka" class="inputLogin pass" type="password" name="pass"><br><br>
	<input type="submit" class="gumb" value="Prijavi se"><br>
	</form>
	</div>
	<div class="desnoForma">
		<strong>Pomoć</strong>
		<p class="loginParagraf">Ukoliko ste zaboravili lozinku, obratite se profesoru informatike.</p>
	</div>
	</div>
</header>

		
	<div class="navCenter">
		<nav class="grid_12">
			<a class="navBox naslovna" href="index.php">Naslovnica</a>
			<a class="navBox oskoli" href="vijesti.php">Vijesti</a>
			<a class="navBox ucenici" href="o-skoli">O školi</a>			
			<a class="navBox galerije" href="galerije">Galerije</a>
			<a class="navBox upisi" href="natjecaji.php">Natječaji</a>
			<a class="navBox kontakt" href="kontakt.php">Kontakt</a>
		</nav>
	</div>
	
	<div class="clear"></div>
	
	<div id="bijeliCont" class="container_12">
		<div class="grid_12" id="topBanner">
			<div class="lijevoTekst">
				<h2 class="topBanner">Dobro došli na stranice</h2>
				<h2 class="topBanner">zagrebačke V. gimnazije</h2>
			</div>
			<div class="sredinaPic">
				<img src="img/skolaMala.jpg" width="320px" height="130px" alt="V. gimnazija" />
			</div>
			<div class="desnoTekst">
				<h2 class="topBanner lijevo">Škola</h2>
				<div class="linija lijevo">V. gimnazija</div>
				<ul class="lista lijevo">
                                        <li><a class="topLink" href="ucenici">Učenici</a></li>
					<li><a class="topLink" href="upisi">Upisi</a></li>
					<li><a class="topLink" href="programi">Programi</a></li>
					<li><a class="topLink" href="profesori">Profesori</a></li>
					<li><a class="topLink" href="datoteke.php">Datoteke</a></li>
				</ul>
			</div>
		</div>
		<div class="grid_8">
			<h2 class="zadnjihPet">Vijesti</h2>
				<div class="vijest lijevo">
		<h2 class="naslov"><a href='izlet-u-linz-kluba-ljubitelja-umjetnosti'>Izlet u Linz Kluba ljubitelja umjetnosti</a></h2>
		<p class="sadrzaj">Tijekom zimskih praznika, 28.12....</p>
		<h4 class="vise"><a href='izlet-u-linz-kluba-ljubitelja-umjetnosti'>Više</a></h4>
	</div>
		<div class="vijest lijevo">
		<h2 class="naslov"><a href='izlozba-imaginary-u-zagrebu!'>Izložba Imaginary u Zagrebu!</a></h2>
		<p class="sadrzaj">Prvi kat zgrade PMF-Matematičkog odsjeka, Bijenička 30. Izložba je otvorena radnim danom od 10 do 16 sati. ...</p>
		<h4 class="vise"><a href='izlozba-imaginary-u-zagrebu!'>Više</a></h4>
	</div>
		<div class="vijest lijevo">
		<h2 class="naslov"><a href='prijevoz-samoborcek'>Prijevoz Samoborček</a></h2>
		<p class="sadrzaj">Obavijest za učenike koji koriste usluge prijevoza Samoborček d.o.o....</p>
		<h4 class="vise"><a href='prijevoz-samoborcek'>Više</a></h4>
	</div>
		<div class="vijest lijevo">
		<h2 class="naslov"><a href='adventski-izlet-u-bec'>Adventski izlet u Beč</a></h2>
		<p class="sadrzaj">U subotu 3.12, prijave u ponedjeljak i utorak...</p>
		<h4 class="vise"><a href='adventski-izlet-u-bec'>Više</a></h4>
	</div>
		<div class="vijest lijevo">
		<h2 class="naslov"><a href='v-gimnazija-se-prikljucila-code-clubu-hrvatska'>V. gimnazija se priključila Code Clubu Hrvatska</a></h2>
		<p class="sadrzaj">Peta zagrebačka gimnazija priključila se Code Clubu Hrvatska...</p>
		<h4 class="vise"><a href='v-gimnazija-se-prikljucila-code-clubu-hrvatska'>Više</a></h4>
	</div>
			</div>
		
		<div class="grid_4">
			<h2 class="desniNaslov">Galerije</h2>
			<div class="caption">
				<a href="galerije/galerija.php?url=ljetna-skola-2015">
				<div style="background: url('galerija/LJSV-2015/IMG_0014.JPG') 700px 370px; width: 300px; height: 115px;">
				<p class="captionText galerija">Ljetna skola pete 2015</p>
				</div>
				</a>
			</div><br>
			<div class="caption" style="margin-top: 40px;">
				<a href="galerije/galerija.php?url=razredi-2014-15">
				<div style="background: url('galerija/razredi-2014-15/3C.JPG') 1024px 720px; width: 300px; height: 115px;">
				<p class="captionText galerija">Generacija 2014/15</p>
				</div>
				</a>
			</div><br>
			<div class="caption">
				<a href="galerije/galerija.php?url=razmjena-ucenika-Fulda-2014">
				<div style="background: url('galerija/razmjena-2014N/HANA2S.JPG') 410px 300px; width: 300px; height: 115px;">
				<p class="captionText galerija">Razmjena ucenika - Fulda 2014</p>
				</div>
				</a>
			</div><br>						
			
			
			</div>
	</div>
<footer>
<img src="img/webteam.png" width="216px" height="22px" alt="Webteam" />
<div class = 'fimageDiv'>
<a href = 'http://ipaq.petagimnazija.hr/'><img src="img/ipaQLogo.gif" height="100px" alt="IPAQ Peta" class = 'fimage' /></a>
<div>
</footer>
<div class="footerfix">V. gimnazija</div>
<!-- Peta Footer Banner -->
</div>

<script type="text/javascript">
		var jQl={q:[],dq:[],gs:[],ready:function(a){"function"==typeof a&&jQl.q.push(a);return jQl},getScript:function(a,c){jQl.gs.push([a,c])},unq:function(){for(var a=0;a<jQl.q.length;a++)jQl.q[a]();jQl.q=[]},ungs:function(){for(var a=0;a<jQl.gs.length;a++)jQuery.getScript(jQl.gs[a][0],jQl.gs[a][1]);jQl.gs=[]},bId:null,boot:function(a){"undefined"==typeof window.jQuery.fn?jQl.bId||(jQl.bId=setInterval(function(){jQl.boot(a)},25)):(jQl.bId&&clearInterval(jQl.bId),jQl.bId=0,jQl.unqjQdep(),jQl.ungs(),jQuery(jQl.unq()), "function"==typeof a&&a())},booted:function(){return 0===jQl.bId},loadjQ:function(a,c){setTimeout(function(){var b=document.createElement("script");b.src=a;document.getElementsByTagName("head")[0].appendChild(b)},1);jQl.boot(c)},loadjQdep:function(a){jQl.loadxhr(a,jQl.qdep)},qdep:function(a){a&&("undefined"!==typeof window.jQuery.fn&&!jQl.dq.length?jQl.rs(a):jQl.dq.push(a))},unqjQdep:function(){if("undefined"==typeof window.jQuery.fn)setTimeout(jQl.unqjQdep,50);else{for(var a=0;a<jQl.dq.length;a++)jQl.rs(jQl.dq[a]); jQl.dq=[]}},rs:function(a){var c=document.createElement("script");document.getElementsByTagName("head")[0].appendChild(c);c.text=a},loadxhr:function(a,c){var b;b=jQl.getxo();b.onreadystatechange=function(){4!=b.readyState||200!=b.status||c(b.responseText,a)};try{b.open("GET",a,!0),b.send("")}catch(d){}},getxo:function(){var a=!1;try{a=new XMLHttpRequest}catch(c){for(var b=["MSXML2.XMLHTTP.5.0","MSXML2.XMLHTTP.4.0","MSXML2.XMLHTTP.3.0","MSXML2.XMLHTTP","Microsoft.XMLHTTP"],d=0;d<b.length;++d){try{a= new ActiveXObject(b[d])}catch(e){continue}break}}finally{return a}}};if("undefined"==typeof window.jQuery){var $=jQl.ready,jQuery=$;$.getScript=jQl.getScript};		jQl.loadjQ('//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js');
	</script>
<script type="text/javascript" src="js/jquery.simplePagination.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
				$("#logo").hover(function(){
					$("#dio1").css('-webkit-transform','rotate(180deg)');
				}, function(){
					$("#dio1").css('-webkit-transform','rotate(0deg)');
				});
				$("#logo").hover(function(){
					$("#dio1").css('-moz-transform','rotate(180deg)');
				}, function(){
					$("#dio1").css('-moz-transform','rotate(0deg)');
				});
				$("#logo").hover(function(){
					$("#dio1").css('-ms-transform','rotate(180deg)');
				}, function(){
					$("#dio1").css('-ms-transform','rotate(0deg)');
				});
			});
</script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-353875-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

</body>
</html>