From 34c7d9ea0b2f53d975d105422fdb9cdfb6a14ac2 Mon Sep 17 00:00:00 2001 From: AkshitBhandariCodes Date: Wed, 23 Jul 2025 15:03:25 +0530 Subject: [PATCH 1/3] dark theme + light theme toogle button added dark theme + light theme toogle button added --- Menthub/static/styles.css | 512 +++++++++++++++++++++++++--------- Menthub/static/theme.js | 13 + Menthub/templates/index.html | 50 +++- Menthub/templates/signup.html | 279 ++++++++++++++++++ 4 files changed, 718 insertions(+), 136 deletions(-) create mode 100644 Menthub/static/theme.js create mode 100644 Menthub/templates/signup.html diff --git a/Menthub/static/styles.css b/Menthub/static/styles.css index 3a6c007..34c0b3c 100644 --- a/Menthub/static/styles.css +++ b/Menthub/static/styles.css @@ -1,3 +1,68 @@ +/* CSS Custom Properties for Theming */ +:root { + /* Light Theme Colors */ + --primary-color: #667eea; + --primary-hover: #5a6fd8; + --secondary-color: #764ba2; + --background-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + --surface-color: #ffffff; + --surface-elevated: #ffffff; + --text-primary: #333333; + --text-secondary: #666666; + --text-muted: #999999; + --border-color: #e1e5e9; + --border-focus: #667eea; + --shadow-light: rgba(0, 0, 0, 0.1); + --shadow-medium: rgba(0, 0, 0, 0.15); + --shadow-heavy: rgba(0, 0, 0, 0.2); + --overlay-color: rgba(0, 0, 0, 0.5); + --success-color: #28a745; + --success-hover: #218838; + --danger-color: #dc3545; + --danger-hover: #c82333; + --warning-color: #ffc107; + --info-color: #17a2b8; + --gray-50: #f8f9fa; + --gray-100: #f0f0f0; + --gray-200: #e9ecef; + --gray-300: #dee2e6; + --gray-600: #6c757d; + --gray-700: #495057; + --gray-800: #343a40; +} + +[data-theme="dark"] { + /* Dark Theme Colors */ + --primary-color: #7c8cff; + --primary-hover: #6b7dff; + --secondary-color: #8a5fb8; + --background-gradient: linear-gradient(135deg, #1a1f3a 0%, #2d1b3d 100%); + --surface-color: #1e1e2e; + --surface-elevated: #262640; + --text-primary: #e4e4e7; + --text-secondary: #a1a1aa; + --text-muted: #71717a; + --border-color: #3f3f46; + --border-focus: #7c8cff; + --shadow-light: rgba(0, 0, 0, 0.3); + --shadow-medium: rgba(0, 0, 0, 0.4); + --shadow-heavy: rgba(0, 0, 0, 0.6); + --overlay-color: rgba(0, 0, 0, 0.7); + --success-color: #22c55e; + --success-hover: #16a34a; + --danger-color: #ef4444; + --danger-hover: #dc2626; + --warning-color: #f59e0b; + --info-color: #06b6d4; + --gray-50: #18181b; + --gray-100: #27272a; + --gray-200: #3f3f46; + --gray-300: #52525b; + --gray-600: #71717a; + --gray-700: #a1a1aa; + --gray-800: #d4d4d8; +} + /* Reset and Base Styles */ * { margin: 0; @@ -8,20 +73,56 @@ body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; - color: #333; - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + color: var(--text-primary); + background: var(--background-gradient); min-height: 100vh; + transition: background 0.3s ease, color 0.3s ease; +} + +/* Theme Toggle Button */ +.theme-toggle { + position: fixed; + top: 20px; + right: 20px; + z-index: 1001; + background: var(--surface-color); + border: 2px solid var(--border-color); + border-radius: 50%; + width: 50px; + height: 50px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + transition: all 0.3s ease; + box-shadow: 0 4px 12px var(--shadow-light); +} + +.theme-toggle:hover { + transform: scale(1.1); + box-shadow: 0 6px 20px var(--shadow-medium); +} + +.theme-toggle i { + font-size: 20px; + color: var(--text-primary); + transition: transform 0.3s ease; +} + +.theme-toggle:hover i { + transform: rotate(20deg); } /* Navigation */ .navbar { - background: #fff; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + background: var(--surface-color); + box-shadow: 0 2px 10px var(--shadow-light); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; + transition: background 0.3s ease, box-shadow 0.3s ease; } .nav-container { @@ -40,7 +141,7 @@ body { gap: 10px; font-size: 1.5rem; font-weight: bold; - color: #667eea; + color: var(--primary-color); } .nav-menu { @@ -58,12 +159,12 @@ body { border-radius: 8px; cursor: pointer; transition: all 0.3s ease; - color: #666; + color: var(--text-secondary); } .nav-btn:hover { - background: #f0f0f0; - color: #667eea; + background: var(--gray-100); + color: var(--primary-color); } /* Page Layout */ @@ -77,13 +178,14 @@ body { /* Auth Page Styles */ .auth-container { - background: white; + background: var(--surface-color); border-radius: 20px; - box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); + box-shadow: 0 20px 40px var(--shadow-light); padding: 40px; width: 100%; max-width: 500px; animation: slideUp 0.6s ease-out; + transition: background 0.3s ease, box-shadow 0.3s ease; } @keyframes slideUp { @@ -103,20 +205,20 @@ body { } .auth-header h1 { - color: #667eea; + color: var(--primary-color); font-size: 2rem; margin-bottom: 10px; } .auth-header p { - color: #666; + color: var(--text-secondary); font-size: 1rem; } .auth-tabs { display: flex; margin-bottom: 30px; - background: #f8f9fa; + background: var(--gray-50); border-radius: 12px; padding: 4px; } @@ -130,10 +232,11 @@ body { cursor: pointer; transition: all 0.3s ease; font-weight: 500; + color: var(--text-primary); } .tab-btn.active { - background: #667eea; + background: var(--primary-color); color: white; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3); } @@ -161,7 +264,7 @@ body { display: block; margin-bottom: 8px; font-weight: 500; - color: #333; + color: var(--text-primary); } .form-group input, @@ -169,18 +272,19 @@ body { .form-group textarea { width: 100%; padding: 12px 16px; - border: 2px solid #e1e5e9; + border: 2px solid var(--border-color); border-radius: 8px; font-size: 14px; transition: all 0.3s ease; - background: white; + background: var(--surface-color); + color: var(--text-primary); } .form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; - border-color: #667eea; + border-color: var(--border-focus); box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); } @@ -199,6 +303,7 @@ body { gap: 8px; cursor: pointer; font-weight: normal !important; + color: var(--text-primary); } .radio-label input, @@ -224,52 +329,52 @@ body { } .btn-primary { - background: #667eea; + background: var(--primary-color); color: white; width: 100%; } .btn-primary:hover { - background: #5a6fd8; + background: var(--primary-hover); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3); } .btn-secondary { - background: #6c757d; + background: var(--gray-600); color: white; } .btn-secondary:hover { - background: #5a6268; + background: var(--gray-700); } .btn-success { - background: #28a745; + background: var(--success-color); color: white; } .btn-success:hover { - background: #218838; + background: var(--success-hover); } .btn-danger { - background: #dc3545; + background: var(--danger-color); color: white; } .btn-danger:hover { - background: #c82333; + background: var(--danger-hover); } .btn-outline { background: transparent; - border: 2px solid #667eea; - color: #667eea; + border: 2px solid var(--primary-color); + color: var(--primary-color); } .btn-outline:hover { - background: #667eea; + background: var(--primary-color); color: white; } @@ -299,11 +404,12 @@ body { /* Search and Filters */ .search-filters { - background: white; + background: var(--surface-color); border-radius: 16px; padding: 30px; margin-bottom: 30px; - box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); + box-shadow: 0 10px 30px var(--shadow-light); + transition: background 0.3s ease, box-shadow 0.3s ease; } .search-bar { @@ -316,21 +422,23 @@ body { left: 16px; top: 50%; transform: translateY(-50%); - color: #666; + color: var(--text-secondary); } .search-bar input { width: 100%; padding: 16px 16px 16px 50px; - border: 2px solid #e1e5e9; + border: 2px solid var(--border-color); border-radius: 12px; font-size: 16px; transition: all 0.3s ease; + background: var(--surface-color); + color: var(--text-primary); } .search-bar input:focus { outline: none; - border-color: #667eea; + border-color: var(--border-focus); box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); } @@ -342,11 +450,13 @@ body { .filter-group select { padding: 12px 16px; - border: 2px solid #e1e5e9; + border: 2px solid var(--border-color); border-radius: 8px; font-size: 14px; - background: white; + background: var(--surface-color); + color: var(--text-primary); cursor: pointer; + transition: all 0.3s ease; } /* Mentor Cards Grid */ @@ -357,18 +467,18 @@ body { } .mentor-card { - background: white; + background: var(--surface-color); border-radius: 16px; padding: 25px; - box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); + box-shadow: 0 8px 25px var(--shadow-light); transition: all 0.3s ease; border: 2px solid transparent; } .mentor-card:hover { transform: translateY(-5px); - box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15); - border-color: #667eea; + box-shadow: 0 15px 35px var(--shadow-medium); + border-color: var(--primary-color); } .mentor-header { @@ -382,7 +492,7 @@ body { width: 60px; height: 60px; border-radius: 50%; - background: linear-gradient(135deg, #667eea, #764ba2); + background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); display: flex; align-items: center; justify-content: center; @@ -392,18 +502,18 @@ body { } .mentor-info h3 { - color: #333; + color: var(--text-primary); font-size: 1.3rem; margin-bottom: 5px; } .mentor-info p { - color: #666; + color: var(--text-secondary); font-size: 0.9rem; } .mentor-bio { - color: #555; + color: var(--text-secondary); line-height: 1.6; margin-bottom: 20px; } @@ -416,12 +526,13 @@ body { } .skill-tag { - background: #f0f2ff; - color: #667eea; + background: var(--gray-50); + color: var(--primary-color); padding: 4px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 500; + transition: background 0.3s ease; } .mentor-contacts { @@ -460,11 +571,12 @@ body { /* Availability Toggle */ .availability-toggle { - background: white; + background: var(--surface-color); border-radius: 12px; padding: 20px; margin-bottom: 30px; - box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); + box-shadow: 0 4px 15px var(--shadow-light); + transition: background 0.3s ease, box-shadow 0.3s ease; } .toggle-label { @@ -478,7 +590,7 @@ body { position: relative; width: 50px; height: 24px; - background: #ccc; + background: var(--gray-300); border-radius: 24px; transition: all 0.3s ease; } @@ -496,7 +608,7 @@ body { } input[type="checkbox"]:checked + .toggle-slider { - background: #28a745; + background: var(--success-color); } input[type="checkbox"]:checked + .toggle-slider::before { @@ -509,7 +621,7 @@ input[type="checkbox"] { .toggle-text { font-weight: 500; - color: #333; + color: var(--text-primary); } /* Request Cards */ @@ -520,10 +632,10 @@ input[type="checkbox"] { } .request-card { - background: white; + background: var(--surface-color); border-radius: 12px; padding: 25px; - box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); + box-shadow: 0 4px 15px var(--shadow-light); transition: all 0.3s ease; } @@ -535,13 +647,13 @@ input[type="checkbox"] { } .request-info h3 { - color: #333; + color: var(--text-primary); font-size: 1.2rem; margin-bottom: 5px; } .request-info p { - color: #666; + color: var(--text-secondary); font-size: 0.9rem; } @@ -557,23 +669,39 @@ input[type="checkbox"] { color: #856404; } +[data-theme="dark"] .status-pending { + background: #664d03; + color: #ffda6a; +} + .status-accepted { background: #d4edda; color: #155724; } +[data-theme="dark"] .status-accepted { + background: #0f5132; + color: #75b798; +} + .status-rejected { background: #f8d7da; color: #721c24; } +[data-theme="dark"] .status-rejected { + background: #58151c; + color: #f1aeb5; +} + .request-reason { - background: #f8f9fa; + background: var(--gray-50); padding: 15px; border-radius: 8px; margin-bottom: 15px; - color: #555; + color: var(--text-secondary); line-height: 1.6; + transition: background 0.3s ease; } .request-help-types { @@ -591,6 +719,11 @@ input[type="checkbox"] { font-size: 0.8rem; } +[data-theme="dark"] .help-type-tag { + background: #0d47a1; + color: #90caf9; +} + .request-actions { display: flex; gap: 10px; @@ -604,7 +737,7 @@ input[type="checkbox"] { left: 0; width: 100%; height: 100%; - background: rgba(0, 0, 0, 0.5); + background: var(--overlay-color); z-index: 2000; animation: fadeIn 0.3s ease; } @@ -626,13 +759,14 @@ input[type="checkbox"] { } .modal-content { - background: white; + background: var(--surface-color); border-radius: 16px; width: 100%; max-width: 500px; max-height: 90vh; overflow-y: auto; animation: slideUp 0.3s ease; + transition: background 0.3s ease; } .modal-header { @@ -644,7 +778,7 @@ input[type="checkbox"] { } .modal-header h2 { - color: #333; + color: var(--text-primary); font-size: 1.5rem; } @@ -653,15 +787,15 @@ input[type="checkbox"] { border: none; font-size: 24px; cursor: pointer; - color: #666; + color: var(--text-secondary); padding: 5px; border-radius: 50%; transition: all 0.3s ease; } .modal-close:hover { - background: #f0f0f0; - color: #333; + background: var(--gray-100); + color: var(--text-primary); } .modal form { @@ -685,11 +819,11 @@ input[type="checkbox"] { position: fixed; top: 80px; right: 20px; - background: #28a745; + background: var(--success-color); color: white; padding: 15px 20px; border-radius: 8px; - box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); + box-shadow: 0 4px 15px var(--shadow-heavy); display: none; align-items: center; gap: 10px; @@ -712,8 +846,168 @@ input[type="checkbox"] { display: flex; } +/* Landing Page Styles */ +.landing-header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px 40px; + background-color: var(--surface-color); + border-bottom: 1px solid var(--border-color); + transition: all 0.3s ease; +} + +.landing-header h1 { + font-size: 2rem; + color: var(--primary-color); + margin: 0; + display: flex; + align-items: center; + gap: 10px; +} + +.landing-header a { + padding: 8px 16px; + background-color: var(--primary-color); + color: white; + border: none; + border-radius: 6px; + text-decoration: none; + font-weight: 500; + transition: background 0.3s ease; +} + +.landing-header a:hover { + background-color: var(--primary-hover); +} + +.hero-section { + text-align: center; + padding: 80px 20px; + background: var(--surface-elevated); + transition: background 0.3s ease; +} + +.hero-section h2 { + font-size: 2.5rem; + color: var(--text-primary); + margin-bottom: 20px; +} + +.hero-section p { + font-size: 1.2rem; + color: var(--text-secondary); + margin-bottom: 30px; +} + +.hero-section img { + max-width: 150px; +} + +.cards-section { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + padding: 60px 20px; + background-color: var(--surface-color); + transition: background 0.3s ease; +} + +.card { + background-color: var(--surface-elevated); + border-radius: 12px; + padding: 30px; + width: 300px; + box-shadow: 0 0 10px var(--shadow-light); + text-align: center; + transition: all 0.3s ease; +} + +.card:hover { + transform: translateY(-2px); + box-shadow: 0 5px 20px var(--shadow-medium); +} + +.card i { + font-size: 2rem; + color: var(--primary-color); + margin-bottom: 10px; +} + +.card h3 { + margin-bottom: 10px; + font-size: 1.2rem; + color: var(--text-primary); +} + +.card p { + font-size: 0.95rem; + color: var(--text-secondary); +} + +/* Loading States */ +.loading { + opacity: 0.6; + pointer-events: none; +} + +.loading::after { + content: ""; + position: absolute; + top: 50%; + left: 50%; + width: 20px; + height: 20px; + margin: -10px 0 0 -10px; + border: 2px solid var(--primary-color); + border-top: 2px solid transparent; + border-radius: 50%; + animation: spin 1s linear infinite; +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +/* Empty States */ +.empty-state { + text-align: center; + padding: 60px 20px; + color: var(--text-secondary); +} + +.empty-state i { + font-size: 4rem; + color: var(--border-color); + margin-bottom: 20px; +} + +.empty-state h3 { + font-size: 1.5rem; + margin-bottom: 10px; + color: var(--text-primary); +} + +.empty-state p { + font-size: 1rem; + line-height: 1.6; +} + /* Responsive Design */ @media (max-width: 768px) { + .theme-toggle { + top: 15px; + right: 15px; + width: 45px; + height: 45px; + } + .nav-container { padding: 0 15px; } @@ -804,86 +1098,34 @@ input[type="checkbox"] { left: 10px; top: 70px; } -} - -@media (max-width: 480px) { - .auth-container { - padding: 20px 15px; - } - .tab-btn { - padding: 10px; - font-size: 14px; + .landing-header { + padding: 15px 20px; + flex-direction: column; + gap: 15px; + text-align: center; } - .mentor-avatar { - width: 50px; - height: 50px; - font-size: 20px; + .hero-section { + padding: 60px 20px; } - .mentor-info h3 { - font-size: 1.1rem; + .hero-section h2 { + font-size: 2rem; } - .search-filters { - padding: 15px; + .cards-section { + padding: 40px 20px; } - .search-bar input { - padding: 14px 14px 14px 45px; + .card { + width: 100%; + max-width: 350px; } } -/* Loading States */ -.loading { - opacity: 0.6; - pointer-events: none; -} - -.loading::after { - content: ""; - position: absolute; - top: 50%; - left: 50%; - width: 20px; - height: 20px; - margin: -10px 0 0 -10px; - border: 2px solid #667eea; - border-top: 2px solid transparent; - border-radius: 50%; - animation: spin 1s linear infinite; -} - -@keyframes spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); +@media (max-width: 480px) { + .theme-toggle { + } -} - -/* Empty States */ -.empty-state { - text-align: center; - padding: 60px 20px; - color: #666; -} - -.empty-state i { - font-size: 4rem; - color: #ddd; - margin-bottom: 20px; -} - -.empty-state h3 { - font-size: 1.5rem; - margin-bottom: 10px; - color: #333; -} - -.empty-state p { - font-size: 1rem; - line-height: 1.6; -} +} \ No newline at end of file diff --git a/Menthub/static/theme.js b/Menthub/static/theme.js new file mode 100644 index 0000000..4f6f407 --- /dev/null +++ b/Menthub/static/theme.js @@ -0,0 +1,13 @@ +// Apply theme on load +document.addEventListener("DOMContentLoaded", () => { + const theme = localStorage.getItem("theme") || "light"; + document.documentElement.setAttribute("data-theme", theme); +}); + +// Toggle theme +function toggleTheme() { + const current = document.documentElement.getAttribute("data-theme"); + const next = current === "dark" ? "light" : "dark"; + document.documentElement.setAttribute("data-theme", next); + localStorage.setItem("theme", next); +} diff --git a/Menthub/templates/index.html b/Menthub/templates/index.html index 23b77d3..083225d 100644 --- a/Menthub/templates/index.html +++ b/Menthub/templates/index.html @@ -1,6 +1,7 @@ - + +<<<<<<< Updated upstream College Peer Mentoring Platform @@ -272,5 +273,52 @@

Request Mentorship

+======= + + + MentorConnect - Home + + + + + + +
+

MentorConnect

+
+ + Login / Sign Up +
+
+ +
+ MentorConnect Logo +

Connect, Learn, and Grow Together

+

A peer-to-peer platform to match mentors with mentees and build stronger academic networks in college.

+
+ +
+
+ +

Find Mentors & Mentees

+

Easily connect with students from your college who are willing to guide or need guidance.

+
+
+ +

Personalized Dashboard

+

Get a dashboard tailored to your role, whether you're a mentor, mentee, or both.

+
+
+ +

Request Mentorship

+

Send and manage mentorship requests with easy-to-use tools and timely notifications.

+
+
+ +

Stay Connected

+

Communicate with your mentors and mentees through shared platforms and links.

+
+
+>>>>>>> Stashed changes diff --git a/Menthub/templates/signup.html b/Menthub/templates/signup.html new file mode 100644 index 0000000..1313f4e --- /dev/null +++ b/Menthub/templates/signup.html @@ -0,0 +1,279 @@ + + + + + + College Peer Mentoring Platform + + + + + + + + + +
+
+
+ +

MentorConnect

+

Connect, Learn, and Grow Together

+
+ + +
+ + +
+ + +
+
+
+ + +
+
+ + +
+ +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+
+ + +
+
+ + +
+
+ +
+ +
+ + + +
+
+ +
+ + +
+ +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + + + + + + + + + + +
+ + Success! +
+ + + + From 0166e27fe34aaf5ff2a7c4cfb631b3ad1c6c45e7 Mon Sep 17 00:00:00 2001 From: AkshitBhandariCodes Date: Wed, 23 Jul 2025 15:09:37 +0530 Subject: [PATCH 2/3] dark theme + light theme toogle button added dark theme + light theme toogle button added --- Menthub/images/logo.png | Bin 0 -> 6486 bytes Menthub/templates/index.html | 289 ++--------------------------------- 2 files changed, 11 insertions(+), 278 deletions(-) create mode 100644 Menthub/images/logo.png diff --git a/Menthub/images/logo.png b/Menthub/images/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..2127b50cf5839d06d94a7a165388b5a806b76f9f GIT binary patch literal 6486 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 -<<<<<<< Updated upstream - - - College Peer Mentoring Platform - - - - - - - - -
-
-
-

MentorConnect

-

Connect, Learn, and Grow Together

-
- -
- - -
- - -
-
-
- - -
-
- - -
- -
-
- - -
-
-
-
- - -
-
- - -
-
- -
- - -
- -
-
- - -
-
- - -
-
- -
- -
- - - -
-
- -
- - -
- -
-
- - -
-
- - -
-
- - -
-
-
-
- - - - - - - - - - - -
- - Success! -
- - -======= MentorConnect - Home @@ -282,43 +9,49 @@

Request Mentorship

- + +

MentorConnect

-
+
- MentorConnect Logo + MentorConnect Logo

Connect, Learn, and Grow Together

A peer-to-peer platform to match mentors with mentees and build stronger academic networks in college.

+

Find Mentors & Mentees

Easily connect with students from your college who are willing to guide or need guidance.

+

Personalized Dashboard

Get a dashboard tailored to your role, whether you're a mentor, mentee, or both.

+

Request Mentorship

Send and manage mentorship requests with easy-to-use tools and timely notifications.

+

Stay Connected

Communicate with your mentors and mentees through shared platforms and links.

->>>>>>> Stashed changes + From 6f6282b829dd78e0741e13cac9c2c245e1309f7f Mon Sep 17 00:00:00 2001 From: AkshitBhandariCodes Date: Sat, 26 Jul 2025 23:41:46 +0530 Subject: [PATCH 3/3] fixed the overlapping issue fixed the overlapping issue --- Menthub/templates/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Menthub/templates/index.html b/Menthub/templates/index.html index ca270dc..fdb3494 100644 --- a/Menthub/templates/index.html +++ b/Menthub/templates/index.html @@ -15,7 +15,7 @@

MentorConnect

- +