diff --git a/assets/css/style.css b/assets/css/style.css
index bfcc810..77e00c5 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -10,24 +10,19 @@ body {
   font-family: "Poppins", sans-serif;
 }
 
-.alanBtn-root {
-  /* bottom:20px !important; */
-  right: 10px !important;
-  bottom: 100px !important;
-}
-
 a {
   color: #2796ff;
   text-decoration: none;
   transition: 0.5s;
 }
 
-a:hover,
+a:hover, 
 a:active,
 a:focus {
   color: #2796ff;
   outline: none;
   text-decoration: none;
+
 }
 
 p {
@@ -56,7 +51,7 @@ h6 {
   visibility: hidden;
   opacity: 0;
   right: 15px;
-  bottom: 57px;
+  bottom: 80px;
   z-index: 996;
   background: #2796ff;
   width: 40px;
@@ -81,25 +76,20 @@ h6 {
   visibility: visible;
   opacity: 1;
 }
-
 @keyframes slideUp {
   20% {
     transform: translateY(40px);
   }
-
   30% {
     transform: translateY(50px);
   }
-
   40% {
     transform: translateY(60px);
   }
-
   50% {
     transform: translateY(70px);
   }
 }
-
 /*--------------------------------------------------------------
 # Header
 --------------------------------------------------------------*/
@@ -180,17 +170,15 @@ h6 {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 10px;
+  padding: 10px 0 10px 30px;
   font-family: "Poppins", sans-serif;
-  font-size: 13px;
+  font-size: 15px;
+
   font-weight: 600;
   color: var(--box-anchor);
+
   white-space: nowrap;
   transition: 0.3s;
-  -webkit-transition: 0.3s;
-  -moz-transition: 0.3s;
-  -ms-transition: 0.3s;
-  -o-transition: 0.3s;
 }
 
 .navbar a i,
@@ -203,73 +191,45 @@ h6 {
 .navbar a:hover,
 .navbar .active,
 .navbar .active:focus,
-.navbar li:hover>a {
+.navbar li:hover > a {
   color: #2796ff;
   transform: scale(1.05);
-  -webkit-transform: scale(1.05);
-  -moz-transform: scale(1.05);
-  -ms-transform: scale(1.05);
-  -o-transform: scale(1.05);
 }
 
 .darkmode {
   margin-left: 1em;
+
   font-size: 1.3em;
   transform: translateY(3px) rotateZ(0deg);
   transition: 400ms;
   color: var(--box-anchor);
   cursor: pointer;
-  -webkit-transform: translateY(3px) rotateZ(0deg);
-  -moz-transform: translateY(3px) rotateZ(0deg);
-  -ms-transform: translateY(3px) rotateZ(0deg);
-  -o-transform: translateY(3px) rotateZ(0deg);
 }
 
 .darkmode:hover {
   animation: anim-one 2s linear infinite forwards;
-  -webkit-animation: anim-one 2s linear infinite forwards;
 }
 
 @keyframes anim-one {
   0% {
     transform: translateY(3px) rotateZ(0deg);
-    -webkit-transform: translateY(3px) rotateZ(0deg);
-    -moz-transform: translateY(3px) rotateZ(0deg);
-    -ms-transform: translateY(3px) rotateZ(0deg);
-    -o-transform: translateY(3px) rotateZ(0deg);
-}
+  }
 
   25% {
     transform: translateY(3px) rotateZ(20deg);
-    -webkit-transform: translateY(3px) rotateZ(20deg);
-    -moz-transform: translateY(3px) rotateZ(20deg);
-    -ms-transform: translateY(3px) rotateZ(20deg);
-    -o-transform: translateY(3px) rotateZ(20deg);
-}
+  }
 
   50% {
     transform: translateY(3px) rotateZ(0deg);
-    -webkit-transform: translateY(3px) rotateZ(0deg);
-    -moz-transform: translateY(3px) rotateZ(0deg);
-    -ms-transform: translateY(3px) rotateZ(0deg);
-    -o-transform: translateY(3px) rotateZ(0deg);
-}
+  }
 
   75% {
     transform: translateY(3px) rotateZ(-20deg);
-    -webkit-transform: translateY(3px) rotateZ(-20deg);
-    -moz-transform: translateY(3px) rotateZ(-20deg);
-    -ms-transform: translateY(3px) rotateZ(-20deg);
-    -o-transform: translateY(3px) rotateZ(-20deg);
-}
+  }
 
   100% {
     transform: translateY(3px) rotateZ(0deg);
-    -webkit-transform: translateY(3px) rotateZ(0deg);
-    -moz-transform: translateY(3px) rotateZ(0deg);
-    -ms-transform: translateY(3px) rotateZ(0deg);
-    -o-transform: translateY(3px) rotateZ(0deg);
-}
+  }
 }
 
 /**
@@ -283,17 +243,13 @@ h6 {
   display: none;
   line-height: 0;
   transition: 0.5s;
-  -webkit-transition: 0.5s;
-  -moz-transition: 0.5s;
-  -ms-transition: 0.5s;
-  -o-transition: 0.5s;
 }
 
 .mobile-nav-toggle.bi-x {
   color: #fff;
 }
 
-@media (max-width: 1000px) {
+@media (max-width: 991px) {
   .mobile-nav-toggle {
     display: block;
   }
@@ -304,8 +260,7 @@ h6 {
 
   .darkmode:hover {
     animation: none;
-    -webkit-animation: none;
-}
+  }
 }
 
 .navbar-mobile {
@@ -318,10 +273,6 @@ h6 {
   background: rgba(8, 30, 91, 0.9);
   transition: 0.3s;
   z-index: 999;
-  -webkit-transition: 0.3s;
-  -moz-transition: 0.3s;
-  -ms-transition: 0.3s;
-  -o-transition: 0.3s;
 }
 
 .navbar-mobile .mobile-nav-toggle {
@@ -337,14 +288,10 @@ h6 {
   right: 15px;
   bottom: 15px;
   left: 15px;
-  padding: 10px ;
+  padding: 10px 0;
   background-color: #fff;
   overflow-y: auto;
   transition: 0.3s;
-  -webkit-transition: 0.3s;
-  -moz-transition: 0.3s;
-  -ms-transition: 0.3s;
-  -o-transition: 0.3s;
 }
 
 .navbar-mobile a,
@@ -356,13 +303,9 @@ h6 {
 
 .navbar-mobile a:hover,
 .navbar-mobile .active,
-.navbar-mobile li:hover>a {
+.navbar-mobile li:hover > a {
   color: #2796ff;
   transform: scale(1.05);
-  -webkit-transform: scale(1.05);
-  -moz-transform: scale(1.05);
-  -ms-transform: scale(1.05);
-  -o-transform: scale(1.05);
 }
 
 .navbar-mobile .getstarted,
@@ -396,11 +339,11 @@ h6 {
 
 .navbar-mobile .dropdown ul a:hover,
 .navbar-mobile .dropdown ul .active:hover,
-.navbar-mobile .dropdown ul li:hover>a {
+.navbar-mobile .dropdown ul li:hover > a {
   color: #2796ff;
 }
 
-.navbar-mobile .dropdown>.dropdown-active {
+.navbar-mobile .dropdown > .dropdown-active {
   display: block;
 }
 
@@ -412,6 +355,8 @@ h6 {
   width: 100%;
   height: 60vh;
   position: relative;
+  background: url("../img/hero-carousel/1.jpg") no-repeat;
+  background-size: cover;
   padding: 0;
 }
 
@@ -477,7 +422,7 @@ h6 {
 
 #hero .hero-content .btn-projects {
   color: #fff;
-  background-color: #2796ff;
+  background-color: #2796FF;
   border: 2px solid #2796ff;
   transition: 0.5s;
 }
@@ -486,10 +431,6 @@ h6 {
   background: none;
   color: #2796ff;
   transform: scale(1.05);
-  -webkit-transform: scale(1.05);
-  -moz-transform: scale(1.05);
-  -ms-transform: scale(1.05);
-  -o-transform: scale(1.05);
 }
 
 #hero .hero-slider {
@@ -576,7 +517,7 @@ section {
   animation: Dance 10s infinite;
 }
 
-.row {
+.row{
   justify-content: center;
   align-items: center;
 }
@@ -592,7 +533,7 @@ section {
   }
 }
 
-#about .content {
+#about .content{
   padding: 35px;
   border-radius: 15px;
 }
@@ -619,50 +560,13 @@ section {
 --------------------------------*/
 
 #services {
-  padding: 50px;
-}
-@media (max-width: 767px) {
-  #services .box .box {
-    margin-bottom: 20px;
-  }
-  #services .box .icon .title{
-    width: 100%;
-    font-size: 18px;
-  }
-  #services .box .icon p{
-    font-size: 13px;
-    text-align: center;
-    width: 100%;
-  }
-  #services .icon {
-    float: none;
-    text-align: center;
-    padding-bottom: 15px;
-  }
-  #services .box .flip-card-back .description{
-    font-size: 14px;
-    text-align: center;
-    margin-left: 60px;
-  }
-}
-@media (max-width: 320px){
-  #services .box .flip-card-back .description{
-    font-size: 57%;
-    margin: 21px 5px auto;
-    margin-left: 33px;
-    text-align: center;
-  }
-  #services .box .icon .title{
-    width: 100%;
-    font-size: 18px;
-    text-align: center;
-  }
+  padding: 40px;
 }
 
-#services .col-lg-6 {  
+#services .col-lg-6 {
   background-color: transparent;
-  width: 305px;
-  height: 205px;
+  width: 300px;
+  height: 200px;
   perspective: 1000px;
 }
 
@@ -670,27 +574,27 @@ section {
   width: 100%;
   height: 100%;
   text-align: center;
-  transition: transform 1.5s;
+  transition: transform 1s;
   transform-style: preserve-3d;
-  padding: 30px;
+  padding: 40px;
   box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.1);
   background: var(--service);
   border: 4px solid var(--postborder);
-  border-radius: 19px;
+  border-radius: 10px;
 }
-#services .col-lg-6:hover .box {
+
+/* #services .col-lg-6:hover .box {
   transform: rotateY(180deg);
-  transition: transform 1.5s ease;
-}
+} */
 
-/* .is-flipped {
-  /* transform: rotateY(0.5turn); */
-/* } */
+.is-flipped{
+  transform: rotateY(.5turn);
+}
 
-#services .icon {
+#services .icon{
   width: 100%;
   height: 100%;
-  -webkit-backface-visibility: hidden;
+  -webkit-backface-visibility: hidden; 
   backface-visibility: hidden;
   transform: translateZ(6rem);
 }
@@ -699,7 +603,7 @@ section {
   position: absolute;
   width: 100%;
   height: 100%;
-  -webkit-backface-visibility: hidden;
+  -webkit-backface-visibility: hidden; 
   backface-visibility: hidden;
   transform: rotateY(180deg);
 }
@@ -711,7 +615,7 @@ section {
 
 #services .box .icon i {
   color: #444;
-  font-size: 62px;
+  font-size: 64px;
   transition: 0.5s;
   line-height: 0;
 }
@@ -721,45 +625,44 @@ section {
   background-clip: border-box;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
-  margin-bottom: 7px;
 }
 
 #services .icon h4 {
-  margin-left: 0px;
-  font-weight: 600;
-  margin-bottom: 6px;
-  margin-top: 2px;
+  margin-left: 10px;
+  font-weight: 700;
+  margin-bottom: 5px;
   font-size: 22px;
   text-align: center;
   color: var(--textcolor);
 }
 
-#services .icon p {
+#services .icon p{
   text-align: center;
   width: 100%;
-  transform: translate(-75px, -5px);
+  transform: translate(-75px,-5px);
 }
 
 #services .box p {
   margin-top: 0%;
-  margin-left: 72px;
+  margin-left: 80px;
   font-size: 17px;
-  font-weight: 450;
+  font-weight: 500;
   text-align: center;
   color: var(--textcolor);
 }
 
-/* @media (max-width: 767px) {
+@media (max-width: 767px) {
   #services .box .box {
-    margin-bottom: 1px;
+    margin-bottom: 20px;
   }
 
-  #services .icon {
+  #services  .icon {
     float: none;
     text-align: center;
     padding-bottom: 15px;
   }
-} */
+
+}
 
 /* Testimonials Section
 --------------------------------*/
@@ -780,12 +683,11 @@ section {
   text-align: center;
   min-height: fit-content;
   box-shadow: 0px 2px 12px var(--border-color);
-  background-color: #2796ff;
+  background-color: #2796FF;
   border-radius: 12px;
   transition: box-shadow 0.3s ease, transform 0.3s ease;
   /* animation: revDance 10s infinite; */
 }
-
 #testimonials .testimonial-item:hover {
   transform: scale(1.1);
   box-shadow: 0px 10px 25px var(--border-color);
@@ -1255,24 +1157,21 @@ section {
   color: #fff;
   font-size: 45px;
   font-weight: 700;
-  font-family: "Kanit", sans-serif;
-  text-shadow: 2px 2px 10px #07052c;
+  font-family: 'Kanit', sans-serif;
+  text-shadow: 2px 2px 10px #07052c ;
   overflow: hidden;
   width: 0;
-  border-right: transparent;
-  /* The typwriter cursor */
-  white-space: nowrap;
-  /* Keeps the content on a single line */
+  border-right: transparent; /* The typwriter cursor */
+  white-space: nowrap; /* Keeps the content on a single line */
   animation: typing 10s steps(50, end) forwards infinite;
 }
 
 @keyframes typing {
-  from {
-    width: 0%;
+  from{
+      width: 0%;
   }
-
   to {
-    width: 100%;
+      width: 100%;
   }
 }
 
@@ -1280,7 +1179,7 @@ section {
   color: #fff;
   font-size: 20px;
   font-weight: 700;
-  font-family: "Raleway", sans-serif;
+  font-family: 'Raleway', sans-serif;
 }
 
 @media (min-width: 769px) {
@@ -1311,7 +1210,7 @@ section {
   /* background-image: linear-gradient(to right, rgb(53, 160, 242),white); */
 
   color: #081e5b;
-  transform: scale(1.07);
+  transform: scale(1.07);  
   /* font-weight: 700; */
 }
 
@@ -1322,26 +1221,21 @@ section {
   padding: 30px 0;
 }
 
-.enquiry-form {
+.enquiry-form{
   box-shadow: 1rem 1rem 1rem 1rem var(--sd);
   animation: Dance 10s infinite;
 }
 
-.col-md-6 .contact-phone .bi:hover,
-.col-md-6 .contact-email .bi:hover {
-  color: white;
+.col-md-6 .contact-phone .bi:hover , .col-md-6 .contact-email .bi:hover{
+  box-shadow: 1rem 1rem 1rem 1rem var(--sd);
+  border-radius: 100px;
 }
 
-.col-md-6 .contact-phone .bi,
-.col-md-6 .contact-email .bi {
+.col-md-6 .contact-phone .bi , .col-md-6 .contact-email .bi{
   transition: 0.5s;
   animation: Dance 8s infinite;
 }
 
-.inputContainer{
-  position: relative;
-}
-
 #contact .contact-info {
   margin-bottom: 20px;
   text-align: center;
@@ -1354,16 +1248,6 @@ section {
   color: #2796ff;
 }
 
-.inputContainer i{
-  position: absolute;
-  top: 25px;
-  left: 5px;
-  font-size: 20px !important;
-  margin-bottom: 0px;
-  margin: 2px;
-  color: #2796ff;
-}
-
 #contact .contact-info i:hover {
   color: var(--hover-color1);
 }
@@ -1384,7 +1268,7 @@ section {
   color: #2796ff;
 }
 
-.hoverchanger {
+.hoverchanger{
   transition: 0.5s;
 }
 
@@ -1392,7 +1276,6 @@ section {
   background-color: #b1b7e1;
   transform: scale(1.1);
 }
-
 #contact .contact-address,
 #contact .contact-phone,
 #contact .contact-email {
@@ -1400,7 +1283,6 @@ section {
 }
 
 @media (min-width: 768px) {
-
   #contact .contact-address,
   #contact .contact-phone,
   #contact .contact-email {
@@ -1444,15 +1326,22 @@ section {
 --------------------------------------------------------------*/
 
 #footer {
-  background: #050b1f;
+  background: var(--footer);
+  padding: 0 0 30px 0;
   font-size: 14px;
 }
 
+#footer .copyright {
+  text-align: center;
+  padding-top: 30px;
+  color: var(--textcolor);
+}
+
 /* ----------------------------------------------------------
 # Social Icons in footer  */
 /* ------------------------------------------------------------ */
 
-.wrapper .icon {
+.wrapper .icon{
   position: relative;
   background-color: #2796ff;
   border-radius: 50%;
@@ -1469,7 +1358,6 @@ section {
   color: #333;
   text-decoration: none;
 }
-
 .wrapper .tooltip {
   position: absolute;
   top: 0;
@@ -1484,7 +1372,6 @@ section {
   pointer-events: none;
   transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 }
-
 .wrapper .tooltip::before {
   position: absolute;
   content: "";
@@ -1496,47 +1383,40 @@ section {
   transform: translate(-50%) rotate(45deg);
   transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 }
-
 .wrapper .icon:hover .tooltip {
   top: -45px;
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
 }
-
 .wrapper .icon:hover span,
 .wrapper .icon:hover .tooltip {
   text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
 }
-
 .wrapper .facebook:hover,
 .wrapper .facebook:hover .tooltip,
 .wrapper .facebook:hover .tooltip::before {
   background-color: #3b5999;
   color: #ffffff;
 }
-
 .wrapper .twitter:hover,
 .wrapper .twitter:hover .tooltip,
 .wrapper .twitter:hover .tooltip::before {
   background-color: #46c1f6;
   color: #ffffff;
 }
-
 .wrapper .instagram:hover,
 .wrapper .instagram:hover .tooltip,
 .wrapper .instagram:hover .tooltip::before {
   background-color: #e1306c;
   color: #ffffff;
 }
-
 .wrapper .github:hover,
 .wrapper .github:hover .tooltip,
 .wrapper .github:hover .tooltip::before {
   background-color: #333333;
   color: #ffffff;
 }
-
 .wrapper .youtube:hover,
 .wrapper .youtube:hover .tooltip,
 .wrapper .youtube:hover .tooltip::before {
@@ -1550,7 +1430,6 @@ section {
   background-color: #003288;
   color: #ffffff;
 }
-
 /*--------------------------------------------------------------
 # Hacktoberfest Page
 --------------------------------------------------------------*/
@@ -1558,13 +1437,11 @@ section {
   padding: 0;
   margin: 0;
 }
-
 .hacktoberfest-btn,
 .navbar-mobile .hacktoberfest-btn {
   background-color: #0c2e8a;
   color: #ffffff !important;
 }
-
 .hacktoberfest-btn {
   background-color: #0c2e8a;
   color: #ffffff !important;
@@ -1586,8 +1463,7 @@ section {
   background-color: transparent;
   color: #2d65ff !important;
 }
-
-.navbar ul> :nth-child(6) a {
+.navbar ul > :nth-child(6) a {
   padding: 10px 12px;
   margin: 0 8px;
 }
@@ -1610,15 +1486,15 @@ section {
 .card {
   background-color: transparent;
   width: 450px;
-  border: 2px solid var(--box-anchor);
+  border: 4px solid var(--box-anchor);
   padding: 20px 20px;
   border-radius: 15px;
   transition: transform 0.4s, box-shadow 0.5s;
+  
 }
-
 .card:hover {
   transform: scale(1.07);
-  box-shadow: 0 10px 20px rgba(0, 0, 0);
+  box-shadow: 0 10px 20px rgba(0,0,0);
 }
 
 .card-heading {
@@ -1626,87 +1502,62 @@ section {
   font-weight: 700;
   margin-bottom: 15px;
 }
-
-.card-heading:hover {
+.card-heading:hover{
   color: #2796ff;
   cursor: pointer;
 }
-
 .card-description {
   color: var(--box-anchor);
   font-size: 14px;
   margin-bottom: 15px;
 }
-
 .view-btn {
-  width: 180px;
-  height: 46px;
-  background-color: #198df9;
-  border: 2px solid #003288;
-  display: flex;
-  align-items: center;
-  color: #ffff;
-  justify-content: center;
-  border-radius: 10px;
-  letter-spacing: 1px;
-}
-
-.view-btn:hover {
-  background-color: #0c2e8a;
-  color: #fff;
-}
-
-/* Previous code */
-
-/* .view-btn {
-  width: fit-content;
-  bottom: 0;
-  width: 200px;
-  height: 50px;
-  border-radius: 12px;
-  cursor: pointer;
-  border: none;
-  letter-spacing: 2px;
-  font-weight: bold;
-  box-shadow: 0px 8px 15px rgb(5, 15, 20);
-  transition: all 0.3s ease;
-  padding: 2px 10px 5px 10px;
-  color: white;
-  background-color: #214cc3;
-  padding-top: 12px;
-  padding-left: 20px;
-  text-align: center;
-}
-.view-btn::after {
-  content: "";
-  position: absolute;
-  width: 100%;
-  height: 1px;
-  left: 0;
+  /* width: fit-content; */
+      width:200px;
+    height:50px;
+    border-radius:12px;
+    cursor:pointer;
+    border:none;
+    letter-spacing:2px;
+    font-weight:bold;
+    box-shadow:0px 8px 15px rgb(5, 15, 20);
+    transition:all 0.3s ease;
+    padding: 2px 10px 5px 10px;
+    color:white;
+    background-color: #0c2e8a;
+    padding-top:12px;
+    padding-left:20px;
+  }.view-btn::after{
+  content:"";
+  position:absolute;
+  width:100%;
+  height:1px;
+  left:0;
   background-color: white;
-  transform: scaleX(0);
-  transition: transform 0.25s;
-  bottom: 9px;
+  transform:scaleX(0);
+  transition:transform .25s;
+  bottom:9px;
   transform-origin: left;
-  transform-origin: 2cm;
-}
-.view-btn:hover {
-  transform: translateY(-4px);
-  color: #fff;
-  box-shadow: 0px 8px 15px #040d1b;
-}
-.view-btn:hover::after {
-  transform: scaleX(0.8);
-} */
+  transform-origin:2cm;
+  }
+  .view-btn:hover{ 
+    transform:translateY(-4px);
+    color:#fff;
+    box-shadow:0px 8px 15px #040d1b;
+  }
+  .view-btn:hover::after{
+    transform:scaleX(0.8);
+  }
+  
 
 
 /* Responsive Website */
+
 @media (max-width: 320px) {
   #header #logo img {
     max-height: 24px;
     max-width: 93px;
   }
-
   #about .content h2 {
     font-size: 16px;
   }
@@ -1714,403 +1565,277 @@ section {
   #about .content h3 {
     font-size: 15px;
   }
-
   .section-header h2 {
     font-size: 23px;
   }
-
   #about {
     padding: 60px 0 0px 0;
   }
-
   .section-header p {
     font-size: 15px;
   }
-
   #services .box {
     padding: 12px;
   }
-
   #call-to-action .cta-title {
     font-size: 22px;
   }
-
   #call-to-action .cta-text {
     font-size: 12px;
   }
-
   #call-to-action .cta-btn {
     font-size: 12px;
     padding: 6px 26px;
   }
-
   #testimonials .testimonial-item p {
     font-size: 14px;
   }
-
   #testimonials .testimonial-item .quote-sign-left {
     width: 24px;
   }
-
   #testimonials .testimonial-item .quote-sign-right {
     width: 24px;
   }
-
   .enquiry-form .title {
     font-size: 16pt;
     margin-bottom: 7px;
   }
-
   .enquiry-form input,
   textarea {
     margin: 7px 0;
     padding: 10px;
     font-size: 12px;
   }
-
   .enquiry-form button {
     padding: 8px;
     font-size: 16px;
     margin: 3px auto 0;
   }
-
   #contact {
     padding: 13px 0;
   }
-
   .navbar-mobile a,
   .navbar-mobile a:focus {
     font-size: 12px;
   }
 }
 
+
 /* ====================== SCROLL BAR ===================== */
 
-::-webkit-scrollbar {
+::-webkit-scrollbar{
   width: 12px;
 }
 
-::-webkit-scrollbar-track {
+::-webkit-scrollbar-track{
   background: rgb(7, 31, 48);
 }
 
-::-webkit-scrollbar-thumb {
+::-webkit-scrollbar-thumb{
   background: linear-gradient(transparent, #198df9);
   border-radius: 6px;
 }
 
-::-webkit-scrollbar-thumb:hover {
+::-webkit-scrollbar-thumb:hover{
   background: linear-gradient(transparent, #99ccfb);
 }
 
 /* New Footer Starts */
-
-/* Footer Section */
-
-footer {
-  padding-top: 30px;
-  padding-bottom: 20px;
-  color: #ffffff;
-}
-
-.top-footer-text {
-  padding: 0 10px 10px;
-}
-
-.list-footer {
-  padding: 0;
-  width: 90%;
-  margin: 10px auto 0;
-  list-style-type:none ;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  gap: 10px;
-}
-
-@media (max-width:300px) {
-  .list-footer {
-    flex-wrap: wrap;
-  }
-}
-
-.top-footer-text h1 {
-  font-weight: 700;
-}
-
-.section {
+.section{
   background-color: black;
   height: 300px;
+  padding: 30px;
 }
-
-.wrapper {
-  text-align: center;
-}
-
-.section h3 {
-  color: #ffffff;
-  text-align: center;
-  margin-bottom: 2.5rem;
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-  padding-left: 0px;
-  padding-right: 0px;
-  text-align: center;
-  font-family: Poppins, sans-serif;
-  font-size: 32px;
-  font-weight: 800;
-  letter-spacing: 0.1em;
-}
-
-.section h3 span {
-  color: rgb(0 159 157);
-}
-
-.footer-section .wrapper {
-  padding-top: 35px;
+.line{
+  color: white;
 }
-
-.wrapper .icon {
-  position: relative;
-  background-color: #ffffff;
-  border-radius: 50%;
-  margin: 10px;
-  width: 50px;
+.img{
   height: 50px;
-  line-height: 50px;
-  font-size: 22px;
-  text-align: center;
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
-  cursor: pointer;
-  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-  color: #333;
-  text-decoration: none;
-}
-
-.wrapper .tooltip {
-  position: absolute;
-  top: 0;
-  line-height: 1.5;
-  font-size: 14px;
-  background-color: #ffffff;
-  color: #ffffff;
-  padding: 10px 18px;
-  border-radius: 25px;
-  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
-  opacity: 0;
-  pointer-events: none;
-  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-}
-
-.wrapper .tooltip::before {
-  position: absolute;
-  content: "";
-  height: 8px;
-  width: 8px;
-  background-color: #ffffff;
-  bottom: -3px;
-  left: 50%;
-  transform: translate(-50%) rotate(45deg);
-  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+  width: 270px;
 }
-
-.wrapper .icon:hover .tooltip {
-  top: -47px;
-  opacity: 1;
-  visibility: visible;
-  pointer-events: auto;
-}
-
-.wrapper .icon:hover span,
-.wrapper .icon:hover .tooltip {
-  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
-}
-
-.wrapper .facebook:hover,
-.wrapper .facebook:hover .tooltip,
-.wrapper .facebook:hover .tooltip::before {
-  background-color: #7289da;
-  color: #ffffff;
-}
-
-.wrapper .twitter:hover,
-.wrapper .twitter:hover .tooltip,
-.wrapper .twitter:hover .tooltip::before {
-  background-color: #eb1717;
-  color: #ffffff;
-}
-
-.wrapper .instagram:hover,
-.wrapper .instagram:hover .tooltip,
-.wrapper .instagram:hover .tooltip::before {
-  background-color: #e1306c;
-  color: #ffffff;
-}
-
-.wrapper .github:hover,
-.wrapper .github:hover .tooltip,
-.wrapper .github:hover .tooltip::before {
-  background-color: #333333;
-  color: #ffffff;
-}
-
-.wrapper .linkedin:hover,
-.wrapper .linkedin:hover .tooltip,
-.wrapper .linkedin:hover .tooltip::before {
-  background-color: #0072b1;
-  color: #ffffff;
+.outImage{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0px;
+ 
 }
-
-.wrapper .telegram:hover,
-.wrapper .telegram:hover .tooltip,
-.wrapper .telegram:hover .tooltip::before {
-  background-color: #229ED9;
-  color: #ffffff;
+.wrapper{
+  text-align: center;
+ }
+
+.section h3{
+color: #ffffff;
+text-align: center;
+margin-bottom: 2.5rem;
+padding-top: 0.75rem;
+padding-bottom: 0.75rem;
+padding-left: 0px;
+padding-right: 0px;
+text-align: center;
+font-family: Poppins, sans-serif;
+font-size: 32px;
+font-weight: 800;
+letter-spacing: .1em;
+}
+
+.section h3 span{
+  color: rgb(0 159 157);
 }
 
+.wrapper .icon{
+    position: relative;
+    background-color:  #ffffff;
+    border-radius: 50%;
+    margin: 10px;
+    width: 50px;
+    height: 50px;
+    line-height: 50px;
+    font-size: 22px;
+    text-align:center ;
+    display: inline-flex;
+   flex-direction: column;
+    align-items: center;
+    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+    transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+    color: #333;
+    text-decoration: none;
+  }
+  .wrapper .tooltip {
+    position: absolute;
+    top: 0;
+    line-height: 1.5;
+    font-size: 14px;
+    background-color: #ffffff;
+    color: #ffffff;
+   padding: 10px 18px;
+    border-radius: 25px;
+    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
+    opacity: 0;
+    pointer-events: none;
+    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+  }
+  .wrapper .tooltip::before {
+    position: absolute;
+    content: "";
+    height: 8px;
+    width: 8px;
+    background-color: #ffffff;
+    bottom: -3px;
+    left: 50%;
+    transform: translate(-50%) rotate(45deg);
+    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+  }
+  .wrapper .icon:hover .tooltip {
+    top: -45px;
+    opacity: 1;
+    visibility: visible;
+    pointer-events: auto;
+  }
+  .wrapper .icon:hover span,
+  .wrapper .icon:hover .tooltip {
+    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
+  }
+  .wrapper .facebook:hover,
+  .wrapper .facebook:hover .tooltip,
+  .wrapper .facebook:hover .tooltip::before {
+    background-color: #7289da;
+    color: #ffffff;
+  }
+  .wrapper .twitter:hover,
+  .wrapper .twitter:hover .tooltip,
+  .wrapper .twitter:hover .tooltip::before {
+    background-color: #eb1717;
+    color: #ffffff;
+  }
+  .wrapper .instagram:hover,
+  .wrapper .instagram:hover .tooltip,
+  .wrapper .instagram:hover .tooltip::before {
+    background-color: #e1306c;
+    color: #ffffff;
+  }
+  .wrapper .github:hover,
+  .wrapper .github:hover .tooltip,
+  .wrapper .github:hover .tooltip::before {
+    background-color: #333333;
+    color: #ffffff;
+  }
+  .wrapper .linkedin:hover,
+  .wrapper .linkedin:hover .tooltip,
+  .wrapper .linkedin:hover .tooltip::before {
+    background-color: #003288;
+    color: #ffffff;
+  }
+  
 .scrollToTopContainer {
-  position: fixed;
-  bottom: 0;
-  right: 0;
-  margin: 0 2rem 2rem 0;
+position: fixed;
+bottom: 0;
+right: 0;
+margin: 0 2rem 2rem 0;
 
-  height: fit-content;
-  width: fit-content;
-  z-index: 100000;
+height: fit-content;
+width: fit-content;
+z-index: 100000;
 }
 
 .scrollToTopButton {
-  border-radius: 100%;
-  height: 42px;
-  width: 42px;
-  background-color: rgba(255, 255, 255, 0.9);
+border-radius: 100%;
+height: 42px;
+width: 42px;
+background-color: rgba(255, 255, 255, 0.9);
 
-  border: 0;
-  cursor: pointer;
-  box-shadow: 0px 0px 10px 1px #2980b9;
+border: 0;
+cursor: pointer;
+box-shadow: 0px 0px 10px 1px #2980b9;
 }
 
 .footer-copyright {
-  padding: 10px;
-  text-align: center;
-  margin-top: 20px;
-  color: rgba(229, 228, 232, 0.58);
-}
+text-align: center;
+width: 100%;
+color: rgba(229, 228, 232, 0.58);
+background-color: black;
 
+}
 .footer-copyright a {
-  color: #1d0f44ad;
-  transition: all 0.3s ease;
+color: #1d0f44ad;
+transition: all 0.3s ease;
 }
-
 /* New Footer Ends */
 
 /* Dancing animations */
 @keyframes Dance {
-  0% {
-    transform: translateY(0.5rem);
-  }
-
-  25% {
-    transform: translateY(-0.5rem);
-  }
-
-  50% {
+  0%{
     transform: translateY(0.5rem);
-  }
-
-  75% {
-    transform: translateY(-0.5rem);
-  }
-
-  100% {
-    transform: translateY(0.5rem);
-  }
 }
-
-@keyframes revDance {
-  0% {
-    transform: translateY(-0.5rem);
-  }
-
-  25% {
-    transform: translateY(0.5rem);
-  }
-
-  50% {
-    transform: translateY(-0.5rem);
-  }
-
-  75% {
-    transform: translateY(0.5rem);
-  }
-
-  100% {
+25%{
     transform: translateY(-0.5rem);
-  }
 }
-
-.cheatsheet-heading {
-  color: #2796ff;
-  text-align: center;
-  padding-top: 30px;
+50%{
+    transform: translateY(0.5rem);
 }
-
-.option-btn {
-  height: 35px;
-  width: 60px;
-  background-color: #198df9;
-  border: 2px solid #003288;
-  display: flex;
-  align-items: center;
-  color: #ffff;
-  justify-content: center;
-  border-radius: 10px;
-  letter-spacing: 1px;
+75%{
+    transform: translateY(-0.5rem);
 }
-
-.option-btn:hover {
-  background-color: #0c2e8a;
-  color: #fff;
+100%{
+    transform: translateY(0.5rem);
 }
-
-.option-container {
-  margin: 0 50px;
-  display: flex;
-  gap: 20px;
-  justify-content: center;
-  flex-wrap: wrap;
 }
 
-.option {
-  background-color: transparent;
-  width: 350px;
-  border: 2px solid var(--box-anchor);
-  padding: 20px 20px;
-  border-radius: 15px;
-  transition: transform 0.4s, box-shadow 0.5s;
+@keyframes revDance {
+  0%{
+    transform: translateY(-0.5rem);
 }
-
-.option:hover {
-  transform: scale(1.07);
-  box-shadow: 0 10px 20px rgba(0, 0, 0);
+25%{
+    transform: translateY(0.5rem);
 }
-
-.option-heading {
-  color: var(--box-anchor);
-  font-weight: 700;
-  margin-bottom: 15px;
+50%{
+    transform: translateY(-0.5rem);
 }
-
-.option-heading:hover {
-  color: #2796ff;
-  cursor: pointer;
+75%{
+    transform: translateY(0.5rem);
 }
-
-.option-description {
-  color: var(--box-anchor);
-  font-size: 14px;
-  margin-bottom: 15px;
+100%{
+    transform: translateY(-0.5rem);
 }
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 16e5ec7..52b4cdb 100644
--- a/index.html
+++ b/index.html
@@ -1,124 +1,117 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+
+    <title>CodeSetGo | Best Students Community</title>
+    <meta content="CodeSetGo is a community made for the students and made by the students. Here you get free coding resources, online webinars, doubt support and guidance from the brilliant minds across the globe. It's a place for Tech Enthusiasts to learn the latest technology in the comfort and convenience of their homes!" name="description" />
+    <!-- Long tail keywords -->
+    <meta content="best coding resources, free webinars, coding resources for beginners students community, guidance, computer science portal" name="keywords" />
+
+    <!-- Favicons -->
+    <link href="assets/img/Light Blue.jpg" rel="icon" />
+    <link href="assets/img/Light Blue.jpg" rel="apple-touch-icon" />
+
+    <!-- Google Fonts -->
+    <link
+      href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800|Montserrat:300,400,700"
+      rel="stylesheet"
+    />
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@700&display=swap" rel="stylesheet">
+
+    <!-- CSS CDNs -->
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css"
+      integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
+      crossorigin="anonymous"
+    />
+
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.8.1/font/bootstrap-icons.min.css"
+      integrity="sha512-Oy+sz5W86PK0ZIkawrG0iv7XwWhYecM3exvUtMKNJMekGFJtVAhibhRPTpmyTj8+lJCkmWfnpxKgT2OopquBHA=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/boxicons/2.1.1/css/boxicons.min.css"
+      integrity="sha512-nOk7sj5T6Zi3Ond5VHhc+L4WHvRuRhV/cOcWWDl2mOyTetiIfuv56UJzD0yYhz9Kqwk1PpU0/PX5+qpX43hVWg=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.css"
+      integrity="sha512-+S5HQ2Ix/L84uhBLMimQiJlFjqR/Unnord77MEDNpWtK99i2Tk212EPb3/ahEjgaPRBKkKtTzMHIdO2HQXT3dQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+
+    <!-- CSS  -->
+    <link href="assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="./assets/css/darkmode.css" />
+    <link href="./assets/css/enquiry-form.css" rel="stylesheet" />
+
+    <!-- Footer icons -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 
-<head>
-
-  <meta charset="utf-8" />
-  <meta content="width=device-width, initial-scale=1.0" name="viewport" />
-
-  <title>CodeSetGo | Best Students Community</title>
-
-  <!-- SEO SETTINGS (mrprayag) -->
-  <meta name="robots" content="index, follow">
-  <meta name="language" content="en">
-  <meta name="revisit-after" content="7 days">
-  <meta name="distribution" content="global">
-  <meta name="geo.region" content="india">
-  <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
-  <meta http-equiv="content-language" content="en">
-  <meta name="description"
-    content="CodeSetGo is a community made for the students and made by the students. Here you get free coding resources, online webinars, doubt support and guidance from the brilliant minds across the globe. It's a place for Tech Enthusiasts to learn the latest technology in the comfort and convenience of their homes!">
-  <meta name=" keywords"
-    content="best coding resources, free webinars, coding resources for beginners students community, guidance, computer science portal">
-  <meta
-    content="CodeSetGo is a community made for the students and made by the students. Here you get free coding resources, online webinars, doubt support and guidance from the brilliant minds across the globe. It's a place for Tech Enthusiasts to learn the latest technology in the comfort and convenience of their homes!"
-    name="description" />
-  <!-- Long tail keywords -->
-  <meta
-    content="best coding resources, free webinars, coding resources for beginners students community, guidance, computer science portal"
-    name="keywords" />
-
-  <!-- LINKS SEO (mrprayag077) -->
-  <link rel="canonical" href="https://codesetgo.netlify.app/assets/">
-  <meta name="og:description" content="CodeSetGo | Best Students Community">
-
-  <!-- SEO for social-media-links sharing (mrprayag077) -->
-  <meta name="og:title" content="CodeSetGo | Best Students Community">
-  <meta name="twitter:card" content="https://codesetgo.netlify.app/assets/img/Banner%20-%20Light.webp">
-  <meta name="twitter:site" content="@agamjotsingh18">
-  <meta name="twitter:image" content="https://codesetgo.netlify.app/assets/img/Banner%20-%20Light.webp">
-  <meta
-    content="best coding resources, free webinars, coding resources for beginners students community, guidance, computer science portal"
-    name="keywords" />
-
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <link rel="icon" type="image/webp" sizes="96x96" href="favicon.webp" />
-  <meta name="msapplication-TileColor" content="#ffffff" />
-  <meta name="msapplication-TileImage" content="/ms-icon-144x144.webp" />
-  <meta name="theme-color" content="#ffffff" />
-  
-
-  <!-- Favicons -->
-  <link href="assets/img/Light Blue.webp" rel="icon" />
-  <link href="assets/img/Light Blue.webp" rel="apple-touch-icon" />
-
-  <!-- Google Fonts -->
-  <link
-    href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800|Montserrat:300,400,700"
-    rel="stylesheet" />
-
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link
-    href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
-    rel="stylesheet">
-
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@700&display=swap" rel="stylesheet">
-
-  <!-- CSS CDNs -->
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css"
-    integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w=="
-    crossorigin="anonymous" referrerpolicy="no-referrer" />
-
-<link rel="stylesheet" href="assets/bootstrap/bootstrap.min.css">
-
-  <link rel="stylesheet"
-    href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.8.1/font/bootstrap-icons.min.css"
-    integrity="sha512-Oy+sz5W86PK0ZIkawrG0iv7XwWhYecM3exvUtMKNJMekGFJtVAhibhRPTpmyTj8+lJCkmWfnpxKgT2OopquBHA=="
-    crossorigin="anonymous" referrerpolicy="no-referrer" />
-
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/boxicons/2.1.1/css/boxicons.min.css"
-    integrity="sha512-nOk7sj5T6Zi3Ond5VHhc+L4WHvRuRhV/cOcWWDl2mOyTetiIfuv56UJzD0yYhz9Kqwk1PpU0/PX5+qpX43hVWg=="
-    crossorigin="anonymous" referrerpolicy="no-referrer" />
-
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.css"
-    integrity="sha512-+S5HQ2Ix/L84uhBLMimQiJlFjqR/Unnord77MEDNpWtK99i2Tk212EPb3/ahEjgaPRBKkKtTzMHIdO2HQXT3dQ=="
-    crossorigin="anonymous" referrerpolicy="no-referrer" />
-
-  <!-- CSS  -->
-  <link href="assets/css/style.css" rel="stylesheet" />
-  <link rel="stylesheet" href="./assets/css/darkmode.css" />
-  <link href="./assets/css/enquiry-form.css" rel="stylesheet" />
-
-  <!-- Footer icons -->
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
-    integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
-    crossorigin="anonymous" referrerpolicy="no-referrer" />
-
-  <style>
-    #preloader {
-      background: white url("assets/img/Rhombus.gif") no-repeat center center;
-      background-size: 10%;
-      height: 100vh;
-      width: 100%;
-      position: fixed;
-      z-index: 999999;
-    }
-  </style>
-
-</head>
-
-<body onload="myFunction()">
-  <div id="preloader"></div>
-  <!-- ======= Header ======= -->
-  <header id="header" class="d-flex align-items-center">
-    <div class="container d-flex align-items-center justify-content-between">
-      <div id="logo">
-        <a href="index.html"><img src="assets/img/Banner - Light.webp" alt="CodeSetGo Logo" height="50px"
-            width="270px" /></a>
+    
+  </head>
+
+  <body>
+    <!-- ======= Header ======= -->
+    <header id="header" class="d-flex align-items-center">
+      <div class="container d-flex justify-content-between">
+        <div id="logo">
+          <a href="index.html"
+            ><img
+              src="assets/img/Banner - Light.png"
+              alt="CodeSetGo Logo"
+              height="50px"
+              width="270px"
+          /></a>
+        </div>
+        <nav id="navbar" class="navbar">
+          <ul>
+            <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
+            <li><a class="nav-link scrollto" href="#about">About</a></li>
+            <li><a class="nav-link scrollto" href="#services">Services</a></li>
+            <li>
+              <a class="nav-link scrollto" href="#testimonials">Testimonials</a>
+            </li>
+            <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
+            <li>
+              <a
+                href="./hacktoberfest.html"
+                class="btn-get-started scrollto hacktoberfest-btn"
+                >Hacktoberfest</a
+              >
+            </li>
+            <li class="darkmode"></li>
+          </ul>
+
+          <i class="bi bi-list mobile-nav-toggle"></i>
+        </nav>
       </div>
       <nav id="navbar" class="navbar">
         <ul>
@@ -149,267 +142,167 @@ <h2>Make <span>Learning</span><br />Fun!</h2>
       <div>
         <a href="#about" class="btn-get-started scrollto">Know More</a>
         <a href="join-us-form.html" class="btn-projects scrollto">Join Us</a>
+
       </div>
-    </div>
-    <div class="hero-slider swiper">
-      <div class="swiper-wrapper">
-        <div class="swiper-slide" style="
+      <div class="hero-slider swiper">
+        <div class="swiper-wrapper">
+          <div
+            class="swiper-slide"
+            style="
               background-image: url('assets/img/hero-carousel/csg-bg1.jfif');
-            "></div>
-        <div class="swiper-slide" style="
+            "
+          ></div>
+          <div
+            class="swiper-slide"
+            style="
               background-image: url('assets/img/hero-carousel/csg-bg3.jfif');
-            "></div>
-        <div class="swiper-slide" style="
-              background-image: url('assets/img/hero-carousel/csg-bg6.webp');
-            "></div>
-        <div class="swiper-slide" style="
-              background-image: url('assets/img/hero-carousel/csg-bg7.webp');
-            "></div>
-      </div>
-    </div>
-  </section>
-  <!-- End Hero Section -->
-
-  <!-- ======= Call To Action Section ======= -->
-  <section id="call-to-action">
-    <div class="container" data-aos="zoom-out">
-      <div class="row">
-        <div class="col-lg-9 text-center text-lg-start">
-          <h3 id="cta-title" class="cta-title">Call For Speaker!!</h3>
-          <p class="cta-text">
-            <!--You are more than welcome to present your research or skills
-              with us. CodeSetGo invites you to serve as our speaker.-->
-            Want to present your research or skills?<br>
-            CodeSetGo is the right place for you. CodeSetGo invites you to serve as our speaker.
-          </p>
-        </div>
-        <div class="col-lg-3 cta-btn-container text-center">
-          <a class="cta-btn align-middle" href="https://forms.gle/HfDMg1Xuh7KnJPyu6">Call For Speaker</a>
+            "
+          ></div>
+          <div
+            class="swiper-slide"
+            style="
+              background-image: url('assets/img/hero-carousel/csg-bg6.jpg');
+            "
+          ></div>
+          <div
+            class="swiper-slide"
+            style="
+              background-image: url('assets/img/hero-carousel/csg-bg7.jpg');
+            "
+          ></div>
         </div>
       </div>
-    </div>
-  </section>
-  <!-- End Call To Action Section -->
+    </section>
+    <!-- End Hero Section -->
 
-  <!-- ======= Main Section ======= -->
-  <main id="main">
-    <!-- ======= About Section ======= -->
-    <section id="about">
-      <div class="container" data-aos="fade-up">
+    <!-- ======= Call To Action Section ======= -->
+    <section id="call-to-action">
+      <div class="container" data-aos="zoom-out">
         <div class="row">
-          <div class="col-lg-6 about-img">
-            <img src="assets/img/About us.webp" alt="About Us image" />
+          <div class="col-lg-9 text-center text-lg-start">
+            <h3 id="cta-title" class="cta-title">Call For Speaker!!</h3>
+            <p class="cta-text">
+              <!--You are more than welcome to present your research or skills
+              with us. CodeSetGo invites you to serve as our speaker.-->
+              Want to present your research or skills?<br>
+              CodeSetGo is the right place for you. CodeSetGo invites you to serve as our speaker. 
+            </p>
           </div>
-          <div class="col-lg-6 content">
-            <h2>About Us</h2>
-            <h3>
-              <strong>CodeSetGo</strong> is a community made for the students
-              and made by the students. It's a place for Tech Enthusiasts to
-              learn the latest technology in the comfort and convenience of
-              their homes! It's the community of learners, developers,
-              cryptographers and enthusiastic folks who are engaged toward the
-              brighter future of technology and innovations!<br />
-              The Tech interested students and professionals are all welcomed!
-              We provide the best learning experience and the latest trends of
-              the tech world at your doorsteps from the minds of highly
-              qualified industry professionals. <br />
-              We organise webinars, workshops, boot camps to further spread
-              the learning environment to aspiring students and professionals
-              around us. So JOIN US! and LEARN AND INCREASE YOUR SKILL SET AT
-              EASE!
-            </h3>
+          <div class="col-lg-3 cta-btn-container text-center">
+            <a class="cta-btn align-middle" href="https://forms.gle/HfDMg1Xuh7KnJPyu6">Call For Speaker</a>
           </div>
         </div>
       </div>
     </section>
-    <!-- End About Section -->
-
-    <!-- ======= Services Section ======= -->
-    <section id="services">
-      <div class="container" data-aos="fade-up">
-        <div class="section-header">
-          <h2>Services</h2>
-          <p>
-            We aim to provide a real world practical learning experience and
-            keep students informed about the latest trends in technology,
-            open-source and opportunities.
-          </p>
-        </div>
-        <div class="row gy-4 justify-content-center">
-          <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
-            <div class="box">
-              <div class="icon">
-                <i class="bi bi-journal-code"></i>
-                <h4 class="title">Coding Resources</h4>
-                <p>Hover to know more</p>
-              </div>
-              <div class="flip-card-back">
-                <p id="des" class="description">
-                  We provide Tutorials, articles, videos, cheatsheets and other educational materials to excel.
-                </p>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
-            <div class="box">
-              <div class="icon">
-                <i class="bi bi-megaphone"></i>
-                <h4 class="title">Online Webinars</h4>
-                <p>Hover to know more</p>
-              </div>
-              <div class="flip-card-back">
-                <p id="des" class="description">
-                  We conduct online webinars for every field in Computer Science.
-                </p>
-              </div>
+    <!-- End Call To Action Section -->
+
+    <!-- ======= Main Section ======= -->
+    <main id="main">
+      <!-- ======= About Section ======= -->
+      <section id="about">
+        <div class="container" data-aos="fade-up">
+          <div class="row">
+            <div class="col-lg-6 about-img">
+              <img src="assets/img/About us.png" alt="" />
             </div>
-          </div>
-
-          <div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
-            <div class="box">
-              <div class="icon">
-                <i class="bi bi-question-square"></i>
-                <h4 class="title">Doubt Support</h4>
-                <p>Hover to know more</p>
-              </div>
-              <div class="flip-card-back">
-                <p id="des" class="description">
-                  Clear all your doubts through LIVE discord support.
-                </p>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
-            <div class="box">
-              <div class="icon">
-                <i class="bi bi-book-half"></i>
-                <h4 class="title">Guidance</h4>
-                <p>Hover to know more</p>
-              </div>
-              <div class="flip-card-back">
-                <p id="des" class="description">
-                  Get expert guidance with career, open source and internships,
-                  jobs around the world.
-                </p>
-              </div>
+            <div class="col-lg-6 content">
+              <h2>About Us</h2>
+              <h3>
+                <strong>CodeSetGo</strong> is a community made for the students
+                and made by the students. It's a place for Tech Enthusiasts to
+                learn the latest technology in the comfort and convenience of
+                their homes! It's the community of learners, developers,
+                cryptographers and enthusiastic folks who are engaged toward the
+                brighter future of technology and innovations!<br />
+                The Tech interested students and professionals are all welcomed!
+                We provide the best learning experience and the latest trends of
+                the tech world at your doorsteps from the minds of highly
+                qualified industry professionals. <br />
+                We organise webinars, workshops, boot camps to further spread
+                the learning environment to aspiring students and professionals
+                around us. So JOIN US! and LEARN AND INCREASE YOUR SKILL SET AT
+                EASE!
+              </h3>
             </div>
           </div>
         </div>
-      </div>
-    </section>
-    <!-- End Services Section -->
-
-    <!-- ======= Testimonials Section ======= -->
-    <section id="testimonials">
-      <div class="container" data-aos="fade-up">
-        <div class="section-header">
-          <h2>Testimonials</h2>
-        </div>
-        <div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
-          <div class="swiper-wrapper">
-            <div class="swiper-slide">
-              <div class="testimonial-item">
-                <p>
-                  <img src="assets/img/quote-sign-left - light.webp" class="quote-sign-left"
-                    alt="CodeSetGo-Left quotes" />
-                  The experience of being associated with CodeSetGo since past
-                  few months has been a wonderful one. The various resources,
-                  scholarship, events and new opportunities to participate in
-                  have proven to be successful team efforts.
-                  <img src="assets/img/quote-sign-right - light.webp" class="quote-sign-right"
-                    alt="CodeSetGo-Right quotes" />
-                </p>
-                <img src="assets/img/1516365445572.jfif" class="testimonial-img" alt="CodeSetGo-Testomonial" />
-                <h3>Praveen Kumar</h3>
-                <h4>Speaker</h4>
-              </div>
-            </div>
-            <div class="swiper-slide">
-              <div class="testimonial-item">
-                <p>
-                  <img src="assets/img/quote-sign-left - light.webp" class="quote-sign-left"
-                    alt="CodeSetGo-Left quotes" />
-                  It's the perfect platform for beginners to get guidance from
-                  not only guidance but through this platform we can easily
-                  interact and talk freely about the common problem which we
-                  as a student face during this period of time.
-                  <img src="assets/img/quote-sign-right - light.webp" class="quote-sign-right"
-                    alt="CodeSetGo-Right quotes" />
-                </p>
-                <img src="assets/img/1627730807968.jfif" class="testimonial-img" alt="CodeSetGo-Testomonial" />
-                <h3>Arth Nangia</h3>
-                <h4>Member</h4>
-              </div>
-            </div>
-            <div class="swiper-slide">
-              <div class="testimonial-item">
-                <p>
-                  <img src="assets/img/quote-sign-left - light.webp" class="quote-sign-left"
-                    alt="CodeSetGo-Left quotes" />
-                  CodeSetGo is an exceptional community that provides online webinars, doubt
-                  support, and guidance
-                  from brilliant minds worldwide. It's the perfect platform for tech enthusiasts to learn the latest
-                  technology comfortably from home.
-                  <img src="assets/img/quote-sign-right - light.webp" class="quote-sign-right"
-                    alt="CodeSetGo-Right quotes" />
-                </p>
-                <img src="assets/img/ds.webp" class="testimonial-img" alt="CodeSetGo-Testomonial" />
-                <h3>Divyansh Saxena</h3>
-                <h4>Member</h4>
+      </section>
+      <!-- End About Section -->
+
+      <!-- ======= Services Section ======= -->
+      <section id="services">
+        <div class="container" data-aos="fade-up">
+          <div class="section-header">
+            <h2>Services</h2>
+            <p>
+              We aim to provide a real world practical learning experience and
+              keep students informed about the latest trends in technology,
+              open-source and opportunities.
+            </p>
+          </div>
+          <div class="row gy-4 justify-content-center">
+            <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
+              <div class="box">
+                <div class="icon">
+                  <i class="bi bi-journal-code"></i> 
+                  <h4 class="title">Coding Resources</h4>
+                  <p>click to know more</p>
+                </div>
+                <div class="flip-card-back">
+                  <p id="des" class="description">
+                    We provide Tutorials, articles, videos, cheatsheets and other educational materials to excel.
+                  </p>
+                </div>
               </div>
             </div>
-            <div class="swiper-slide">
-              <div class="testimonial-item">
-                <p>
-                  <img src="assets/img/quote-sign-left - light.webp" class="quote-sign-left"
-                    alt="CodeSetGo-Left quotes" />
-                  It's awesome. If I ask one doubt then like atleast 10 of
-                  them are ready to clear it at that moment. It doesn't matter
-                  how silly is my doubt. This gives me confidence to ask
-                  anything which I think is one of the most important and
-                  unique feature of CSG Community.
-                  <img src="assets/img/quote-sign-right - light.webp" class="quote-sign-right"
-                    alt="CodeSetGo-Right quotes" />
-                </p>
-                <img src="assets/img/1613580988884.jfif" class="testimonial-img" alt="CodeSetGo-Testomonial" />
-                <h3>Aastha Tripathi</h3>
-                <h4>Member</h4>
+  
+            <div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
+              <div class="box">
+                <div class="icon">
+                  <i class="bi bi-megaphone"></i> 
+                  <h4 class="title">Online Webinars</h4>
+                  <p>click to know more</p>
+                </div>
+                <div class="flip-card-back">
+                  <p id="des" class="description">
+                    We conduct online webinars for every field in Computer Science.
+                  </p>
+                </div>
               </div>
             </div>
-            <div class="swiper-slide">
-              <div class="testimonial-item">
-                <p>
-                  <img src="assets/img/quote-sign-left - light.webp" class="quote-sign-left"
-                    alt="CodeSetGo-Left quotes" />
-                  FIVE STARS ⭐⭐⭐⭐⭐ I have been to many bootcamps and
-                  workshops related to coding but none matches the level of
-                  professional quality mentorship I got here from the CSG
-                  Team. Thank you Code Set Go
-                  <img src="assets/img/quote-sign-right - light.webp" class="quote-sign-right"
-                    alt="CodeSetGo-Right quotes" />
-                </p>
-                <img src="assets/img/1600361001868.jfif" class="testimonial-img" alt="CodeSetGo-Testomonial" />
-                <h3>Anishaa Choudhury</h3>
-                <h4>Member</h4>
+  
+            <div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
+              <div class="box">
+                <div class="icon">
+                  <i class="bi bi-question-square"></i>
+                  <h4 class="title">Doubt Support</h4>
+                  <p>click to know more</p>
+                </div>
+                <div class="flip-card-back">
+                  <p id="des" class="description">
+                    Clear all your doubts through LIVE discord support.
+                  </p>
+                </div>
               </div>
             </div>
-            <div class="swiper-slide">
-              <div class="testimonial-item">
-                <p style="text-align: justify;">
-                  <img src="assets/img/quote-sign-left - light.webp" class="quote-sign-left" alt="CodeSetGo-Left quotes" />
-                  This thriving community offers a convenient learning environment, enabling students to stay up-to-date
-                  with the latest technology trends and develop their skills from the comfort of their homes. CodeSetGo
-                  serves as a beacon of inspiration on their coding journey.
-                  <img src="assets/img/quote-sign-right - light.webp" class="quote-sign-right" alt="CodeSetGo-Right quotes" />
-                </p>
-                <img src="assets/img/ks.webp" class="testimonial-img" alt="CodeSetGo-Testomonial" />
-                <h3>Kushagra Saxena</h3>
-                <h4>Member</h4>
+  
+            <div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
+              <div class="box">
+                <div class="icon">
+                  <i class="bi bi-book-half"></i>
+                  <h4 class="title">Guidance</h4>
+                  <p>click to know more</p>
+                </div>
+                <div class="flip-card-back">
+                  <p id="des" class="description">
+                    Get expert guidance with career, open source and internships,
+                    jobs around the world.
+                  </p>
+                </div>
               </div>
             </div>
           </div>
+
           <div class="swiper-pagination"></div>
         </div>
       </div>
@@ -510,33 +403,90 @@ <h2>Contact Us</h2>
               <a href="index.html"><img src="assets/img/Light Blue - White 2.webp" alt="CodeSetGo Blue Logo"
                   height="90px" width="260px" /></a>
             </div>
+            <div class="swiper-pagination"></div>
           </div>
-          <div class="col-md-6">
-            <div class="contact-phone">
-              <i class="bi bi-phone"></i>
-              <h3>Phone Number</h3>
-              <p><a href="tel:+919319042075">+91 9319042075</a></p>
-            </div>
+        </div>
+      </section>
+      <!-- End Testimonials Section -->
+
+      <!-- ======= Contact Section ======= -->
+            <section id="contact">
+        <div class="container" data-aos="fade-up">
+          <div class="section-header">
+            <h2>Contact Us</h2>
           </div>
-          <div class="col-md-6">
-            <div class="contact-email">
-              <i class="bi bi-envelope"></i>
-              <h3>Email</h3>
-              <p>
-                <a href="mailto:codesetgo@gmail.com">codesetgo@gmail.com</a>
-              </p>
+          <div class="row contact-info">
+            <div class="enquiry">
+              <form class="enquiry-form" id="enquiry-form">
+                <div class="title">GET IN TOUCH</div>
+                <input 
+                  type="text" 
+                  id="name" 
+                  placeholder="Your Name" 
+                  pattern='[a-zA-Z]+'
+                  required />
+                <input
+                  type="email"
+                  id="email"
+                  placeholder="Email id"
+                  pattern='[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$'
+                  required
+                />
+                <input
+                  type="tel"
+                  id="phone"
+                  placeholder="Phone no."
+                  pattern="[0-9]{10}$"
+                  required
+                />
+                <textarea
+                  id="message"
+                  row="5"
+                  placeholder="How can we help you?"
+                  required
+                ></textarea>
+                <button type="submit" onclick="sendMail()" class="hoverchanger">
+                  Send
+                </button>
+              </form>
+            </div>
+            <div class="col-md-12">
+              <div class="contact-phone">
+                <a href="index.html"
+                  ><img
+                    src="assets/img/Light Blue - White 2.png"
+                    alt="CodeSetGo Blue Logo"
+                    height="90px"
+                    width="260px"
+                /></a>
+              </div>
+            </div>
+            <div class="col-md-6">
+              <div class="contact-phone">
+                <i class="bi bi-phone"></i>
+                <h3>Phone Number</h3>
+                <p><a href="tel:+919319042075">+91 9319042075</a></p>
+              </div>
+            </div>
+            <div class="col-md-6">
+              <div class="contact-email">
+                <i class="bi bi-envelope"></i>
+                <h3>Email</h3>
+                <p>
+                  <a href="mailto:codesetgo@gmail.com">codesetgo@gmail.com</a>
+                </p>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-    </section>
-    <!-- End Contact Section -->
-
-  </main>
-  <!-- End #main -->
+      </section>
+      <!-- End Contact Section -->
+  
+    </main>
+    <!-- End #main -->
 
-  <!-- ======= Footer ======= -->
-  <!-- <footer id="footer">
+    <!-- ======= Footer ======= -->
+    <!-- <footer id="footer">
       <div class="container">
         <div class="copyright text-center">
           Made with <i class="bi bi-heart-fill" style="color: red"></i> by
@@ -544,138 +494,105 @@ <h3>Email</h3>
         </div>
       </div>
     </footer> -->
-  <!-- End Footer -->
-
-  <!-- New Footer Starts -->
-  <!-- <div class="section"><h3>Reach <span>US</span></h3> -->
-
-  <footer id="footer" class="footer-section">
-    <div class="footer-content">
-      <div class="top-footer-text">
-        <center>
-          <h1>CodeSetGo</h1>
-          <span>a community made for the students and made by the students.</span>
-        </center>
+    <!-- End Footer -->
+
+    <!-- New Footer Starts -->
+    <div class="section">
+      <h3>Reach <span>US</span></h3>
+      <div class="wrapper">
+        <a href="https://discord.gg/yWhNysUEej" class="icon facebook" target="_blank" aria-label="Join with us on Discord"
+          title="Discord (External Link)" rel="noopener noreferrer">
+          <div class="tooltip">Discord</div>
+          <span><i class="fab fa-discord"></i></span>
+        </a>
+        <a href="https://www.youtube.com/channel/UC4dJIsV1bWwCwPFHFI6sY7Q?sub_confirmation=1" class="icon twitter"
+          target="_blank" aria-label="Visit us on Youtube" title="Youtube (External Link)" rel="noopener noreferrer">
+          <div class="tooltip">YouTube</div>
+          <span><i class='fab fa-youtube'></i></span>
+        </a>
+        <a href="https://instagram.com/codesetgo/" class="icon instagram" target="_blank" aria-label="Visit us on Instagram"
+          title="Instagram (External Link)" rel="noopener noreferrer">
+          <div class="tooltip">Instagram</div>
+          <span><i class="fab fa-instagram"></i></span>
+        </a>
+        <a href="https://github.com/CodeSetGo" class="icon github" target="_blank" aria-label="Visit us on Github"
+          title="Github (External Link)" rel="noopener noreferrer">
+          <div class="tooltip">Github</div>
+          <span><i class="fab fa-github"></i></span>
+        </a>
+        <a href="https://www.linkedin.com/company/codesetgo/" class="icon linkedin" target="_blank"
+          aria-label="Visit us on Linkedin" title="Linkedin (External Link)" rel="noopener noreferrer">
+          <div class="tooltip">Linkedin</div>
+          <span><i class="fab fa-linkedin"></i></span>
+        </a>
+        <a href="https://t.me/Code_Set_Go" class="icon linkedin" target="_blank" aria-label="Join us on Telegram"
+          title="Twitter (External Link)" rel="noopener noreferrer">
+          <div class="tooltip">Telegram</div>
+          <span><i class='fab fa-telegram-plane'></i></span>
+        </a>
       </div>
-      <ul class="list-footer">
-        <li><a href="#about">About Us</a></li>
-        <li><a href="#contact">Contact</a></li>
-        <li><a href="#services">Services</a></li>
-        <li><a href="">Licenses</a></li>
-      </ul>
-    </div>
-
-    <div class="wrapper">
-      <a href="https://discord.gg/yWhNysUEej" class="icon facebook" target="_blank" aria-label="Join with us on Discord"
-        title="Discord (External Link)" rel="noopener noreferrer">
-        <div class="tooltip">Discord</div>
-        <span><i class="fab fa-discord"></i></span>
-      </a>
-      <a href="https://www.youtube.com/channel/UC4dJIsV1bWwCwPFHFI6sY7Q?sub_confirmation=1" class="icon twitter"
-        target="_blank" aria-label="Visit us on Youtube" title="Youtube (External Link)" rel="noopener noreferrer">
-        <div class="tooltip">YouTube</div>
-        <span><i class='fab fa-youtube'></i></span>
-      </a>
-      <a href="https://instagram.com/codesetgo/" class="icon instagram" target="_blank"
-        aria-label="Visit us on Instagram" title="Instagram (External Link)" rel="noopener noreferrer">
-        <div class="tooltip">Instagram</div>
-        <span><i class="fab fa-instagram"></i></span>
-      </a>
-      <a href="https://github.com/CodeSetGo" class="icon github" target="_blank" aria-label="Visit us on Github"
-        title="Github (External Link)" rel="noopener noreferrer">
-        <div class="tooltip">Github</div>
-        <span><i class="fab fa-github"></i></span>
-      </a>
-      <a href="https://www.linkedin.com/company/codesetgo/" class="icon linkedin" target="_blank"
-        aria-label="Visit us on Linkedin" title="Linkedin (External Link)" rel="noopener noreferrer">
-        <div class="tooltip">Linkedin</div>
-        <span><i class="fab fa-linkedin"></i></span>
-      </a>
-      <a href="https://t.me/Code_Set_Go" class="icon telegram" target="_blank" aria-label="Join us on Telegram"
-        title="Twitter (External Link)" rel="noopener noreferrer">
-        <div class="tooltip">Telegram</div>
-        <span><i class='fab fa-telegram-plane'></i></span>
-      </a>
-    </div>
-    <hr>
+    
+      <hr class="line">
+      <h4 class="text-center">Made with ❤️ by CodeSetGo Team</h4>
 
-    <div>
-      <div class="footer-copyright">
-        <h4>Made with ❤️ by CodeSetGo Team</h4>
-      </div>
     </div>
+    
+    <!-- New Footer Ends -->
+    <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
+        class="bi bi-arrow-up-short"></i></a>
+    
     </div>
-    <div class="alan-btn"></div>
-
-  </footer>
-
-  <!-- New Footer Ends -->
-
-  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
-      class="bi bi-arrow-up-short"></i></a>
-
-  <!-- JS CDN -->
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"
-    integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw=="
-    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-
-  <script src="assets/bootstrap/bootstrap.bundle.min.js"></script>
-
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js"
-    integrity="sha512-Zq2BOxyhvnRFXu0+WE6ojpZLOU2jdnqbrM1hmVdGzyeCa1DgM3X5Q4A/Is9xA1IkbUeDd7755dNNI/PzSf2Pew=="
-    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.js"
-    integrity="sha512-4w/aaXboO6KY1E/dqYwfq09sZnM+XDIcWvmHhfxvMQ+qwK84kxgWtNkAqbFNMLYd6EYA3nSgxTSyif/D3vlVMg=="
-    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-
-  <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
-  <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
-
-<script src="assets/js/email.min.js"></script>
-
-  <!-- JS -->
-  <script defer src="./assets/js/darkmode_logic.js"></script>
-  <script type="text/javascript"
- src="https://studio.alan.app/web/lib/alan_lib.min.js"></script>
-  <script src="assets/js/main.js"></script>
-  <script>
-
-    var loader = document.getElementById("preloader");
-
-    function myFunction() {
-      preloader.style.display = "none";
-    }
-  </script>
-
-
-
-  <!-- SEO SETTINGS -->
-  <script type="application/ld+json">
-  {
-    "@context": "https://codesetgo.netlify.app/",
-    "@type": "WebSite",
-    "name": "codesetgo",
-    "description": "CodeSetGo is a community made for the students and made by the students. Here you get free coding resources, online webinars, doubt support and guidance from the brilliant minds across the globe. It's a place for Tech Enthusiasts to learn the latest technology in the comfort and convenience of their homes!",
-    "url": "https://codesetgo.netlify.app/",
-    "image": "https://codesetgo.netlify.app/assets/img/Banner%20-%20Light.webp,
-    "author": {
-      "@type": "Person",
-      "name": "agamjotsingh18"
-    },
-    "publisher": {
-      "@type": "Organization",
-      "name": "codesetgo",
-      "logo": {
-        "@type": "ImageObject",
-        "url": "https://codesetgo.netlify.app/assets/img/Banner%20-%20Light.webp"
-      }
-    },
-    "datePublished": "2023-06-08"
-  }
-  </script>
-
-  
-</body>
-
+    
+    <!-- JS CDN -->
+    <script
+      src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"
+      integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    ></script>
+
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
+      crossorigin="anonymous"
+    ></script>
+
+    <script
+      src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js"
+      integrity="sha512-Zq2BOxyhvnRFXu0+WE6ojpZLOU2jdnqbrM1hmVdGzyeCa1DgM3X5Q4A/Is9xA1IkbUeDd7755dNNI/PzSf2Pew=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    ></script>
+
+    <script
+      src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.js"
+      integrity="sha512-4w/aaXboO6KY1E/dqYwfq09sZnM+XDIcWvmHhfxvMQ+qwK84kxgWtNkAqbFNMLYd6EYA3nSgxTSyif/D3vlVMg=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    ></script>
+
+    <script
+      type="module"
+      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
+    ></script>
+    <script
+      nomodule
+      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
+    ></script>
+
+    <script
+      type="text/javascript"
+      src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"
+    ></script>
+
+    <script
+      type="text/javascript"
+      src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"
+    ></script>
+
+    <!-- JS -->
+    <script defer src="./assets/js/darkmode_logic.js"></script>
+    <script src="assets/js/main.js"></script>
+  </body>
 </html>
+