diff --git a/Daksh Kumar b/Daksh Kumar
new file mode 100644
index 0000000000000..2e34bce685c65
--- /dev/null
+++ b/Daksh Kumar	
@@ -0,0 +1,253 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <title>Best Website with 3 Dots Menu</title>
+  <link rel="link" href="https://github.com/Daksh/Daksh.github.io.git">
+  <style>
+    * { margin:0; padding:0; box-sizing:border-box; }
+    body { font-family: Arial, sans-serif; line-height:1.6; background:#f5f5f5; }
+
+    /* --- Header --- */
+    header {
+      background:#333; color:#fff;
+      padding:15px 20px;
+      display:flex; justify-content:space-between; align-items:center;
+      position:sticky; top:0; z-index:1000;
+    }
+    header h1 { font-size:22px; }
+
+    /* --- 3 Dot Menu --- */
+    .kebab { position:relative; display:inline-block; }
+    .kebab button {
+      background:transparent; border:none; cursor:pointer;
+      padding:6px; border-radius:6px;
+    }
+    .dot {
+      width:6px; height:6px; border-radius:50%;
+      background:#fff; display:block; margin:3px 0;
+    }
+    .menu {
+      position:absolute; right:0; top:40px;
+      background:#fff; min-width:160px;
+      box-shadow:0 6px 18px rgba(0,0,0,.15);
+      border-radius:8px; display:none; z-index:100;
+    }
+    .menu a {
+      display:block; padding:10px 12px;
+      text-decoration:none; color:#333;
+    }
+    .menu a:hover { background:#f3f3f3; }
+    .menu.show { display:block; }
+
+    /* --- Hero Section --- */
+    .hero {
+      height:80vh;
+      background:url('PSX_20250828_194920.jpg') center/cover no-repeat;
+      display:flex; flex-direction:column; justify-content:center; align-items:center;
+      text-align:center; color:white;
+    }
+    .hero h2 { font-size:20px; margin-bottom:10px; text-shadow:2px 2px 8px rgba(0,0,0,0.7); }
+    .hero p { font-size:20px; margin-bottom:20px; 
+    color:yellow;}
+    .hero a {
+      padding:12px 25px; background:#00c8ff; color:white; border-radius:30px;
+      text-decoration:none; font-weight:bold; transition:background 0.3s;
+    }
+    .hero a:hover { background:#0099cc; }
+
+    /* --- Sections --- */
+    section { padding:60px 30px; text-align:center; background:white; margin:20px auto; border-radius:12px; max-width:1000px; box-shadow:0 4px 12px rgba(0,0,0,0.1); }
+    section h2 { margin-bottom:20px; font-size:32px; }
+    section p { color:#555; }
+
+    /* --- Footer --- */
+    footer { background:#333; color:white; text-align:center; padding:20px; margin-top:40px; }
+  </style>
+</head>
+<body>
+
+  <!-- Header -->
+  <header>
+    <h1>Library Website</h1>
+    <div class="kebab" id="kebab1">
+      <button id="kebabBtn">
+        <span class="dot"></span>
+        <span class="dot"></span>
+        <span class="dot"></span>
+      </button>
+      <div class="menu" id="kebabMenu">
+        <a href="Home.html"> Home</a>
+        <a href="Addmission.html">Addmission</a>
+        <a href="Services.html"> Services</a>
+        <a href="Achievement.html"> Achievement </a>
+        <a href="Photo.html">Photo</a>
+        <a href="About.html">About</a>
+      </div>
+    </div>
+  </header>
+
+  <!-- Hero -->
+  <section class="hero" id="home">
+    
+    
+  </section>
+
+  <!-- About -->
+  <section id="about">
+    <h2>About Us</h2>
+    <p>This website uses a clean 3 dots menu for navigation instead of a normal navbar.</p>
+  </section>
+
+<style>
+    body {
+      margin: 0;
+      font-family: Arial, sans-serif;
+      background: #000;
+    }
+
+    /* Slideshow container */
+    .slideshow-container {
+      position: relative;
+      width: 100%;
+      max-width: 100%;
+      height: 25vh; /* device ki 65% height */
+      overflow: hidden;
+    }
+
+    /* Slides */
+    .mySlides {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      opacity: 0;
+      animation: fade 20s infinite; /* 5 slides × 4s = 20s */
+    }
+
+    .mySlides img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    /* Fade animation */
+    @keyframes fade {
+      0%   { opacity: 0; }
+      8%   { opacity: 1; }
+      20%  { opacity: 1; }
+      28%  { opacity: 0; }
+      100% { opacity: 0; }
+    }
+
+    /* Slide delays */
+    .mySlides:nth-child(1) { animation-delay: 0s; }
+    .mySlides:nth-child(2) { animation-delay: 4s; }
+    .mySlides:nth-child(3) { animation-delay: 8s; }
+    .mySlides:nth-child(4) { animation-delay: 12s; }
+    .mySlides:nth-child(5) { animation-delay: 16s; }
+    /* Dots container */
+    .dots {
+      text-align: center;
+      position: absolute;
+      bottom: 15px;
+      width: 100%;
+    }
+
+    .dot {
+      display: inline-block;
+      width: 6px;   /* chhoti size */
+      height: 6px;
+      margin: 0 3px;
+      border: 2px solid #fff; /* border wali circle */
+      border-radius: 50%;
+      background-color: transparent;
+      animation: dotAnim 20s infinite;
+    }
+
+    /* Dot animation (sync with slides) */
+    .dot:nth-child(1) { animation-delay: 0s; }
+    .dot:nth-child(2) { animation-delay: 4s; }
+    .dot:nth-child(3) { animation-delay: 8s; }
+    .dot:nth-child(4) { animation-delay: 12s; }
+    .dot:nth-child(5) { animation-delay: 16s; }
+    .dot:nth-child(6){
+      animation-delay: 20s;
+    }
+
+    @keyframes dotAnim {
+      0%   { background-color: transparent; }
+      8%   { background-color: #fff; }
+      20%  { background-color: #fff; }
+      28%  { background-color: transparent; }
+      100% { background-color: transparent; }
+    }
+  </style>
+</head>
+<body>
+
+  <div class="slideshow-container">
+
+    <div class="mySlides">
+      <img src="IMG-20250828-WA0015.jpg" alt="Image 1">
+    </div>
+
+    <div class="mySlides">
+      <img src="IMG-20250828-WA0011.jpg" alt="Image 2">
+    </div>
+
+    <div class="mySlides">
+      <img src="IMG-20250828-WA0009.jpg" alt="Image 3">
+    </div>
+
+    <div class="mySlides">
+      <img src="IMG-20250828-WA0025.jpg" alt="Image 4">
+    </div>
+
+    <div class="mySlides">
+      <img src="IMG-20250828-WA0024.jpg" alt="Image 5">
+    </div>
+    
+
+    <!-- Dots -->
+    <div class="dots">
+      <span class="dot"></span>
+      <span class="dot"></span>
+      <span class="dot"></span>
+      <span class="dot"></span>
+      <span class="dot"></span>
+    </div>
+  </div>
+
+</body>
+</html>
+
+  <!-- Contact -->
+  <section id="contact">
+    <h2>Contact Us</h2>
+    <p>Email: Anujmrt0026@mail.com</p>
+    <p>Phone: +91 +919627055428</p>
+  </section>
+
+  <!-- Footer -->
+  <footer>
+    <p>&copy; 2025 My Website | All Rights Reserved</p>
+  </footer>
+
+  <script>
+    const btn = document.getElementById('kebabBtn');
+    const menu = document.getElementById('kebabMenu');
+
+    btn.addEventListener('click', () => {
+      menu.classList.toggle('show');
+    });
+
+    document.addEventListener('click', (e) => {
+      if (!document.getElementById('kebab1').contains(e.target)) {
+        menu.classList.remove('show');
+      }
+    });
+  </script>
+
+</body>
+</html>
