diff --git a/css/X_icon.css b/css/X_icon.css
new file mode 100644
index 00000000..79738903
--- /dev/null
+++ b/css/X_icon.css
@@ -0,0 +1,11 @@
+.X {
+    display: inline-block;
+    margin-right: 12px;
+}
+
+.X img {
+    width: 60px; 
+    height: 60px; 
+    border-radius: 50%;
+    margin-bottom: 15px;
+}
diff --git a/img/x-social-media-round-icon.png b/img/x-social-media-round-icon.png
new file mode 100644
index 00000000..40364023
Binary files /dev/null and b/img/x-social-media-round-icon.png differ
diff --git a/index.html b/index.html
index f1c09077..c6cdb193 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,3 @@
-
 <!doctype html>
 <html lang="en">
     <head>
@@ -30,6 +29,7 @@
         <link href="css/custom-blog.css" rel="stylesheet" type="text/css" media="all"/>
         <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" media="all"/>
         <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,300' rel='stylesheet' type='text/css'>
+		<link rel="stylesheet" type="text/css" href="css\X_icon.css">
     </head>
 
     <body class="no-loader">
@@ -766,7 +766,7 @@ <h1>Android Apps of FOSSASIA</h1>
 									<a href="https://play.google.com/store/apps/details?id=ai.susi">
 										<img alt="SUSI.AI"  class="img-responsive" src="img/SUSI.AI-Android.jpg" height="500">
                     <div class="text-block">
-    										<h4 class="text-white"><strong>SUSI.AI Android</strong></h4>
+    										<h4 class="text-black"><strong>SUSI.AI Android</strong></h4>
  										</div>
 									</a>
                   <div style="display: flex;flex-direction: row;justify-content: center; align-items: center;">
@@ -782,7 +782,7 @@ <h4 class="text-white"><strong>SUSI.AI Android</strong></h4>
 									<a href="https://play.google.com/store/apps/details?id=io.pslab">
 										<img alt="Pocket Science Lab" src="img/PSLab_Android.jpg" class="img-responsive" height="500">
                     <div class="text-block">
-    										<h4 class="text-white"><strong>PSLab Android</strong></h4>
+    										<h4 class="text-black"><strong>PSLab Android</strong></h4>
  										</div>
 									</a>
                   <div style="display: flex;flex-direction: row;justify-content: center; align-items: center;">
@@ -798,7 +798,7 @@ <h4 class="text-white"><strong>PSLab Android</strong></h4>
 									<a href="https://play.google.com/store/apps/details?id=org.fossasia.phimpme">
 										<img alt="Phimpme" src="img/Phimpme_Android.jpg"class="img-responsive">
                     <div class="text-block">
-    										<h4 class="text-white"><strong>Phimp.me Android</strong></h4>
+    										<h4 class="text-black"><strong>Phimp.me Android</strong></h4>
  										</div>
 									</a>
                   <div style="display: flex;flex-direction: row;justify-content: center; align-items: center;">
@@ -814,7 +814,7 @@ <h4 class="text-white"><strong>Phimp.me Android</strong></h4>
 									<a href="https://play.google.com/store/apps/details?id=org.fossasia.badgemagic">
 										<img alt="Badge Magic" src="img/Badge_Magic_Android.jpg" class="img-responsive">
                     <div class="text-block">
-    										<h4 class="text-white"><strong>Badge Magic Android</strong></h4>
+    										<h4 class="text-black"><strong>Badge Magic Android</strong></h4>
  										</div>
 									</a>
                   <div style="display: flex;flex-direction: row;justify-content: center; align-items: center;">
@@ -829,7 +829,7 @@ <h4 class="text-white"><strong>Badge Magic Android</strong></h4>
 									<a href="https://play.google.com/store/apps/details?id=com.eventyay.attendee">
 										<img alt="Eventyay Attendee" src="img/Eventyay_Attendee_App.jpg" class="img-responsive">
                     <div class="text-block">
-    										<h4 class="text-white"><strong>Eventyay Attendee App</strong></h4>
+    										<h4 class="text-black"><strong>Eventyay Attendee App</strong></h4>
  										</div>
 									</a>
                   <div style="display: flex;flex-direction: row;justify-content: center; align-items: center;">
@@ -844,7 +844,7 @@ <h4 class="text-white"><strong>Eventyay Attendee App</strong></h4>
 									<a href="https://play.google.com/store/apps/details?id=com.eventyay.organizer">
 										<img alt="Eventyay Organizer" src="img/Eventyay_Organizer_App.jpg" class="img-responsive">
 										<div class="text-block">
-    										<h4 class="text-white"><strong>Eventyay Organizer App</strong></h4>
+    										<h4 class="text-black"><strong>Eventyay Organizer App</strong></h4>
  										</div>
 									</a>
 									<div style="display: flex;flex-direction: row;justify-content: center; align-items: center;">
@@ -875,9 +875,11 @@ <h1>Connect with FOSSASIA!</h1>
 								<span class="uppercase">Meet us at our events or online.</span>
 								<a target="_self" class="btn btn-lg" href="https://events.fossasia.org">FOSSASIA Events</a><a target="_self" class="btn btn-lg" href="https://blog.fossasia.org">Blog</a>
 								<span class="uppercase">Oh, invite your friends too</span>
-								<a target="_blank" href="https://www.facebook.com/fossasia/"><i class="icon social_facebook icon-large"></i></a>
-								<a target="_blank" href="https://twitter.com/fossasia"><i class="icon social_twitter"></i></a>
-								<a target="_blank" href="https://de.linkedin.com/company/fossasia"><i class="icon social_linkedin icon-large"></i></a>
+								<a target="_blank" rel="noopener" href="https://www.facebook.com/fossasia/"><i class="icon social_facebook icon-large"></i></a>
+								<a class="X" target="_blank" rel="noopener" href="https://twitter.com/fossasia">
+									<img src="img\x-social-media-round-icon.png" alt="X">
+								</a>
+								<a target="_blank" rel="noopener" href="https://de.linkedin.com/company/fossasia"><i class="icon social_linkedin icon-large"></i></a>
 							</div>
 						</div>
 
