diff --git a/core/urls.py b/core/urls.py
index 3bf8ce6a..29537124 100644
--- a/core/urls.py
+++ b/core/urls.py
@@ -11,6 +11,11 @@
     path('about/', views.about, name='about'),
     path('contact/', views.contact, name='contact'),
     path("forgot-password/", views.forgot_password, name="forgot_password"),
+
+    #adding edit pagw ka url here
+    # urls.py
+
+
     
     # Success Stories URLs
     path('success-stories/', views.success_stories, name='success_stories'),
diff --git a/core/views.py b/core/views.py
index 5d7ff1d1..23255dde 100644
--- a/core/views.py
+++ b/core/views.py
@@ -13,6 +13,8 @@
 import json
 from django.views.decorators.http import require_GET
 
+
+
 @require_GET
 def auth_check(request):
     """API endpoint to check if user is authenticated"""
diff --git a/db.sqlite3 b/db.sqlite3
index ebd70f69..b2b7fa5e 100644
Binary files a/db.sqlite3 and b/db.sqlite3 differ
diff --git a/peerprep/urls.py b/peerprep/urls.py
index 0fcfedfd..852c67ba 100644
--- a/peerprep/urls.py
+++ b/peerprep/urls.py
@@ -23,6 +23,7 @@
     path('dashboard/', views.dashboard, name='dashboard'),
     path('forgot-password/', views.forgot_password, name='forgot_password'),
     
+
     # Success Stories
     path('success-stories/', views.success_stories, name='success_stories'),
     path('auth-check/', views.auth_check, name='auth_check'),
@@ -33,5 +34,6 @@
     path('user-reactions/<int:story_id>/', views.get_user_reactions, name='get_user_reactions'),
 ]
 
+
 if settings.DEBUG:
     urlpatterns += static(settings.STATIC_URL, document_root=settings.STATICFILES_DIRS[0])
\ No newline at end of file
diff --git a/templates/about.html b/templates/about.html
index 83117648..97817854 100644
--- a/templates/about.html
+++ b/templates/about.html
@@ -2,289 +2,177 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>About - PeerPrep</title>
-    <link rel="stylesheet" href="{% static 'css/index.css' %}">
-    <style>
-        body {
-            color: #f0f0f0;
-        }
-
-        .about-header {
-            text-align: center;
-            padding: 6rem 2rem 3rem;
-        }
-
-        .about-header h1 {
-            font-size: 3rem;
-            font-weight: 800;
-            color: #00e6ff;
-            text-shadow: 0 0 15px rgba(0,230,255,0.8);
-        }
-
-        .about-header p {
-            font-size: 1.2rem;
-            max-width: 800px;
-            margin: 1rem auto 0;
-            color: #dcdcdc;
-        }
-
-        .about-section {
-            padding: 3rem 2rem;
-            max-width: 1000px;
-            margin: auto;
-        }
-
-        .about-section h2 {
-            font-size: 2rem;
-            margin-bottom: 1rem;
-            color: #ffffff;
-            border-left: 4px solid #00e6ff;
-            padding-left: 10px;
-        }
-
-        .about-section p {
-            font-size: 1.1rem;
-            line-height: 1.7;
-            margin-bottom: 1.5rem;
-            color: #cccccc;
-        }
-
-        /* Card Styles */
-        .cards {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 1.5rem;
-            justify-content: center;
-            margin-top: 2rem;
-        }
-
-        .card {
-            background: rgba(255, 255, 255, 0.05);
-            border-radius: 12px;
-            padding: 1.5rem;
-            text-align: center;
-            box-shadow: 0 0 15px #00e6ff;
-            transition: transform 0.3s ease, box-shadow 0.3s ease;
-            cursor: pointer;
-            width: 250px;
-        }
-
-        .card:hover {
-            transform: translateY(-10px) scale(1.03);
-            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-        }
-
-        .card img {
-            width: 100px;
-            height: 100px;
-            border-radius: 50%;
-            margin-bottom: 1rem;
-            border: 3px solid #00e6ff;
-        }
-
-        .card h3 {
-            font-size: 1.3rem;
-            margin-bottom: 0.5rem;
-            color: #00e6ff;
-        }
-
-        .card a {
-            color: #ffffff;
-            text-decoration: none;
-            font-size: 1rem;
-            transition: color 0.3s ease;
-        }
-
-        .card a:hover {
-            color: #00e6ff;
-        }
-    </style>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>About - PeerPrep</title>
+<link rel="stylesheet" href="{% static 'css/index.css' %}">
+<style>
+body { color: #f0f0f0; font-family: Arial, sans-serif; }
+
+/* Navbar logout button */
+.nav-link-button {
+    background: none;
+    border: none;
+    color: inherit;
+    font: inherit;
+    cursor: pointer;
+    padding: 0;
+}
+.nav-link-button:hover { color: #00e6ff; }
+
+/* About header */
+.about-header { text-align: center; padding: 6rem 2rem 3rem; }
+.about-header h1 { font-size: 3rem; font-weight: 800; color: #00e6ff; text-shadow: 0 0 15px rgba(0,230,255,0.8); }
+.about-header p { font-size: 1.2rem; max-width: 800px; margin: 1rem auto 0; color: #dcdcdc; }
+
+/* About sections */
+.about-section { padding: 3rem 2rem; max-width: 1000px; margin: auto; }
+.about-section h2 { font-size: 2rem; margin-bottom: 1rem; color: #ffffff; border-left: 4px solid #00e6ff; padding-left: 10px; }
+.about-section p { font-size: 1.1rem; line-height: 1.7; margin-bottom: 1.5rem; color: #cccccc; }
+
+/* "What We Offer" cards */
+.cards { display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center; margin-top: 2rem; }
+.card { background: rgba(255,255,255,0.05); border-radius:12px; padding:1.5rem; text-align:center; box-shadow:0 0 15px #00e6ff; transition: transform 0.3s ease, box-shadow 0.3s ease; cursor:pointer; width:250px; }
+.card:hover { transform: translateY(-10px) scale(1.03); box-shadow:0 8px 16px rgba(0,0,0,0.3); }
+.card img { width:100px; height:100px; border-radius:50%; margin-bottom:1rem; border:3px solid #00e6ff; }
+.card h3 { font-size:1.3rem; margin-bottom:0.5rem; color:#00e6ff; }
+.card a { color:#ffffff; text-decoration:none; font-size:1rem; transition: color 0.3s ease; }
+.card a:hover { color:#00e6ff; }
+
+/* Contributors carousel */
+.carousel-container { overflow:hidden; max-width:1000px; margin:auto; position:relative; }
+.carousel-track { display:flex; transition: transform 0.6s ease-in-out; }
+.contributor-card { min-width: 250px; margin: 0 10px; background: rgba(255,255,255,0.05); border-radius:12px; padding:1rem; text-align:center; box-shadow:0 0 10px #00e6ff; }
+.contributor-card img { width:80px; height:80px; border-radius:50%; border:2px solid #00e6ff; margin-bottom:0.5rem; }
+.contributor-card h3 { color:#00e6ff; margin-bottom:0.3rem; font-size:1.1rem; }
+.contributor-card a { color:#fff; font-size:0.95rem; text-decoration:none; }
+.contributor-card a:hover { color:#00e6ff; }
+
+/* Responsive carousel */
+@media (max-width: 768px) { .contributor-card { min-width: 200px; } }
+@media (max-width: 480px) { .contributor-card { min-width: 150px; } }
+</style>
 </head>
 <body>
-    <!-- Background Orbs -->
-    <div class="bg-orb bg-orb-1"></div>
-    <div class="bg-orb bg-orb-2"></div>
-    <div class="bg-orb bg-orb-3"></div>
-    <div class="bg-orb bg-orb-4"></div>
-
-    <!-- Navbar -->
-    <nav class="navbar">
-        <div class="nav-container">
-            <div class="logo">
-                <div class="logo-icon">P</div>
-                PeerPrep
-            </div>
-            <ul class="nav-menu">
-                <li><a href="{% url 'index' %}" class="nav-link">Home</a></li>
-                <li><a href="{% url 'feature' %}" class="nav-link">Features</a></li>
-                <li><a href="{% url 'about' %}" class="nav-link active">About</a></li>
-                <li><a href="{% url 'contact' %}" class="nav-link">Contact</a></li>
-
-                {% if user.is_authenticated %}
-                    <li><a href="{% url 'dashboard' %}" class="nav-link">Dashboard</a></li>
-                    <li><a href="{% url 'logout' %}" class="nav-link">Logout</a></li>
-                {% else %}
-                    <li><a href="{% url 'login' %}" class="nav-link">Login / Register</a></li>
-                    <!--<li><a href="{% url 'register' %}" class="nav-link">Register</a></li>-->
-                {% endif %}
-            </ul>
-        </div>
-    </nav>
 
-    <!-- About Header -->
-    <header class="about-header">
-        <h1>About PeerPrep</h1>
-        <p>Discover the mission, vision, and future of PeerPrep – the collaborative platform designed for open-source project management.</p>
-    </header>
-
-    <!-- About Content Sections -->
-    <section class="about-section">
-        <h2>Our Mission</h2>
-        <p>At PeerPrep, our mission is to empower open-source communities by giving project maintainers and contributors the tools they need to collaborate effectively. 
-        We believe in making project management transparent, efficient, and engaging.</p>
-    </section>
+<!-- Navbar -->
+<nav class="navbar">
+    <div class="nav-container">
+        <div class="logo"><div class="logo-icon">P</div>PeerPrep</div>
+        <ul class="nav-menu">
+            <li><a href="{% url 'index' %}" class="nav-link">Home</a></li>
+            <li><a href="{% url 'feature' %}" class="nav-link">Features</a></li>
+            <li><a href="{% url 'about' %}" class="nav-link active">About</a></li>
+            <li><a href="{% url 'contact' %}" class="nav-link">Contact</a></li>
+
+            {% if user.is_authenticated %}
+                <li><a href="{% url 'dashboard' %}" class="nav-link">Dashboard</a></li>
+                <li>
+                    <form action="{% url 'logout' %}" method="post" onsubmit="return confirm('Do you really want to logout?');" style="display:inline;">
+                        {% csrf_token %}
+                        <button type="submit" class="nav-link-button">Logout</button>
+                    </form>
+                </li>
+            {% else %}
+                <li><a href="{% url 'login' %}" class="nav-link">Login / Register</a></li>
+            {% endif %}
+        </ul>
+    </div>
+</nav>
+
+<!-- About Header -->
+<header class="about-header">
+    <h1>About PeerPrep</h1>
+    <p>Discover the mission, vision, and future of PeerPrep – the collaborative platform designed for open-source project management.</p>
+</header>
+
+<!-- About Sections -->
+<section class="about-section">
+    <h2>Our Mission</h2>
+    <p>At PeerPrep, our mission is to empower open-source communities by giving project maintainers and contributors the tools they need to collaborate effectively. We believe in making project management transparent, efficient, and engaging.</p>
+</section>
 
-    <section class="about-section">
-        <h2>Our Vision</h2>
-        <p>We envision a future where open-source development is seamless, where contributors feel valued, and where project maintainers 
-        can focus on innovation instead of repetitive management tasks.</p>
-    </section>
+<section class="about-section">
+    <h2>Our Vision</h2>
+    <p>We envision a future where open-source development is seamless, where contributors feel valued, and where project maintainers can focus on innovation instead of repetitive management tasks.</p>
+</section>
 
-    <section class="about-section">
-        <h2>What We Offer</h2>
-        <div class="cards">
-            <div class="card">
-                <h3>Collaboration</h3>
-                <p>Streamlined dashboards for project admins and contributors to stay in sync.</p>
-            </div>
-            <div class="card">
-                <h3>Transparency</h3>
-                <p>Track contributions, pull requests, and issues with clear visibility.</p>
-            </div>
-            <div class="card">
-                <h3>Community</h3>
-                <p>Encourage growth and engagement within open-source projects.</p>
-            </div>
-        </div>
-    </section>
+<section class="about-section">
+    <h2>What We Offer</h2>
+    <div class="cards">
+        <div class="card"><h3>Collaboration</h3><p>Streamlined dashboards for project admins and contributors to stay in sync.</p></div>
+        <div class="card"><h3>Transparency</h3><p>Track contributions, pull requests, and issues with clear visibility.</p></div>
+        <div class="card"><h3>Community</h3><p>Encourage growth and engagement within open-source projects.</p></div>
+    </div>
+</section>
 
-    <section class="about-section">
-        <h2>Looking Ahead</h2>
-        <p>We are constantly working on new features, such as advanced analytics, AI-powered contribution recommendations, and integrations with 
-        popular developer tools. The journey of PeerPrep has just begun, and the future looks exciting.</p>
-    </section>
+<section class="about-section">
+    <h2>Looking Ahead</h2>
+    <p>We are constantly working on new features, such as advanced analytics, AI-powered contribution recommendations, and integrations with popular developer tools. The journey of PeerPrep has just begun, and the future looks exciting.</p>
+</section>
 
-    <!-- 🔹 Contributors Section -->
-    <section class="about-section">
+<!-- Contributors Section -->
+<section class="about-section">
     <h2>Our Contributors</h2>
     <div class="carousel-container">
-        <div id="contributors-carousel" class="carousel-track">
-            <!-- Contributor cards will load dynamically here -->
-        </div>
+        <div id="contributors-carousel" class="carousel-track"></div>
     </div>
     <p style="text-align:center; margin-top:1.5rem; font-size:1rem; color:#aaa;">
-        Want to see your name here? Contribute to PeerPrep on 
-        <a href="https://github.com/radhika-droid/PeerPrep" target="_blank" style="color:#00e6ff;">GitHub</a>.
+        Want to see your name here? Contribute to PeerPrep on <a href="https://github.com/radhika-droid/PeerPrep" target="_blank" style="color:#00e6ff;">GitHub</a>.
     </p>
 </section>
 
-<style>
-.carousel-container {
-    overflow: hidden;
-    max-width: 1000px;
-    margin: auto;
-    position: relative;
-}
-
-.carousel-track {
-    display: flex;
-    transition: transform 0.6s ease-in-out;
-}
-
-.card {
-    min-width: 300px;
-    margin: 0 10px;
-    background: rgba(255, 255, 255, 0.05);
-    border-radius: 12px;
-    padding: 1.5rem;
-    text-align: center;
-    box-shadow: 0 0 15px #00e6ff;
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
-}
-
-.card img {
-    width: 90px;
-    height: 100px;
-    border-radius: 50%;
-    margin-bottom: 1rem;
-    border: 3px solid #00e6ff;
-}
-</style>
-
 <script>
-    async function loadContributors() {
-        try {
-            const response = await fetch("https://api.github.com/repos/radhika-droid/PeerPrep/pulls?state=closed&per_page=100");
-            const pulls = await response.json();
-
-            const merged = pulls.filter(pr => pr.merged_at !== null);
-
-            const contributorsMap = {};
-            merged.forEach(pr => {
-                if (pr.user && !contributorsMap[pr.user.login]) {
-                    contributorsMap[pr.user.login] = {
-                        login: pr.user.login,
-                        avatar: pr.user.avatar_url,
-                        url: pr.user.html_url
-                    };
-                }
-            });
-
-            const contributorsDiv = document.getElementById("contributors-carousel");
-            Object.values(contributorsMap).forEach(c => {
-                const card = document.createElement("div");
-                card.className = "card";
-                card.innerHTML = `
-                    <img src="${c.avatar}" alt="${c.login}">
-                    <h3>@${c.login}</h3>
-                    <a href="${c.url}" target="_blank">View Profile</a>
-                `;
-                contributorsDiv.appendChild(card);
-            });
-
-            if (Object.keys(contributorsMap).length === 0) {
-                contributorsDiv.innerHTML = "<p>No contributors yet. Be the first!</p>";
-            } else {
-                startCarousel();
+async function loadContributors() {
+    try {
+        const response = await fetch("https://api.github.com/repos/radhika-droid/PeerPrep/pulls?state=closed&per_page=100");
+        const pulls = await response.json();
+        const merged = pulls.filter(pr => pr.merged_at !== null);
+
+        const contributorsMap = {};
+        merged.forEach(pr => {
+            if(pr.user && !contributorsMap[pr.user.login]){
+                contributorsMap[pr.user.login] = {
+                    login: pr.user.login,
+                    avatar: pr.user.avatar_url,
+                    url: pr.user.html_url
+                };
             }
-        } catch (error) {
-            console.error("Error loading contributors:", error);
-            document.getElementById("contributors-carousel").innerHTML = "<p>Failed to load contributors.</p>";
-        }
-    }
+        });
 
-    function startCarousel() {
         const track = document.getElementById("contributors-carousel");
-        const cards = track.querySelectorAll(".card");
-        let index = 0;
-        const visible = 3; // Show 3 at a time
-        const cardWidth = cards[0].offsetWidth + 20; // card width + margin
-
-        setInterval(() => {
-            index++;
-            if (index > cards.length - visible) {
-                index = 0; // reset to start
-            }
-            track.style.transform = `translateX(-${index * cardWidth}px)`;
-        }, 3000); // change every 3s
+        Object.values(contributorsMap).forEach(c => {
+            const card = document.createElement("div");
+            card.className = "contributor-card";
+            card.innerHTML = `<img src="${c.avatar}" alt="${c.login}"><h3>@${c.login}</h3><a href="${c.url}" target="_blank">View Profile</a>`;
+            track.appendChild(card);
+        });
+
+        if(track.children.length > 0) startCarousel();
+        else track.innerHTML = "<p>No contributors yet. Be the first!</p>";
+    } catch(err) {
+        console.error(err);
+        document.getElementById("contributors-carousel").innerHTML = "<p>Failed to load contributors.</p>";
     }
+}
 
-    loadContributors();
-</script>
+function startCarousel() {
+    const track = document.getElementById("contributors-carousel");
+    const cards = track.children;
+    if(cards.length <= 3) return; // No scrolling needed
+
+    let index = 0;
+    setInterval(() => {
+        index++;
+        if(index > cards.length - 3) index = 0;
+        const cardWidth = cards[0].offsetWidth + 20;
+        track.style.transform = `translateX(-${index * cardWidth}px)`;
+    }, 3000);
+}
 
+loadContributors();
+</script>
 
-    {% include "footer.html" %}
+{% include "footer.html" %}
 </body>
 </html>
diff --git a/templates/dashboard.html b/templates/dashboard.html
index 8bb7d988..bd2fb1a9 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -17,18 +17,113 @@
     <!-- Navbar -->
     <nav class="navbar">
         <div class="nav-container">
-            <div class="logo">
-                <div class="logo-icon">P</div>
-                Peer Prep
-            </div>
+            <div class="logo" onclick="toggleProfile(event)">
+    <div class="logo-icon">P</div>
+    Peer Prep
+    <div id="profileDropdown" class="dropdown-content">
+        <p><strong>{{ user.username }}</strong></p>
+        <p>Email: {{ user.email }}</p>
+        <p>Bio: {{ user.profile.bio|default:'Add a short bio!' }}</p>
+        <button onclick="editProfile()">Edit</button>
+    </div>
+</div>
+
             <ul class="nav-menu">
+                <!--about,feautures,contact--,added all for more convinience-->  
+                 <li><a href="/" class="nav-link">Home</a></li>
+                 <li> <a href="/" class="nav-link"> Features</a></li>
+                 <li> <a href="/" class="nav-link"> About</a></li>
+                 <li> <a href="/" class="nav-link"> Contact</a></li>
                 <li><a href="{% url 'dashboard' %}" class="nav-link active">Dashboard</a></li>
-                <li><a href="/" class="nav-link">Home</a></li>
-                <li><a href="{% url 'logout' %}" class="nav-link">Logout</a></li>
+                
+                
+                
+              <li>
+    <a href="#" class="nav-link" onclick="confirmLogout(event)">Logout</a>
+</li>
+
+
+
+
             </ul>
         </div>
     </nav>
 
+<script>
+    const modal = document.createElement('div'); 
+modal.id = 'logoutModal';
+modal.innerHTML = `
+  <div class="modal-content">
+    <p>Do you really want to logout?</p>
+    <button id="confirmLogout">OK</button>
+    <button id="cancelLogout">Cancel</button>
+  </div>
+`;
+modal.style.cssText = `
+  display: none;
+  position: fixed;
+  z-index: 1000;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgba(0,0,0,0.5);
+  justify-content: center;
+  align-items: center;
+`;
+document.body.appendChild(modal);
+
+const confirmBtn = document.getElementById('confirmLogout');
+const cancelBtn = document.getElementById('cancelLogout');
+const logoutLink = document.querySelector('a.nav-link[onclick]');
+
+// Function to show modal
+logoutLink.onclick = function(e) {
+    e.preventDefault();
+    modal.style.display = 'flex';
+}
+
+// Confirm logout
+confirmBtn.onclick = function() {
+    const form = document.createElement('form');
+    form.method = 'POST';
+    form.action = "{% url 'logout' %}";
+
+    const csrfInput = document.createElement('input');
+    csrfInput.type = 'hidden';
+    csrfInput.name = 'csrfmiddlewaretoken';
+    csrfInput.value = "{{ csrf_token }}";
+    form.appendChild(csrfInput);
+
+    document.body.appendChild(form);
+    form.submit();
+}
+
+// Cancel logout
+cancelBtn.onclick = function() {
+    modal.style.display = 'none';
+}
+
+//adding the function logic for getting info by clicing on p
+function toggleProfile(e) {
+    e.stopPropagation();
+    const dropdown = document.getElementById('profileDropdown');
+    dropdown.style.display = (dropdown.style.display === 'block') ? 'none' : 'block';
+}
+
+// Close dropdown if clicked outside
+window.onclick = function(event) {
+    if (!event.target.closest('.logo')) {
+        const dropdown = document.getElementById('profileDropdown');
+        dropdown.style.display = 'none';
+    }
+}
+
+function editProfile() {
+       alert("Youw will be able to edit soon!!") 
+}
+
+
+</script>
+
     <!-- Dashboard Content -->
     <main class="main-content">
         <div class="container" style="grid-template-columns: 1fr;">
@@ -72,6 +167,61 @@ <h3 class="feature-title">Live Chat</h3>
     </main>
 
     <style>
+        .logo {
+    position: relative;
+    cursor: pointer;
+}
+.dropdown-content {
+    display: none;
+    position: absolute;
+    top: 50px; /* below the logo */
+    left: 0;
+    background: rgba(30,41,59,0.95);
+    color: #fff;
+    min-width: 220px;
+    padding: 1rem;
+    border-radius: 12px;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+    z-index: 100;
+}
+.dropdown-content button {
+    margin-top: 0.5rem;
+    padding: 0.3rem 0.8rem;
+    border: none;
+    border-radius: 6px;
+    cursor: pointer;
+    background-color: #3b82f6;
+    color: #fff;
+}
+
+.modal {
+    display: none;
+    position: fixed;
+    z-index: 1000;
+    left: 0; top: 0;
+    width: 100%; height: 100%;
+    background: rgba(0,0,0,0.5);
+    justify-content: center;
+    align-items: center;
+}
+.modal-content {
+    background: rgba(30,41,59,0.9);
+    backdrop-filter: blur(10px);
+    padding: 2rem;
+    border-radius: 16px;
+    text-align: center;
+    color: #fff;
+}
+.modal-content button {
+    margin: 0.5rem;
+    padding: 0.5rem 1.2rem;
+    border: none;
+    border-radius: 8px;
+    cursor: pointer;
+}
+#confirmLogout { background-color: #ef4444; color: #fff; }
+#cancelLogout { background-color: #6b7280; color: #fff; }
+
         .dashboard-header {
             text-align: center;
             margin-bottom: 3rem;
@@ -101,3 +251,6 @@ <h3 class="feature-title">Live Chat</h3>
     {% include "footer.html" %}
 </body>
 </html>
+
+
+
diff --git a/templates/editprofile.html b/templates/editprofile.html
new file mode 100644
index 00000000..e69de29b
