diff --git a/foundation/www/esoc/get-started.html b/foundation/www/esoc/get-started.html
index 1024224a..d394931d 100644
--- a/foundation/www/esoc/get-started.html
+++ b/foundation/www/esoc/get-started.html
@@ -52,7 +52,8 @@
 						</ol>
 					</div>
 					<div class="text-center">
-						<a class="button button-primary-small" href="/apply-for-esoc"> Apply Now </a>
+						<div class="text-muted">{ registrations have been closed }</div>
+						<a class="button button-primary-small hidden disabled" href="/apply-for-esoc"> Apply Now </a>
 					</div>
 				</div>
 			</div>
diff --git a/foundation/www/esoc/index.css b/foundation/www/esoc/index.css
index 146f5e19..dfd00f0a 100644
--- a/foundation/www/esoc/index.css
+++ b/foundation/www/esoc/index.css
@@ -123,6 +123,13 @@
 	color: #2e3338;
 }
 
+a.disabled,
+a.disabled:hover {
+	pointer-events: none;
+	cursor: default;
+	text-decoration: none;
+}
+
 /* ------ BOOTSTRAP GRID ------ */
 .row:before,
 .row:after {
@@ -338,6 +345,10 @@ time {
 	margin-bottom: 8px;
 }
 
+li.current::after {
+	background: #7575ff !important;
+}
+
 /* Timeline Effects */
 .timeline ul li::after {
 	transition: background .5s ease-in-out;
diff --git a/foundation/www/esoc/index.html b/foundation/www/esoc/index.html
index 41e72163..40ee8024 100644
--- a/foundation/www/esoc/index.html
+++ b/foundation/www/esoc/index.html
@@ -25,32 +25,32 @@
 
 	<section class="timeline">
 		<ul>
-			<li>
+			<li class="current">
 				<div>
 					<time>April 3, 2018</time> Student Applications Open <br><br>
-					<a class="button button-primary-small" href="/apply-for-esoc">Students Apply Now</a>
+					<a class="button button-secondary-small disabled" href="/apply-for-esoc">Students Apply Now</a>
 				</div>
 			</li>
 
-			<li>
+			<li class="current">
 				<div>
 					<time>April 14, 2018</time> Student Applications Deadline
 				</div>
 			</li>
 
-			<li>
+			<li class="current">
 				<div>
 					<time>April 15 - 23, 2018</time> Application Evaluation by Mentors
 				</div>
 			</li>
 
-			<li>
+			<li class="current">
 				<div>
 					<time>April 23, 2018</time> Student Projects Announcement
 				</div>
 			</li>
 
-			<li>
+			<li class="current">
 				<div>
 					<time>April 23 - May 14, 2018</time> Know Your Community
 				</div>
@@ -145,9 +145,10 @@
 			</ul>
 		</div>
 		<div class="text-center">
-			<a class="button button-primary" href="/apply-for-esoc"> Apply Now </a>
+			<a class="button button-primary hidden disabled" href="/apply-for-esoc"> Apply Now </a>
 		</div>
 		<div class="text-center text-muted text-small">
+			{ registrations have been closed }<br>
 			{ got questions? Check out our  <a class="secondary-link bold" href="https://github.com/erpnext/foundation/wiki/ESOC-2018-FAQ" target="_blank">FAQ</a> page }<br>
 			{ for more queries drop an email at <a class="secondary-link bold" href="mailto:esoc@erpnext.org">esoc@erpnext.org</a> }
 		</div>