<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content_Type" content="text/html; charset=utf-8">
	<title>SLOVENSKI PREGOVORI</title>
<style>
body {
	background-color: beige;
}
	h1, h2, p {
	color: Blue;
}

.btn {
  border: 4px solid blue;
  background-color: beige;
  color: blue;
  padding: 14px 28px;
  font-size: 16px;
  text-align: left;
  cursor: pointer;
}
</style>
</head>

<body>
	<h1>SLOVENSKI PREGOVORI</h1>
	<h2>Navodila za izpolnjevanje testa</h2>
	<p>Pred vami je interaktivna spletna stran s slovenskimi pregovori.</p>
	<p>Z reševanjem nalog lahko preverite svoje znanje tako, da prvemu delu pregovora dopišete v prazni okvirček njegov drugi del.</p>
	<p>V primeru pravilnega odgovora se bo okvirček PRAVILNO-NAPAČNO obarval zeleno. Poleg njega se bo pojavila slika nageljčka.</p>
	<p>V primeru napačnega odgovora se bo okvirček PRAVILNO-NAPAČNO obarval rdeče. Poleg njega se bo pojavila slika bodeče neže.</p>
	<p>Za vsak pravilen odgovor boste prejeli 1 točko. Na koncu testa bo prikazan odstotek pravilnih odgovorov.</p><br>
	<h2>Izpolnite test z velikimi tiskanimi črkami</h2>

	<p><b>LAŽ IMA </b><button class="btn 1">KRATKE NOGE</button>
			<button class="btn 2">PRAVILNO-NAPAČNO</button>
			<button class="btn 3">NAGELJ-BODEČA NEŽA</button></p><br>
	
	<p><b>RANA URA </b><button class="btn 1">ZLATA URA</button>
			<button class="btn 2">PRAVILNO-NAPAČNO</button>
			<button class="btn 3">NAGELJ-BODEČA NEŽA</button></p><br>
	
	<p><b>VEČ GLAV </b><button class="btn 1">VEČ VE</button>
			<button class="btn 2">PRAVILNO-NAPAČNO</button>
			<button class="btn 3">NAGELJ-BODEČA NEŽA</button></p><br>

	<p><b>JABOLKO NE PADE </b><button class="btn 1">DALEČ OD DREVESA</button>
			<button class="btn 2">PRAVILNO-NAPAČNO</button>
			<button class="btn 3">NAGELJ-BODEČA NEŽA</button></p><br>

	<p><b>BOLJE VRABEC V ROKI </b><button class="btn 1">KOT GOLOB NA STREHI</button>
			<button class="btn 2">PRAVILNO-NAPAČNO</button>
			<button class="btn 3">NAGELJ-BODEČA NEŽA</button></p><br>

	<p><b>PAMET JE BOLJŠA </b><button class="btn 1">KOT ŽAMET</button>
			<button class="btn 2">PRAVILNO-NAPAČNO</button>
			<button class="btn 3">NAGELJ-BODEČA NEŽA</button></p><br>

	<p><b>KAR JE PISANO </b><button class="btn 1">NE BO IZBRISANO</button>
			<button class="btn 2">PRAVILNO-NAPAČNO</button>
			<button class="btn 3">NAGELJ-BODEČA NEŽA</button></p><br>
	
	<p><b>KAR SE JE JANEZEK NAUČIL </b><button class="btn 1">TO JANEZ ZNA</button>
			<button class="btn 2">PRAVILNO-NAPAČNO</button>
			<button class="btn 3">NAGELJ-BODEČA NEŽA</button></p><br>	
	
	<p><b>LENEGA ČAKA STRGAN ROKAV </b><button class="btn 1">PALCA BERAŠKA PRAZEN BOKAL</button>
			<button class="btn 2">PRAVILNO-NAPAČNO</button>
			<button class="btn 3">NAGELJ-BODEČA NEŽA</button></p><br>
	
	<p><b>TRESLA SE JE GORA </b><button class="btn 1">RODILA SE JE MIŠ</button>
			<button class="btn 2">PRAVILNO-NAPAČNO</button>
			<button class="btn 3">NAGELJ-BODEČA NEŽA</button></p><br>

	<p><b>SKUPNO ŠTEVILO TOČK </b><button class="btn 3">x*NAGELJ</button></p><br>

	<p><b>USPEŠNOST </b><button class="btn 4">ODSTOTEK USPEHA x*100/10</button></p>

	<p><b>ČESTITAMO </b><button class="btn 4"><b>Čestitamo, dosegli ste vse možne točke!</b></button></p>
	
</body>
</html>