diff --git a/index.html b/index.html
index beef90c..ede9f80 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,12 @@
   <link rel="stylesheet" href="style.css">
   <style>
     /* Add your CSS styles here */
+    .content {
+      display: none; /* Hide all sections initially */
+    }
+    .active {
+      display: block; /* Show the active section */
+    }
   </style>
 </head>
 <body>
@@ -24,26 +30,26 @@
       </ul>
     </nav>
     
-    <div class="content" id="home"> 
+    <div class="content active" id="home"> 
       <h2>Hello,<br>I'm Onur Çatmabacak</h2>
       <p>I'm a Web Developer & Designer with a passion for research and innovation.<br>
          This is a space where I share my work, projects, and publications.</p>
     </div>
 
-    <div class="cv-container" id="cv"> 
+    <div class="content" id="cv"> 
       <h2>My Curriculum Vitae</h2>
       <iframe src="OnurCatmabacak_CV.pdf" style="object-fit: cover;"> 
         This browser does not support PDFs. Please download the PDF to view it: <a href="OnurCatmabacak_CV.pdf">Download PDF</a>
       </iframe>
     </div>
 
-    <div class="publications-container" id="publications"> 
+    <div class="content" id="publications"> 
       <h2>My Publications</h2>
       <p>You can view my publications directly at the following link:</p>
       <a href="https://ui.adsabs.harvard.edu/search/fq=%7B!type%3Daqp%20v%3D%24fq_database%7D&fq_database=(database%3Aastronomy%20OR%20database%3Aphysics)&q=%20author%3A%22catmabacak%2C%20onur%22&sort=date%20desc%2C%20bibcode%20desc&p_=0" target="_blank" class="button-link">View Publications</a>
     </div>
 
-    <div class="research-container" id="research"> 
+    <div class="content" id="research"> 
       <h2>Research</h2>
       <div id="instructions-container">
         <!-- Instructions will be loaded here -->
@@ -74,6 +80,33 @@ <h2><u>Galaxy Formation and Evolution</u></h2>
   </div>
 
   <script>
+    // Function to load the content dynamically
+    function loadContent(contentId) {
+      const contents = document.querySelectorAll('.content');
+      contents.forEach(content => {
+        content.classList.remove('active'); // Hide all contents
+      });
+
+      const activeContent = document.getElementById(contentId);
+      activeContent.classList.add('active'); // Show the selected content
+    }
+
+    document.getElementById('home-link').addEventListener('click', function() {
+      loadContent('home');
+    });
+
+    document.getElementById('cv-link').addEventListener('click', function() {
+      loadContent('cv');
+    });
+
+    document.getElementById('publications-link').addEventListener('click', function() {
+      loadContent('publications');
+    });
+
+    document.getElementById('research-link').addEventListener('click', function() {
+      loadContent('research');
+    });
+
     document.getElementById('load-instructions').addEventListener('click', function() {
       loadInstructions();
     });
diff --git a/instructions.html b/instructions.html
index 2b63a74..177f71e 100644
--- a/instructions.html
+++ b/instructions.html
@@ -1,146 +1,10 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>Instructions - Onur Çatmabacak</title>
-  <style>
-    body {
-      scroll-behavior: smooth;
-      background-color: black;
-      color: white;
-      margin: 0;
-      padding: 0;
-      position: relative;
-      min-height: 100vh;
-      font-family: 'Karla', sans-serif;
-    }
-    .container {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: flex-start;
-      padding: 20px;
-    }
-    nav {
-      padding: 10px 0;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      width: 100%;
-      padding-left: 8%;
-      padding-right: 8%;
-    }
-    .logo a {
-      font-size: 40px;
-      text-decoration: none;
-      color: white;
-    }
-    nav ul {
-      list-style: none;
-      display: flex;
-      gap: 20px;
-    }
-    nav ul li a {
-      text-decoration: none;
-      font-size: 24px;
-      color: white;
-      padding: 10px;
-      transition: 0.5s;
-    }
-    nav ul li a:hover {
-      color: #f9004d;
-    }
-    h2 {
-      margin-top: 40px;
-      font-size: 40px;
-      color: #f9004d;
-      text-align: center;
-    }
-    .instructions-content {
-      width: 100%; /* Full width */
-      max-width: 800px; /* Same max-width as the research page */
-      text-align: center;
-      margin: 20px auto;
-      line-height: 1.8;
-    }
-    ul {
-      list-style-type: none;
-      padding: 0;
-    }
-    ul li {
-      margin-bottom: 20px;
-    }
-    a {
-      color: #f9004d;
-      text-decoration: none;
-    }
-    a:hover {
-      text-decoration: underline;
-    }
-    .social-links {
-      display: flex;
-      justify-content: center;
-      position: fixed;
-      bottom: 20px;
-      left: 50%;
-      transform: translateX(-50%);
-    }
-    .social-links a {
-      margin: 0 10px;
-    }
-    .back-link {
-      margin-top: 30px;
-      font-size: 18px;
-    }
-  </style>
-</head>
-<body>
-  <div class="container">
-    <!-- Navigation Menu -->
-    <nav>
-      <div class="logo">
-        <a href="index.html#home">Onur Çatmabacak<span></span></a> 
-      </div>
-      <ul>
-        <li><a href="index.html#home">Home</a></li>
-        <li><a href="index.html#cv">CV</a></li>
-        <li><a href="index.html#publications">Publications</a></li>
-        <li><a href="index.html#research">Research</a></li>
-      </ul>
-    </nav>
-    
-    <!-- Instructions Section -->
-    <div class="instructions-content" id="instructions">
-      <h2>Instructions for Research Project</h2>
-      <p>Follow these detailed instructions to complete the research project:</p>
-      <ul>
-        <li>Step 1: Review the related literature and take notes on key findings.</li>
-        <li>Step 2: Set up the computational models as described in the research guidelines.</li>
-        <li>Step 3: Perform simulations and analyze the results.</li>
-        <li>Step 4: Compare your findings with existing data.</li>
-        <li>Step 5: Prepare your report with visualizations and conclusions.</li>
-      </ul>
-
-      <!-- Back to Research Link -->
-      <div class="back-link">
-        <a href="index.html#research">&larr; Back to Research Page</a>
-      </div>
-    </div>
-
-    <!-- Social Links (Same as Other Pages) -->
-    <div class="social-links">
-      <a href="mailto:onurcatmabacak@gmail.com" target="_blank">
-        <img src="https://img.icons8.com/ios-filled/50/ffffff/email.png" alt="Email">
-      </a>
-      <a href="https://github.com/onurcatmabacak" target="_blank">
-        <img src="https://img.icons8.com/ios-filled/50/ffffff/github.png" alt="GitHub">
-      </a>
-      <a href="https://www.linkedin.com/in/onurcatmabacak/" target="_blank">
-        <img src="https://img.icons8.com/ios-filled/50/ffffff/linkedin.png" alt="LinkedIn">
-      </a>
-    </div>
-  </div>
-</body>
-</html>
+<div class="instructions">
+    <h2>Research Instructions</h2>
+    <p>Here you can provide details on how to navigate your research, important notes, or guidelines for understanding the research topics presented.</p>
+    <ul>
+      <li>Read the descriptions carefully.</li>
+      <li>Follow the links for deeper insights into each topic.</li>
+      <li>Contact me for any questions or further information.</li>
+    </ul>
+</div>
+  
\ No newline at end of file
