diff --git a/footer.html b/footer.html
new file mode 100644
index 0000000..1efb47f
--- /dev/null
+++ b/footer.html
@@ -0,0 +1,399 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Kode Pilot Footer</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background-color: #f5f5f5;
+            padding: 50px 0;
+        }
+
+        .footer {
+            background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
+            color: white;
+            padding: 60px 0 30px 0;
+            font-size: 14px;
+        }
+
+        .footer-container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 20px;
+            display: grid;
+            grid-template-columns: 1fr 1fr 1fr;
+            gap: 50px;
+        }
+
+        .footer-section h3 {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: 20px;
+            color: #ffffff;
+        }
+
+        .footer-section ul {
+            list-style: none;
+        }
+
+        .footer-section ul li {
+            margin-bottom: 12px;
+        }
+
+        .footer-section ul li a {
+            color: #cbd5e1;
+            text-decoration: none;
+            font-size: 14px;
+            transition: color 0.3s ease;
+        }
+
+        .footer-section ul li a:hover {
+            color: #ffffff;
+        }
+
+        .company-section {
+            grid-column: 1;
+        }
+
+        .company-section .logo {
+            font-size: 28px;
+            font-weight: bold;
+            margin-bottom: 10px;
+            color: white;
+        }
+
+        .company-section .tagline {
+            color: #cbd5e1;
+            margin-bottom: 30px;
+            font-size: 14px;
+        }
+
+        .company-section .tagline .heart {
+            color: #ef4444;
+        }
+
+        .contact-info {
+            margin-bottom: 20px;
+        }
+
+        .contact-info h4 {
+            font-size: 16px;
+            margin-bottom: 15px;
+            color: white;
+        }
+
+        .contact-item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 10px;
+            color: #cbd5e1;
+        }
+
+        .contact-item i {
+            margin-right: 10px;
+            width: 16px;
+        }
+
+        .social-icons {
+            display: flex;
+            gap: 15px;
+            margin-top: 20px;
+        }
+
+        .social-icons a {
+            color: #cbd5e1;
+            font-size: 20px;
+            transition: color 0.3s ease;
+        }
+
+        .social-icons a:hover {
+            color: #ffffff;
+        }
+
+        .newsletter-section {
+            margin-top: 30px;
+        }
+
+        .newsletter-section h4 {
+            font-size: 16px;
+            margin-bottom: 10px;
+            color: white;
+        }
+
+        .newsletter-section p {
+            color: #cbd5e1;
+            font-size: 13px;
+            margin-bottom: 15px;
+            line-height: 1.5;
+        }
+
+        .newsletter-form {
+            display: flex;
+            margin-bottom: 15px;
+        }
+
+        .newsletter-form input {
+            flex: 1;
+            padding: 12px 15px;
+            border: none;
+            border-radius: 6px 0 0 6px;
+            font-size: 14px;
+            outline: none;
+        }
+
+        .newsletter-form button {
+            background-color: #3b82f6;
+            color: white;
+            border: none;
+            padding: 12px 20px;
+            border-radius: 0 6px 6px 0;
+            cursor: pointer;
+            font-size: 14px;
+            transition: background-color 0.3s ease;
+        }
+
+        .newsletter-form button:hover {
+            background-color: #2563eb;
+        }
+
+        .action-buttons {
+            display: flex;
+            gap: 10px;
+        }
+
+        .btn {
+            padding: 10px 20px;
+            border: none;
+            border-radius: 6px;
+            cursor: pointer;
+            font-size: 13px;
+            text-decoration: none;
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+            transition: background-color 0.3s ease;
+        }
+
+        .btn-primary {
+            background-color: #3b82f6;
+            color: white;
+        }
+
+        .btn-secondary {
+            background-color: #475569;
+            color: white;
+        }
+
+        .btn:hover {
+            opacity: 0.9;
+        }
+
+        .footer-bottom {
+            border-top: 1px solid #475569;
+            margin-top: 40px;
+            padding-top: 20px;
+            font-size: 12px;
+            color: #94a3b8;
+            text-align: left;
+        }
+
+        .footer-bottom-links {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 20px;
+            margin-top: 10px;
+        }
+
+        .footer-bottom-links a {
+            color: #94a3b8;
+            text-decoration: none;
+        }
+
+        .footer-bottom-links a:hover {
+            color: white;
+        }
+
+        .hiring-badge {
+            background-color: #10b981;
+            color: white;
+            padding: 4px 8px;
+            border-radius: 12px;
+            font-size: 11px;
+            font-weight: 600;
+            margin-left: 5px;
+        }
+
+        @media (max-width: 768px) {
+            .footer-container {
+                grid-template-columns: 1fr;
+                gap: 30px;
+            }
+            
+            .newsletter-form {
+                flex-direction: column;
+            }
+            
+            .newsletter-form input,
+            .newsletter-form button {
+                border-radius: 6px;
+                margin-bottom: 10px;
+            }
+            
+            .action-buttons {
+                flex-direction: column;
+            }
+        }
+    </style>
+</head>
+<body>
+    <footer class="footer">
+        <div class="footer-container">
+            <!-- Company Section -->
+            <div class="footer-section company-section">
+                <div class="logo">Kode Pilot</div>
+                <p class="tagline">Built with <span class="heart">❤</span> in India for the world</p>
+                
+                <div class="contact-info">
+                    <h4>Stay Connected</h4>
+                    
+                    <div style="margin-bottom: 20px;">
+                        <strong style="color: white; font-size: 14px;">Sales Inquiries</strong>
+                        <div class="contact-item">
+                            <i class="fas fa-envelope"></i>
+                            sales@kodepilot.com
+                        </div>
+                        <div class="contact-item">
+                            <i class="fas fa-phone"></i>
+                            +91-9311777388 <span style="font-size: 12px;">(Mon to Fri, 9 AM to 6 PM)</span>
+                        </div>
+                    </div>
+                    
+                    <div>
+                        <strong style="color: white; font-size: 14px;">Support Inquiries</strong>
+                        <div class="contact-item">
+                            <i class="fas fa-envelope"></i>
+                            support@kodepilot.com
+                        </div>
+                    </div>
+                </div>
+
+                <div class="social-icons">
+                    <a href="#"><i class="fab fa-instagram"></i></a>
+                    <a href="#"><i class="fab fa-linkedin"></i></a>
+                    <a href="#"><i class="fab fa-facebook"></i></a>
+                    <a href="#"><i class="fab fa-telegram"></i></a>
+                    <a href="#"><i class="fab fa-discord"></i></a>
+                    <a href="#"><i class="fab fa-twitter"></i></a>
+                    <a href="#"><i class="fab fa-youtube"></i></a>
+                </div>
+
+                <div class="newsletter-section">
+                    <h4>Stay Updated</h4>
+                    <p>We'll send you updates on the latest courses and coding opportunities to enhance your skills and advance your career.</p>
+                    
+                    <div class="newsletter-form">
+                        <input type="email" placeholder="Subscribe to our newsletter!">
+                        <button type="submit">></button>
+                    </div>
+                    
+                    <div class="action-buttons">
+                        <a href="#" class="btn btn-primary">Start Learning Now</a>
+                        <a href="#" class="btn btn-secondary"><i class="fas fa-code"></i> View Courses</a>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Courses Section -->
+            <div class="footer-section">
+                <h3>Courses</h3>
+                <ul>
+                    <li><a href="#">Web Development</a></li>
+                    <li><a href="#">Full Stack Development</a></li>
+                    <li><a href="#">Frontend Development</a></li>
+                    <li><a href="#">Backend Development</a></li>
+                    <li><a href="#">JavaScript Mastery</a></li>
+                    <li><a href="#">React & Next.js</a></li>
+                    <li><a href="#">Node.js & Express</a></li>
+                    <li><a href="#">Database Management</a></li>
+                    <li><a href="#">API Development</a></li>
+                </ul>
+                
+                <h3 style="margin-top: 30px;">Learning Paths</h3>
+                <ul>
+                    <li><a href="#">Beginner to Pro</a></li>
+                    <li><a href="#">Career Switcher</a></li>
+                    <li><a href="#">Skill Enhancement</a></li>
+                    <li><a href="#">Project-Based Learning</a></li>
+                </ul>
+            </div>
+
+            <!-- Resources & Support Section -->
+            <div class="footer-section">
+                <h3>Resources</h3>
+                <ul>
+                    <li><a href="#">Coding Tutorials</a></li>
+                    <li><a href="#">Blog Articles</a></li>
+                    <li><a href="#">Code Challenges</a></li>
+                    <li><a href="#">Live Workshops</a></li>
+                    <li><a href="#">Student Projects</a></li>
+                    <li><a href="#">Career Guidance</a></li>
+                    <li><a href="#">Interview Preparation</a></li>
+                </ul>
+                
+                <h3 style="margin-top: 30px;">Community</h3>
+                <ul>
+                    <li><a href="#">Student Forum</a></li>
+                    <li><a href="#">Code Reviews</a></li>
+                    <li><a href="#">Study Groups</a></li>
+                    <li><a href="#">Success Stories</a></li>
+                    <li><a href="#">Mentorship Program</a></li>
+                </ul>
+            </div>
+        </div>
+
+        <div class="footer-bottom">
+            <div style="max-width: 1200px; margin: 0 auto; padding: 0 20px;">
+                <div class="footer-bottom-links">
+                    <a href="#">About Us</a>
+                    <a href="#">Contact Us</a>
+                    <a href="#">Careers</a>
+                    <a href="#" style="color: #10b981;">We're hiring <span class="hiring-badge">•</span></a>
+                    <a href="#">Instructors</a>
+                    <a href="#">Become an Instructor</a>
+                </div>
+                <div class="footer-bottom-links" style="margin-top: 10px;">
+                    <a href="#">Student Reviews</a>
+                    <a href="#">FAQs</a>
+                    <a href="#">Course Catalog</a>
+                    <a href="#">Certificates</a>
+                    <a href="#">Student Support</a>
+                </div>
+                <div class="footer-bottom-links" style="margin-top: 10px;">
+                    <a href="#">Affiliate Program</a>
+                    <a href="#">Corporate Training</a>
+                    <a href="#">Bulk Enrollment</a>
+                    <a href="#">Student Discount</a>
+                </div>
+                <div class="footer-bottom-links" style="margin-top: 10px;">
+                    <a href="#">Terms & Conditions</a>
+                    <a href="#">Privacy Policy</a>
+                    <a href="#">Refund Policy</a>
+                    <a href="#">Sitemap</a>
+                </div>
+                <p style="margin-top: 20px;">
+                    Copyright © 2025 <a href="#" style="color: #10b981;">Kode Pilot Learning Pvt Ltd</a> - All rights reserved.
+                </p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
\ No newline at end of file
