Make website work properly when opened as a file in the browser.

pages/contacts.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Контакти » Веб-програмування ПР№1</title>
-    <link rel="stylesheet" href="/style.css">
+    <link rel="stylesheet" href="../style.css">
 
     <script>
         document.addEventListener("DOMContentLoaded", () => {
@@ -20,18 +20,18 @@
     <!-- Navbar -->
     <nav>
         <div class="nav-links">
-            <a href="/" class="nav-logo"><img src="/images/website-logo.png" alt="Логотип компанії"></a>
-            <a href="/pages/gallery.html">Галерея</a>
-            <a href="/pages/articles.html">Статті</a>
-            <a href="/pages/contacts.html"><u>Контакти</u></a>
-            <a href="/pages/about.html">Про нас</a>
+            <a href="../index.html" class="nav-logo"><img src="../images/website-logo.png" alt="Логотип компанії"></a>
+            <a href="./gallery.html">Галерея</a>
+            <a href="./articles.html">Статті</a>
+            <a href="./contacts.html"><u>Контакти</u></a>
+            <a href="./about.html">Про нас</a>
         </div>
     </nav>
 
     <!-- Content -->
     <main>
         <section class="contact-hero">
-            <img src="/images/contacts-image.webp" alt="Contact image." class="section-image">
+            <img src="../images/contacts-image.webp" alt="Contact image." class="section-image">
             <h1>Зв’яжіться з нами</h1>
             <p>
                 Ми завжди відкриті до співпраці, нових ідей та партнерських проєктів.