<!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>Začnite z reševanjem testa</h2>

<fieldset>
Laž ima: <input type="text"><br><br>
Rana ura: <input type="text"><br><br>
Več glav: <input type="text"><br><br>
Jabolko ne pade: <input type="text"><br><br>
Bolje vrabec v roki: <input type="text"><br><br>
Pamet je boljša: <input type="text"><br><br>
Kar je pisano: <input type="text"><br><br>
Kar se Janezek nauči: <input type="text"><br><br>
Lenega čaka strgan rokav: <input type="text"><br><br>
Tresla se je gora: <input type="text"><br><br>
</fieldset>

<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>