diff --git a/galeri.html b/galeri.html
new file mode 100644
index 0000000..3923568
--- /dev/null
+++ b/galeri.html
@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <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/styles/main.css">
+    <script src="resources/scripts/main.js" defer></script>
+    <script src="resources/scripts/galeri.js" defer></script>
+</head>
+<body>
+<div id="fullscreen">
+    <img id="fullscreen-img" src="" alt="Full screen image">
+</div>
+<header id="header">
+    <div id="logo" class="bounce-animation">
+        <span style="--i: 1;">U</span>
+        <span style="--i: 2;">Ğ</span>
+        <span style="--i: 3;">U</span>
+        <span style="--i: 4;">R</span>
+        <span style="--i: 4;">&nbsp;</span>
+        <span style="--i: 5;">G</span>
+        <span style="--i: 6;">A</span>
+        <span style="--i: 7;">L</span>
+        <span style="--i: 8;">E</span>
+        <span style="--i: 9;">R</span>
+        <span style="--i: 10;">İ</span>
+    </div>
+    <nav class="navbar">
+        <a class="nav-item" href="index.html">Ana sayfa</a>
+        <a class="nav-item" href="hakkimizda.html">Hakkımızda</a>
+        <a class="nav-item" href="index.html#brands">Markalar</a>
+        <a class="nav-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
+        <a class="nav-item" href="iletisim.html">İletişim</a>
+    </nav>
+
+    <input type="checkbox" id="toggle" class="toggle" onchange="toggleDropdown()" autocomplete="off">
+    <label for="toggle" id="toggle-label">
+        <span class="bar bar1"></span>
+        <span class="bar bar2"></span>
+        <span class="bar bar3"></span>
+        <span class="bar bar4"></span>
+    </label>
+</header>
+<nav class="dropdown hidden dropdown-navbar">
+    <a class="dropdown-nav-item hidden" href="index.html">Ana sayfa</a>
+    <a class="dropdown-nav-item hidden" href="hakkimizda.html">Hakkımızda</a>
+    <a class="dropdown-nav-item hidden" href="index.html#brands">Markalar</a>
+    <a class="dropdown-nav-item hidden" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
+    <a class="dropdown-nav-item hidden" href="iletisim.html">İletişim</a>
+</nav>
+<div id="container">
+    <main id="content">
+        <section class="gallery content-spacing">
+            <img class="photo" src="resources/img/galeri/0384.JPG" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0400.JPG" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0401.JPG" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0403.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0408.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0412.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0414.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0416.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0419.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0420.JPG" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0422.JPG" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0423.JPG" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0423.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0424.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0426.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0429.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0436.JPG" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0438.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0863.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0866.JPG" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/0872.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/1696.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/1702.JPG" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/1705.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/1706.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/1724.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/7815.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/7829.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/7834.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/7840.JPG" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/7843.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/7850.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/7851.JPG" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/7880.JPG" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/7881.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/7891.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/7893.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/7894.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/7900.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/7925.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/9761.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/9810.jpg" alt="Fotoğraf" loading="lazy">
+            <img class="photo" src="resources/img/galeri/9820.jpg" alt="Fotoğraf" loading="lazy">
+        </section>
+    </main>
+    <button id="scroll-to-top" onclick="scrollToTop()"><img src="resources/img/scroll-to-top.svg" alt="Scroll to top"></button>
+    <footer id="footer" class="content-spacing">
+        <img id="small-logo" src="resources/img/Uğur%20Galeri/footer-white.png" alt="Uğur Galeri U logosu">
+        <div class="footer-columns">
+            <div class="footer-column">
+                <h1>Uğur Galeri</h1>
+                <ul>
+                    <li><a href="index.html">Ana sayfa</a></li>
+                    <li><a href="hakkimizda.html">Hakkımızda</a></li>
+                    <li><a href="index.html#brands">Markalarımız</a></li>
+                    <li><a href="https://ugurgaleri1.sahibinden.com">Araçlarımız</a></li>
+                    <li><a href="iletisim.html">İletişim</a></li>
+                </ul>
+            </div>
+            <div class="footer-column">
+                <h1>Kurumsal</h1>
+                <ul>
+                    <li><a href="hakkimizda.html#misyon">Misyonumuz</a></li>
+                    <li><a href="hakkimizda.html#vizyon">Vizyonumuz</a></li>
+                    <li><a href="hakkimizda.html#yonetim">Yönetim</a></li>
+                    <li><a href="aydinlatma.html">KVKK Aydınlatma Metni</a></li>
+                    <li><a href="kamera.html">Kamera Kullanımı</a></li>
+                </ul>
+            </div>
+        </div>
+    </footer>
+    <footer id="footer-stateless" class="content-spacing ignore-vertical">
+        <p>&copy; Uğur Galeri 2022</p>
+        <p class="smaller">Dizayn & Uygulama: <a href="https://fybx.dev">fybx.dev</a></p>
+    </footer>
+</div>
+</body>
+</html>
\ No newline at end of file
