diff --git a/aydinlatma.html b/aydinlatma.html
index eabb46d..9e042fa 100644
--- a/aydinlatma.html
+++ b/aydinlatma.html
@@ -39,12 +39,12 @@
         <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 id="drawer">
+    <a class="drawer-item" href="index.html">Ana sayfa</a>
+    <a class="drawer-item" href="hakkimizda.html">Hakkımızda</a>
+    <a class="drawer-item" href="index.html#brands">Markalar</a>
+    <a class="drawer-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
+    <a class="drawer-item" href="iletisim.html">İletişim</a>
 </nav>
 <div id="container">
     <main id="content">
diff --git a/hakkimizda.html b/hakkimizda.html
index ed9d7bf..bf3d4df 100644
--- a/hakkimizda.html
+++ b/hakkimizda.html
@@ -39,12 +39,12 @@
         <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="#">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 id="drawer">
+    <a class="drawer-item" href="index.html">Ana sayfa</a>
+    <a class="drawer-item" href="#">Hakkımızda</a>
+    <a class="drawer-item" href="index.html#brands">Markalar</a>
+    <a class="drawer-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
+    <a class="drawer-item" href="iletisim.html">İletişim</a>
 </nav>
 <div id="container">
     <main id="content">
diff --git a/iletisim.html b/iletisim.html
index 4363917..d1fba37 100644
--- a/iletisim.html
+++ b/iletisim.html
@@ -39,12 +39,12 @@
         <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="#">İletişim</a>
+<nav id="drawer">
+    <a class="drawer-item" href="index.html">Ana sayfa</a>
+    <a class="drawer-item" href="hakkimizda.html">Hakkımızda</a>
+    <a class="drawer-item" href="index.html#brands">Markalar</a>
+    <a class="drawer-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
+    <a class="drawer-item" href="#">İletişim</a>
 </nav>
 <div id="container">
     <main id="content">
diff --git a/index.html b/index.html
index 340ba55..a5b098b 100644
--- a/index.html
+++ b/index.html
@@ -40,12 +40,12 @@
             <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="#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 id="drawer">
+        <a class="drawer-item" href="#">Ana sayfa</a>
+        <a class="drawer-item" href="hakkimizda.html">Hakkımızda</a>
+        <a class="drawer-item" href="index.html#brands">Markalar</a>
+        <a class="drawer-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
+        <a class="drawer-item" href="iletisim.html">İletişim</a>
     </nav>
     <div id="container">
         <main id="content">
diff --git a/kamera.html b/kamera.html
index cf995fd..39d0872 100644
--- a/kamera.html
+++ b/kamera.html
@@ -38,12 +38,12 @@
             <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 id="drawer">
+    <a class="drawer-item" href="index.html">Ana sayfa</a>
+    <a class="drawer-item" href="hakkimizda.html">Hakkımızda</a>
+    <a class="drawer-item" href="index.html#brands">Markalar</a>
+    <a class="drawer-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
+    <a class="drawer-item" href="iletisim.html">İletişim</a>
 </nav>
 <div id="container">
     <main id="content">