Compare commits
8
Commits
b285e5d04b
...
296ec5edaf
| Author | SHA1 | Date | |
|---|---|---|---|
 iva
|
296ec5edaf | ||
|
iva
|
325a5cabb9 | ||
|
iva
|
5c56e96c17 | ||
|
iva
|
20cdd155d6 | ||
|
iva
|
c6d2a65336 | ||
|
iva
|
5d487a73ad | ||
|
iva
|
8228b63d6c | ||
|
iva
|
4c6fdc33bf |
+234
-204
@@ -22,215 +22,245 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
<main class="recepti_page">
|
||||||
<h1 id="na_vrh">Recepti</h1>
|
<h1 id="na_vrh">Recepti</h1>
|
||||||
<ul>
|
<ul class="seznam_receptov">
|
||||||
<li><a href="#muckalica">Mučkalica</a></li>
|
<li><a class="gumb_2" href="#muckalica">Mučkalica</a></li>
|
||||||
<li><a href="#pizza_diavola">Pizza diavola</a></li>
|
<li><a class="gumb_2" href="#pizza_diavola">Pizza diavola</a></li>
|
||||||
<li><a href="#paella">Paella</a></li>
|
<li><a class="gumb_2" href="#paella">Paella</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
<section class="recepti_uvod">
|
||||||
<h2>Svetovni okusi. Vaša kuhinja</h2>
|
<h2>Svetovni okusi. Vaša kuhinja</h2>
|
||||||
<p>Navdihnjeni s potovanj, ustvarjeni za vašo mizo. Odkrite recepte z različnih koncev sveta in prinesi košček kulinaričnega potovanja v svoj dom.</p> <br>
|
<p>Navdihnjeni s potovanj, ustvarjeni za vašo mizo. Odkrite recepte z različnih koncev sveta in prinesi košček kulinaričnega potovanja v svoj dom.</p> <br>
|
||||||
<article class="muckalica">
|
</section>
|
||||||
<h2 id="muckalica">Mučkalica</h2>
|
<article class="recepti_jedi" >
|
||||||
<figure>
|
<h2 id="muckalica">Mučkalica </h2>
|
||||||
<img src="muckalica.png" alt="mučkalica">
|
<div class="recepti_grid">
|
||||||
<figcaption>Mučkalica</figcaption>
|
<figure class="recepti_slika">
|
||||||
</figure>
|
<img src="muckalica.png" alt="mučkalica">
|
||||||
<table>
|
<figcaption>Mučkalica</figcaption>
|
||||||
<tr>
|
</figure>
|
||||||
<th> Aktiven čas priprave </th>
|
<div class="o_receptu">
|
||||||
<th> Skupen čas priprave </th>
|
<div class="recepti_info">
|
||||||
<th> Število porcij </th>
|
<ul>
|
||||||
</tr>
|
<li><b>Aktiven čas priprave </b><br>
|
||||||
<tr>
|
20min
|
||||||
<td>20 min</td>
|
</li>
|
||||||
<td>cca. 70 min</td>
|
<li><b>Skupen čas priprave</b> <br>
|
||||||
<td>4 porcije</td>
|
cca. 70min
|
||||||
</tr>
|
</li>
|
||||||
</table>
|
<li><b>Število porciji</b> <br>
|
||||||
<h3>Sestavine</h3>
|
4 porcije
|
||||||
<ul>
|
</li>
|
||||||
<li>800g svinjskega vratu ali plečeta</li>
|
</ul>
|
||||||
<li>3 večje rdeče paprike</li>
|
</div>
|
||||||
<li>2 srednje veliki čebuli</li>
|
<div class="recepti_sestavine">
|
||||||
<li>3 stroki česnja</li>
|
<h3>Sestavine</h3>
|
||||||
<li>400g sesekljanega paradižnika iz pločevinke</li>
|
<ul>
|
||||||
<li>2 žlici paradižnikove mezge</li>
|
<li>800g svinjskega vratu ali plečeta</li>
|
||||||
<li>3 žlice olja</li>
|
<li>3 večje rdeče paprike</li>
|
||||||
<li>150 ml vode</li>
|
<li>2 srednje veliki čebuli</li>
|
||||||
<li>1 žlička sladke mlete paprike</li>
|
<li>3 stroki česnja</li>
|
||||||
<li>pol žličke dimljene paprike (po želji)</li>
|
<li>400g sesekljanega paradižnika iz pločevinke</li>
|
||||||
<li>sol in sveže mlet poper</li>
|
<li>2 žlici paradižnikove mezge</li>
|
||||||
<li>Ščepec čilija (po želji) </li>
|
<li>3 žlice olja</li>
|
||||||
<li>svež peteršilj za postrežbo</li>
|
<li>150 ml vode</li>
|
||||||
</ul>
|
<li>1 žlička sladke mlete paprike</li>
|
||||||
<h3>Priprava</h3>
|
<li>pol žličke dimljene paprike (po želji)</li>
|
||||||
<ol>
|
<li>sol in sveže mlet poper</li>
|
||||||
<li>
|
<li>Ščepec čilija (po želji) </li>
|
||||||
<b>Priprava mesa</b>
|
<li>svež peteršilj za postrežbo</li>
|
||||||
<p>Meso narežemo na približno 2-3cm velike kocke. Začini ga s soljo in poprom.</p>
|
</ul>
|
||||||
</li>
|
</div>
|
||||||
<li>
|
</div>
|
||||||
<b>Zapeči meso</b>
|
</div>
|
||||||
<p>V večji težki ponvi ali loncu segrej olje. Meso v več porcijah dobro zapeci z vseh strani, da dobi zlato rjavo skorjico. Nato ga vzemi iz posode.</p>
|
<div class="recepti_priprava">
|
||||||
</li>
|
<h3>Priprava</h3>
|
||||||
<li>
|
<ol>
|
||||||
<b>Pripravi zelenjavo</b>
|
<li>
|
||||||
<p>Čebulo nareži na trakove, papriko na manjše kose, česen pa sesekljaj. V isti posodi najprej prepraži čebulo, nato dodaj papriko in kuhaj približno 7–8 minut. Na koncu dodaj česen.</p>
|
<b>Priprava mesa</b>
|
||||||
</li>
|
<p>Meso narežemo na približno 2-3cm velike kocke. Začini ga s soljo in poprom.</p>
|
||||||
<li>
|
</li>
|
||||||
<b>Ustvari omako</b>
|
<li>
|
||||||
<p>Primešaj paradižnikovo mezgo, sladko papriko in po želji dimljeno papriko. Dodaj sesekljan paradižnik in vodo oziroma jušno osnovo</p>
|
<b>Zapeči meso</b>
|
||||||
</li>
|
<p>V večji težki ponvi ali loncu segrej olje. Meso v več porcijah dobro zapeci z vseh strani, da dobi zlato rjavo skorjico. Nato ga vzemi iz posode.</p>
|
||||||
<li>
|
</li>
|
||||||
<b>Počasi kuhaj</b>
|
<li>
|
||||||
<p>V omako vrni meso. Pokrito kuhaj na nizki temperaturi približno 35–45 minut oziroma toliko časa, da se meso zmehča. Občasno premešaj in po potrebi dodaj malo vode</p>
|
<b>Pripravi zelenjavo</b>
|
||||||
</li>
|
<p>Čebulo nareži na trakove, papriko na manjše kose, česen pa sesekljaj. V isti posodi najprej prepraži čebulo, nato dodaj papriko in kuhaj približno 7–8 minut. Na koncu dodaj česen.</p>
|
||||||
<li>
|
</li>
|
||||||
<b>Dokončaj in postrezi</b>
|
<li>
|
||||||
<p>Poskusi, popravi začimbe in po želji dodaj ščepec čilija. Potresi s svežim peteršiljem. Postrezi s pečenim krompirjem ali domačim kruhom</p>
|
<b>Ustvari omako</b>
|
||||||
</li>
|
<p>Primešaj paradižnikovo mezgo, sladko papriko in po želji dimljeno papriko. Dodaj sesekljan paradižnik in vodo oziroma jušno osnovo</p>
|
||||||
</ol>
|
</li>
|
||||||
<a href="#na_vrh">Na vrh strani</a>
|
<li>
|
||||||
</article>
|
<b>Počasi kuhaj</b>
|
||||||
<br>
|
<p>V omako vrni meso. Pokrito kuhaj na nizki temperaturi približno 35–45 minut oziroma toliko časa, da se meso zmehča. Občasno premešaj in po potrebi dodaj malo vode</p>
|
||||||
<article class="pizza_diavola">
|
</li>
|
||||||
<h2 id="pizza_diavola">Napolitanska pizza Diavola</h2>
|
<li>
|
||||||
<figure>
|
<b>Dokončaj in postrezi</b>
|
||||||
<img src="pizza_diavola.png" alt="pizza diavola">
|
<p>Poskusi, popravi začimbe in po želji dodaj ščepec čilija. Potresi s svežim peteršiljem. Postrezi s pečenim krompirjem ali domačim kruhom</p>
|
||||||
<figcaption>Pizza diavola</figcaption>
|
</li>
|
||||||
</figure>
|
</ol>
|
||||||
<table>
|
</div>
|
||||||
<tr>
|
<a class="gumb_3" href="#na_vrh">Na vrh strani</a>
|
||||||
<th> Aktiven čas priprave </th>
|
</article>
|
||||||
<th> Skupen čas priprave </th>
|
<br>
|
||||||
<th> Število pic </th>
|
<article class="recepti_jedi">
|
||||||
</tr>
|
<h2 id="pizza_diavola">Napolitanska pizza Diavola</h2>
|
||||||
<tr>
|
<div class="recepti_grid">
|
||||||
<td>30 min</td>
|
<figure class="recepti_slika">
|
||||||
<td>cca. 13-25 ur</td>
|
<img src="pizza_diavola.png" alt="pizza diavola">
|
||||||
<td>4 pice</td>
|
<figcaption>Pizza diavola</figcaption>
|
||||||
</tr>
|
</figure>
|
||||||
</table>
|
<div class="o_receptu">
|
||||||
<h3>Sestavine</h3>
|
<div class="recepti_info">
|
||||||
<ul>
|
<ul>
|
||||||
<li>600g moke tipa 00</li>
|
<li><b>Aktiven čas priprave </b><br>
|
||||||
<li>390g hladne vode</li>
|
30min
|
||||||
<li>18g soli</li>
|
</li>
|
||||||
<li>1g suhega instant kvasa (ali približno 3g svežega) </li>
|
<li><b>Skupen čas priprave</b> <br>
|
||||||
<li>400g olupljenih pelatov</li>
|
cca. 13-25ur
|
||||||
<li>300g mozzarele za pizzo</li>
|
</li>
|
||||||
<li>200g pikantne salame</li>
|
<li><b>Število pic</b> <br>
|
||||||
<li>1 žlička origana</li>
|
4 pice
|
||||||
<li>sveža bazilika</li>
|
</li>
|
||||||
<li>malo olivnega olja</li>
|
</ul>
|
||||||
<li>čili kosmiči (po želji) </li>
|
</div>
|
||||||
</ul>
|
<div class="recepti_sestavine">
|
||||||
<h3>Priprava</h3>
|
<h3>Sestavine</h3>
|
||||||
<ol>
|
<ul>
|
||||||
<li>
|
<li>600g moke tipa 00</li>
|
||||||
<b>Zamesi testo</b>
|
<li>390g hladne vode</li>
|
||||||
<p>V vodi raztopi sol, dodaj moko in kvas. Zamesi gladko, prožno testo. Gneti približno 10–15 minut, dokler ni elastično in se ne trga zlahka</p>
|
<li>18g soli</li>
|
||||||
</li>
|
<li>1g suhega instant kvasa (ali približno 3g svežega) </li>
|
||||||
<li>
|
<li>400g olupljenih pelatov</li>
|
||||||
<b>Pusti vzhajati</b>
|
<li>300g mozzarele za pizzo</li>
|
||||||
<p>Testo pokrij in pusti približno 1 uro pri sobni temperaturi. Nato ga razdeli na 4 enake kroglice, jih shrani v pokrito posodo in pusti vzhajati še približno 11–23 ur v hladilniku. Pred oblikovanjem jih vzemi iz hladilnika približno 2 uri prej.</p>
|
<li>200g pikantne salame</li>
|
||||||
</li>
|
<li>1 žlička origana</li>
|
||||||
<li>
|
<li>sveža bazilika</li>
|
||||||
<b>Pripravi paradižnikovo omako</b>
|
<li>malo olivnega olja</li>
|
||||||
<p>Pelate z rokami ali vilicami pretlači. Dodaj malo soli in po</p>
|
<li>čili kosmiči (po želji) </li>
|
||||||
</li>
|
</ul>
|
||||||
<li>
|
</div>
|
||||||
<b>Oblikuj pice</b>
|
</div>
|
||||||
<p>Pečico skupaj s kamnom ali jekleno ploščo segrevaj na najvišji temperaturi, praviloma 250–300 °C, vsaj 45 minut. Vsako kroglico testa s prsti raztegni od sredine navzven, da ohraniš zračen rob. Ne uporabljaj valjarja.</p>
|
</div>
|
||||||
</li>
|
<div class="recepti_priprava">
|
||||||
<li>
|
<h3>Priprava</h3>
|
||||||
<b>Dodaj nadev</b>
|
<ol>
|
||||||
<p>Na testo razporedi tanko plast omake, mocarelo, narezano pikantno salamo in nekaj listov bazilike. Ne pretiravaj z nadevom, saj lahko preveč tekočine zmehča sredico.</p>
|
<li>
|
||||||
</li>
|
<b>Zamesi testo</b>
|
||||||
<li>
|
<p>V vodi raztopi sol, dodaj moko in kvas. Zamesi gladko, prožno testo. Gneti približno 10–15 minut, dokler ni elastično in se ne trga zlahka</p>
|
||||||
<b>Speci pico</b>
|
</li>
|
||||||
<p>Peci na dobro segretem kamnu ali jeklu, dokler rob ne naraste in se obarva, sir pa stopi. Pri domači pečici na 250–300 °C bo to pogosto trajalo približno 5–8 minut; čas je odvisen od pečice in podlage. V namenski peči za napolitansko pico je peka bistveno krajša.</p>
|
<li>
|
||||||
</li>
|
<b>Pusti vzhajati</b>
|
||||||
<li>
|
<p>Testo pokrij in pusti približno 1 uro pri sobni temperaturi. Nato ga razdeli na 4 enake kroglice, jih shrani v pokrito posodo in pusti vzhajati še približno 11–23 ur v hladilniku. Pred oblikovanjem jih vzemi iz hladilnika približno 2 uri prej.</p>
|
||||||
<b>Postrezi</b>
|
</li>
|
||||||
<p>Po želji dodaj nekaj kapljic oljčnega olja, svežo baziliko in čili v kosmičih.</p>
|
<li>
|
||||||
</li>
|
<b>Pripravi paradižnikovo omako</b>
|
||||||
</ol>
|
<p>Pelate z rokami ali vilicami pretlači. Dodaj malo soli in po</p>
|
||||||
<a href="#na_vrh">Na vrh strani</a>
|
</li>
|
||||||
</article>
|
<li>
|
||||||
<br>
|
<b>Oblikuj pice</b>
|
||||||
<article>
|
<p>Pečico skupaj s kamnom ali jekleno ploščo segrevaj na najvišji temperaturi, praviloma 250–300 °C, vsaj 45 minut. Vsako kroglico testa s prsti raztegni od sredine navzven, da ohraniš zračen rob. Ne uporabljaj valjarja.</p>
|
||||||
<h2 id="paella">Španska paella z morskimi zadeži</h2>
|
</li>
|
||||||
<p>Dišeč riž z žafranom, kozicami, školjkami in lignji, ki v eni ponvi združi bogate okuse morja in španske kulinarične tradicije.</p>
|
<li>
|
||||||
<figure>
|
<b>Dodaj nadev</b>
|
||||||
<img src="paella.png" alt="paella">
|
<p>Na testo razporedi tanko plast omake, mocarelo, narezano pikantno salamo in nekaj listov bazilike. Ne pretiravaj z nadevom, saj lahko preveč tekočine zmehča sredico.</p>
|
||||||
<figcaption>Paella</figcaption>
|
</li>
|
||||||
</figure>
|
<li>
|
||||||
<table>
|
<b>Speci pico</b>
|
||||||
<tr>
|
<p>Peci na dobro segretem kamnu ali jeklu, dokler rob ne naraste in se obarva, sir pa stopi. Pri domači pečici na 250–300 °C bo to pogosto trajalo približno 5–8 minut; čas je odvisen od pečice in podlage. V namenski peči za napolitansko pico je peka bistveno krajša.</p>
|
||||||
<th> Aktiven čas priprave </th>
|
</li>
|
||||||
<th> Skupen čas priprave </th>
|
<li>
|
||||||
<th> Število porcij </th>
|
<b>Postrezi</b>
|
||||||
</tr>
|
<p>Po želji dodaj nekaj kapljic oljčnega olja, svežo baziliko in čili v kosmičih.</p>
|
||||||
<tr>
|
</li>
|
||||||
<td>20 min</td>
|
</ol>
|
||||||
<td>cca. 50 min</td>
|
</div>
|
||||||
<td>4 porcije</td>
|
<a class="gumb_3" href="#na_vrh">Na vrh strani</a>
|
||||||
</tr>
|
</article>
|
||||||
</table>
|
<br>
|
||||||
<h3>Sestavine</h3>
|
<article class="recepti_jedi">
|
||||||
<ul>
|
<h2 id="paella">Španska paella z morskimi zadeži</h2>
|
||||||
<li>320g riža za paello (npr. bomba ali podobna kratkozrnata sorta)</li>
|
<div class="recepti_grid">
|
||||||
<li>300g očiščenih kozic</li>
|
<figure class="recepti_slika">
|
||||||
<li>300g školjk, dobro očiščenih</li>
|
<img src="paella.png" alt="paella">
|
||||||
<li>200g lignjev, narezanih na kolobarje</li>
|
<figcaption>Paella</figcaption>
|
||||||
<li>1 srednje velika čebula</li>
|
</figure>
|
||||||
<li>1 rdeča paprika</li>
|
<div class="o_receptu">
|
||||||
<li>3 stroki česna</li>
|
<div class="recepti_info">
|
||||||
<li>250g sesekljanega paradižnika</li>
|
<ul>
|
||||||
<li>900g ribje jušne osnove (približno; odvisno od riža)</li>
|
<li><b>Aktiven čas priprave </b><br>
|
||||||
<li>ščepec žafrana</li>
|
20min
|
||||||
<li>1 žlička sladke mlete paprike</li>
|
</li>
|
||||||
<li>3 žlice olivnega olja</li>
|
<li><b>Skupen čas priprave</b> <br>
|
||||||
<li>sol in poper</li>
|
cca. 50min
|
||||||
<li>limona</li>
|
</li>
|
||||||
<li>svež peteršilj</li>
|
<li><b>Število porciji</b> <br>
|
||||||
</ul>
|
4 porcije
|
||||||
<h3>Priprava</h3>
|
</li>
|
||||||
<ol>
|
</ul>
|
||||||
<li>
|
</div>
|
||||||
<b>Pripravi sestavine</b>
|
<div class="recepti_sestavine">
|
||||||
<p>Čebulo in česen drobno sesekljaj, papriko nareži na majhne kocke, lignje na kolobarje. Jušno osnovo segrej in v njej za nekaj minut namoči žafran.</p>
|
<h3>Sestavine</h3>
|
||||||
</li>
|
<ul>
|
||||||
<li>
|
<li>320g riža za paello (npr. bomba ali podobna kratkozrnata sorta)</li>
|
||||||
<b>Na hitro popeci morske sadeže</b>
|
<li>300g očiščenih kozic</li>
|
||||||
<p>V široki ponvi za paello segrej oljčno olje. Kozice na hitro popeci, nato jih vzemi iz ponve. Če uporabljaš surove školjke, preveri, da so primerne za kuhanje, ter jih pripravi v skladu z navodili za varno uporabo.</p>
|
<li>300g školjk, dobro očiščenih</li>
|
||||||
</li>
|
<li>200g lignjev, narezanih na kolobarje</li>
|
||||||
<li>
|
<li>1 srednje velika čebula</li>
|
||||||
<b>Pripravi zelenjavno osnovo</b>
|
<li>1 rdeča paprika</li>
|
||||||
<p>V isti ponvi prepraži čebulo in papriko. Dodaj česen, nato sesekljan paradižnik. Kuhaj približno 5 minut, da se omaka zgosti.</p>
|
<li>3 stroki česna</li>
|
||||||
</li>
|
<li>250g sesekljanega paradižnika</li>
|
||||||
<li>
|
<li>900g ribje jušne osnove (približno; odvisno od riža)</li>
|
||||||
<b>Dodaj riž in začimbe</b>
|
<li>ščepec žafrana</li>
|
||||||
<p>Primešaj sladko papriko in riž ter ga približno minuto premešaj, da se obda z omako. Prilij vročo jušno osnovo z žafranom in enakomerno razporedi riž po ponvi.</p>
|
<li>1 žlička sladke mlete paprike</li>
|
||||||
</li>
|
<li>3 žlice olivnega olja</li>
|
||||||
<li>
|
<li>sol in poper</li>
|
||||||
<b>Kuhaj brez mešanja</b>
|
<li>limona</li>
|
||||||
<p>Riž kuhaj na zmernem ognju približno 15–20 minut oziroma po navodilih izbrane sorte. Ko dodaš osnovo, riža praviloma ne mešaj več, saj želiš ohraniti značilno strukturo paelle.</p>
|
<li>svež peteršilj</li>
|
||||||
</li>
|
</ul>
|
||||||
<li>
|
</div>
|
||||||
<b>Dodaj morske sadeže</b>
|
</div>
|
||||||
<p>Kozice, lignje in školjke razporedi po rižu. Nadaljuj s kuhanjem, dokler riž ni mehak, tekočina pa večinoma vpita. Surovi morski sadeži morajo biti ustrezno kuhani; školjke, ki se po kuhanju ne odprejo, zavrzi.</p>
|
</div>
|
||||||
</li>
|
<div class="recepti_priprava">
|
||||||
<li>
|
<h3>Priprava</h3>
|
||||||
<b>Pusti počivati in postrezi</b>
|
<ol>
|
||||||
<p>Ponev odstavi, pokrij za približno 5 minut in nato paello postrezi z rezinami limone ter svežim peteršiljem.</p>
|
<li>
|
||||||
</li>
|
<b>Pripravi sestavine</b>
|
||||||
</ol>
|
<p>Čebulo in česen drobno sesekljaj, papriko nareži na majhne kocke, lignje na kolobarje. Jušno osnovo segrej in v njej za nekaj minut namoči žafran.</p>
|
||||||
<a href="#na_vrh">Na vrh strani</a>
|
</li>
|
||||||
</article>
|
<li>
|
||||||
|
<b>Na hitro popeci morske sadeže</b>
|
||||||
|
<p>V široki ponvi za paello segrej oljčno olje. Kozice na hitro popeci, nato jih vzemi iz ponve. Če uporabljaš surove školjke, preveri, da so primerne za kuhanje, ter jih pripravi v skladu z navodili za varno uporabo.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>Pripravi zelenjavno osnovo</b>
|
||||||
|
<p>V isti ponvi prepraži čebulo in papriko. Dodaj česen, nato sesekljan paradižnik. Kuhaj približno 5 minut, da se omaka zgosti.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>Dodaj riž in začimbe</b>
|
||||||
|
<p>Primešaj sladko papriko in riž ter ga približno minuto premešaj, da se obda z omako. Prilij vročo jušno osnovo z žafranom in enakomerno razporedi riž po ponvi.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>Kuhaj brez mešanja</b>
|
||||||
|
<p>Riž kuhaj na zmernem ognju približno 15–20 minut oziroma po navodilih izbrane sorte. Ko dodaš osnovo, riža praviloma ne mešaj več, saj želiš ohraniti značilno strukturo paelle.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>Dodaj morske sadeže</b>
|
||||||
|
<p>Kozice, lignje in školjke razporedi po rižu. Nadaljuj s kuhanjem, dokler riž ni mehak, tekočina pa večinoma vpita. Surovi morski sadeži morajo biti ustrezno kuhani; školjke, ki se po kuhanju ne odprejo, zavrzi.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>Pusti počivati in postrezi</b>
|
||||||
|
<p>Ponev odstavi, pokrij za približno 5 minut in nato paello postrezi z rezinami limone ter svežim peteršiljem.</p>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
<a class="gumb_3" href="#na_vrh">Na vrh strani</a>
|
||||||
|
</article>
|
||||||
<br><br>
|
<br><br>
|
||||||
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<address>
|
<address>
|
||||||
Za prste obliznit<br>
|
Za prste obliznit<br>
|
||||||
|
|||||||
+112
-104
@@ -7,116 +7,124 @@
|
|||||||
<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
|
||||||
|
<input type="date" id="datum-obiska" name="datum-obiska" required>
|
||||||
|
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>
|
||||||
|
Ime in priimek
|
||||||
|
<input type="text" id="ime-priimek" name="ime-priimek" required>
|
||||||
|
E-poštni naslov
|
||||||
|
<input type="email" id="email" name="email" required>
|
||||||
|
Telefonska številka
|
||||||
|
<input type="tel" id="telefon-st" name="telefon-st" placeholder="022-333-444" pattern="[0-9]{3}[0-9]{3}[0-9]{3}" required>
|
||||||
|
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>
|
||||||
<br>
|
<br>
|
||||||
Ura obiska
|
<fieldset class="field_rezervacija">
|
||||||
<br>
|
<legend>Dodatne želje:</legend>
|
||||||
<input type="time" id="ura-obiska" name="ura-obiska" min="10:00" max="21:00" required>
|
Posebne omejitve <br>
|
||||||
|
<div class="opcije">
|
||||||
|
<div class="opcije_checkbox">
|
||||||
|
<input type="checkbox" id="vegan" name="posebne-omejitve" value="vegan">
|
||||||
|
<lable for="vegan">Vegansko</lable>
|
||||||
|
</div>
|
||||||
|
<div class="opcije_checkbox">
|
||||||
|
<input type="checkbox" id="vegetarijan" name="posebne-omejitve" value="vegetarijan">
|
||||||
|
<lable for="vegetarijan">Vegetarjansko</lable>
|
||||||
|
</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" name="opombe" rows="5" cols="50"> </textarea>
|
||||||
|
</fieldset>
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
Število oseb
|
<input type="checkbox" id="pogoji" name="pogoji" value="da" required>Strinjam se z obdelavo osebnih podatkov
|
||||||
|
<br><br>
|
||||||
|
<input type="submit" value="Oddaja rezervacije">
|
||||||
<br>
|
<br>
|
||||||
<input type="number" min="1" max="11" id="stevilo-oseb" name="stevilo-oseb" required>
|
<input type="reset" value="Ponastavi">
|
||||||
<br>
|
</form>
|
||||||
<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>
|
|
||||||
<fieldset>
|
|
||||||
<legend>Osebni podatki:</legend>
|
|
||||||
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>
|
|
||||||
<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>
|
||||||
|
|||||||
+182
-2
@@ -159,7 +159,7 @@ main {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 1100px; /* da lahko stran malo diha, da ne zasede celega zaslona */
|
max-width: 1100px; /* da lahko stran malo diha, da ne zasede celega zaslona */
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 2rem 1rem 4rem;
|
padding: 3rem 1.5rem 5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
@@ -264,7 +264,7 @@ footer p {
|
|||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.home_page .priljubljene_jedi > h2 {
|
.home_page .priljubljene_jedi h2 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -485,3 +485,183 @@ footer p {
|
|||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: var(--barva-poudarek);
|
color: var(--barva-poudarek);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*recepti page*/
|
||||||
|
.recepti_page {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1100px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 3rem 1.5rem 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recepti_page h1 {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
/*menu receptov*/
|
||||||
|
|
||||||
|
.seznam_receptov {
|
||||||
|
display: flex;
|
||||||
|
max-width: 1100px;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 3.5rem;
|
||||||
|
list-style: none;
|
||||||
|
margin-top: 3rem;
|
||||||
|
margin-bottom: 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gumb_2 {
|
||||||
|
padding: 0.85rem 1.5rem;
|
||||||
|
border-radius: var(--zaobljenost);
|
||||||
|
outline: 0.15rem solid var(--barva-besedilo);
|
||||||
|
color: var(--barva-besedilo);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.gumb_2:hover {
|
||||||
|
background-color:var(--barva-kartice);
|
||||||
|
transition:0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* kartice receptov */
|
||||||
|
.recepti_jedi {
|
||||||
|
margin: 2rem;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--barva-kartice);
|
||||||
|
border-radius:var(--zaobljenost);
|
||||||
|
box-shadow: var(--senca-kartice);
|
||||||
|
}
|
||||||
|
|
||||||
|
.recepti_jedi h2 {
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recepti_grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2,minmax(0,1fr));
|
||||||
|
align-items: stretch;
|
||||||
|
gap: 0.5rem;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.o_receptu {
|
||||||
|
display:flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recepti_slika {
|
||||||
|
display: flex;
|
||||||
|
overflow: hidden;
|
||||||
|
flex-direction: column;
|
||||||
|
position:relative;
|
||||||
|
min-height: 350px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
margin:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recepti_slika img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
object-position: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recepti_slika figcaption {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recepti_info ul {
|
||||||
|
display:flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 3rem;
|
||||||
|
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recepti_info li {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
max-width: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gumb_3 {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
border-radius: var(--zaobljenost);
|
||||||
|
color: var(--barva-besedilo-na-temnem);
|
||||||
|
font-weight: 500;
|
||||||
|
text-decoration: none;
|
||||||
|
background-color: var(--barva-besedilo);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.gumb_3:hover {
|
||||||
|
background-color: var(--barva-dodatna);
|
||||||
|
color: var(--barva-besedilo);
|
||||||
|
transition: 0.2s;
|
||||||
|
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);
|
||||||
|
display:grid;
|
||||||
|
grid-template-columns: 1fr 2fr;
|
||||||
|
gap:1rem;
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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 input,
|
||||||
|
.field_rezervacija select {
|
||||||
|
border-radius: var(--zaobljenost);
|
||||||
|
height: 2rem;
|
||||||
|
padding:0.5rem;
|
||||||
|
font-family: "Montserrat", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.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);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.opcije {
|
||||||
|
display: flex ;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.opcije_radio,
|
||||||
|
.opcije_checkbox {
|
||||||
|
display:flex;
|
||||||
|
gap: 1rem;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user