Enhanced the footer UI

index.html

@@ -82,6 +82,48 @@ <h2 class="section-title">Upcoming Events</h2>
 
     <!-- Footer section -->
     <footer>
+        <div class="footer-container">
+            <div class="company-info">
+                <h1 class="company-name heading"><img src="./assets/images/logos/logo1.png">Eventica</h1>
+                <p>Eventica, an ultimate guide to the dynamic and diverse events in Bangalore.
+                    As the heart of India's tech and cultural hub, Eventica is dedicated to bridging the gap between event organizers and eager participants, creating a vibrant community.</p>
+            </div>
+            <div class="quick-links">
+                <h1 class="heading">Quick Links</h1>
+                <ul class="footer-ul">
+                    <li><a href="#home"><i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
+                    <li><a href="./assets/about/about.html"><i class="fa-solid fa-circle-info" aria-hidden="true"></i> About</a></li>
+                    <li><a href="./index.html#events"><i class="fas fa-calendar-alt"></i> Upcoming Events</a></li>
+                    <li><a href="./assets/pastevents/pastevents.html"><i class="fas fa-calendar-check"></i> Past Events</a></li>
+                    <li><a href="./assets/contact/contact.html"><i class="fa fa-phone" aria-hidden="true"></i> Contact</a></li>
+                </ul>
+            </div>
+            <div class="send-message">
+                <h1 class="heading">Keep In Touch</h1>
+                <form id="contact-form" name="CalcDiverse Contact" autocomplete="off" netlify>
+                    <div class="form-group group1">
+                        <input type="text" id="name" name="name" placeholder="Enter your name" autocomplete="name" required oninput="validateName('name')">
+                        <input type="email" id="email" name="email" placeholder="Enter your email" autocomplete="email" required oninput="validateEmail('email')">
+                    </div>
+                    <div class="form-group group1">
+                        <textarea id="message" name="message" placeholder="Leave your message" required></textarea>
+                        <button type="submit">SEND</button>
+                    </div>
+                </form>
+                <!--social -icons-->
+                <div class="social">
+                    <a class="user" href="https://rakesh9100.bio.link/" target="_blank"><i class="fa-solid fa-user socials"></i></a>
+                    <a class="message" href="mailto:roshanrakesh7362@gmail.com" target="_blank"><i class="fa-solid fa-envelope"></i></a>
+                    <a class="linkedin" href="https://www.linkedin.com/in/rakesh-roshan-9100/" target="_blank"><i class="fa fa-linkedin-square"></i></a>
+                    <a class="github" href="https://www.github.com/Rakesh9100" target="_blank"><i class="fa-brands fa-square-github"></i></a>
+                    <a class="instagram" href="https://www.instagram.com/rakesh250602/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
+                    <a class="facebook" href="https://www.facebook.com/rakesh6203/" target="_blank"><i class="fa-brands fa-square-facebook"></i></a>
+                    <a class="twitter" href="https://twitter.com/rakeshroshan73" target="_blank"><i class="fa-brands fa-square-x-twitter"></i></a>
+                    <a class="discord" href="https://discord.com/users/944144134950748170" target="_blank"><i class="fa-brands fa-discord"></i></a>
+                </div>
+            </div>
+        </div>
+        <!-- copy right-->
         <p class="copyright">Created By Rakesh Roshan ❤️ | ©
             <script>
                 document.write(new Date().getFullYear());