Simplify the fractions landing page. (oppia#4908)

ishucr7 · Apr 23, 2018 · 0363663 · 0363663
1 parent 8207e41
commit 0363663
Showing 1 changed file with 10 additions and 28 deletions.
diff --git a/core/templates/dev/head/pages/landing/fractions/landing_page_teacher.html b/core/templates/dev/head/pages/landing/fractions/landing_page_teacher.html
@@ -12,11 +12,10 @@ <h1 class="oppia-fractions-landing-h1">Fractions just got easier.</h1>
         <div class="container-fluid">
           <div class="row">
             <div class="col-sm-6 col-sm-push-6 oppia-fractions-landing-image-div" style="height: auto">
-              <img ng-src="<[getStaticImageUrl('/fractions_landing/student/hero_bakery_combined.png')]>" class="oppia-fractions-landing-image oppia-fractions-landing-image-desktop" alt="">
-              <img ng-src="<[getStaticImageUrl('/fractions_landing/student/hero_bakery_combined_mobile.png')]>" class="oppia-fractions-landing-image oppia-fractions-landing-image-mobile" alt="">
+              <img ng-src="<[getStaticImageUrl('/fractions_landing/student/intro_matthew.svg')]>" class="oppia-fractions-landing-image" style="width: 60%" alt="">
             </div>
             <div class="col-sm-6 col-sm-pull-6">
-              <h2 class="oppia-fractions-landing-h2">Get your students and kids started with our free interactive lessons and get the help they need to tackle the material.</h2>
+              <h2 class="oppia-fractions-landing-h2">Get your students and kids started with our <strong>free</strong>, effective math lessons.</h2>
               <button class="btn oppia-fractions-landing-get-started" ng-click="onClickGetStartedButton('teacher')">Get Started</button>
               <button class="btn oppia-fractions-landing-learn-more" ng-click="onClickLearnMoreButton()">Learn More</button>
             </div>
@@ -122,24 +121,6 @@ <h2 class="oppia-fractions-landing-h2">Get your students and kids started with o
       </div>
     </div>
 
-    <div class="oppia-fractions-landing-section text-center" style="background-color: #E8E7E3">
-      <div class="oppia-fractions-landing-section-inner">
-        <h1 class="oppia-fractions-landing-h1" style="color: #242424">Fractions don’t have to be hard</h1>
-        <div class="container-fluid">
-          <div class="row">
-            <div class="col-sm-6 col-sm-push-6 oppia-fractions-landing-image-div">
-              <img ng-src="<[getStaticImageUrl('/fractions_landing/student/intro_matthew.svg')]>" class="oppia-fractions-landing-image" style="width: 60%" alt="">
-            </div>
-            <div class="col-sm-6 col-sm-pull-6">
-              <h2 class="oppia-fractions-landing-h2" style="color: #242424">Learning about fractions can be tricky. With so much to understand, it’s easy to get confused with the concepts.
-                <br><br>That’s where we come in! Oppia makes it easy to quickly jump in and learn the fundamentals of fractions.
-              </h2>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
     <div class="oppia-fractions-landing-section text-center" style="background-color: #429488">
       <div class="oppia-fractions-landing-section-inner">
         <h1 class="oppia-fractions-landing-h1" style="color: #FFFFFF">Fun storytelling for all</h1>
@@ -149,8 +130,8 @@ <h1 class="oppia-fractions-landing-h1" style="color: #FFFFFF">Fun storytelling f
               <img ng-src="<[getStaticImageUrl('/fractions_landing/teachers/story_otter_combined.png')]>" class="oppia-fractions-landing-image" alt="">
             </div>
             <div class="col-sm-6 col-sm-pull-6">
-              <h2 class="oppia-fractions-landing-h2" style="color: #FFFFFF">Students are guided through explorations with personalized feedback and immersive storytelling.
-              <br><br>We’ll make sure they’re not confused along the way with helpful hints at every step.
+              <h2 class="oppia-fractions-landing-h2" style="color: #FFFFFF">Students are guided through lessons with personalized feedback and immersive storytelling.
+              <br><br>We’ll make sure they’re not confused along the way, with helpful hints at every step.
               </h2>
             </div>
           </div>
@@ -160,16 +141,16 @@ <h2 class="oppia-fractions-landing-h2" style="color: #FFFFFF">Students are guide
 
     <div class="oppia-fractions-landing-section text-center">
       <div class="oppia-fractions-landing-section-inner">
-        <h1 class="oppia-fractions-landing-h1" style="color: #242424; text-align: right; padding-right: 80px">Easy to follow lessons</h1>
+        <h1 class="oppia-fractions-landing-h1" style="color: #242424; text-align: right; padding-right: 80px">Easy-to-follow lessons</h1>
         <div class="container-fluid">
           <div class="row">
             <div class="col-sm-6 oppia-fractions-landing-image-div">
               <img ng-src="<[getStaticImageUrl('/fractions_landing/teachers/storytelling_teacher_combined.png')]>" class="oppia-fractions-landing-image oppia-fractions-landing-image-desktop" alt="">
               <img ng-src="<[getStaticImageUrl('/fractions_landing/student/lessons_lessons.svg')]>" class="oppia-fractions-landing-image oppia-fractions-landing-image-mobile" alt="">
             </div>
             <div class="col-sm-6">
-              <h2 class="oppia-fractions-landing-h2" style="color: #242424; text-align: right; right: 80px">With Oppia, we make it easy to go through the lessons and learn something new!
-                <br><br>Students and kids get to work through stories and apply their knowledge to real-world problems.
+              <h2 class="oppia-fractions-landing-h2" style="color: #242424; text-align: right; right: 80px">By working through lessons on Oppia, your students and kids can apply their knowledge to real-world problems.
+                <br><br>Our lessons also have audio subtitles, to support students with reading difficulties.
               </h2>
             </div>
           </div>
@@ -180,7 +161,7 @@ <h2 class="oppia-fractions-landing-h2" style="color: #242424; text-align: right;
     <div class="oppia-fractions-landing-section text-center" style="background-color: #afd2eb">
       <div class="oppia-fractions-landing-section-inner">
         <h1 class="oppia-fractions-landing-h1" style="text-align: center; padding-left: 0px; padding-bottom: 10px; margin-left: 20%; margin-right: 20%">Imagine what your students and kids could learn today</h1>
-        <h2 class="oppia-fractions-landing-h2 oppia-fractions-landing-centered-h2" style="text-align: center; width: 50%;">Fractions are important to learn, and with our lessons your students and kids can improve a lot!</h2>
+        <h2 class="oppia-fractions-landing-h2 oppia-fractions-landing-centered-h2" style="text-align: center; width: 50%;">Fractions are important to learn. With our free lessons, your students and kids can improve a lot!</h2>
         <div style="position: absolute; top: 40%">
           <div class="oppia-fractions-landing-background-icon-row">
             <img ng-src="<[getStaticSubjectImageUrl('Humor')]>" class="oppia-fractions-landing-background-icon" alt="">
@@ -350,7 +331,8 @@ <h2 class="oppia-fractions-landing-h2 oppia-fractions-landing-centered-h2" style
     .oppia-fractions-landing-image {
       position: relative;
       z-index: 20;
-      width: 80%;
+      max-width: 80%;
+      max-height: 500px;
     }
     .oppia-fractions-landing-image-mobile {
       display: none;