Add enrollment timeline to apply, move old content to stay_in_touch

Author: tannerwelsh

_includes/apply.html

@@ -2,28 +2,38 @@
   <div class="container clearfix">
     <div class="row clearfix">
       <div class="heading-block left">
-        <h2>We're excited to meet you. <span>Let's stay in touch.</span>
-        </h2>
+        <h2>Apply to Learners Guild</h2>
       </div>
-      <div class="col_half">
-        <p class="lead">
-          Sign up for our mailing list to learn about upcoming info sessions and other events.
+
+      <h3>Enrollment Timeline</h3>
+
+      <div class="col_one_third">
+        <div class="fancy-title title-border">
+          <h4>Applications accepted</h4>
+        </div>
+        <p>
+          <i class="icon-calendar3"></i> March 14 — April 16
         </p>
-        <p class="lead">
-        <!--  When you’re ready to apply, submit your application over here.
-          <br /> -->
-          More questions? Check out our FAQ section or reach out to us on <a href="https://twitter.com/{{ site.twitter_username }}">Twitter</a>, <a href="https://www.facebook.com/{{ site.facebook_username }}/">Facebook</a>, or email <a href="mailto:{{ site.contact_email }}">{{ site.contact_email }}</a>.
+      </div>
+
+      <div class="col_one_third">
+        <div class="fancy-title title-border">
+          <h4>Enrollment game sessions</h4>
+        </div>
+        <p>
+          <i class="icon-calendar3"></i> March — June
         </p>
       </div>
-      <div class="col_half col_last">
-        <div class="panel panel-default divcenter" style="max-width: 300px;">
-            <div class="panel-heading"><h4 class="nobottommargin">Join mailing list</h4></div>
-            <div class="panel-body" style="padding: 20px;">
 
-            {% include mailchimp_signup.html %}
-          </div>
+      <div class="col_one_third col_last">
+        <div class="fancy-title title-border">
+          <h4>Cohort selection</h4>
         </div>
+        <p>
+          <i class="icon-calendar3"></i> June 6 — July 1
+        </p>
       </div>
+
     </div>
   </div>
 

_includes/stay_in_touch.html

@@ -0,0 +1,29 @@
+<section id="section-stay-in-touch" class="page-section">
+  <div class="container clearfix">
+    <div class="row clearfix">
+      <div class="heading-block left">
+        <h2>We're excited to meet you. <span>Let's stay in touch.</span>
+        </h2>
+      </div>
+      <div class="col_half">
+        <p class="lead">
+          Sign up for our mailing list to learn about upcoming info sessions and other events.
+        </p>
+        <p class="lead">
+        <!--  When you’re ready to apply, submit your application over here.
+          <br /> -->
+          More questions? Check out our FAQ section or reach out to us on <a href="https://twitter.com/{{ site.twitter_username }}">Twitter</a>, <a href="https://www.facebook.com/{{ site.facebook_username }}/">Facebook</a>, or email <a href="mailto:{{ site.contact_email }}">{{ site.contact_email }}</a>.
+        </p>
+      </div>
+      <div class="col_half col_last">
+        <div class="panel panel-default divcenter" style="max-width: 300px;">
+            <div class="panel-heading"><h4 class="nobottommargin">Join mailing list</h4></div>
+            <div class="panel-body" style="padding: 20px;">
+
+            {% include mailchimp_signup.html %}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

index.html

@@ -4,5 +4,6 @@
 
 {% include about.html %}
 {% include apply.html %}
+{% include stay_in_touch.html %}
 {% include faqs.html %}
 {% include contact.html %}