4343 </ script >
4444
4545 <!-- End of Google tag (gtag.js) -->
46+
4647</ head >
4748
4849< body >
@@ -146,7 +147,7 @@ <h5>2020 - 2024</h5>
146147 < p > < em > Amrita Vishwa Vidyapeetham, Coimbatore</ em > </ p >
147148 < ul >
148149 < li > B.Tech in Computer Science & Engineering</ li >
149- < li > CGPA: 7.4/10</ li >
150+ <!-- < li>CGPA: 7.4/10</li> -- >
150151 </ ul >
151152 </ div >
152153 </ div >
@@ -210,6 +211,17 @@ <h5>March 2023 - April 2023</h5>
210211 < div class ="col-lg-6 ">
211212
212213 < h3 class ="resume-title "> Open Source Experience</ h3 >
214+ < div class ="resume-item ">
215+ < h4 > HACKTOBERFEST 2023 < a href ="https://www.holopin.io/hacktoberfest2023/hall/@surendran "> < i class ="bi bi-box-arrow-up-right "> </ i > </ a > </ h4 >
216+ < h5 > October 2023</ h5 >
217+ < p > < em > Github (Remote)</ em > </ p >
218+ < p >
219+ < ul >
220+ < li > Successfully completed Hacktoberfest 2023 by submitting 4 merged Pull Requests </ li >
221+ </ ul >
222+ </ p >
223+ </ div >
224+
213225 < div class ="resume-item ">
214226 < h4 > HACKTOBERFEST 2022</ h4 >
215227 < h5 > October 2022</ h5 >
@@ -222,7 +234,7 @@ <h5>October 2022</h5>
222234 </ div >
223235
224236 < div class ="resume-item ">
225- < h4 > HACK CLUB SUMMER OF CODE 2022</ h4 >
237+ < h4 > HACK CLUB SUMMER OF CODE 2022 < a href =" https://certopus.com/c/5215396f6def4da493beadd7689119fe " > < i class =" bi bi-box-arrow-up-right " > </ i > </ a > </ h4 >
226238 < h5 > July 2022 - September 2022</ h5 >
227239 < p > < em > Github (Remote)</ em > </ p >
228240 < p >
@@ -338,7 +350,7 @@ <h2>Skills</h2>
338350 < div class ="col-lg-3 col-md-6 ">
339351 < div class ="count-box ">
340352 < i class ="bi bi-award "> </ i >
341- < span data-purecounter-start ="0 " data-purecounter-end ="14 " data-purecounter-duration ="2 " class ="purecounter "> </ span >
353+ < span data-purecounter-start ="0 " data-purecounter-end ="18 " data-purecounter-duration ="2 " class ="purecounter "> </ span >
342354 < p > Certifications</ p >
343355 </ div >
344356 </ div >
@@ -354,7 +366,7 @@ <h2>Skills</h2>
354366 < div class ="col-lg-3 col-md-6 mt-5 mt-lg-0 ">
355367 < div class ="count-box ">
356368 < i class ="bi bi-git "> </ i >
357- < span data-purecounter-start ="0 " data-purecounter-end ="650 " data-purecounter-duration ="2 " class ="purecounter "> </ span >
369+ < span data-purecounter-start ="0 " data-purecounter-end ="672 " data-purecounter-duration ="2 " class ="purecounter "> </ span >
358370 < p > Commits</ p >
359371 </ div >
360372 </ div >
@@ -590,7 +602,7 @@ <h4>Disk Space Manager</h4>
590602 < h4 > Smart Attendance</ h4 >
591603 < p > Web App</ p >
592604 < div class ="portfolio-links ">
593- < a href ="assets/img/portfolio/attendance.png " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="App 1 "> < i class ="bx bx-plus "> </ i > </ a >
605+ < a href ="assets/img/portfolio/attendance.png " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="Smart Attendance "> < i class ="bx bx-plus "> </ i > </ a >
594606 < a href ="projects/project2.html " data-gallery ="portfolioDetailsGallery " data-glightbox ="type: external " class ="portfolio-details-lightbox " title ="Portfolio Details "> < i class ="bx bx-link "> </ i > </ a >
595607 </ div >
596608 </ div >
@@ -604,7 +616,7 @@ <h4>Smart Attendance</h4>
604616 < h4 > Epidemic Management System</ h4 >
605617 < p > Web App</ p >
606618 < div class ="portfolio-links ">
607- < a href ="assets/img/portfolio/ems.png " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="App 1 "> < i class ="bx bx-plus "> </ i > </ a >
619+ < a href ="assets/img/portfolio/ems.png " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="Epidemic Management System "> < i class ="bx bx-plus "> </ i > </ a >
608620 < a href ="projects/project3.html " data-gallery ="portfolioDetailsGallery " data-glightbox ="type: external " class ="portfolio-details-lightbox " title ="Portfolio Details "> < i class ="bx bx-link "> </ i > </ a >
609621 </ div >
610622 </ div >
@@ -618,7 +630,7 @@ <h4>Epidemic Management System</h4>
618630 < h4 > Climate Viewer</ h4 >
619631 < p > Web App</ p >
620632 < div class ="portfolio-links ">
621- < a href ="assets/img/portfolio/climate.png " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="App 2 "> < i class ="bx bx-plus "> </ i > </ a >
633+ < a href ="assets/img/portfolio/climate.png " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="Climate Viewer "> < i class ="bx bx-plus "> </ i > </ a >
622634 < a href ="projects/project4.html " data-gallery ="portfolioDetailsGallery " data-glightbox ="type: external " class ="portfolio-details-lightbox " title ="Portfolio Details "> < i class ="bx bx-link "> </ i > </ a >
623635 </ div >
624636 </ div >
@@ -632,7 +644,7 @@ <h4>Climate Viewer</h4>
632644 < h4 > Memory Grid</ h4 >
633645 < p > Desktop Game</ p >
634646 < div class ="portfolio-links ">
635- < a href ="assets/img/portfolio/memorygrid.png " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="Card 2 "> < i class ="bx bx-plus "> </ i > </ a >
647+ < a href ="assets/img/portfolio/memorygrid.png " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="Memory Grid "> < i class ="bx bx-plus "> </ i > </ a >
636648 < a href ="projects/project5.html " data-gallery ="portfolioDetailsGallery " data-glightbox ="type: external " class ="portfolio-details-lightbox " title ="Portfolio Details "> < i class ="bx bx-link "> </ i > </ a >
637649 </ div >
638650 </ div >
@@ -646,7 +658,7 @@ <h4>Memory Grid</h4>
646658 < h4 > Traffic Control Dashboard</ h4 >
647659 < p > Website</ p >
648660 < div class ="portfolio-links ">
649- < a href ="assets/img/portfolio/traffic.jpg " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="Web 2 "> < i class ="bx bx-plus "> </ i > </ a >
661+ < a href ="assets/img/portfolio/traffic.jpg " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="Traffic Control Dashboard "> < i class ="bx bx-plus "> </ i > </ a >
650662 < a href ="projects/project6.html " data-gallery ="portfolioDetailsGallery " data-glightbox ="type: external " class ="portfolio-details-lightbox " title ="Portfolio Details "> < i class ="bx bx-link "> </ i > </ a >
651663 </ div >
652664 </ div >
@@ -674,7 +686,7 @@ <h4>App 3</h4>
674686 < h4 > Phishing Website Detection</ h4 >
675687 < p > Machine Learning</ p >
676688 < div class ="portfolio-links ">
677- < a href ="assets/img/portfolio/phishing.jpg " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="Card 1 "> < i class ="bx bx-plus "> </ i > </ a >
689+ < a href ="assets/img/portfolio/phishing.jpg " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="Phishing Website Detection "> < i class ="bx bx-plus "> </ i > </ a >
678690 < a href ="projects/project8.html " data-gallery ="portfolioDetailsGallery " data-glightbox ="type: external " class ="portfolio-details-lightbox " title ="Portfolio Details "> < i class ="bx bx-link "> </ i > </ a >
679691 </ div >
680692 </ div >
@@ -688,7 +700,7 @@ <h4>Phishing Website Detection</h4>
688700 < h4 > Stock Price Prediction</ h4 >
689701 < p > Machine Learning</ p >
690702 < div class ="portfolio-links ">
691- < a href ="assets/img/portfolio/stock.png " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="Card 3 "> < i class ="bx bx-plus "> </ i > </ a >
703+ < a href ="assets/img/portfolio/stock.png " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="Stock Price Prediction "> < i class ="bx bx-plus "> </ i > </ a >
692704 < a href ="projects/project9.html " data-gallery ="portfolioDetailsGallery " data-glightbox ="type: external " class ="portfolio-details-lightbox " title ="Portfolio Details "> < i class ="bx bx-link "> </ i > </ a >
693705 </ div >
694706 </ div >
@@ -702,7 +714,7 @@ <h4>Stock Price Prediction</h4>
702714 < h4 > Sign Language Recognition</ h4 >
703715 < p > Neural Networks</ p >
704716 < div class ="portfolio-links ">
705- < a href ="assets/img/portfolio/sign.png " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="Web 3 "> < i class ="bx bx-plus "> </ i > </ a >
717+ < a href ="assets/img/portfolio/sign.png " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="Sign Language Recognition "> < i class ="bx bx-plus "> </ i > </ a >
706718 < a href ="projects/project10.html " data-gallery ="portfolioDetailsGallery " data-glightbox ="type: external " class ="portfolio-details-lightbox " title ="Portfolio Details "> < i class ="bx bx-link "> </ i > </ a >
707719 </ div >
708720 </ div >
@@ -713,10 +725,10 @@ <h4>Sign Language Recognition</h4>
713725 < div class ="portfolio-wrap ">
714726 < img src ="assets/img/portfolio/incomplete.png " class ="img-fluid " alt ="">
715727 < div class ="portfolio-info ">
716- < h4 > App 1 </ h4 >
728+ < h4 > App </ h4 >
717729 < p > Mobile App</ p >
718730 < div class ="portfolio-links ">
719- < a href ="assets/img/portfolio/incomplete.png " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="App 1 "> < i class ="bx bx-plus "> </ i > </ a >
731+ < a href ="assets/img/portfolio/incomplete.png " data-gallery ="portfolioGallery " class ="portfolio-lightbox " title ="App "> < i class ="bx bx-plus "> </ i > </ a >
720732 < a href ="projects/project11.html " data-gallery ="portfolioDetailsGallery " data-glightbox ="type: external " class ="portfolio-details-lightbox " title ="Portfolio Details "> < i class ="bx bx-link "> </ i > </ a >
721733 </ div >
722734 </ div >
@@ -777,7 +789,7 @@ <h3>Call Me</h3>
777789 </ div >
778790 </ div >
779791
780- < form action ="forms/contact.php " method ="post " role ="form " class ="php-email-form mt-4 ">
792+ < form action ="" method ="post " role ="form " class ="php-email-form mt-4 ">
781793 < div class ="row ">
782794 < div class ="col-md-6 form-group ">
783795 < input type ="text " name ="name " class ="form-control " id ="name " placeholder ="Your Name " required >
@@ -790,14 +802,16 @@ <h3>Call Me</h3>
790802 < input type ="text " class ="form-control " name ="subject " id ="subject " placeholder ="Subject " required >
791803 </ div >
792804 < div class ="form-group mt-3 ">
793- < textarea class ="form-control " name ="message " rows ="5 " placeholder ="Message " required > </ textarea >
805+ < textarea class ="form-control " name ="message " rows ="5 " id =" Message " placeholder ="Message " required > </ textarea >
794806 </ div >
807+ < div class ="form-group mt-3 " id ="mailsent ">
808+ Your message has been sent. Thank you!</ div >
795809 < div class ="my-3 ">
796810 < div class ="loading "> Loading</ div >
797811 < div class ="error-message "> </ div >
798812 < div class ="sent-message "> Your message has been sent. Thank you!</ div >
799813 </ div >
800- < div class ="text-center "> < button type ="submit "> Send Message</ button > </ div >
814+ < div class ="text-center "> < button type ="submit " onclick =" sendMail() " > Send Message</ button > </ div >
801815 </ form >
802816
803817 </ div >
@@ -829,6 +843,21 @@ <h3>Call Me</h3>
829843 experienceDiv . scrollIntoView ( { behavior : "smooth" } ) ;
830844 exp . classList . add ( "active" ) ;
831845 }
846+ function sendMail ( ) {
847+ var email = encodeURIComponent ( document . getElementById ( 'email' ) . value ) ;
848+ var subject = encodeURIComponent ( document . getElementById ( 'subject' ) . value ) ;
849+ var message = encodeURIComponent ( document . getElementById ( 'Message' ) . value ) ;
850+ if ( email == "" || subject == "" || message == "" ) {
851+ alert ( "Please fill all the fields" ) ;
852+ return ;
853+ }
854+ var link = "mailto:[email protected] " 855+ + "?cc=" + email
856+ + "&subject=" + subject
857+ + "&body=" + message ;
858+ window . location . href = link ;
859+ document . getElementById ( 'mailsent' ) . style . display = 'block' ;
860+ }
832861 </ script >
833862
834863</ body >
0 commit comments