AS#125999129126033, 1 Million users hero banner on Dashboard

app/my-dashboard/my-dashboard.jade

@@ -9,6 +9,14 @@
   //-   tc-banner(theme="black", banner-name="ttl")
   .one-million
     tc-banner(theme="black", banner-name="1million")
+      .social-sharing
+        span #TC1MILLION on
+        a.twitter(href="//twitter.com/home?status=Topcoder%20has%20reached%20an%20epic%20milestone%20and%20is%20now%20over%201%20Million%20Strong!%20https%3A//www.topcoder.com/blog/1-million-members-strong/%20%23TC1MILLION")
+          img(src="//topcoder.com/wp-content/uploads/2016/05/btn-social-twitter.png")
+
+        a.facebook(href="http://www.facebook.com/sharer/sharer.php?s=100&p[url]=https://www.topcoder.com/blog/1-million-members-strong/&p[images][0]=https://www.topcoder.com/wp-content/uploads/2016/05/Blog_banner_1mil.png&p[title]=1 Million Members Strong&p[summary]=1+Million+Members+Strong%0A")
+          img(src="//topcoder.com/wp-content/uploads/2016/05/btn-social-fb.png")
+
 
   .tco
     tc-banner(theme="black", banner-name="tco16")

assets/css/my-dashboard/my-dashboard.scss

@@ -37,12 +37,32 @@
   .one-million {
     .tc-banner-placeholder {
       background: none $tc-gray-90;
+
       .image {
         img {
           width: auto;
         }
       }
 
+      .content {
+        margin-top: 0px;
+      }
+
+      .social-sharing {
+        margin-bottom: 20px;
+        span {
+          color: $white;
+          @include sofia-pro-bold;
+          margin-right: 10px;
+        }
+
+        img {
+          height: 40px;
+          padding: 0 10px 0 0px;
+          vertical-align: middle;
+        }
+      }
+
       .ctas {
         // specific css override to reduce the gap between image and ctas
         // ideally we should have separate title, image and description