161 lines
8.2 KiB
HTML
161 lines
8.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="sl">
|
|
<head>
|
|
<link rel="stylesheet" href="stylesheet.css">
|
|
<script src="java_script.js"></script>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Rezervacija | Za prste obliznit</title>
|
|
</head>
|
|
<body>
|
|
<header class="site_header">
|
|
<nav class="nav_bar">
|
|
<a class="logo" href="index.html">
|
|
<img src="logo.png" class="logo_light" alt="Logotip restavracije" width="150"><br>
|
|
<img src="logo_dark.png" class="logo_dark" alt="Logotio restavracije" width="150">
|
|
<span>Za prste obliznit</span>
|
|
</a>
|
|
<ul class="main_menu">
|
|
<li><a href="index.html"><i class="fa-solid fa-house"></i>Domov</a></li>
|
|
<li><a href="jedilnik.html"><i class="fa-solid fa-utensils"></i>Jedilnik</a></li>
|
|
<li><a href="recepti.html"><i class="fa-solid fa-book-open"></i>Recepti</a></li>
|
|
<li><a class="active" href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
|
|
<li><a href="o_nas.html"><i class="fa-solid fa-circle-info"></i>O nas</a></li>
|
|
</ul>
|
|
<a class="hamburger_meni" href="javascript:void(0)" onclick="odpri_meni()">
|
|
<i class="fa-solid fa-bars"></i>
|
|
</a>
|
|
</nav>
|
|
</header>
|
|
<main class="rezervacija_page">
|
|
<h1>Vaša miza vas že čaka</h1>
|
|
<p>Dobra hrana je boljša v dobri družbi. Rezervirajte svojo mizo in si privoščite kulinarično popotovanje po spletu.</p>
|
|
<h2>Nekaj informaciji pred rezervacijo:</h2>
|
|
<p>
|
|
<b>Kdaj lahko rezervirate?</b>
|
|
<br>
|
|
Spletne rezervacije sprejemamo vsak dan med <b>9.00 in 20.00</b>. Rezervacijo priporočamo vsaj nekaj ur pred prihodom.
|
|
</p>
|
|
<p>
|
|
<b>Prihajate v večji družbi?</b>
|
|
<br>
|
|
Za skupine z <b>12 ali več osebami</b> vas prosimo, da nas pokličete. Tako se lahko skupaj dogovorimo o razpoložljivosti miz in poskrbimo, da bo vaš obisk čim prijetnejši.
|
|
</p>
|
|
<p>
|
|
Veselimo se vašega obiska in skupnih kulinaričnih doživetij!
|
|
<br>
|
|
<b>Ekipa Za prset obliznit</b>
|
|
</p>
|
|
<h2>Rezervacija</h2>
|
|
<p>Izpolnite podatke in pošljite zahtevo za restavracijo.</p>
|
|
<form id="obrazec_rezervacija" method="get" novalidate> <!novalidate pomeni da bomo lahko dodali svoje napise za opozorila!>
|
|
<fieldset class="field_rezervacija">
|
|
<legend>Podrobnosti rezervacije:</legend>
|
|
|
|
<label for="datum-obiska">Datum obiska</label>
|
|
<div class="vnos_rezervacija">
|
|
<input type="date" id="datum-obiska" name="datum-obiska" required>
|
|
<span class="sporocilo_napake" id="napaka-datum"></span>
|
|
</div>
|
|
Ura obiska
|
|
<input type="time" id="ura-obiska" name="ura-obiska" min="10:00" max="21:00" required>
|
|
Število oseb
|
|
<input type="number" min="1" max="11" id="stevilo-oseb" name="stevilo-oseb" required>
|
|
Prostor:
|
|
<select id="prostor" name="prostor">
|
|
<option value="notranjost">Notranjost</option>
|
|
<option value="terasa">Terasa</option>
|
|
<option value="zasebna-soba">Zasebna soba</option>
|
|
</select>
|
|
</fieldset>
|
|
<fieldset class="field_rezervacija">
|
|
<legend>Osebni podatki:</legend>
|
|
<label for="ime-priimek">Ime in priimek</label>
|
|
<div class="vnos_rezervacija">
|
|
<input type="text" id="ime-priimek" name="ime-priimek"
|
|
placeholder="Neža Novak" required>
|
|
<span class="sporocilo_napake" id="napaka-ime"></span> <!span bo prostor kjer se bodo izpisale napake!>
|
|
</div>
|
|
<label for="email">E-poštni naslov</label>
|
|
<div class="vnos_rezervacija">
|
|
<input type="email" id="email" name="email"
|
|
placeholder="neza.novak@primer.si" required>
|
|
<span class="sporocilo_napake" id="napaka-email"></span>
|
|
</div>
|
|
<label for="telefon-st">Telefonska številka</label>
|
|
<div class="vnos_rezervacija">
|
|
<input type="tel" id="telefon-st" name="telefon-st"
|
|
placeholder="040 123 456" required>
|
|
<span class="sporocilo_napake" id="napaka-telefon"></span>
|
|
</div>
|
|
Priložnost <br>
|
|
<div class="opcije">
|
|
<div class="opcije_radio">
|
|
<input type="radio" id="brez" name="priloznost" value="brez">
|
|
<label for="brez">Brez</label>
|
|
</div>
|
|
<div class="opcije_radio">
|
|
<input type="radio" id="rojstni-dan" name="priloznost" value="rojstni-dan">
|
|
<label for="rojstni-dan">Rojstni dan</label>
|
|
</div>
|
|
<div class="opcije_radio">
|
|
<input type="radio" id="obletnica" name="priloznost" value="obletnica">
|
|
<label for="obletnica">Obletnica</label>
|
|
</div>
|
|
<div class="opcije_radio">
|
|
<input type="radio" id="poslovno-srecanje" name="priloznost" value="poslovno-srecanje">
|
|
<label for="poslovno-srecanje">Poslovno srečanje</label>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<br>
|
|
<br>
|
|
<fieldset class="field_rezervacija">
|
|
<legend>Dodatne želje:</legend>
|
|
Posebne omejitve <br>
|
|
<div class="opcije">
|
|
<div class="opcije_checkbox">
|
|
<input type="checkbox" id="vegan" name="posebne-omejitve" value="vegan">
|
|
<label for="vegan">Vegansko</label>
|
|
</div>
|
|
<div class="opcije_checkbox">
|
|
<input type="checkbox" id="vegetarijan" name="posebne-omejitve" value="vegetarijan">
|
|
<label for="vegetarijan">Vegetarjansko</label>
|
|
</div>
|
|
<div class="opcije_checkbox">
|
|
<input type="checkbox" id="gluten" name="posebne-omejitve" value="gluten">
|
|
<label for="gluten">Brez glutena</label>
|
|
</div>
|
|
<div class="opcije_checkbox">
|
|
<input type="checkbox" id="laktoza" name="posebne-omejitve" value="laktoza">
|
|
<label for="laktoza">Brez laktoze</label>
|
|
</div>
|
|
</div>
|
|
Opombe
|
|
<br>
|
|
<textarea id="opombe" placeholder="Npr. potrebujete stolček za otroka, ..." name="opombe" rows="5" cols="50" ></textarea>
|
|
<br>
|
|
<div class="pogoji_uporabe">
|
|
<input type="checkbox" id="pogoji" name="pogoji" value="da" required>
|
|
<label for="pogoji">Strinjam se z obdelavo osebnih podatkov </label>
|
|
</div>
|
|
</fieldset>
|
|
<br><br>
|
|
<input class="gumb_osnovni_obratno" type="submit" value="Oddaja rezervacije">
|
|
<input class="gumb_manj" type="reset" value="Ponastavi">
|
|
</form>
|
|
<br><br>
|
|
</main>
|
|
<footer>
|
|
<address>
|
|
Za prste obliznit<br>
|
|
<i class="fa-solid fa-location-dot"></i>Tomaž nad Vojnikom 18a,3212 Vojnik <br>
|
|
<i class="fa-solid fa-phone"></i>Telefon:<a href="tel:+072727777"> 07 272 77 77</a> <br>
|
|
<i class="fa-solid fa-envelope"></i>E-pošta:<a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a>
|
|
</address>
|
|
<p>© 2026 Iva Friedrich</p>
|
|
</footer>
|
|
<script src="js/rezervacija.js"></script>
|
|
<script src="js/navigacija.js"></script>
|
|
</body>
|
|
</html> |