dodano izmenično obarvanje vrstic in 2 barvi

index.html

@@ -75,9 +75,9 @@
     <footer>
     <address>
         Za prste obliznit<br>
-        Tomaž nad Vojnikom 18a,3212 Vojnik <br>
+        Tomaž nad Vojnikom 18a, 3212 Vojnik <br>
         Telefon:<a href="tel:+072727777"> 07 272 77 77</a> <br>
-        E-pošta:<a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a> 
+        E-pošta: <a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a> 
     </address>
     <p>© 2026 Iva Friedrich</p>
     </footer>

jedilnik.html

@@ -22,9 +22,13 @@
         </ul>
     </nav>
 </header>
+<main class="jedilnik_page">
+    <section class="jedilnik_uvod">
     <h1>Jedilnik</h1>
-        <p>Z navdihom z različnih koncev sveta, spoštovanjem do kulinaričnih tradicij in ljubeznjo do dobre hranese trudimo na naše krožnike prinesti čim bolj pristne okuse.</p> <br>
+        <p>Z navdihom z različnih koncev sveta, spoštovanjem do kulinaričnih tradicij in ljubeznjo do dobre hrane se trudimo na naše krožnike prinesti čim bolj pristne okuse.</p> <br>
-    <h2>Predjedi</h2>
+    </section>
+    <section class="jedilnik_kategorija">
+        <h2>Predjedi</h2>
         <table>
             <caption>Predjedi</caption>
             <thead>
@@ -86,6 +90,8 @@
                 </tr>
             </tbody>
         </table>
+    </section>
+    <section class="jedilnik_kategorija">
     <h2>Glavne jedi</h2>
         <table>
             <caption>Glavne jedi</caption>
@@ -154,6 +160,8 @@
             </tr>
             </tbody>
         </table>
+    </section>
+    <section class="jedilnik_kategorija">
     <h2>Priloge</h2>
     <p><b>Prilagodi si svoj krožnik! </b>Prilogo ob glavni jedi lahko zamenjate brez doplačila. Za dodatne priloge pa veljajo cene po ceniku.</p>
         <table>
@@ -189,10 +197,12 @@
                 <td>Domač kruh</td>
                 <td>Sveže pečen kruh s hrustljavo skorjico, idealen za pomakanje v omake.</td>
                 <td>gluten</td>
-                <td>2,00</td>
+                <td>2,00€</td>
             </tr>
             </tbody>
         </table>
+    </section>
+    <section class="jedilnik_kategorija">
     <h2>Sladice</h2>
         <table>
             <caption>Sladice</caption>
@@ -255,7 +265,9 @@
             </tr>
             </tbody>
         </table>
+        </section>
         <br><br>
+    </main>
     <footer>
     <address>
         Za prste obliznit<br>

stylesheet.css

@@ -7,6 +7,8 @@
     --barva-besedilo: #45220E;
     --barva-poudarek: #60552C; /*ta je tista malo bolj zelena*/
     --barva-dodatna: #CE9550;
+    --barva-dodatna2:#F3E0C8;
+    --barva-dodatna3:#F8EFE1;
 
     --barva-kartice: #FFF9F0;
     --barva-besedilo-na-temnem: #F0E5D2;
@@ -20,7 +22,7 @@
 /*osnovne nastavitve */
 
 * {
-    box-sizing: border-box; /* zvezdica pomeni da velja za vse */
+    box-sizing: border-box; /* zvezdica pomeni da velja za vse. borer-box pa racunalnik izracuna da je v sirino vkljucen padding in border */
 }
 
 html {
@@ -387,4 +389,99 @@ footer p {
     h2 {
         font-size: 1.7rem;
     }
-}
+}
+
+/*jedilnik*/
+.jedilnik_page {
+    width: 100%;
+    max-width: 1100px;
+    margin: 0 auto;
+    padding: 3rem, 1.5rem, 5rem;
+}
+
+/*uvod */
+.jedilnik_uvod {
+    max-width: 750px;
+    text-align: center;
+    margin: 0 auto 4rem;
+}
+
+/* kategorije jedilnika */
+
+.jedilnik_kategorija {
+    margin-bottom: 4rem;
+}
+
+.jedilnik_kategorija h2,
+.jedilnik_kategorija p {
+    text-align: center;
+}
+
+/* tabele jedilniov */
+
+.jedilnik_page table {
+    width: 100%;
+    border-collapse: collapse;
+    background-color: var(--barva-kartice);
+    border-radius: var(--zaobljenost);
+    overflow: hidden;
+    box-shadow: var(--barva-senca);
+}
+
+
+.jedilnik_page caption {
+    display: none;
+}
+
+.jedilnik_page th, 
+.jedilnik_page td {
+    padding: 1.1rem;
+    text-align: left;
+    vertical-align: top;
+
+}
+.jedilnik_page thead {
+    background-color: var(--barva-poudarek);
+    color: var(--barva-besedilo-na-temnem);
+}
+
+.jedilnik_page th {
+    font-size:0.8rem ;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+}
+
+.jedilnik_page tbody {
+    border-bottom: 1px solid var(--barva-ozadje);
+}
+
+.jedilnik_page tbody tr :last-child {
+    border-bottom: none ;
+}
+
+.jedilnik_page tbody tr:nth-child(even) {
+    background-color: var(--barva-dodatna3);
+}
+
+.jedilnik_page tbody tr:hover {
+    background-color: var(--barva-dodatna2);
+     transition: background-color 0.3s ease;
+}
+/*imena jedi*/
+
+.jedilnik_page td:first-child {
+    font-weight: 600;
+}
+
+/*cene jedi */
+.jedilnik_page th:last-child,
+.jedilnik_page td:last-child {
+    text-align: right;
+    white-space: nowrap;
+}
+
+.jedilnik_page td:last-child {
+    font-weight: 700;
+    color: var(--barva-poudarek);
+}