diff --git a/contact.html b/contact.html
index 2379746..9f2016b 100644
--- a/contact.html
+++ b/contact.html
@@ -31,7 +31,8 @@
         <div class="mil-ball">
             <span class="mil-icon-1">
                 <svg viewBox="0 0 128 128">
-                    <path d="M106.1,41.9c-1.2-1.2-3.1-1.2-4.2,0c-1.2,1.2-1.2,3.1,0,4.2L116.8,61H11.2l14.9-14.9c1.2-1.2,1.2-3.1,0-4.2	c-1.2-1.2-3.1-1.2-4.2,0l-20,20c-1.2,1.2-1.2,3.1,0,4.2l20,20c0.6,0.6,1.4,0.9,2.1,0.9s1.5-0.3,2.1-0.9c1.2-1.2,1.2-3.1,0-4.2	L11.2,67h105.5l-14.9,14.9c-1.2,1.2-1.2,3.1,0,4.2c0.6,0.6,1.4,0.9,2.1,0.9s1.5-0.3,2.1-0.9l20-20c1.2-1.2,1.2-3.1,0-4.2L106.1,41.9	z" />
+                    <path
+                        d="M106.1,41.9c-1.2-1.2-3.1-1.2-4.2,0c-1.2,1.2-1.2,3.1,0,4.2L116.8,61H11.2l14.9-14.9c1.2-1.2,1.2-3.1,0-4.2	c-1.2-1.2-3.1-1.2-4.2,0l-20,20c-1.2,1.2-1.2,3.1,0,4.2l20,20c0.6,0.6,1.4,0.9,2.1,0.9s1.5-0.3,2.1-0.9c1.2-1.2,1.2-3.1,0-4.2	L11.2,67h105.5l-14.9,14.9c-1.2,1.2-1.2,3.1,0,4.2c0.6,0.6,1.4,0.9,2.1,0.9s1.5-0.3,2.1-0.9l20-20c1.2-1.2,1.2-3.1,0-4.2L106.1,41.9	z" />
                 </svg>
             </span>
             <div class="mil-more-text">More</div>
@@ -43,14 +44,14 @@
         <div class="mil-preloader">
             <div class="mil-preloader-animation">
                 <div class="mil-pos-abs mil-animation-1">
-                    <p class="mil-h3 mil-muted mil-thin">Pioneering</p>
-                    <p class="mil-h3 mil-muted">Creative</p>
+                    <p class="mil-h3 mil-muted mil-thin">Collaboration</p>
+                    <p class="mil-h3 mil-muted">Coding</p>
                     <p class="mil-h3 mil-muted mil-thin">Excellence</p>
                 </div>
                 <div class="mil-pos-abs mil-animation-2">
                     <div class="mil-reveal-frame">
                         <p class="mil-reveal-box"></p>
-                        <p class="mil-h3 mil-muted mil-thin">ashley.com</p>
+                        <p class="mil-h3 mil-muted mil-thin">CodeChef ABESEC Chapter</p>
                     </div>
                 </div>
             </div>
@@ -67,7 +68,8 @@
         <div class="mil-menu-frame">
             <!-- frame clone -->
             <div class="mil-frame-top">
-                <a href="home-1.html" class="mil-logo">A.</a>
+                <!-- <a href="home-1.html" class="mil-logo">A.</a> -->
+                <img src="./img/logos/LogoCC.png" alt="CodeChef_ABESEC" style="height: 100px; width: 100px;">
                 <div class="mil-menu-btn">
                     <span></span>
                 </div>
@@ -89,7 +91,7 @@
                                         </ul>
                                     </li>
                                     <li class="mil-has-children">
-                                        <a href="#.">Portfolio</a>
+                                        <a href="#.">Events</a>
                                         <ul>
                                             <li><a href="portfolio-1.html">Grid type 1</a></li>
                                             <li><a href="portfolio-2.html">Grid type 2</a></li>
@@ -97,20 +99,16 @@
                                         </ul>
                                     </li>
                                     <li class="mil-has-children">
-                                        <a href="#.">Services</a>
+                                        <a href="#.">Team</a>
                                         <ul>
                                             <li><a href="services.html">Services List</a></li>
                                             <li><a href="service.html">Single service</a></li>
                                         </ul>
                                     </li>
-                                    <li class="mil-has-children">
-                                        <a href="#.">Newsletter</a>
-                                        <ul>
-                                            <li><a href="blog.html">Blog List</a></li>
-                                            <li><a href="publication.html">Publication</a></li>
-                                        </ul>
-                                    </li>
                                     <li class="mil-has-children mil-active">
+                                        <a href="contact.html">Contact</a>
+                                    </li>
+                                    <li class="mil-has-children">
                                         <a href="#.">Other pages</a>
                                         <ul>
                                             <li><a href="team.html">Team</a></li>
@@ -127,7 +125,9 @@
                             <div class="mil-menu-right-frame">
                                 <div class="mil-animation-in">
                                     <div class="mil-animation-frame">
-                                        <div class="mil-animation mil-position-1 mil-scale" data-value-1="2" data-value-2="2"></div>
+                                        <div class="mil-animation mil-position-1 mil-scale" data-value-1="2"
+                                            data-value-2="2">
+                                        </div>
                                     </div>
                                 </div>
                                 <div class="mil-menu-right">
@@ -137,12 +137,21 @@
                                             <h6 class="mil-muted mil-mb-30">Projects</h6>
 
                                             <ul class="mil-menu-list">
-                                                <li><a href="project-1.html" class="mil-light-soft">Interior design studio</a></li>
-                                                <li><a href="project-2.html" class="mil-light-soft">Home Security Camera</a></li>
-                                                <li><a href="project-3.html" class="mil-light-soft">Kemia Honest Skincare</a></li>
-                                                <li><a href="project-4.html" class="mil-light-soft">Cascade of Lava</a></li>
-                                                <li><a href="project-5.html" class="mil-light-soft">Air Pro by Molekule</a></li>
-                                                <li><a href="project-6.html" class="mil-light-soft">Tony's Chocolonely</a></li>
+                                                <li><a href="project-1.html" class="mil-light-soft">Interior design
+                                                        studio</a>
+                                                </li>
+                                                <li><a href="project-2.html" class="mil-light-soft">Home Security
+                                                        Camera</a>
+                                                </li>
+                                                <li><a href="project-3.html" class="mil-light-soft">Kemia Honest
+                                                        Skincare</a>
+                                                </li>
+                                                <li><a href="project-4.html" class="mil-light-soft">Cascade of Lava</a>
+                                                </li>
+                                                <li><a href="project-5.html" class="mil-light-soft">Air Pro by
+                                                        Molekule</a></li>
+                                                <li><a href="project-6.html" class="mil-light-soft">Tony's
+                                                        Chocolonely</a></li>
                                             </ul>
 
                                         </div>
@@ -166,14 +175,17 @@ <h6 class="mil-muted mil-mb-30">Useful links</h6>
 
                                             <h6 class="mil-muted mil-mb-30">Canada</h6>
 
-                                            <p class="mil-light-soft mil-up">71 South Los Carneros Road, California <span class="mil-no-wrap">+51 174 705 812</span></p>
+                                            <p class="mil-light-soft mil-up">71 South Los Carneros Road, California
+                                                <span class="mil-no-wrap">+51 174 705 812</span>
+                                            </p>
 
                                         </div>
                                         <div class="col-lg-4 mil-mb-60">
 
                                             <h6 class="mil-muted mil-mb-30">Germany</h6>
 
-                                            <p class="mil-light-soft">Leehove 40, 2678 MC De Lier, Netherlands <span class="mil-no-wrap">+31 174 705 811</span></p>
+                                            <p class="mil-light-soft">Leehove 40, 2678 MC De Lier, Netherlands <span
+                                                    class="mil-no-wrap">+31 174 705 811</span></p>
 
                                         </div>
                                     </div>
@@ -194,7 +206,8 @@ <h6 class="mil-muted mil-mb-30">Germany</h6>
         <!-- frame -->
         <div class="mil-frame">
             <div class="mil-frame-top">
-                <a href="home-1.html" class="mil-logo">A.</a>
+                <!-- <a href="home-1.html" class="mil-logo">A.</a> -->
+                <img src="./img/logos/LogoCC.png" alt="CodeChef_ABESEC" style="height: 100px; width: 100px;">
                 <div class="mil-menu-btn">
                     <span></span>
                 </div>
@@ -231,8 +244,6 @@ <h1 class="mil-mb-60">Get in touch!</h1>
                 </div>
                 <!-- banner end -->
 
-
-
                 <!-- contact form -->
                 <section id="contact">
                     <div class="container mil-p-120-90">
@@ -285,13 +296,14 @@ <h3 class="mil-center mil-up mil-mb-120">Let's <span class="mil-thin">Talk</span
                             <div class="row justify-content-between">
                                 <div class="col-md-4 col-lg-4 mil-mb-60">
 
-                                    <div class="mil-muted mil-logo mil-up mil-mb-30">Ashley.</div>
+                                    <div class="mil-muted mil-logo mil-up mil-mb-30">Codechef ABESEC Chapter</div>
 
                                     <p class="mil-light-soft mil-up mil-mb-30">Subscribe our newsletter:</p>
 
                                     <form class="mil-subscribe-form mil-up">
                                         <input type="text" placeholder="Enter our email">
-                                        <button type="submit" class="mil-button mil-icon-button-sm mil-arrow-place"></button>
+                                        <button type="submit"
+                                            class="mil-button mil-icon-button-sm mil-arrow-place"></button>
                                     </form>
 
                                 </div>
@@ -301,7 +313,8 @@ <h3 class="mil-center mil-up mil-mb-120">Let's <span class="mil-thin">Talk</span
 
                                             <nav class="mil-footer-menu mil-mb-60">
                                                 <ul>
-                                                    <li class="mil-up mil-active">
+                                                    <li class="mil-up ">
+                                                    <li class="mil-up ">
                                                         <a href="home-1.html">Home</a>
                                                     </li>
                                                     <li class="mil-up">
@@ -310,7 +323,8 @@ <h3 class="mil-center mil-up mil-mb-120">Let's <span class="mil-thin">Talk</span
                                                     <li class="mil-up">
                                                         <a href="services.html">Services</a>
                                                     </li>
-                                                    <li class="mil-up">
+                                                    <li class="mil-up mil-active">
+                                                    <li class="mil-up mil-active">
                                                         <a href="contact.html">Contact</a>
                                                     </li>
                                                     <li class="mil-up">
@@ -343,14 +357,18 @@ <h3 class="mil-center mil-up mil-mb-120">Let's <span class="mil-thin">Talk</span
 
                                             <h6 class="mil-muted mil-up mil-mb-30">Canada</h6>
 
-                                            <p class="mil-light-soft mil-up">71 South Los Carneros Road, California <span class="mil-no-wrap">+51 174 705 812</span></p>
+                                            <p class="mil-light-soft mil-up">71 South Los Carneros Road, California
+                                                <span class="mil-no-wrap">+51 174 705 812</span>
+                                            </p>
 
                                         </div>
                                         <div class="col-md-6 col-lg-5 mil-mb-60">
 
                                             <h6 class="mil-muted mil-up mil-mb-30">Germany</h6>
 
-                                            <p class="mil-light-soft mil-up">Leehove 40, 2678 MC De Lier, Netherlands <span class="mil-no-wrap">+31 174 705 811</span></p>
+                                            <p class="mil-light-soft mil-up">Leehove 40, 2678 MC De Lier, Netherlands
+                                                <span class="mil-no-wrap">+31 174 705 811</span>
+                                            </p>
 
                                         </div>
                                     </div>
@@ -361,13 +379,18 @@ <h6 class="mil-muted mil-up mil-mb-30">Germany</h6>
                                     <div class="mil-vert-between">
                                         <div class="mil-mb-30">
                                             <ul class="mil-social-icons mil-up">
-                                                <li><a href="#." target="_blank" class="social-icon"> <i class="far fa-circle"></i></a></li>
-                                                <li><a href="#." target="_blank" class="social-icon"> <i class="far fa-circle"></i></a></li>
-                                                <li><a href="#." target="_blank" class="social-icon"> <i class="far fa-circle"></i></a></li>
-                                                <li><a href="#." target="_blank" class="social-icon"> <i class="far fa-circle"></i></a></li>
+                                                <li><a href="#." target="_blank" class="social-icon"> <i
+                                                            class="far fa-circle"></i></a></li>
+                                                <li><a href="#." target="_blank" class="social-icon"> <i
+                                                            class="far fa-circle"></i></a></li>
+                                                <li><a href="#." target="_blank" class="social-icon"> <i
+                                                            class="far fa-circle"></i></a></li>
+                                                <li><a href="#." target="_blank" class="social-icon"> <i
+                                                            class="far fa-circle"></i></a></li>
                                             </ul>
                                         </div>
-                                        <p class="mil-light-soft mil-up">© Copyright 2023 - Mil. All Rights Reserved.</p>
+                                        <p class="mil-light-soft mil-up">© Copyright 2023 - Mil. All Rights Reserved.
+                                        </p>
                                     </div>
 
                                 </div>
@@ -377,122 +400,22 @@ <h6 class="mil-muted mil-up mil-mb-30">Germany</h6>
                 </footer>
                 <!-- footer end -->
 
-                <!-- hidden elements -->
-                <div class="mil-hidden-elements">
-                    <div class="mil-dodecahedron">
-                        <div class="mil-pentagon">
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                        </div>
-                        <div class="mil-pentagon">
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                        </div>
-                        <div class="mil-pentagon">
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                        </div>
-                        <div class="mil-pentagon">
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                        </div>
-                        <div class="mil-pentagon">
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                        </div>
-                        <div class="mil-pentagon">
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                        </div>
-                        <div class="mil-pentagon">
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                        </div>
-                        <div class="mil-pentagon">
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                        </div>
-                        <div class="mil-pentagon">
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                        </div>
-                        <div class="mil-pentagon">
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                        </div>
-                        <div class="mil-pentagon">
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                        </div>
-                        <div class="mil-pentagon">
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                            <div></div>
-                        </div>
-                    </div>
-
-                    <!-- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="mil-arrow">
-                        <path d="M 14 5.3417969 C 13.744125 5.3417969 13.487969 5.4412187 13.292969 5.6367188 L 13.207031 5.7226562 C 12.816031 6.1136563 12.816031 6.7467188 13.207031 7.1367188 L 17.070312 11 L 4 11 C 3.448 11 3 11.448 3 12 C 3 12.552 3.448 13 4 13 L 17.070312 13 L 13.207031 16.863281 C 12.816031 17.254281 12.816031 17.887344 13.207031 18.277344 L 13.292969 18.363281 C 13.683969 18.754281 14.317031 18.754281 14.707031 18.363281 L 20.363281 12.707031 C 20.754281 12.316031 20.754281 11.682969 20.363281 11.292969 L 14.707031 5.6367188 C 14.511531 5.4412187 14.255875 5.3417969 14 5.3417969 z" />
-                    </svg> -->
-
-                    <svg width="250" viewBox="0 0 300 1404" fill="none" xmlns="http://www.w3.org/2000/svg" class="mil-lines">
-                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1 892L1 941H299V892C299 809.71 232.29 743 150 743C67.7096 743 1 809.71 1 892ZM0 942H300V892C300 809.157 232.843 742 150 742C67.1573 742 0 809.157 0 892L0 942Z" class="mil-move" />
-                        <path fill-rule="evenodd" clip-rule="evenodd" d="M299 146V97L1 97V146C1 228.29 67.7096 295 150 295C232.29 295 299 228.29 299 146ZM300 96L0 96V146C0 228.843 67.1573 296 150 296C232.843 296 300 228.843 300 146V96Z" class="mil-move" />
-                        <path fill-rule="evenodd" clip-rule="evenodd" d="M299 1H1V1403H299V1ZM0 0V1404H300V0H0Z" />
-                        <path fill-rule="evenodd" clip-rule="evenodd" d="M150 -4.37115e-08L150 1404L149 1404L149 0L150 -4.37115e-08Z" />
-                        <path fill-rule="evenodd" clip-rule="evenodd" d="M150 1324C232.29 1324 299 1257.29 299 1175C299 1092.71 232.29 1026 150 1026C67.7096 1026 1 1092.71 1 1175C1 1257.29 67.7096 1324 150 1324ZM150 1325C232.843 1325 300 1257.84 300 1175C300 1092.16 232.843 1025 150 1025C67.1573 1025 0 1092.16 0 1175C0 1257.84 67.1573 1325 150 1325Z" class="mil-move" />
-                        <path fill-rule="evenodd" clip-rule="evenodd" d="M300 1175H0V1174H300V1175Z" class="mil-move" />
-                        <path fill-rule="evenodd" clip-rule="evenodd" d="M150 678C232.29 678 299 611.29 299 529C299 446.71 232.29 380 150 380C67.7096 380 1 446.71 1 529C1 611.29 67.7096 678 150 678ZM150 679C232.843 679 300 611.843 300 529C300 446.157 232.843 379 150 379C67.1573 379 0 446.157 0 529C0 611.843 67.1573 679 150 679Z" class="mil-move" />
-                        <path fill-rule="evenodd" clip-rule="evenodd" d="M299 380H1V678H299V380ZM0 379V679H300V379H0Z" class="mil-move" />
-                    </svg>
-                </div>
-                <!-- hidden elements end -->
-
             </div>
         </div>
         <!-- content -->
     </div>
     <!-- wrapper end -->
-
-    <!-- SMTP js -->
-    <script src="https://smtpjs.com/v3/smtp.js">
-    </script>
+    <!-- Email js -->
     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js">
+    </script>
+    <script type="text/javascript">
+        (function () {
+            emailjs.init({
+                publicKey: "vcZPyPN_-HQPwAAMw",
+            });
+        })();
+    </script>
     <script>
         const form = document.querySelector("form");
 
@@ -503,8 +426,14 @@ <h6 class="mil-muted mil-up mil-mb-30">Germany</h6>
             let subject = document.querySelector("#subject").value;
             let messageBody = `Name: ${username} \n Email: ${email} \n Message: ${message}`;
             e.preventDefault();
+            const params = {
+                name: username,
+                reply_to: email,
+                message: messageBody,
+                subject: subject,
+            };
             if (validateInputs(username, email, message)) {
-                sendEmail(messageBody, subject);
+                sendEmail(params);
             }
         });
         let validateInputs = (username, email, message) => {
@@ -531,25 +460,30 @@ <h6 class="mil-muted mil-up mil-mb-30">Germany</h6>
             return re.test(email);
         };
 
-        let sendEmail = (messageBody, Subject) => {
-            Email.send({
-                SecureToken: "539a95a0-ee77-4607-bf1b-67a1cc15a033",
-                To: "codechef@abes.ac.in",
-                From: "codechef@abes.ac.in",
-                Subject: Subject,
-                Body: messageBody,
-            }).then((message) => {
-                if (message === "OK") {
+        let sendEmail = (params) => {
+            emailjs.send('service_jpi1sis', 'template_keadus6', params).then(
+                (response) => {
+                    console.log('SUCCESS!', response.status, response.text);
                     Swal.fire({
                         title: "Success!",
-                        text: "Message sent succesfully!",
+                        text: "Your message has been sent!",
                         icon: "success",
                     });
-                }
-            });
+                    form.reset();
+                },
+                (error) => {
+                    console.log('FAILED...', error);
+                    Swal.fire({
+                        title: "Error!",
+                        text: "Something went wrong!",
+                        icon: "error",
+                    });
+                },
+            );
         };
 
     </script>
+
     <!-- jQuery js -->
     <script src="js/plugins/jquery.min.js"></script>
     <!-- swup js -->
@@ -571,4 +505,4 @@ <h6 class="mil-muted mil-up mil-mb-30">Germany</h6>
 
 </body>
 
-</html>
+</html>
\ No newline at end of file