urejeni borderji okoli fieldstov
This commit is contained in:
+105
-102
@@ -7,116 +7,119 @@
|
|||||||
<title>Rezervacija | Za prste obliznit</title>
|
<title>Rezervacija | Za prste obliznit</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="site_header">
|
<header class="site_header">
|
||||||
<nav class="nav_bar">
|
<nav class="nav_bar">
|
||||||
<a class="logo" href="index.html">
|
<a class="logo" href="index.html">
|
||||||
<img src="logo.png" alt="Logotip restavracije" width="150"><br>
|
<img src="logo.png" alt="Logotip restavracije" width="150"><br>
|
||||||
<span>Za prste obliznit</span>
|
<span>Za prste obliznit</span>
|
||||||
</a>
|
</a>
|
||||||
<ul class="main_menu">
|
<ul class="main_menu">
|
||||||
<li><a href="index.html">Domov</a></li>
|
<li><a href="index.html">Domov</a></li>
|
||||||
<li><a href="jedilnik.html">Jedilnik</a></li>
|
<li><a href="jedilnik.html">Jedilnik</a></li>
|
||||||
<li><a href="recepti.html">Recepti</a></li>
|
<li><a href="recepti.html">Recepti</a></li>
|
||||||
<li><a class="active" href="rezervacija.html">Rezervacija</a></li>
|
<li><a class="active" href="rezervacija.html">Rezervacija</a></li>
|
||||||
<li><a href="o_nas.html">O nas</a></li>
|
<li><a href="o_nas.html">O nas</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<h1>Vaša miza vas že čaka</h1>
|
<main class="rezervacija_page">
|
||||||
<p>Dobra hrana je boljša v dobri družbi. Rezervirajte svojo mizo in si privoščite kulinarično popotovanje po spletu.</p>
|
<h1>Vaša miza vas že čaka</h1>
|
||||||
<h2>Nekaj informaciji pred rezervacijo:</h2>
|
<p>Dobra hrana je boljša v dobri družbi. Rezervirajte svojo mizo in si privoščite kulinarično popotovanje po spletu.</p>
|
||||||
<p>
|
<h2>Nekaj informaciji pred rezervacijo:</h2>
|
||||||
<b>Kdaj lahko rezervirate?</b>
|
<p>
|
||||||
<br>
|
<b>Kdaj lahko rezervirate?</b>
|
||||||
Spletne rezervacije sprejemamo vsak dan med <b>9.00 in 20.00</b>. Rezervacijo priporočamo vsaj nekaj ur pred prihodom.
|
<br>
|
||||||
</p>
|
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>
|
<p>
|
||||||
<br>
|
<b>Prihajate v večji družbi?</b>
|
||||||
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.
|
<br>
|
||||||
</p>
|
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!
|
<p>
|
||||||
<br>
|
Veselimo se vašega obiska in skupnih kulinaričnih doživetij!
|
||||||
<b>Ekipa Za prset obliznit</b>
|
<br>
|
||||||
</p>
|
<b>Ekipa Za prset obliznit</b>
|
||||||
<h2>Rezervacija</h2>
|
</p>
|
||||||
<p>Izpolnite podatke in pošljite zahtevo za restavracijo.</p>
|
<h2>Rezervacija</h2>
|
||||||
<form method="get">
|
<p>Izpolnite podatke in pošljite zahtevo za restavracijo.</p>
|
||||||
<fieldset>
|
<form method="get">
|
||||||
<legend>Podrobnosti rezervacije:</legend>
|
<fieldset class="field_rezervacija">
|
||||||
Datum obiska
|
<legend>Podrobnosti rezervacije:</legend>
|
||||||
<br>
|
|
||||||
<input type="date" id="datum-obiska" name="datum-obiska" required>
|
Datum obiska
|
||||||
|
<br>
|
||||||
|
<input type="date" id="datum-obiska" name="datum-obiska" required>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
Ura obiska
|
||||||
|
<br>
|
||||||
|
<input type="time" id="ura-obiska" name="ura-obiska" min="10:00" max="21:00" required>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
Število oseb
|
||||||
|
<br>
|
||||||
|
<input type="number" min="1" max="11" id="stevilo-oseb" name="stevilo-oseb" required>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
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>
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
Ura obiska
|
<fieldset class="field_rezervacija">
|
||||||
<br>
|
<legend>Osebni podatki:</legend>
|
||||||
<input type="time" id="ura-obiska" name="ura-obiska" min="10:00" max="21:00" required>
|
Ime in priimek
|
||||||
|
<br>
|
||||||
|
<input type="text" id="ime-priimek" name="ime-priimek" required>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
E-poštni naslov
|
||||||
|
<br>
|
||||||
|
<input type="email" id="email" name="email" required>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
Telefonska številka
|
||||||
|
<br>
|
||||||
|
<input type="tel" id="telefon-st" name="telefon-st" placeholder="022-333-444" pattern="[0-9]{3}-[0-9]{3}-[0-9]{3}" required>
|
||||||
|
</fieldset>
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
Število oseb
|
<fieldset class="field_rezervacija">
|
||||||
<br>
|
<legend>Dodatne želje:</legend>
|
||||||
<input type="number" min="1" max="11" id="stevilo-oseb" name="stevilo-oseb" required>
|
Priložnost
|
||||||
|
<br>
|
||||||
|
<input type="radio" id="brez" name="priloznost" value="brez"> Brez
|
||||||
|
<input type="radio" id="rojstni-dan" name="priloznost" value="rojstni-dan"> Rojstni dan
|
||||||
|
<input type="radio" id="obletnica" name="priloznost" value="obletnica"> Obletnica
|
||||||
|
<input type="radio" id="poslovno-srecanje" name="priloznost" value="poslovno-srecanje"> Poslovno srečanje
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
Posebne omejitve <br>
|
||||||
|
<input type="checkbox" id="vegan" name="posebne-omejitve" value="vegan"> Vegansko
|
||||||
|
<input type="checkbox" id="vegetarijan" name="posebne-omejitve" value="vegetarijan"> Vegetarjansko
|
||||||
|
<input type="checkbox" id="gluten" name="posebne-omejitve" value="gluten"> Brez glutena
|
||||||
|
<input type="checkbox" id="laktoza" name="posebne-omejitve" value="laktoza"> Brez laktoze
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
Opombe
|
||||||
|
<br>
|
||||||
|
<textarea id="opombe" name="opombe" rows="5" cols="50"> </textarea>
|
||||||
|
</fieldset>
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
Prostor:
|
<input type="checkbox" id="pogoji" name="pogoji" value="da" required>Strinjam se z obdelavo osebnih podatkov
|
||||||
<select id="prostor" name="prostor">
|
<br><br>
|
||||||
<option value="notranjost">Notranjost</option>
|
<input type="submit" value="Oddaja rezervacije">
|
||||||
<option value="terasa">Terasa</option>
|
|
||||||
<option value="zasebna-soba">Zasebna soba</option>
|
|
||||||
</select>
|
|
||||||
</fieldset>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<fieldset>
|
|
||||||
<legend>Osebni podatki:</legend>
|
|
||||||
Ime in priimek
|
|
||||||
<br>
|
<br>
|
||||||
<input type="text" id="ime-priimek" name="ime-priimek" required>
|
<input type="reset" value="Ponastavi">
|
||||||
<br>
|
</form>
|
||||||
<br>
|
|
||||||
E-poštni naslov
|
|
||||||
<br>
|
|
||||||
<input type="email" id="email" name="email" required>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
Telefonska številka
|
|
||||||
<br>
|
|
||||||
<input type="tel" id="telefon-st" name="telefon-st" placeholder="022-333-444" pattern="[0-9]{3}-[0-9]{3}-[0-9]{3}" required>
|
|
||||||
</fieldset>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<fieldset>
|
|
||||||
<legend>Dodatne želje:</legend>
|
|
||||||
Priložnost
|
|
||||||
<br>
|
|
||||||
<input type="radio" id="brez" name="priloznost" value="brez"> Brez
|
|
||||||
<input type="radio" id="rojstni-dan" name="priloznost" value="rojstni-dan"> Rojstni dan
|
|
||||||
<input type="radio" id="obletnica" name="priloznost" value="obletnica"> Obletnica
|
|
||||||
<input type="radio" id="poslovno-srecanje" name="priloznost" value="poslovno-srecanje"> Poslovno srečanje
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
Posebne omejitve <br>
|
|
||||||
<input type="checkbox" id="vegan" name="posebne-omejitve" value="vegan"> Vegansko
|
|
||||||
<input type="checkbox" id="vegetarijan" name="posebne-omejitve" value="vegetarijan"> Vegetarjansko
|
|
||||||
<input type="checkbox" id="gluten" name="posebne-omejitve" value="gluten"> Brez glutena
|
|
||||||
<input type="checkbox" id="laktoza" name="posebne-omejitve" value="laktoza"> Brez laktoze
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
Opombe
|
|
||||||
<br>
|
|
||||||
<textarea id="opombe" name="opombe" rows="5" cols="50"> </textarea>
|
|
||||||
</fieldset>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<input type="checkbox" id="pogoji" name="pogoji" value="da" required>Strinjam se z obdelavo osebnih podatkov
|
|
||||||
<br><br>
|
<br><br>
|
||||||
<input type="submit" value="Oddaja rezervacije">
|
</main>
|
||||||
<br>
|
|
||||||
<input type="reset" value="Ponastavi">
|
|
||||||
</form>
|
|
||||||
<br><br>
|
|
||||||
<footer>
|
<footer>
|
||||||
<address>
|
<address>
|
||||||
Za prste obliznit<br>
|
Za prste obliznit<br>
|
||||||
|
|||||||
@@ -608,4 +608,32 @@ footer p {
|
|||||||
color: var(--barva-besedilo);
|
color: var(--barva-besedilo);
|
||||||
transition: 0.2s;
|
transition: 0.2s;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*rezervacija- fieldseti */
|
||||||
|
|
||||||
|
.field_rezervacija {
|
||||||
|
background-color: var(--barva-kartice);
|
||||||
|
box-shadow: var(--senca-kartice);
|
||||||
|
border-radius: var(--zaobljenost);
|
||||||
|
border:none;
|
||||||
|
border-top:0.3rem solid var(--barva-poudarek);
|
||||||
|
}
|
||||||
|
|
||||||
|
.field_rezervacija legend {
|
||||||
|
background-color: var(--barva-poudarek);
|
||||||
|
color: var(--barva-besedilo-na-temnem);
|
||||||
|
font-weight: 600;
|
||||||
|
font-family: "Fraunces", sans-serif;
|
||||||
|
border-radius: var(--zaobljenost);
|
||||||
|
padding: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field_rezervacija:focus-within {
|
||||||
|
border-top:0.3rem solid var(--barva-dodatna);
|
||||||
|
}
|
||||||
|
|
||||||
|
.field_rezervacija:focus-within legend {
|
||||||
|
background-color: var(--barva-dodatna);
|
||||||
|
color: var(--barva-besedilo);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user