recepti urejeni dodani classi in div za urejanje kot kartice

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