changes about page layout to longform blog style layout to accomodate large amounts of copy

lms/static/sass/_about_pages.scss

@@ -37,33 +37,67 @@
       margin-bottom: 80px;
     }
 
-    h2.mission-quote {
-      font-style: italic;
-      margin: 0 auto 120px;;
-      text-align: center;
-      text-transform: none;
-      width: flex-grid(10);
+    .our-mission {
+      border-bottom: 1px solid rgb(220,220,220);
+      @include clearfix;
+      margin: 0 auto 100px;
+      padding-bottom: 40px;
+
+      .logo {
+        border-right: 1px solid rgb(200,200,200);
+        @include box-sizing(border-box);
+        float: left;
+        height: 115px;
+        margin-right: flex-gutter();
+        text-align: center;
+        width: flex-grid(3);
+
+        > img {
+          @include inline-block;
+          margin-top: 26px;
+          max-height: 60px;
+        }
+      }
+
+      h2.mission-quote {
+        @include box-sizing(border-box);
+        float: right;
+        font-style: italic;
+        line-height: 1.4;
+        margin: 0px;
+        padding: 5px 0px 5px 20px;
+        text-transform: none;
+        width: flex-grid(9);
+      }
     }
 
     .message {
+      border-bottom: 1px solid rgb(220,220,220);
       @include clearfix;
-      margin-bottom: 60px;
-      padding-bottom: 60px;
+      margin-bottom: 80px;
+      padding-bottom: 80px;
       position: relative;
 
       hr {
         bottom: 0px;
+        display: none;
         margin: 0px;
         position: absolute;
         width: 100%;
       }
 
+      h2 {
+        border-bottom: 1px solid rgb(200,200,200);
+        padding-bottom: 15px;
+      }
+
       .photo {
         @include box-sizing(border-box);
         background: rgb(255,255,255);
         border: 1px solid rgb(210,210,210);
+        margin-top: 37px;
         padding: 1px;
-        width: flex-grid(4);
+        width: flex-grid(3);
 
         img {
           background: rgb(245,245,245);
@@ -74,8 +108,10 @@
       }
 
       > article {
+        @include box-sizing(border-box);
         float: left;
-        width: flex-grid(8);
+        padding-left: 20px;
+        width: flex-grid(9);
       }
 
       &.left {

lms/templates/static_templates/about.html

@@ -12,7 +12,12 @@
   </nav>
 
   <section class="vision">
-    <h2 class="mission-quote">“The mission of edX is to enhance human fulfillment worldwide through online learning, transforming education in quality, efficiency and scale through technology and research, for the benefit of campus-based students and the worldwide community of online learners.”</h2>
+    <div class="our-mission">
+      <div class="logo">
+        <img src="${static.url('images/edx-logo-large-bw.png')}">
+      </div>
+      <h2 class="mission-quote">“The mission of edX is to enhance human fulfillment worldwide through online learning, transforming education in quality, efficiency and scale through technology and research, for the benefit of campus-based students and the worldwide community of online learners.”</h2>
+    </div>
 
     <section class="message left">
       <div class="photo">
@@ -28,7 +33,7 @@
       <hr class="fade-right-hr-divider">
     </section>
 
-    <section class="message right">
+    <section class="message left">
       <div class="photo">
         <img src="${static.url('images/about-harvard.jpg')}">
       </div>

lms/templates/static_templates/faq.html

@@ -77,7 +77,7 @@
 
         <article class="response">
           <h3>Who is the learner? Domestic or international? Age range?</h3>
-          <p>Improving teaching and learning for students on our campuses is one of our primary goals. Beyond that, we don’t have a target group of potential learners, as the goal is to make these courses available to anyone in the world – from any demographic – who has interest in advancing their own knowledge. The only requirement is to have a computer with an internet connection. Add stats from first course – how many countries… age range.</p>
+          <p>Improving teaching and learning for students on our campuses is one of our primary goals. Beyond that, we don’t have a target group of potential learners, as the goal is to make these courses available to anyone in the world – from any demographic – who has interest in advancing their own knowledge. The only requirement is to have a computer with an internet connection. More than 150,000 students from over 160 countries registered for edX's first course, 6.002x: Circuits and Electronics. The age range of students certified in this course was from 14 to 74 years.</p>
         </article>
 
         <article class="response">