Blockchain: Footer is further updated

Author: birdofpreyru

src/shared/components/tc-communities/Footer2/index.jsx

@@ -14,6 +14,37 @@ export default function Footer2() {
       <div styleName="content">
         <TopcoderLogoGray />
         <span styleName="copyright">&copy; Topcoder, 2017</span>
+        <div styleName="right">
+          <a
+            href="https://www.topcoder.com/about-topcoder/"
+            rel="noopener noreferrer"
+            target="_blank"
+          >About</a>
+          &bull;
+          <a
+            href="https://help.topcoder.com/hc/en-us/articles/219069687-Contact-Support"
+            rel="noopener noreferrer"
+            target="_blank"
+          >Contact</a>
+          &bull;
+          <a
+            href="https://help.topcoder.com/hc/en-us"
+            rel="noopener noreferrer"
+            target="_blank"
+          >Help</a>
+          &bull;
+          <a
+            href="https://www.topcoder.com/community/how-it-works/privacy-policy/"
+            rel="noopener noreferrer"
+            target="_blank"
+          >Privacy</a>
+          &bull;
+          <a
+            href="https://www.topcoder.com/community/how-it-works/terms/"
+            rel="noopener noreferrer"
+            target="_blank"
+          >Terms</a>
+        </div>
       </div>
     </div>
   );

src/shared/components/tc-communities/Footer2/style.scss

@@ -1,17 +1,36 @@
+@mixin font {
+  color: #787d81;
+  display: inline-block;
+  font: 12px 'Open Sans';
+  line-height: 36px;
+  vertical-align: top;
+}
+
 .content {
-  text-align: center;
+  margin: auto;
+  max-width: 960px;
 }
 
 .copyright {
-  bottom: 6px;
-  color: #787d81;
-  display: inline-block;
-  font: 12px 'Open Sans';
-  left: 24px;
-  position: relative;
+  @include font;
+
+  margin-left: 24px;
 }
 
 .footer {
   background: #fafafb;
   padding: 24px 24px 18px;
+
+  a {
+    @include font;
+
+    margin: 0 6px;
+    text-decoration: underline;
+  }
+}
+
+.right {
+  @include font;
+
+  float: right;
 }