Added content to Support page

Author: teresahu

public/_data.json

@@ -14,5 +14,15 @@
     "title": "Contribute to Angular",
     "subtitle": "Help us build the framework of the future!",
     "autoformat": "true"
+  },
+
+  "news": {
+    "title": "News",
+    "subtitle": "Check out what we are up to"
+  },
+
+  "support": {
+    "title": "Support",
+    "subtitle": "Get help from the Angular Community"
   }
-}
+}

public/news.jade

@@ -1 +1,15 @@
-include _includes/_util-fns
+.grid-fluid.l-space-bottom-8
+  .c12.text-center
+    h3.text-headline.text-uppercase  Angular
+  .c12.text-center
+    figure
+      img(src="/resources/images/logos/standard/shield-large.svg" alt="Us" style="width:80px;")
+  .clear
+  
+.grid-fluid.l-space-bottom-8
+  .c12.text-center
+    h3.text-headline.text-uppercase  Angular GDE (Google Developer Expert)
+  .c12.text-center
+    figure
+      img(src="/resources/images/logos/standard/angular-gde-logo@2x.png" alt="Us" style="width:80px;")
+  .clear

public/resources/css/main.scss

@@ -46,6 +46,7 @@
 @import 'module/api';
 @import 'module/cheatsheet';
 @import 'module/filetree';
+@import 'module/support';
 
 
 /*

public/resources/css/module/_support.scss

@@ -0,0 +1,18 @@
+.support-content {
+  a {
+    text-decoration: none;
+    margin: 10px 0px;
+  }
+  .c8 {
+    padding-top: 30px;
+  }
+  .grid-fluid {
+    margin: 20px 0px;
+  }
+  hr {
+    border: 0;
+    color: #ECEFF1;
+    background-color: #ECEFF1;
+    height: 1.5px;
+    }
+}

public/resources/images/logos/standard/angular-gde-logo@2x.png

@@ -1 +1,36 @@
-include _includes/_util-fns
+.support-content
+  .grid-fluid
+    .c4
+      figure
+        img(src="/resources/images/support/stackoverflow-logo.png" alt="Us" style="width:240px;")
+    .c8
+      p <a href="#" target="_blank">angular2</a>
+      p <a href="#" target="_blank">angular2-forms</a>
+      p <a href="#" target="_blank">angular2-template</a>
+  
+  hr
+
+  .grid-fluid
+    .c4
+      figure
+        img(src="/resources/images/support/gitter-logo.png" alt="Us" style="width:240px;")
+    .c8
+      p Community driven <a href="#" target="_blank">real time chat</a>
+  
+  hr
+
+  .grid-fluid  
+    .c4
+      figure
+        img(src="/resources/images/support/angular-gde-logo.png" alt="Us" style="width:240px;")
+    .c8
+      p Are you looking for an Angular expert? Our experts provide various types of consulting, training, and other services. You can find our awesome GDEs on our <a href="#" target="_blank">Angular GDE page.</a>
+  
+  hr
+
+  .grid-fluid
+    .c4
+      figure
+        img(src="/resources/images/support/github-logo.png" alt="Us" style="width:240px;" )
+    .c8
+      p File Angular 2 issues at our <a href="#" target="_blank">GitHub Repository</a>