{layout="Home/_main_wrap"}


{if segment_3 != ""}
    {redirect='404'}
{/if}

<section>
	<div class="container margin-top-80">
    <div class="row justify-content-center">
  		<div class="col-12 text-center col-lg-10">
          <img class="medium-icon text-center padding-top-20" src="../imgs/volunteer-large.svg" alt="map icon"/>
		  <h2 class="text-center large-headline">Volunteer</h2>
	</div>
</section>
	<section>

		<div class="container">
		 <div class="row">
			<div class="col-lg-8 col-sm-10 col-xs-8 mx-auto">

			{if segment_2 == "thank-you"}

			<h2>Thanks for your submission. We will get back to you shortly.</h2>

			{/if}


			{exp:channel:entries channel="single_pages" disable="categories|member_data|category_fields|pagination" limit="1" dynamic="no" entry_id="117"}

			{tp_fluid_field}

			{description}

		    {if cta_buttons}
		    {cta_buttons}
		    <div class="mx-auto">
		    <a href="{cta_buttons:button_url}" target="_blank" class="btn btn-xl margin-bottom-20 js-scroll-trigger uppercase">{cta_buttons:button_label}</a>
		    </div>
		    {/cta_buttons}
		    {/if}

			{/exp:channel:entries}


			</div><!--end col -->
		</div><!-- end row -->
	</div><!-- end container -->

</section>


{exp:channel:entries channel="single_pages" disable="categories|member_data|category_fields|pagination" limit="1" dynamic="no" entry_id="117"}
<img src="../imgs/green.svg" alt="background"/>
<section class="partners padding-top-30">
	<h2 class="text-center">Sponsors</h2>
		<div class="event-border-white padding-top-20"></div>
	<div class="row padding-top-50 container mx-auto">

		{sponsors}
		<div class="col-lg-3 col-xs-2 mx-auto sponsors-box">
			{if sponsors:website_url}<a href="{sponsors:website_url}" target="_blank">{/if}<img class="mx-auto width-100" src="{sponsors:sponsor_logo}{img:url:resize width="700" height="700" crop="true"}{/sponsors:sponsor_logo}" alt="{sponsors:title}"/>{if sponsors:website_url}</a>{/if}
		</div>
		{/sponsors}
	</div>
</section>
{/exp:channel:entries}