panel markup

home.php

	<section id="help" class="bg-gray">
		<div class="container">
			<h5>How you can help</h5>
			<h2 class="sub-title">Make a difference in your community and your world.</h2>
			<div class="panel large">
				<div class="span8 bg-cover" style="background: url(<?php buildon_image_path(); ?>home/help-build.jpg);"></div>
				<div class="span4 content">
	 		     	<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/content/home/icon-map.png" alt="">
			        <h4>Build a Community</h4>
			        <p>Use your creativity and passion to raise awareness of the U.S. education crisis and fundraise to help end it.</p>
			      	<a href="" class="link">Learn More <i class="fa fa-angle-right"></i></a>
		      	</div>   
		    </div>
		    <div class="span4">
		    	<div class="panel one">
			    	<img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/content/home/help-school.jpg" alt="">
			    	<div class="content">
			    		<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/content/home/icon-build.png" alt="">
			    		<h4>Build a School</h4>
			    		<p>Gather friends and family, fundraise, and go to a developing country to build a school.</p>
			    		<a href="" class="link">Learn More <i class="fa fa-angle-right"></i></a>
			    	</div>
			    </div>
		    </div>
		    <div class="span4">
		    	<div class="panel two">
			    	<img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/content/home/help-voice.jpg" alt="">
			    	<div class="content">
			    		<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/content/home/icon-voice.png" alt="">
			    		<h4>Volunteer Your Voice</h4>
			    		<p>Share our story with your social network and add your voice to the buildOn movement.</p>
			    		<a href="" class="link">Learn More <i class="fa fa-angle-right"></i></a>
			    	</div>
			    </div>
		    </div>
		    <div class="span4">
		    	<div class="panel three">
			    	<img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/content/home/help-donate.jpg" alt="">
			    	<div class="content">
			    		<img class="icon" src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/content/home/icon-donate-heart.png" alt="">
			    		<h4>Donate to Our Programs</h4>
			    		<p>Make a gift and have a personal impact on studetns in the U.S. and across the globe.</p>
							<a href="" class="link">Learn More <i class="fa fa-angle-right"></i></a>
			    	</div>
			    </div>
		    </div>
		</div><!-- .container -->
		<a href="" class="link center">Discover More Ways to Help <i class="fa fa-angle-right"></i></a>

		<div id="join">
			<div class="container">
				<hr>
				<h3><span>Join us!</span> Get updates about buildOn news, student success stories, events and more</h3>
				<?php //gravity_form( 1, false, false, false, null, false ); ?>

				<div class="gf_browser_chrome gform_wrapper" id="gform_wrapper_1">
					<form method="post" enctype="multipart/form-data" id="gform_1" action="/">
				    <div class="gform_body">
				      <ul id="gform_fields_1" class="gform_fields top_label description_above">
				      	<li id="field_1_3" class="gfield input-first-name">
				      		<div class="ginput_container">
				      			<i class="fa fa-user"></i><input name="input_3" placeholder="First name" id="input_1_3" type="text" value="" class="medium" tabindex="1">
				      		</div>
				      	</li>
				      	<li id="field_1_4" class="gfield input-last-name">
				      		<div class="ginput_container">
				      			<input name="input_4" id="input_1_4" type="text" value="" placeholder="Last name" class="medium" tabindex="2">
				      		</div>
				      	</li>
				      	<li id="field_1_2" class="gfield input-email">
				      		<div class="ginput_container">
				      			<i class="fa fa-envelope-o"></i><input name="input_2" id="input_1_2" placeholder="Email address" type="text" value="" class="medium" tabindex="3">
				      		</div>
				      	</li>
				      </ul>
				    </div>
		        <div class="gform_footer top_label"> 
		        	<i class="fa fa-angle-right"></i> 
		        	<input type="submit" id="gform_submit_button_1" class="button gform_button" value="Join the Movement" tabindex="4" onclick="if(window[&quot;gf_submitting_1&quot;]){return false;}  window[&quot;gf_submitting_1&quot;]=true; ">
		          <input type="hidden" class="gform_hidden" name="is_submit_1" value="1">
		          <input type="hidden" class="gform_hidden" name="gform_submit" value="1">
		          <input type="hidden" class="gform_hidden" name="gform_unique_id" value="">
		          <input type="hidden" class="gform_hidden" name="state_1" value="WyJbXSIsImM3YjFlZGVmOThlYTY0ZTgwMzhkMDJlYzcwMjBlMjI2Il0=">
		          <input type="hidden" class="gform_hidden" name="gform_target_page_number_1" id="gform_target_page_number_1" value="0">
		          <input type="hidden" class="gform_hidden" name="gform_source_page_number_1" id="gform_source_page_number_1" value="1">
		          <input type="hidden" name="gform_field_values" value="">
		        </div>
				  </form>
				</div>
			</div>
		</div>
	</section>