Highlight apply button; add stages as process

Author: tannerwelsh

_includes/apply.html

@@ -1,8 +1,38 @@
+
 <section id="section-apply" class="page-section">
+  <div class="section dark center">
+    <a href="#" class="button button-desc button-border button-rounded center"><div>Apply to Learners Guild</div></a>
+  </div>
+  
   <div class="container clearfix">
-    <div class="row clearfix">
-      <div class="heading-block left">
-        <h2>Apply to Learners Guild</h2>
+    <div class="row clearfix center topmargin-lg">
+      <div class="fancy-title title-border title-center">
+        <h3>Enrollment Stages</h3>
+      </div>
+
+      <ul class="process-steps bottommargin clearfix ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
+        <li class="ui-state-default ui-corner-top" role="tab" tabindex="0">
+          <a href="#ptab1" class="i-circled i-bordered i-alt divcenter ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">1</a>
+          <h5>Submit Application</h5>
+        </li>
+        <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1">
+          <a href="#ptab2" class="i-circled i-bordered i-alt divcenter ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2">2</a>
+          <h5>Join Enrollment Game</h5>
+        </li>
+        <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1">
+          <a href="#ptab3" class="i-circled i-bordered i-alt divcenter ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-3">3</a>
+          <h5>Choose Cohort</h5>
+        </li>
+        <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1">
+          <a href="#ptab4" class="i-circled i-bordered i-alt divcenter ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-4">4</a>
+          <h5>Join the Guild</h5>
+        </li>
+      </ul>
+    </div>
+
+    <div class="row clearfix topmargin-lg">
+      <div class="fancy-title title-border title-center">
+        <h3>Timeline</h3>
       </div>
 
       <div class="col_one_third">
@@ -40,9 +70,6 @@ <h4>(3) Cohort selection</h4>
           After reviewing applications and feedback from the enrollment game sessions, we will select the learners for our first cohort. If selected, you will be notified 1 month before the Oakland cohort start date (July 11).
         </p>
       </div>
-
     </div>
   </div>
-
-
 </section>