diff --git a/assets/css/style.css b/assets/css/style.css
index 5d429ff..3b691b0 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,64 +1,18 @@
-:root{
-  --primary-color: #1bb1dc;
-  --secondary-color:   #0a98c0;
-  --white-color: #ffffff;
-  --purple-light: #535074;
-  --purple-dark1: #413e66;
-  --white-dark: #f2f2f2;
-  --blue-dark: #8dc2fa;
-  --white-dark2: #f5f8fd;
-  --blue-color2: #065e77;
-  --white-dark3: #ebf1fa;  
-  --purple-dark2: #8a87b6; 
-  --purple-dark3: #696592;
-  --black: #000;
-  --grey: #ccc;
-  --purple-dark4: #2d2b46;
-  --grey1: #999999;
-  --grey2: #111111;
-  --purple-dark5: #ffffff;
-  
-}
-
-
-/*
-[data-theme="dark"] {
-  --primary-color: #1bb1dc;
-  --secondary-color:   #0a98c0;
-  --white-color: #000000;
-  --purple-light: #535074;
-  --purple-dark1: #413e66;
-  --white-dark: #ffffff;
-  --blue-dark: #8dc2fa;
-  --white-dark2: #ffffff;
-  --blue-color2: #065e77;
-  --white-dark3: #ebf1fa;  
-  --purple-dark2: #8a87b6; 
-  --purple-dark3: #696592;
-  --black: #ffffff;
-  --grey: #ffffff;
-  --purple-dark4: #2d2b46;
-  --grey1: #ffffff;
-  --grey2: #ffffff;
-}
-*/
-
-
 body {
-  background: var(--white-color);
+  background: #fff;
   color: #444;
   font-family: "Open Sans", sans-serif;
 }
 
 a {
-  color: var(--primary-color);
+  color: #1bb1dc;
   transition: 0.5s;
 }
 
 a:hover,
 a:active,
 a:focus {
-  color: var(--secondary-color);
+  color: #0a98c0;
   outline: none;
   text-decoration: none;
 }
@@ -84,8 +38,8 @@ h6 {
 .back-to-top {
   position: fixed;
   display: none;
-  background: var(--primary-color);
-  color: var(--white-color);
+  background: #1bb1dc;
+  color: #fff;
   width: 54px;
   height: 54px;
   text-align: center;
@@ -100,7 +54,7 @@ h6 {
 
 .back-to-top i {
   padding-top: 17px;
-  color: var(--white-color);
+  color: #fff;
 }
 
 @media (max-width: 768px) {
@@ -118,7 +72,7 @@ h6 {
   bottom: 0;
   z-index: 9999;
   overflow: hidden;
-  background: var(--white-color);
+  background: #fff;
 }
 
 #preloader:before {
@@ -126,17 +80,13 @@ h6 {
   position: fixed;
   top: calc(50% - 30px);
   left: calc(50% - 30px);
-  border: 6px solid var(--white-dark);
-  border-top: 6px solid var(--primary-color);
+  border: 6px solid #f2f2f2;
+  border-top: 6px solid #1bb1dc;
   border-radius: 50%;
   width: 60px;
   height: 60px;
   -webkit-animation: animate-preloader 1s linear infinite;
   animation: animate-preloader 1s linear infinite;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  -ms-border-radius: 50%;
-  -o-border-radius: 50%;
 }
 
 @-webkit-keyframes animate-preloader {
@@ -145,11 +95,7 @@ h6 {
   }
   100% {
     transform: rotate(360deg);
-    -webkit-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    -o-transform: rotate(360deg);
-}
+  }
 }
 
 @keyframes animate-preloader {
@@ -158,11 +104,7 @@ h6 {
   }
   100% {
     transform: rotate(360deg);
-    -webkit-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    -o-transform: rotate(360deg);
-}
+  }
 }
 
 /*--------------------------------------------------------------
@@ -185,14 +127,14 @@ h6 {
 }
 
 #topbar .social-links a {
-  color: var(--purple-light);
+  color: #535074;
   padding: 4px 12px;
   display: inline-block;
   line-height: 1px;
 }
 
 #topbar .social-links a:hover {
-  color:var(--primary-color);
+  color: #1bb1dc;
 }
 
 #topbar .social-links a:first-child {
@@ -214,17 +156,13 @@ h6 {
   right: 0;
   transition: all 0.5s;
   z-index: 997;
-  -webkit-transition: all 0.5s;
-  -moz-transition: all 0.5s;
-  -ms-transition: all 0.5s;
-  -o-transition: all 0.5s;
 }
 
 #header.header-scrolled,
 #header.header-pages {
   height: 70px;
   padding: 15px 0;
-  background-color: var(--white-color);
+  background-color: #fff;
   box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);
 }
 
@@ -259,7 +197,7 @@ h6 {
 
 #header .logo h1 a,
 #header .logo h1 a:hover {
-  color: var(--purple-dark1);
+  color: #413e66;
   text-decoration: none;
 }
 
@@ -298,7 +236,7 @@ h6 {
 .main-nav a {
   display: block;
   position: relative;
-  color: var(--purple-dark1);
+  color: #413e66;
   padding: 10px 15px;
   transition: 0.3s;
   font-size: 14px;
@@ -310,7 +248,7 @@ h6 {
 .main-nav a:hover,
 .main-nav .active > a,
 .main-nav li:hover > a {
-  color: var(--primary-color);
+  color: #1bb1dc;
   text-decoration: none;
 }
 
@@ -323,13 +261,9 @@ h6 {
   opacity: 0;
   visibility: hidden;
   padding: 10px 0;
-  background: var(--white-color);
+  background: #fff;
   box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
   transition: ease all 0.3s;
-  -webkit-transition: ease all 0.3s;
-  -moz-transition: ease all 0.3s;
-  -ms-transition: ease all 0.3s;
-  -o-transition: ease all 0.3s;
 }
 
 .main-nav .drop-down:hover > ul {
@@ -348,13 +282,13 @@ h6 {
   font-size: 14px;
   font-weight: 500;
   text-transform: none;
-  color: var(--blue-color2);
+  color: #065e77;
 }
 
 .main-nav .drop-down ul a:hover,
 .main-nav .drop-down ul .active > a,
 .main-nav .drop-down ul li:hover > a {
-  color: var(--primary-color);
+  color: #1bb1dc;
 }
 
 .main-nav .drop-down > a:after {
@@ -396,10 +330,6 @@ h6 {
   padding-top: 18px;
   background: rgba(40, 38, 70, 0.8);
   transition: 0.4s;
-  -webkit-transition: 0.4s;
-  -moz-transition: 0.4s;
-  -ms-transition: 0.4s;
-  -o-transition: 0.4s;
 }
 
 .mobile-nav * {
@@ -411,7 +341,7 @@ h6 {
 .mobile-nav a {
   display: block;
   position: relative;
-  color: var(--white-color);
+  color: #fff;
   padding: 10px 20px;
   font-weight: 500;
 }
@@ -419,7 +349,7 @@ h6 {
 .mobile-nav a:hover,
 .mobile-nav .active > a,
 .mobile-nav li:hover > a {
-  color: var(--blue-dark);
+  color: #8dc2fa;
   text-decoration: none;
 }
 
@@ -461,15 +391,11 @@ h6 {
   line-height: 1;
   cursor: pointer;
   text-align: right;
-  -webkit-transition: all 0.4s;
-  -moz-transition: all 0.4s;
-  -ms-transition: all 0.4s;
-  -o-transition: all 0.4s;
 }
 
 .mobile-nav-toggle i {
   margin: 18px 18px 0 0;
-  color: var(--blue-color2);
+  color: #065e77;
 }
 
 .mobile-nav-overly {
@@ -493,7 +419,7 @@ h6 {
 }
 
 .mobile-nav-active .mobile-nav-toggle i {
-  color: var(--white-color);
+  color: #fff;
 }
 
 /*--------------------------------------------------------------
@@ -503,7 +429,7 @@ h6 {
   width: 100%;
   height: 100vh;
   position: relative;
-  background: var(--white-dark2) url("../img/intro-bg.jpg") center top no-repeat;
+  background: #f5f8fd url("../img/intro-bg.jpg") center top no-repeat;
   background-size: cover;
 }
 
@@ -534,14 +460,14 @@ h6 {
 }
 
 #hero .intro-info h2 {
-  color: var(--purple-dark1);
+  color: #413e66;
   margin-bottom: 40px;
   font-size: 48px;
   font-weight: 700;
 }
 
 #hero .intro-info h2 span {
-  color: var(--primary-color);
+  color: #1bb1dc;
 }
 
 @media (max-width: 767px) {
@@ -562,19 +488,14 @@ h6 {
   padding: 10px 32px;
   border-radius: 4px;
   transition: 0.5s;
-  color: var(--white-color);
-  background: var(--primary-color);
-  color: var(--white-color);
-  -webkit-transition: 0.5s;
-  -moz-transition: 0.5s;
-  -ms-transition: 0.5s;
-  -o-transition: 0.5s;
+  color: #fff;
+  background: #1bb1dc;
+  color: #fff;
 }
 
 #hero .intro-info .btn-get-started:hover,
 #hero .intro-info .btn-services:hover {
-  background:   color: var(--secondary-color);
-;
+  background: #0a98c0;
 }
 
 /*--------------------------------------------------------------
@@ -584,7 +505,7 @@ h6 {
 --------------------------------*/
 .section-header h3 {
   font-size: 36px;
-  color: var(--purple-dark1);
+  color: #413e66;
   text-align: center;
   font-weight: 700;
   position: relative;
@@ -596,7 +517,7 @@ h6 {
   margin: auto;
   font-size: 15px;
   padding-bottom: 60px;
-  color: var(--purple-light);
+  color: #535074;
   width: 50%;
 }
 
@@ -609,7 +530,7 @@ h6 {
 /* Section with background
 --------------------------------*/
 .section-bg {
-  background: var(--white-dark2);
+  background: #f5f8fd;
 }
 
 /* About Us Section
@@ -623,13 +544,13 @@ h6 {
 }
 
 #about .about-content h2 {
-  color: var(--purple-dark1);
+  color: #413e66;
   font-family: "Montserrat", sans-serif;
   font-weight: 700;
 }
 
 #about .about-content h3 {
-  color: var(--purple-dark3);
+  color: #696592;
   font-weight: 400;
   font-size: 22px;
   font-style: italic;
@@ -647,7 +568,7 @@ h6 {
 #about .about-content ul li i {
   font-size: 20px;
   padding-right: 4px;
-  color: var(--primary-color);
+  color: #1bb1dc;
   float: left;
 }
 
@@ -659,7 +580,7 @@ h6 {
 
 #about .about-img img {
   width: 100%;
-  border: 8px solid var(--white-color);
+  border: 8px solid #fff;
   transition: 0.5s;
 }
 
@@ -676,7 +597,7 @@ h6 {
   height: 92%;
   z-index: -1;
   content: "";
-  background-color: var(--white-dark3);
+  background-color: #ebf1fa;
   transition: 0.5s;
 }
 
@@ -688,7 +609,7 @@ h6 {
   height: 92%;
   z-index: -1;
   content: "";
-  background-color: var(--white-dark3);
+  background-color: #ebf1fa;
   transition: 0.5s;
 }
 
@@ -704,7 +625,7 @@ h6 {
   overflow: hidden;
   border-radius: 10px;
   margin: 0 10px 40px 10px;
-  background: var(--white-color);
+  background: #fff;
   box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
   transition: all 0.3s ease-in-out;
   text-align: center;
@@ -736,11 +657,11 @@ h6 {
 }
 
 #services .title a {
-  color: var(grey2);
+  color: #111;
 }
 
 #services .box:hover .title a {
-  color: var(--primary-color);
+  color: #1bb1dc;
 }
 
 #services .description {
@@ -766,10 +687,6 @@ h6 {
   margin: 0 0 15px 0;
   padding: 0;
   transition: 0.3s ease-in-out;
-  -webkit-transition: 0.3s ease-in-out;
-  -moz-transition: 0.3s ease-in-out;
-  -ms-transition: 0.3s ease-in-out;
-  -o-transition: 0.3s ease-in-out;
 }
 
 #why-us .why-us-content .features i {
@@ -781,14 +698,14 @@ h6 {
   font-size: 24px;
   font-weight: 600;
   margin-left: 56px;
-  color: var(--purple-dark1);
+  color: #413e66;
   margin-bottom: 5px;
 }
 
 #why-us .why-us-content .features p {
   font-size: 16px;
   margin-left: 56px;
-  color: var(--purple-dark5);
+  color: #555186;
 }
 
 #why-us .counters {
@@ -808,25 +725,25 @@ h6 {
   margin: 0 0 20px 0;
   font-family: "Montserrat", sans-serif;
   font-size: 14px;
-  color: var(--purple-dark2);
+  color: #8a87b6;
 }
 
 /* Call To Action Section
 --------------------------------*/
 #call-to-action {
-  background: var(--purple-dark4);
+  background: #2d2b46;
   background-size: cover;
   padding: 40px 0;
 }
 
 #call-to-action .cta-title {
-  color: var(--white-color);
+  color: #fff;
   font-size: 28px;
   font-weight: 700;
 }
 
 #call-to-action .cta-text {
-  color: var(--white-color);
+  color: #fff;
 }
 
 @media (min-width: 991px) {
@@ -847,13 +764,13 @@ h6 {
   border-radius: 3px;
   transition: 0.5s;
   margin: 10px;
-  border: 3px solid var(--white-color);
-  color: var(--white-color);
+  border: 3px solid #fff;
+  color: #fff;
 }
 
 #call-to-action .cta-btn:hover {
-  background: var(--primary-color);
-  border: 3px solid var(--primary-color);
+  background: #1bb1dc;
+  border: 3px solid #1bb1dc;
 }
 
 /* Features Section
@@ -867,6 +784,11 @@ h6 {
   font-size: 24px;
 }
 
+.modal-dialog{
+   width: 80%;
+   margin: auto;
+}
+
 /*Timeline*/
 
 .timeline {
@@ -918,8 +840,8 @@ h6 {
   right: -15px;
   display: inline-block;
   border-top: 15px solid transparent;
-  border-left: 15px solid var(--grey);
-  border-right: 0 solid var(--grey);
+  border-left: 15px solid #ccc;
+  border-right: 0 solid #ccc;
   border-bottom: 15px solid transparent;
   content: " ";
 }
@@ -930,14 +852,14 @@ h6 {
   right: -14px;
   display: inline-block;
   border-top: 14px solid transparent;
-  border-left: 14px solid var(--white-color);
-  border-right: 0 solid var(--white-color);
+  border-left: 14px solid #fff;
+  border-right: 0 solid #fff;
   border-bottom: 14px solid transparent;
   content: " ";
 }
 
 .timeline > li > .timeline-badge {
-  color: var(--white-color);
+  color: #fff;
   width: 50px;
   height: 50px;
   line-height: 50px;
@@ -947,7 +869,7 @@ h6 {
   top: 16px;
   left: 50%;
   margin-left: -25px;
-  background-color: var(--grey1);
+  background-color: #999999;
   z-index: 100;
   border-top-right-radius: 50%;
   border-top-left-radius: 50%;
@@ -995,7 +917,7 @@ h6 {
 
 .timeline-title {
   margin-top: 0;
-  color: var(--purple-dark1);
+  color: #413e66;
 }
 
 .timeline-body > p,
@@ -1007,57 +929,6 @@ h6 {
   margin-top: 5px;
 }
 
-
-.timeline-heading{
-  transition: all 0.2s;
-  background-color: transparent;
-  border: none;
-  -webkit-transition: all 0.2s;
-  -moz-transition: all 0.2s;
-  -ms-transition: all 0.2s;
-  -o-transition: all 0.2s;
-}
-
-.timeline-heading:hover{
-  color: var(--purple-dark1);
-}
-
-.timeline-heading:focus{
-  outline: none;
-  animation: pulsate 1s infinite;
-  -webkit-animation: pulsate 1s infinite;
-}
-
-@keyframes pulsate{
-    0%{
-        transform: scale(1);
-        -webkit-transform: scale(1);
-        -moz-transform: scale(1);
-        -ms-transform: scale(1);
-        -o-transform: scale(1);
-        box-shadow: none;
-}
-
-    50%{
-        transform: scale(1.05);
-        -webkit-transform: scale(1.05);
-        -moz-transform: scale(1.05);
-        -ms-transform: scale(1.05);
-        -o-transform: scale(1.05);
-    }
-
-    100%{ 
-        transform: scale(1);
-        -webkit-transform: scale(1);
-        -moz-transform: scale(1);
-        -ms-transform: scale(1);
-        -o-transform: scale(1);
-        box-shadow: none;
-    }
-}
-
-
-
 /* Testimonials Section
 --------------------------------*/
 #testimonials {
@@ -1077,7 +948,7 @@ h6 {
 #testimonials .testimonial-item .testimonial-img {
   width: 120px;
   border-radius: 50%;
-  border: 4px solid var(--white-color);
+  border: 4px solid #fff;
   float: left;
 }
 
@@ -1092,13 +963,13 @@ h6 {
   font-size: 20px;
   font-weight: bold;
   margin: 10px 0 5px 0;
-  color: var(--grey2);
+  color: #111;
   margin-left: 140px;
 }
 
 #testimonials .testimonial-item h4 {
   font-size: 14px;
-  color: var(--grey1);
+  color: #999;
   margin: 0 0 15px 0;
   margin-left: 140px;
 }
@@ -1138,14 +1009,14 @@ h6 {
 }
 
 #testimonials .owl-dot.active {
-  background-color: var(--primary-color);
+  background-color: #1bb1dc;
 }
 
 /*Sponsors
 ------------------------*/
 #sponsors {
   padding: 40px;
-  background-color: var(--white-dark2);
+  background-color: #f5f8fd;
 }
 .section-header h4 {
   font-weight: 500;
@@ -1255,17 +1126,56 @@ img {
 }
 
 #faq #faq-list a.collapse {
-  color: var(--primary-color);
+  color: #1bb1dc;
 }
 
 #faq #faq-list a.collapsed {
-  color: var(--black);
+  color: #000;
 }
 
 #faq #faq-list a.collapsed i::before {
   content: "\f2c7" !important;
 }
 
+/* news letter */
+
+.newsletter {
+  padding: 80px 0;
+  background: #2d2b46;
+  /* background: #243c4f; */
+  
+  }
+  
+  .newsletter .content {
+  max-width: 650px;
+  margin: 0 auto;
+  text-align: center;
+  position: relative;
+  z-index: 2; }
+  .newsletter .content h2 {
+  color: #ffffff;
+  margin-bottom: 40px; }
+  .newsletter .content .form-control {
+  height: 50px;
+  border-color: #ffffff;
+  border-radius:0;
+  }
+  .newsletter .content.form-control:focus {
+  box-shadow: none;
+  border: 2px solid #2d2b46;
+  }
+  .newsletter .content .btn {
+  min-height: 50px; 
+  border-radius:0;
+  background: #2d2b46;
+  color: #fff;
+  font-weight:600;
+  border: 1px solid #fff;
+  }
+
+
+/* end news letter */
+
 /*--------------------------------------------------------------
 # Footer
 --------------------------------------------------------------*/
@@ -1273,12 +1183,12 @@ img {
   padding: 0 0 30px 0;
   font-size: 14px;
   text-align: center;
-  background: var(--white-color);
+  background: #fff;
 }
 
 #footer .footer-top {
   padding: 60px 0 30px 10px;
-  background: var(--white-dark2);
+  background: #f5f8fd;
 }
 
 #footer .footer-top .footer-info {
@@ -1291,7 +1201,7 @@ img {
   padding: 2px 0 2px 0;
   line-height: 1;
   font-family: "Montserrat", sans-serif;
-  color: var(--purple-dark1);
+  color: #413e66;
   font-weight: 400;
   letter-spacing: 3px;
   text-transform: uppercase;
@@ -1302,14 +1212,14 @@ img {
   line-height: 24px;
   margin-bottom: 0;
   font-family: "Montserrat", sans-serif;
-  color: var(--purple-light);
+  color: #535074;
 }
 
 #footer .footer-top .social-links a {
   font-size: 18px;
   display: inline-block;
-  background: var(--primary-color);
-  color: var(--white-color);
+  background: #1bb1dc;
+  color: #fff;
   line-height: 1;
   padding: 8px 0;
   margin-right: 4px;
@@ -1321,9 +1231,8 @@ img {
 }
 
 #footer .footer-top .social-links a:hover {
-  background:   color: var(--secondary-color);
-;
-  color: var(--white-color);
+  background: #0a98c0;
+  color: #fff;
 }
 
 @media (max-width: 574px) {
@@ -1335,7 +1244,7 @@ img {
 #footer .footer-top h4 {
   font-size: 14px;
   font-weight: bold;
-  color: var(--purple-dark1);
+  color: #413e66;
   text-transform: uppercase;
   position: relative;
   padding-bottom: 10px;
@@ -1354,79 +1263,15 @@ img {
 
 /* Track */
 ::-webkit-scrollbar-track {
-  background: var(--white-dark2);
+  background: #f5f8fd;
 }
 
 /* Handle */
 ::-webkit-scrollbar-thumb {
-  background: var(--purple-light);
+  background: #535074;
 }
 
 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
-  background:var(--purple-dark1);
-}
-
-
-// toggle button
-
-.theme-switch-wrapper {
- margin: ;
-}
-.theme-switch {
-  display: inline-block;
-  height: 34px;
-  position: relative;
-  width: 60px;
-  margin: 10px;
-}
-
-.theme-switch input {
-  display:none;
+  background:#413e66;
 }
-
-.slider {
-  background-color: #ccc;
-  bottom: 0;
-  cursor: pointer;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  transition: .4s;
-}
-
-.slider:before {
-  background-color: #fff;
-  bottom: 4px;
-  content: "";
-  height: 26px;
-  left: 4px;
-  position: absolute;
-  transition: .4s;
-  width: 26px;
-}
-
-input:checked + .slider {
-  background-color: var(--blue-dark);
-}
-
-input:checked + .slider:before {
-  transform: translateX(26px);
-}
-
-.slider.round {
-  border-radius: 25px;
-  -webkit-border-radius: 25px;
-  -moz-border-radius: 25px;
-  -ms-border-radius: 25px;
-  -o-border-radius: 25px;
-}
-
-.slider.round:before {
-  border-radius: 50%;
-}
-
-* {
-  box-sizing: border-box;
-}
\ No newline at end of file
diff --git a/index.html b/index.html
index 6ba050a..38ca034 100644
--- a/index.html
+++ b/index.html
@@ -53,16 +53,8 @@
 
   <!-- ======= Header ======= -->
   <header id="header">
-    
-    <div id="topbar">
-       <!-- Toggle button -->
-     <div class="theme-switch-wrapper">
-      <label class="theme-switch" for="checkbox">
-          <input type="checkbox" id="checkbox" />
-          <div class="slider round"></div>
-    </label>
-  </div>
 
+    <div id="topbar">
       <div class="container">
         <div class="social-links">
           <a href="https://twitter.com/studentcodein" class="twitter"><i class="fa fa-twitter"></i></a>
@@ -70,7 +62,6 @@
           <a href="https://github.com/StudentCode-in" class="github"><i class="fa fa-github"></i></a>
           <a href="https://t.me/scodein" class="telegram"><i class="fa fa-telegram"></i></a>
         </div>
-            
       </div>
     </div>
 
@@ -82,20 +73,16 @@ <h1 class="text-light"><a href="#intro" class="scrollto"><span>Student Code-In</
         <!-- <a href="#header" class="scrollto"><img src="assets/img/logo.png" alt="" class="img-fluid"></a> -->
       </div>
 
-
-
-
       <nav class="main-nav float-right d-none d-lg-block">
         <ul>
           <li class="active"><a href="#topbar">Home</a></li>
-          <li><a href="#about">About Us</a></li>
           <li><a href="project.html">Projects</a></li>
           <li><a href="#timeline">Timeline</a></li>
           <li><a href="#sponsors">Sponsors</a></li>
           <li><a href="team.html">Our Team</a></li>
           <li class="drop-down"><a href="">More</a>
             <ul>
-              <li><a href="webinar.html">Webinars</a></li>
+              <li><a href="event.html">Events</a></li>
               <li><a href="#faq">FAQ</a></li>
               <li><a href="#footer">Contact Us</a></li>
           </li>
@@ -194,6 +181,24 @@ <h3>REGISTRATION</h3>
 
         <div class="row">
 
+          <div class="modal fade" id="popupModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
+            aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+              <div class="modal-content">
+                <div class="modal-header">
+                  <h2 style="color:#444;" class="modal-title text-info" id="exampleModalLabel">Can't apply</h2>
+                  <button style="color: #ff0000;font-size:45px;" type="button" class="close" data-dismiss="modal"
+                    aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                  </button>
+                </div>
+                <div class="modal-body">
+                  <p style="margin:0 0 5px 0;">Registration are closed now.</p>
+                </div>
+              </div>
+            </div>
+          </div>
+
           <div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-duration="1.4s">
             <div class="box">
               <div class="icon" style="background: #fceef3;"><i class="ionicons ion-person-stalker"
@@ -203,7 +208,7 @@ <h4 class="title">PARTICIPANT APPLICATION</h4>
                 have basic GIT knowledge or are beginners or even veteran developers, We want you to feel comfortable
                 and excited to apply at Student code-in.</p>
               <a class="btn btn-primary btn-xl js-scroll-trigger" style="width:55%;margin-left:80px;margin-top:40px;"
-                href="https://bit.ly/2zd3U4h">Apply</a>
+                href="https://bit.ly/2zd3U4h" data-toggle="modal" data-target="#popupModal">Apply</a>
             </div>
           </div>
 
@@ -215,7 +220,8 @@ <h4 class="title">PROJECT SUBMISSION</h4>
               <p class="description">Open source organizations that would like to participate as a mentor organization
                 in this year’s program can apply.</p><br><br>
               <a class="btn btn-primary btn-xl js-scroll-trigger" style="width:55%;margin-left:80px;margin-top:40px;"
-                href="https://forms.office.com/Pages/ResponsePage.aspx?id=DQSIkWdsW0yxEjajBLZtrQAAAAAAAAAAAAN__ix50hBUQTJRV1gwREZYMjdUVUtMQUlYVjcyVDJTUC4u">Apply</a>
+                href="https://forms.office.com/Pages/ResponsePage.aspx?id=DQSIkWdsW0yxEjajBLZtrQAAAAAAAAAAAAN__ix50hBUQTJRV1gwREZYMjdUVUtMQUlYVjcyVDJTUC4u"
+                data-toggle="modal" data-target="#popupModal">Apply</a>
             </div>
           </div>
 
@@ -228,7 +234,8 @@ <h4 class="title">MENTOR APPLICATION</h4>
                 students grow to their full potential in the field of open source. If you want to change someone's life
                 trajectory from today. So be a mentor with us!!</p>
               <a class="btn btn-primary btn-xl js-scroll-trigger" style="width:55%;margin-left:80px;margin-top:40px;"
-                href="https://forms.office.com/Pages/ResponsePage.aspx?id=DQSIkWdsW0yxEjajBLZtrQAAAAAAAAAAAAN__ix50hBUREY4OVRINVFFNVMyUkpTSjc5MFZPN0kyRS4u">Apply</a>
+                href="https://forms.office.com/Pages/ResponsePage.aspx?id=DQSIkWdsW0yxEjajBLZtrQAAAAAAAAAAAAN__ix50hBUREY4OVRINVFFNVMyUkpTSjc5MFZPN0kyRS4u"
+                data-toggle="modal" data-target="#popupModal">Apply</a>
             </div>
           </div>
     </section>
@@ -370,7 +377,7 @@ <h2 class="mb-4" style="text-align:center; padding-top:30px;">TIMELINE</h2>
               <i class="fa fa-check"></i>
             </div>
             <div class="timeline-panel" style="border-right:10px solid #5BC0DE;">
-              <button class="timeline-heading">
+              <div class="timeline-heading">
                 <h5 class="timeline-title"> Project Announced</h5>
                 <div class="timeline-body">
                   <p>Selected projects announced on website.</p>
@@ -379,14 +386,14 @@ <h5 class="timeline-title"> Project Announced</h5>
                     12 June,2020
                   </small>
                 </div>
-              </button>
+              </div>
           </li>
           <li>
             <div class="timeline-badge primary">
               <i class="fa fa-check"></i>
             </div>
             <div class="timeline-panel" style="border-left:10px solid #008CBA;">
-              <button class="timeline-heading">
+              <div class="timeline-heading">
                 <h5 class="timeline-title">Project Submission</h5>
            <!-- </div> -->
               <div class="timeline-body">
@@ -396,7 +403,7 @@ <h5 class="timeline-title">Project Submission</h5>
                   11:59 pm 15 May,2020
                 </small>
               </div>
-            </button>
+            </div>
             </div>
           </li>
           <li class="timeline-inverted">
@@ -404,7 +411,7 @@ <h5 class="timeline-title">Project Submission</h5>
               <i class="fa fa-check"></i>
             </div>
             <div class="timeline-panel" style="border-right:10px solid #43AC6A;">
-              <button class="timeline-heading">
+              <div class="timeline-heading">
                 <h5 class="timeline-title">Participant/Mentor Registration</h5>
               <div class="timeline-body">
                 <p>Begins</p>
@@ -413,7 +420,7 @@ <h5 class="timeline-title">Participant/Mentor Registration</h5>
                   11:59 pm 20 May,2020
                 </small>
               </div>
-            </button>
+            </div>
           </div>
           </li>
           <li>
@@ -421,7 +428,7 @@ <h5 class="timeline-title">Participant/Mentor Registration</h5>
               <i class="fa fa-hand-paper-o" aria-hidden="true"></i>
             </div>
             <div class="timeline-panel" style="border-left:10px solid #F04124;">
-              <button class="timeline-heading">
+              <div class="timeline-heading">
                 <h5 class="timeline-title">Project Submission</h5>
                 <div class="timeline-body">
                   <p>Ends</p>
@@ -430,14 +437,14 @@ <h5 class="timeline-title">Project Submission</h5>
                     11:59 pm 31 May,2020
                   </small>
                 </div>
-              </button>
+              </div>
           </li>
           <li class="timeline-inverted">
             <div class="timeline-badge warning">
               <i class="fa fa-hand-paper-o" aria-hidden="true"></i>
             </div>
             <div class="timeline-panel" style="border-right:10px solid #E99002;">
-              <button class="timeline-heading">
+              <div class="timeline-heading">
                 <h5 class="timeline-title">Participant/Mentor Registration</h5>
                 <div class="timeline-body">
                   <p>Ends</p>
@@ -446,13 +453,13 @@ <h5 class="timeline-title">Participant/Mentor Registration</h5>
                     11:59 pm 9 June,2020
                   </small>
                 </div>
-              </button>
+              </div>
           </li>
           <li>
             <div class="timeline-badge info">
               <i class="fa fa-file-pdf-o"></i></div>
             <div class="timeline-panel" style="border-left:10px solid #5BC0DE;">
-              <button class="timeline-heading">
+              <div class="timeline-heading">
                 <h5 class="timeline-title"> Project Announced</h5>
                 <div class="timeline-body">
                   <p>Selected projects announced on website.</p>
@@ -461,13 +468,13 @@ <h5 class="timeline-title"> Project Announced</h5>
                     12 June,2020
                   </small>
                 </div>
-              </button>
+              </div>
           </li>
           <li class="timeline-inverted">
             <div class="timeline-badge primary">
               <i class="fa fa-thumbs-o-up"></i></div>
             <div class="timeline-panel" style="border-right:10px solid #008CBA;">
-              <button class="timeline-heading">
+              <div class="timeline-heading">
                 <h5 class="timeline-title">Acceptance Mails</h5>
                 <div class="timeline-body">
                   <p>Sent to the selected participants and mentors</p>
@@ -476,13 +483,13 @@ <h5 class="timeline-title">Acceptance Mails</h5>
                     Till 14 June,2020
                   </small>
                 </div>
-              </button>
+              </div>
           </li>
           <li>
             <div class="timeline-badge warning">
               <i class="fa fa-users" aria-hidden="true"></i></div>
             <div class="timeline-panel" style="border-left:10px solid #E99002;">
-              <button class="timeline-heading">
+              <div class="timeline-heading">
                 <h5 class="timeline-title">Community Bonding</h5>
                 <div class="timeline-body">
                   <p>Period</p>
@@ -491,13 +498,13 @@ <h5 class="timeline-title">Community Bonding</h5>
                     14 - 17 June,2020
                   </small>
                 </div>
-              </button>
+              </div>
           </li>
           <li class="timeline-inverted">
             <div class="timeline-badge info">
               <i class="fa fa-hourglass-start" aria-hidden="true"></i></div>
             <div class="timeline-panel" style="border-right:10px solid #5BC0DE;">
-              <button class="timeline-heading">
+              <div class="timeline-heading">
                 <h5 class="timeline-title">SCI</h5>
                 <div class="timeline-body">
                   <p>Begins</p>
@@ -506,13 +513,13 @@ <h5 class="timeline-title">SCI</h5>
                     18 June,2020
                   </small>
                 </div>
-              </button>
+              </div>
           </li>
           <li>
             <div class="timeline-badge success">
               <i class="fa fa-hourglass-end" aria-hidden="true"></i></div>
             <div class="timeline-panel" style="border-left:10px solid #43AC6A;">
-              <button class="timeline-heading">
+              <div class="timeline-heading">
                 <h5 class="timeline-title">SCI</h5>
                 <div class="timeline-body">
                   <p>Ends</p>
@@ -521,13 +528,13 @@ <h5 class="timeline-title">SCI</h5>
                     18 August,2020
                   </small>
                 </div>
-              </button>
+              </div>
           </li>
           <li class="timeline-inverted">
             <div class="timeline-badge danger">
               <i class="fa fa-trophy" aria-hidden="true"></i></div>
             <div class="timeline-panel" style="border-right:10px solid #F04124;">
-              <button class="timeline-heading">
+              <div class="timeline-heading">
                 <h5 class="timeline-title">Results Out</h5>
                 <div class="timeline-body">
                   <p>Declartion of results</p>
@@ -536,85 +543,12 @@ <h5 class="timeline-title">Results Out</h5>
                     1 September,2020
                   </small>
                 </div>
-              </button>
+              </div>
             </div>
           </li>
         </ul>
       </div>
       </div>
-      <!-- <ul class="timeline">
-          <li>
-            <div class="timeline-badge primary">
-              <i class="fa fa-check"></i>
-            </div>
-            <div class="timeline-panel" style="border-left:10px solid #008CBA;">
-              <div class="timeline-heading">
-                <h5 class="timeline-title">Project Submission</h5>
-              </div>
-              <div class="timeline-body">
-                <p>Begins</p>
-                <small class="text-muted">
-                  <i class="fa fa-clock-o"></i>
-                  11:59 pm 15 May,2020
-                </small>
-              </div>
-            </div>
-          </li>
-          <li class="timeline-inverted">
-            <div class="timeline-badge success">
-              <i class="fa fa-check"></i>
-            </div>
-            <div class="timeline-panel" style="border-right:10px solid #43AC6A; word-wrap:break-word;">
-              <div class="timeline-heading">
-                <h5 class="timeline-title">Participant/Mentor Registration</h5>
-              </div>
-              <div class="timeline-body">
-                <p>Begins</p>
-                <small class="text-muted">
-                  <i class="fa fa-clock-o"></i>
-                  11:59 pm 20 May,2020
-                </small>
-              </div>
-            </div>
-          </li>
-          <li>
-            <div class="timeline-badge danger">
-              <i class="fa fa-hand-paper-o" aria-hidden="true"></i>
-            </div>
-            <div class="timeline-panel" style="border-left:10px solid #F04124; ">
-              <div class="timeline-heading">
-                <h5 class="timeline-title">Project Submission</h5>
-                <div class="timeline-body">
-                  <p>Ends</p>
-                  <small class="text-muted">
-                    <i class="fa fa-clock-o"></i>
-                    11:59 pm 31 May,2020
-                  </small>
-                </div>
-              </div>
-          </li>
-          <li class="timeline-inverted">
-            <div class="timeline-badge warning">
-              <i class="fa fa-hand-paper-o" aria-hidden="true"></i>
-            </div>
-            <div class="timeline-panel" style="border-right:10px solid #E99002; word-wrap:break-word;">
-              <div class="timeline-heading">
-                <h5 class="timeline-title">Participant/Mentor Registration</h5>
-                <div class="timeline-body">
-                  <p>Ends</p>
-                  <small class="text-muted">
-                    <i class="fa fa-clock-o"></i>
-                    11:59 pm 9 June,2020
-                  </small>
-                </div>
-              </div>
-          </li>
-          <li>
-            <div class="timeline-badge info">
-              <i class="fa fa-file-pdf-o"></i></div>
-
-          </li>
-        </ul> -->
       </div>
     </section>
 
@@ -672,12 +606,12 @@ <h3>Our Sponsors</h3>
             <h4>Community Partner</h4>
             <div class="sponsors">
               <a href="https://commudle.com/">
-                <img class="sponsor-img" src="https://commudle.com/assets/images/commudle-logo192.png"></a>
+                <img class="sponsor-img" src="https://commudle.com/assets/images/commudle-logo192.png" alt="Commudle"></a>
               <a href="https://twitter.com/gdg_nd?lang=en">
-                <img src="https://secure.meetupstatic.com/photos/event/c/6/2/8/600_460370728.jpeg"></a>
+                <img src="https://secure.meetupstatic.com/photos/event/c/6/2/8/600_460370728.jpeg" alt="GDG New Delhi"></a>
               <a href="https://dockship.io/">
                 <img class="sponsor-img"
-                  src="https://gblobscdn.gitbook.com/spaces%2F-LqZ6CHwBrp1meuf2IH1%2Favatar.png?alt=media">
+                  src="https://gblobscdn.gitbook.com/spaces%2F-LqZ6CHwBrp1meuf2IH1%2Favatar.png?alt=media" alt="Dockship">
               </a>
             </div>
           </div>
@@ -686,21 +620,21 @@ <h4>Learning Partner</h4>
             <div class="sponsors">
               <a href="https://codingblocks.com/">
                 <img class="sponsor-img"
-                  src="https://marketing-image-production.s3.amazonaws.com/uploads/0ba295b66f676a965ba15303344f9e553b9e5f54381820d3752eee997e0c5d97cec5dbd68de0edd07b62c69b5d6b11ed15dd4655fef05607afd6a9deab3e1cc1.png"></a>
+                  src="https://marketing-image-production.s3.amazonaws.com/uploads/0ba295b66f676a965ba15303344f9e553b9e5f54381820d3752eee997e0c5d97cec5dbd68de0edd07b62c69b5d6b11ed15dd4655fef05607afd6a9deab3e1cc1.png" alt="Coding Blocks"></a>
             </div>
           </div>
           <div class="sponsor-block">
             <h4>Patrons</h4>
             <div class="sponsors">
               <a href="https://cloudsploit.com/">
-                <img class="sponsor-img" src="https://cloudsploit.com/images/logos/cloudsploit_by_aqua_A02.png"></a>
+                <img class="sponsor-img" src="https://cloudsploit.com/images/logos/cloudsploit_by_aqua_A02.png" alt="CloudSploit"></a>
               <a href="https://www.voiceflow.com/">
                 <img class="sponsor-img"
-                  src="https://uploads-ssl.webflow.com/5bddf05642686caf6d17eb58/5cf52c37420081eec94ed662_VF_Logo_Black.png"></a>
+                  src="https://uploads-ssl.webflow.com/5bddf05642686caf6d17eb58/5cf52c37420081eec94ed662_VF_Logo_Black.png" alt="Vocieflow"></a>
               <a href="https://balsamiq.com/">
-                <img src="https://balsamiq.com/assets/company/brandassets/balsamiq-logo-screen.png"></a>
+                <img src="https://balsamiq.com/assets/company/brandassets/balsamiq-logo-screen.png" alt="Balsamiq"></a>
               <a href="https://givemycertificate.com/">
-                <img class="sponsor-img" src="https://givemycertificate.com/images/gmc_logo.png"></a>
+                <img class="sponsor-img" src="https://givemycertificate.com/images/gmc_logo.png" alt="Give my Certificate"></a>
             </div>
           </div>
         </div>
@@ -877,6 +811,30 @@ <h3>Frequently Asked Questions</h3>
 
   </main><!-- End #main -->
 
+  <!-- News Letter section -->
+
+  <section class="newsletter">
+    <div class="container">
+      <div class="row">
+        <div class="col-sm-12">
+          <div class="content">
+            <h2>SUBSCRIBE TO OUR NEWSLETTER</h2>
+            <div class="input-group">
+              <input type="email" class="form-control" id="email" placeholder="Enter your email">
+              <span class="input-group-btn">
+                <button class="btn subscribe" type="submit" >Subscribe Now</button>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- end news letter section -->
+
+
+
   <!-- ======= Footer ======= -->
   <footer id="footer" class="section-bg">
 
@@ -926,6 +884,10 @@ <h4>Contact Us</h4>
   <!-- Template Main JS File -->
   <script src="assets/js/main.js"></script>
 
+  <!-- news letter js -->
+  <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+
 </body>
 
 </html>