diff --git a/aydinlatma.html b/aydinlatma.html
index 7a888b9..8660483 100644
--- a/aydinlatma.html
+++ b/aydinlatma.html
@@ -5,8 +5,9 @@
     <meta content="width=device-width, initial-scale=1" name="viewport"/>
     <meta name="description" content="Kişisel Verilerin Korunması Kanunu hakkında aydınlatma metni.">
     <title>KVKK Aydınlatma Metni | Uğur Galeri</title>
-    <link type="text/css" rel="stylesheet" href="resources/css/main.css">
-    <script src="resources/js/main.js" defer></script>
+    <link type="text/css" rel="stylesheet" href="assets/css/main.css">
+    <link type="text/css" rel="stylesheet" href="assets/css/views/aydinlatma.css">
+    <script src="assets/js/main.js" defer></script>
 </head>
 <body>
 <header id="header">
@@ -678,34 +679,34 @@
                 öncelikle KVKK ve ilgili diğer mevzuat hükümleri uygulanacaktır.</p>
         </article>
         <section id="belgeler" class="documents content-spacing">
-            <a class="document" href="resources/docs/Ba%C5%9Fvuru%20Formu.docx">
-                <img src="resources/img/aydinlatma/docs-white.svg" alt="">
+            <a class="document" href="assets/docs/Ba%C5%9Fvuru%20Formu.docx">
+                <img src="assets/img/aydinlatma/docs-white.svg" alt="">
                 <h1>Başvuru Formu.docx</h1>
             </a>
-            <a class="document" href="resources/docs/%C3%87al%C4%B1%C5%9Fan%20A%C3%A7%C4%B1k%20R%C4%B1za.docx">
-                <img src="resources/img/aydinlatma/docs-white.svg" alt="">
+            <a class="document" href="assets/docs/%C3%87al%C4%B1%C5%9Fan%20A%C3%A7%C4%B1k%20R%C4%B1za.docx">
+                <img src="assets/img/aydinlatma/docs-white.svg" alt="">
                 <h1>Çalışan Açık Rıza.docx</h1>
             </a>
-            <a class="document" href="resources/docs/%C3%87al%C4%B1%C5%9Fan%20Ayd%C4%B1nlatma%20Metni.docx">
-                <img src="resources/img/aydinlatma/docs-white.svg" alt="">
+            <a class="document" href="assets/docs/%C3%87al%C4%B1%C5%9Fan%20Ayd%C4%B1nlatma%20Metni.docx">
+                <img src="assets/img/aydinlatma/docs-white.svg" alt="">
                 <h1>Çalışan Aydınlatma Metni.docx</h1>
             </a>
-            <a class="document" href="resources/docs/%C4%B0nternet%20Bilgilendirme.docx">
-                <img src="resources/img/aydinlatma/docs-white.svg" alt="">
+            <a class="document" href="assets/docs/%C4%B0nternet%20Bilgilendirme.docx">
+                <img src="assets/img/aydinlatma/docs-white.svg" alt="">
                 <h1>İnternet Bilgilendirme.docx</h1>
             </a>
-            <a class="document" href="resources/docs/Veri%20Transfer%20S%C3%B6zle%C5%9Fmesi.docx">
-                <img src="resources/img/aydinlatma/docs-white.svg" alt="">
+            <a class="document" href="assets/docs/Veri%20Transfer%20S%C3%B6zle%C5%9Fmesi.docx">
+                <img src="assets/img/aydinlatma/docs-white.svg" alt="">
                 <h1>Veri Transfer Sözleşmesi.docx</h1>
             </a>
         </section>
     </main>
-    <button id="scroll-to-top" onclick="scrollToTop()"><img src="resources/img/scroll-to-top.svg" alt="Scroll to top">
+    <button id="scroll-to-top" onclick="scrollToTop()"><img src="assets/img/scroll-to-top.svg" alt="Scroll to top">
     </button>
     <footer id="footer" class="content-spacing">
         <picture>
-            <source srcset="resources/img/footer.webp" type="image/webp">
-            <img src="resources/img/footer.png" alt="Uğur Galeri">
+            <source srcset="assets/img/footer.webp" type="image/webp">
+            <img src="assets/img/footer.png" alt="Uğur Galeri">
         </picture>
         <div class="footer-columns">
             <div class="footer-column">
diff --git a/galeri.html b/galeri.html
index 4361e2f..8d8f95f 100644
--- a/galeri.html
+++ b/galeri.html
@@ -5,9 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <meta name="description" content="Uğur Galeri ve Uğur Koçak Treyler'in websitesine hoş geldiniz!">
     <title>Fotoğraf Galerisi | Uğur Galeri</title>
-    <link type="text/css" rel="stylesheet" href="resources/css/main.css">
-    <script src="resources/js/main.js" defer></script>
-    <script src="resources/js/galeri.js" defer></script>
+    <link type="text/css" rel="stylesheet" href="assets/css/main.css">
+    <link type="text/css" rel="stylesheet" href="assets/css/views/galeri.css">
+    <script src="assets/js/main.js" defer></script>
+    <script src="assets/js/galeri.js" defer></script>
 </head>
 <body>
 <div id="fullscreen">
@@ -56,53 +57,53 @@
             <h1>Fotoğraf Galerisi</h1>
         </section>
         <section id="gallery" class="gallery content-spacing">
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0384.JPG" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0400.JPG" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0401.JPG" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0403.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0408.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0412.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0414.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0416.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0419.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0420.JPG" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0422.JPG" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0423.JPG" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0424.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0426.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0429.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0438.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0863.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0866.JPG" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/0872.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/1696.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/1702.JPG" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/1705.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/1706.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/1724.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/7815.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/7829.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/7834.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/7840.JPG" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/7843.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/7850.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/7851.JPG" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/7881.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/7891.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/7893.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/7894.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/7900.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/7925.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/9761.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/9810.jpg" alt="Fotoğraf" loading="lazy"></div>
-            <div class="photo-container"><img class="photo" src="resources/img/galeri/9820.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0384.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0400.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0401.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0403.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0408.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0412.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0414.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0416.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0419.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0420.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0422.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0423.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0424.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0426.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0429.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0438.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0863.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0866.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/0872.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/1696.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/1702.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/1705.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/1706.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/1724.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/7815.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/7829.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/7834.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/7840.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/7843.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/7850.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/7851.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/7881.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/7891.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/7893.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/7894.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/7900.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/7925.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/9761.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/9810.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="assets/img/galeri/9820.jpg" alt="Fotoğraf" loading="lazy"></div>
         </section>
     </main>
-    <button id="scroll-to-top" onclick="scrollToTop()"><img src="resources/img/scroll-to-top.svg" alt="Scroll to top"></button>
+    <button id="scroll-to-top" onclick="scrollToTop()"><img src="assets/img/scroll-to-top.svg" alt="Scroll to top"></button>
     <footer id="footer" class="content-spacing">
         <picture>
-            <source srcset="resources/img/footer.webp" type="image/webp">
-            <img src="resources/img/footer.png" alt="Uğur Galeri">
+            <source srcset="assets/img/footer.webp" type="image/webp">
+            <img src="assets/img/footer.png" alt="Uğur Galeri">
         </picture>
         <div class="footer-columns">
             <div class="footer-column">
diff --git a/iletisim.html b/iletisim.html
index 4c2d3ed..228458a 100644
--- a/iletisim.html
+++ b/iletisim.html
@@ -5,8 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <meta name="description" content="TODO">
     <title>İletişim | Uğur Galeri</title>
-    <link type="text/css" rel="stylesheet" href="resources/css/main.css">
-    <script src="resources/js/main.js" defer></script>
+    <link type="text/css" rel="stylesheet" href="assets/css/main.css">
+    <link type="text/css" rel="stylesheet" href="assets/css/views/iletisim.css">
+    <script src="assets/js/main.js" defer></script>
 </head>
 <body>
 <header id="header">
@@ -57,24 +58,24 @@
                 <hr class="horizontal-separator">
                 <h2>Satış:</h2>
                 <h3>Furkan KOÇAK</h3>
-                <span class="click-call"><img src="resources/img/iletisim/phone.svg" alt="Telefon simgesi">Telefon: <a href="tel:+905325752544" title="Aramak için tıklayın">0532 575 2544</a></span>
-                <span class="click-pm"><img src="resources/img/iletisim/whatsapp.svg" alt="Whatsapp logosu"><a href="https://api.whatsapp.com/send/?phone=905325752544&text&app_absent=0">WhatsApp'tan mesaj yollayın</a></span>
+                <span class="click-call"><img src="assets/img/iletisim/phone.svg" alt="Telefon simgesi">Telefon: <a href="tel:+905325752544" title="Aramak için tıklayın">0532 575 2544</a></span>
+                <span class="click-pm"><img src="assets/img/iletisim/whatsapp.svg" alt="Whatsapp logosu"><a href="https://api.whatsapp.com/send/?phone=905325752544&text&app_absent=0">WhatsApp'tan mesaj yollayın</a></span>
 
                 <h3>Ahmet GİRGİN</h3>
-                <span class="click-call"><img src="resources/img/iletisim/phone.svg" alt="Telefon simgesi">Telefon: <a href="tel:+905325668216" title="Aramak için tıklayın">0532 566 8216</a></span>
-                <span class="click-pm"><img src="resources/img/iletisim/whatsapp.svg" alt="Whatsapp logosu"><a href="https://api.whatsapp.com/send/?phone=905325668216&text&app_absent=0">WhatsApp'tan mesaj yollayın</a></span>
+                <span class="click-call"><img src="assets/img/iletisim/phone.svg" alt="Telefon simgesi">Telefon: <a href="tel:+905325668216" title="Aramak için tıklayın">0532 566 8216</a></span>
+                <span class="click-pm"><img src="assets/img/iletisim/whatsapp.svg" alt="Whatsapp logosu"><a href="https://api.whatsapp.com/send/?phone=905325668216&text&app_absent=0">WhatsApp'tan mesaj yollayın</a></span>
 
                 <h3>Mustafa BALABAN</h3>
-                <span class="click-call"><img src="resources/img/iletisim/phone.svg" alt="Telefon simgesi">Telefon: <a href="tel:+905301154854" title="Aramak için tıklayın">0530 115 4854</a></span>
-                <span class="click-pm"><img src="resources/img/iletisim/whatsapp.svg" alt="Whatsapp logosu"><a href="https://api.whatsapp.com/send/?phone=905301154854&text&app_absent=0">WhatsApp'tan mesaj yollayın</a></span>
+                <span class="click-call"><img src="assets/img/iletisim/phone.svg" alt="Telefon simgesi">Telefon: <a href="tel:+905301154854" title="Aramak için tıklayın">0530 115 4854</a></span>
+                <span class="click-pm"><img src="assets/img/iletisim/whatsapp.svg" alt="Whatsapp logosu"><a href="https://api.whatsapp.com/send/?phone=905301154854&text&app_absent=0">WhatsApp'tan mesaj yollayın</a></span>
             </article>
             <article class="location">
                 <h1>Uğur Galeri</h1>
                 <hr class="horizontal-separator">
                 <h2>İrtibat</h2>
-                <span class="click-call"><img src="resources/img/iletisim/phone.svg" alt="Telefon simgesi">Cep telefonu: <a href="tel:+905373218487" title="Aramak için tıklayın">0537 321 8487</a></span>
-                <span class="click-call"><img src="resources/img/iletisim/landline.svg" alt="Sabit hat simgesi">Sabit hat: <a href="tel:+902246718380" title="Aramak için tıklayın">0224 671 83 80</a></span>
-                <span class="click-call"><img src="resources/img/iletisim/landline.svg" alt="Sabit hat simgesi">Sabit hat: <a href="tel:+902246718308" title="Aramak için tıklayın">0224 671 83 08</a></span>
+                <span class="click-call"><img src="assets/img/iletisim/phone.svg" alt="Telefon simgesi">Cep telefonu: <a href="tel:+905373218487" title="Aramak için tıklayın">0537 321 8487</a></span>
+                <span class="click-call"><img src="assets/img/iletisim/landline.svg" alt="Sabit hat simgesi">Sabit hat: <a href="tel:+902246718380" title="Aramak için tıklayın">0224 671 83 80</a></span>
+                <span class="click-call"><img src="assets/img/iletisim/landline.svg" alt="Sabit hat simgesi">Sabit hat: <a href="tel:+902246718308" title="Aramak için tıklayın">0224 671 83 08</a></span>
                 <h2>Adres</h2>
                 <a class="no-decoration" href="#map"><p>Bursa Karacabey Yolu Kümeevler Mahallesi No:10<br>Karacabey/BURSA</p></a>
                 <h2>E-posta</h2>
@@ -87,11 +88,11 @@
             </article>
         </section>
     </main>
-    <button id="scroll-to-top" onclick="scrollToTop()"><img src="resources/img/scroll-to-top.svg" alt="Scroll to top"></button>
+    <button id="scroll-to-top" onclick="scrollToTop()"><img src="assets/img/scroll-to-top.svg" alt="Scroll to top"></button>
     <footer id="footer" class="content-spacing">
         <picture>
-            <source srcset="resources/img/footer.webp" type="image/webp">
-            <img src="resources/img/footer.png" alt="Uğur Galeri">
+            <source srcset="assets/img/footer.webp" type="image/webp">
+            <img src="assets/img/footer.png" alt="Uğur Galeri">
         </picture>
         <div class="footer-columns">
             <div class="footer-column">
diff --git a/kamera.html b/kamera.html
index 2035a89..5a8b162 100644
--- a/kamera.html
+++ b/kamera.html
@@ -5,8 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <meta name="description" content="TODO">
     <title>Kamera Kullanımı Aydınlatma Metni | Uğur Galeri</title>
-    <link type="text/css" rel="stylesheet" href="resources/css/main.css">
-    <script src="resources/js/main.js" defer></script>
+    <link type="text/css" rel="stylesheet" href="assets/css/main.css">
+    <link type="text/css" rel="stylesheet" href="assets/css/views/kamera.css">
+    <script src="assets/js/main.js" defer></script>
 </head>
 <body>
 <header id="header">
@@ -113,11 +114,11 @@
             <h1>Diğer belgelere ulaşmak için <a href="aydinlatma.html#belgeler">tıklayınız</a>.</h1>
         </section>
     </main>
-    <button id="scroll-to-top" onclick="scrollToTop()"><img src="resources/img/scroll-to-top.svg" alt="Scroll to top"></button>
+    <button id="scroll-to-top" onclick="scrollToTop()"><img src="assets/img/scroll-to-top.svg" alt="Scroll to top"></button>
     <footer id="footer" class="content-spacing">
         <picture>
-            <source srcset="resources/img/footer.webp" type="image/webp">
-            <img src="resources/img/footer.png" alt="Uğur Galeri">
+            <source srcset="assets/img/footer.webp" type="image/webp">
+            <img src="assets/img/footer.png" alt="Uğur Galeri">
         </picture>
         <div class="footer-columns">
             <div class="footer-column">
