dodan zacetek hamburger menija na vse strani, ustvarjen external js, povezan z stranmi

index.html

@@ -20,6 +20,9 @@
             <li><a href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
             <li><a href="o_nas.html"><i class="fa-solid fa-circle-info"></i>O nas</a></li>
         </ul>
+        <a class="hamburger_meni" href="javascript:void(0)" onclick="odpri_meni()">
+            <i class="fa-solid fa-bars"></i>
+        </a>
     </nav>
 </header>
     <main class="home_page">

jedilnik.html

@@ -20,6 +20,9 @@
             <li><a href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
             <li><a href="o_nas.html">	<i class="fa-solid fa-circle-info"></i>O nas</a></li>
         </ul>
+        <a class="hamburger_meni" href="javascript:void(0)" onclick="odpri_meni()">
+            <i class="fa-solid fa-bars"></i>
+        </a>
     </nav>
 </header>
 <main class="jedilnik_page">

o_nas.html

@@ -21,6 +21,9 @@
             <li><a href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
             <li><a class="active" href="o_nas.html"><i class="fa-solid fa-circle-info"></i>O nas</a></li>
         </ul>
+        <a class="hamburger_meni" href="javascript:void(0)" onclick="odpri_meni()">
+            <i class="fa-solid fa-bars"></i>
+        </a>
     </nav>
 </header>
     <main class="o_nas_page">

recepti.html

@@ -20,6 +20,9 @@
             <li><a href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
             <li><a href="o_nas.html">	<i class="fa-solid fa-circle-info"></i>O nas</a></li>
         </ul>
+        <a class="hamburger_meni" href="javascript:void(0)" onclick="odpri_meni()">
+            <i class="fa-solid fa-bars"></i>
+        </a>
     </nav>
 </header>
 <main class="recepti_page">

rezervacija.html

@@ -2,6 +2,7 @@
 <html lang="sl">
 <head>
     <link rel="stylesheet" href="stylesheet.css">
+    <script src="java_script.js"></script>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Rezervacija | Za prste obliznit</title>
@@ -20,6 +21,9 @@
                 <li><a class="active" href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
                 <li><a href="o_nas.html"><i class="fa-solid fa-circle-info"></i>O nas</a></li>
             </ul>
+            <a class="hamburger_meni" href="javascript:void(0)" onclick="odpri_meni()">
+                <i class="fa-solid fa-bars"></i>
+            </a>
         </nav>
     </header>
     <main class="rezervacija_page">

stylesheet.css

@@ -123,6 +123,10 @@ footer .fa-solid  {
     padding: 0.5rem 1rem;
 }
 
+.hamburger_meni {
+    display: none;
+}
+
 .logo {
     display: flex;
     align-items: center;
@@ -368,54 +372,7 @@ footer p {
     font-weight: 700;
 }
 
-/* prilagotitev telefonom */
 
-@media (max-width: 1000px) {
-    .nav_bar {
-        flex-direction: column;
-        gap: 0.5rem;
-    }
-
-    .main_menu {
-        justify-content: center;
-    }
-
-    .home_page .jedi_grid {
-        grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-
-    .home_page .hero h1 {
-        font-size: 2.6rem;
-    }
-}
-
-@media (max-width: 600px) {
-    .main_menu {
-        gap: 0.15rem;
-    }
-
-    .main_menu a {
-        padding: 0.45rem;
-        font-size: 0.8rem;
-    }
-
-    .home_page .jedi_grid {
-        grid-template-columns: 1fr; /*da bojo v bistvu vsak v svoji vrst */
-    }
-
-    .home_page .hero {
-        min-height: 60vh;
-        padding: 2rem 1rem;
-    }
-
-    .home_page .hero h1 {
-        font-size: 2.2rem;
-    }
-
-    h2 {
-        font-size: 1.7rem;
-    }
-}
 
 /*jedilnik*/
 .jedilnik_page {
@@ -666,6 +623,7 @@ footer p {
     height: 2rem;
     padding:0.5rem;
     font-family: "Montserrat", sans-serif;
+    border: 0.1rem solid var(--barva-besedilo);
 }
 
 .field_rezervacija textarea {
@@ -729,7 +687,7 @@ footer p {
     font-family: "Montserrat", sans-serif;
     font-weight: 700;
     text-decoration: none;
-
+    border: none;
 
     transition: background-color 0.2s ease; /* da izgleda sprememba barve bolj smooth */
 }
@@ -797,3 +755,71 @@ footer p {
     background-color: var(--barva-dodatna3);
     font-weight: 700;
 }
+
+/* prilagotitev tablica, telefon */
+
+@media (max-width: 1000px) {
+    /*.nav_bar {
+        flex-direction: column;
+        gap: 0.5rem;
+    }
+
+    .main_menu {
+        justify-content: center;
+    }*/
+
+    .main {
+        max-width: 600px;
+    }
+
+    .home_page .jedi_grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .home_page .hero h1 {
+        font-size: 2.6rem;
+    }
+
+    /*hamburger meni*/
+    
+    .main_menu {
+        display: none;
+    }
+
+    .hamburger_meni {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        flex-wrap: wrap;
+        text-decoration: none;
+    }
+
+}
+
+@media (max-width: 600px) {
+    .main_menu {
+        gap: 0.15rem;
+    }
+
+    .main_menu a {
+        padding: 0.45rem;
+        font-size: 0.8rem;
+    }
+
+    .home_page .jedi_grid {
+        grid-template-columns: 1fr; /*da bojo v bistvu vsak v svoji vrst */
+    }
+
+    .home_page .hero {
+        min-height: 60vh;
+        padding: 2rem 1rem;
+    }
+
+    .home_page .hero h1 {
+        font-size: 2.2rem;
+    }
+
+    h2 {
+        font-size: 1.7rem;
+    }
+}