iva/oss-vaja1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

recepti urejeni dodani classi in div za urejanje kot kartice

Browse Source
This commit is contained in:
iva
2026-10-28 14:55:11 +01:00
parent 8228b63d6c
commit 5d487a73ad
1 changed files with 221 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files
recepti.html
+65 -43
View File
@@ -33,24 +33,28 @@
<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>
</section> </section>
<section class="recepti_grid">
<article class="recepti_jedi" > <article class="recepti_jedi" >
<h2 id="muckalica">Mučkalica </h2> <h2 id="muckalica">Mučkalica </h2>
<figure> <figure class="recepti_slika">
<img src="muckalica.png" alt="mučkalica"> <img src="muckalica.png" alt="mučkalica">
<figcaption>Mučkalica</figcaption> <figcaption>Mučkalica</figcaption>
</figure> </figure>
<table class="recepti_info"> <div class="o_receptu">
<tr> <div class="recepti_info">
<th> Aktiven čas priprave </th> <ul>
<th> Skupen čas priprave </th> <li><b>Aktiven čas priprave </b><br>
<th> Število porcij </th> 20min
</tr> </li>
<tr> <li><b>Skupen čas priprave</b> <br>
<td>20 min</td> cca. 70min
<td>cca. 70 min</td> </li>
<td>4 porcije</td> <li><b>Število porciji</b> <br>
</tr> 4 porcije
</table> </li>
</ul>
</div>
<div class="recepti_sestavine">
<h3>Sestavine</h3> <h3>Sestavine</h3>
<ul> <ul>
<li>800g svinjskega vratu ali plečeta</li> <li>800g svinjskega vratu ali plečeta</li>
@@ -67,6 +71,9 @@
<li>Ščepec čilija (po želji) </li> <li>Ščepec čilija (po želji) </li>
<li>svež peteršilj za postrežbo</li> <li>svež peteršilj za postrežbo</li>
</ul> </ul>
</div>
</div>
<div class="recepti_priprava">
<h3>Priprava</h3> <h3>Priprava</h3>
<ol> <ol>
<li> <li>
@@ -94,27 +101,31 @@
<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> <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>
</li> </li>
</ol> </ol>
<a href="#na_vrh">Na vrh strani</a> </div>
<a class="gumb_3" href="#na_vrh">Na vrh strani</a>
</article> </article>
<br> <br>
<article class="recepti_jedi"> <article class="recepti_jedi">
<h2 id="pizza_diavola">Napolitanska pizza Diavola</h2> <h2 id="pizza_diavola">Napolitanska pizza Diavola</h2>
<figure> <figure class="recepti_slika">
<img src="pizza_diavola.png" alt="pizza diavola"> <img src="pizza_diavola.png" alt="pizza diavola">
<figcaption>Pizza diavola</figcaption> <figcaption>Pizza diavola</figcaption>
</figure> </figure>
<table class="recepti_info"> <div class="o_receptu">
<tr> <div class="recepti_info">
<th> Aktiven čas priprave </th> <ul>
<th> Skupen čas priprave </th> <li><b>Aktiven čas priprave </b><br>
<th> Število pic </th> 30min
</tr> </li>
<tr> <li><b>Skupen čas priprave</b> <br>
<td>30 min</td> cca. 13-25ur
<td>cca. 13-25 ur</td> </li>
<td>4 pice</td> <li><b>Število pic</b> <br>
</tr> 4 pice
</table> </li>
</ul>
</div>
<div class="recepti_sestavine">
<h3>Sestavine</h3> <h3>Sestavine</h3>
<ul> <ul>
<li>600g moke tipa 00</li> <li>600g moke tipa 00</li>
@@ -129,6 +140,9 @@
<li>malo olivnega olja</li> <li>malo olivnega olja</li>
<li>čili kosmiči (po želji) </li> <li>čili kosmiči (po želji) </li>
</ul> </ul>
</div>
</div>
<div class="recepti_priprava">
<h3>Priprava</h3> <h3>Priprava</h3>
<ol> <ol>
<li> <li>
@@ -160,28 +174,31 @@
<p>Po želji dodaj nekaj kapljic oljčnega olja, svežo baziliko in čili v kosmičih.</p> <p>Po želji dodaj nekaj kapljic oljčnega olja, svežo baziliko in čili v kosmičih.</p>
</li> </li>
</ol> </ol>
<a href="#na_vrh">Na vrh strani</a> </div>
<a class="gumb_3" href="#na_vrh">Na vrh strani</a>
</article> </article>
<br> <br>
<article class="recepti_jedi"> <article class="recepti_jedi">
<h2 id="paella">Španska paella z morskimi zadeži</h2> <h2 id="paella">Španska paella z morskimi zadeži</h2>
<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> <figure class="recepti_slika">
<figure>
<img src="paella.png" alt="paella"> <img src="paella.png" alt="paella">
<figcaption>Paella</figcaption> <figcaption>Paella</figcaption>
</figure> </figure>
<table class="recepti_info"> <div class="o_receptu">
<tr> <div class="recepti_info">
<th> Aktiven čas priprave </th> <ul>
<th> Skupen čas priprave </th> <li><b>Aktiven čas priprave </b><br>
<th> Število porcij </th> 20min
</tr> </li>
<tr> <li><b>Skupen čas priprave</b> <br>
<td>20 min</td> cca. 50min
<td>cca. 50 min</td> </li>
<td>4 porcije</td> <li><b>Število porciji</b> <br>
</tr> 4 porcije
</table> </li>
</ul>
</div>
<div class="recepti_sestavine">
<h3>Sestavine</h3> <h3>Sestavine</h3>
<ul> <ul>
<li>320g riža za paello (npr. bomba ali podobna kratkozrnata sorta)</li> <li>320g riža za paello (npr. bomba ali podobna kratkozrnata sorta)</li>
@@ -200,6 +217,9 @@
<li>limona</li> <li>limona</li>
<li>svež peteršilj</li> <li>svež peteršilj</li>
</ul> </ul>
</div>
</div>
<div class="recepti_priprava">
<h3>Priprava</h3> <h3>Priprava</h3>
<ol> <ol>
<li> <li>
@@ -231,8 +251,10 @@
<p>Ponev odstavi, pokrij za približno 5 minut in nato paello postrezi z rezinami limone ter svežim peteršiljem.</p> <p>Ponev odstavi, pokrij za približno 5 minut in nato paello postrezi z rezinami limone ter svežim peteršiljem.</p>
</li> </li>
</ol> </ol>
<a href="#na_vrh">Na vrh strani</a> </div>
<a class="gumb_3" href="#na_vrh">Na vrh strani</a>
</article> </article>
</section>
<br><br> <br><br>
</main> </main>
<footer> <footer>