Merge pull request #282 from MITx/kf-multicourse-design

Added styles for help page

lms/static/sass/application.scss

@@ -26,3 +26,4 @@
 @import 'multicourse/press_release';
 @import 'multicourse/password_reset';
 @import 'multicourse/error-pages';
+@import 'multicourse/help';

lms/static/sass/multicourse/_about_pages.scss

@@ -146,7 +146,18 @@
     }
   }
 
-  .faq, .help {
+  .help {
+    section.emails {
+      border: 1px solid rgb(220,220,220);
+      @include box-sizing(border-box);
+      float: left;
+      margin-left: flex-gutter();
+      padding: 20px;
+      width: flex-grid(3);
+    }
+  }
+
+  .faq {
     @include clearfix;
 
     nav.categories {

lms/static/sass/multicourse/_help.scss

+.static-container.help {
+  section.questions {
+    float: left;
+    width: flex-grid(9);
+    margin-right: flex-gutter();
+
+    h2 {
+      border-bottom: 1px solid rgb(220,220,220);
+      margin-bottom: 40px;
+      padding-bottom: 20px;
+    }
+  }
+
+  section.emails {
+    border: 1px solid rgb(220,220,220);
+    @include box-sizing(border-box);
+    float: left;
+    padding: 20px;
+    width: flex-grid(3);
+
+    ul {
+      margin-left: 0;
+      padding-left: 0;
+      list-style: none;
+
+      li {
+        margin-bottom: 1em;
+      }
+    }
+  }
+}
+

lms/templates/static_templates/help.html

@@ -9,14 +9,14 @@
   <h1>Help</h1>
   <hr class="horizontal-divider">
 
-  <section>
-    <dl>
-      <dt>This is a faq question?</dt>
-      <dd>This is the answer for that question</dd>
-    </dl>
+  <section class="questions">
+    <article class="response">
+      <h2>What are "X Universities"?</h2>
+      <p>Harvard, MIT and UC Berkeley, as the first universities whose courses are delivered on the edX website, are "X Universities." The three institutions will work collaboratively to establish the "X University" Consortium, whose membership will expand to include additional "X Universities" as soon as possible. Each member of the consortium will offer courses on the edX platform as an "X University." The gathering of many universities’ educational content together on one site will enable learners worldwide to access the course content of any participating university from a single website, and to use a set of online educational tools shared by all participating universities. </p>
+    </article>
   </section>
 
-  <section>
+  <section class="emails">
     <h2>Help email</h2>
 
     <ul>