<div class="dashboard-wrapper">
	<div class="main-container">
		<div class="row-fluid">
		    <div class="span3">  <!-- Beginning of span-->
		      	 <div class="widget">
	                <div class="widget-header">
	                  <div class="title">
	                    <span class="fs1" aria-hidden="true" data-icon="&#xe071;"></span> Employee Contribution
	                  </div>
	                </div>
	                <div class="widget-body">
	                  <div class="current-statistics">
	                    <div class="expenses">
	                      <h3><%= @info.employee_contrib %></h3>
	                    </div>
	                  </div>
	                </div>
	              </div>
		    </div> <!-- End of span-->
			<div class="span3">  <!-- Beginning of span-->
		      	 <div class="widget">
	                <div class="widget-header">
	                  <div class="title">
	                    <span class="fs1" aria-hidden="true" data-icon="&#xe075;"></span> Employer Contribution
	                  </div>
	                </div>
	                <div class="widget-body">
	                  <div class="current-statistics">
	                    <div class="signups">
	                      <h3><%= @info.employer_contrib %></h3>
	                    </div>
	                  </div>
	                </div>
	              </div>
		    </div> <!-- End of span-->
			<div class="span3">  <!-- Beginning of span-->
		      	 <div class="widget">
	                <div class="widget-header">
	                  <div class="title">
	                    <span class="fs1" aria-hidden="true" data-icon="&#xe14a;"></span> Total Contribution
	                  </div>
	                </div>
	                <div class="widget-body">
	                  <div class="current-statistics">
	                    <div class="income">
	                      <h3><%= @info.total %></h3>
	                    </div>
	                  </div>
	                </div>
	              </div>
		    </div> <!-- End of span-->
		</div>
		<div class="row-fluid">
			 <div class="span6">  <!-- Beginning of span-->
			      	 <div class="widget">
		                <div class="widget-header">
		                  <div class="title">
		                    <span class="fs1" aria-hidden="true" data-icon="&#xe0d4;"></span> Employee Services
		                  </div>
		                </div>
		                <div class="widget-body">
		                 <p>
							Saving for retirement can be difficult. Choosing the plan that is right for you is incredibly important. MetaCorp understands this and and offers free one-on-one interaction with a savings counselor. This service is available weekly, Monday thru Wednesday. Sign up through your departments designated finance lead.
			             </p>
			 			 <hr/>
			 			 <p>
							MetaCorp is dedicated to its employees and this service is just one way of showing it!
						 </p>	
		                </div>
		              </div>
			    </div> <!-- End of span-->
		</div>
	</div>
</div>

<script type="text/javascript">

	function makeActive(){
		$('li[id="retirement"]').addClass('active');
	};
	
 $(document).ready(makeActive)

</script>