Short-Term Volunteer Page P1

Developer
Vanessa Vevoda
Size
16,236 Kb
Views
30,360
  1. Short-Term Volunteer Page P1 Previews
  2. Short-Term Volunteer Page P1 HTML Codes
  3. Short-Term Volunteer Page P1 CSS Codes

How do I make an short-term volunteer page p1?

What is a short-term volunteer page p1? How do you make a short-term volunteer page p1? This script and codes were developed by Vanessa Vevoda on 12 September 2022, Monday.

Short-Term Volunteer Page P1 Previews
IQ Test

Short-Term Volunteer Page P1 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Short-Term Volunteer Page P1</title> <link rel='stylesheet' id='sp-style-css' href='https://staging.samaritanspurse.org/wp-content/themes/samaritans-purse/style.css?ver=1467130169' type='text/css' media='all' />
<link rel='stylesheet' id='occ-bootstrap-mod-css' href='https://staging.samaritanspurse.org/wp-content/themes/samaritans-purse/lib/css/bootstrap.occ.css?ver=1466713137' type='text/css' media='all' />
<link rel='stylesheet' id='occ-bootstrap-css' href='https://staging.samaritanspurse.org/wp-content/themes/samaritans-purse/lib/css/bootstrap.css?ver=1466713137' type='text/css' media='all' /> <link rel="stylesheet" href="css/style.css">
</head>
<body> <main class="safari_only_main short-term-vol" title="Volunteer Page Build">	<header class="hero-image" alt="hero image for volunteer page">	<h4>Volunteer</h4>	<h1>at a Processing Center</h1>	</header>	<article class=" safari_only_article_header">	<section class="col-2">	<header>	</header>	</section>	<section class="col-1 safari_only_header_intro">	<p>Millions of shoeboxes are collected during National Collection Week. Before these special gifts can bring hope and joy to children around the world, each one has to be carefully inspected and made ready for overseas shipment by volunteers like you. You can help prepare shoeboxes for delivery by volunteering at one of our eight processing centers across the United States.</p>	<p>Volunteer registration for the processing centers opens in August. If you haven't already done so, take a minute now to create a profile on our volunteer page so you can complete the process quickly when registration opens for your area.</p>	</section>	<section class="offset-btn safari_only_header_btn">	<a data-gtm-category="OCC Short-term PC Volunteer Profile" data-gtm-event="req info - top" onclick="ga('send', 'event', 'OCC Short-term PC Volunteer Profile', 'req info','top');return true;" href="http://www.occvolunteersignup.com/">	<button class="button-offset-color">Create Profile</button>	</a>	</section>	<!--<section class="button-secondary offset-btn">	<a data-gtm-category="OCC Year-Round Volunteer" data-gtm-event="view roles - top" onclick="ga('send', 'event', 'OCC Year-Round Volunteer', 'view roles','top');return true;" href="#roles">	<button class="button-offset">View Roles</button>	</a>	<a data-gtm-category="OCC Year-Round Volunteer" data-gtm-event="view volunteers - top" onclick="ga('send', 'event', 'OCC Year-Round Volunteer', 'view volunteers','top');return true;" href="#volunteers">	<button class="button-offset">Meet Volunteers</button>	</a>	</section>-->	</article>	<article class="safari_only_article_1" title="Processing Center Location & Date information">	<section class="col-1" title="Positions Title">	<header>	<h3>Processing Center Dates & Locations</h3>	<p>Address information will be released when available.</p>	</header>	<div class="pc-centers">	<section class="inner-col-2 date-table safari_only_pc_grid">	<div class="col-3">Monday, Sept. 12</div>	<div class="col-2">Baltimore/Washington and Dallas/Fort Worth</div>	</section>	<section class="inner-col-2 date-table safari_only_pc_grid">	<div class="col-3">Tuesday, Sept. 13</div>	<div class="col-2">Boone (NC) and Denver</div>	</section>	<section class="inner-col-2 date-table safari_only_pc_grid">	<div class="col-3">Wednesday, Sept. 14</div>	<div class="col-2">Atlanta and Minneapolis</div>	</section>	<section class="inner-col-2 date-table safari_only_pc_grid">	<div class="col-3">Thursday, Sept. 15</div>	<div class="col-2">Charlotte and Southern California</div>	</section>	</div>	</section>	</article>	<article>
<hr>	<!-- QUOTE BEGIN -->	<aside class="col safari_only_qt_container">	<blockquote class="volunteer-qt top safari_only_qt">	<p class="short">&ldquo;Operation Christmas Child has brought such joy to me. I feel honored to check [the boxes] and think of who they are going to and how it will change their lives.&rdquo;</p>	<footer>Carol N.</footer>	</blockquote>	</aside>	<!-- QUOTE END -->
<hr>	</article>
<article class="safari_only_article_1" title="Frequently Asked Questions">	<section class="col-1 safari_only_article_1_header">	<p>We have opportunities at the processing centers for volunteer groups of all sizes. You can volunteer as an individual or with family and friends.</p>	<ul class="list-role-descs icon">	<li class="inner-col--sq-container role-container col">	<figure><svg id="individual" data-name="individual" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.85 31.46"><defs><style>.cls-6{fill:#b0d237;}</style></defs><path class="cls-6" d="M131.68,205.31c-0.21-4.26-.72-13.79-1.09-15.26-0.47-1.9-1.69-4.75-3.36-6.15s-4.48-1.45-5.4-1.37a5.82,5.82,0,0,0-2.72,1.17,2.32,2.32,0,0,0-2.77.77c-1.26,1.5-3.15,5.38-3.33,14-0.06,2.68-.12,4.74-0.18,6.32a5.35,5.35,0,0,0-3.06,3.06,13.78,13.78,0,0,0-.12,6.11h24.27a13.78,13.78,0,0,0-.12-6.11A4.69,4.69,0,0,0,131.68,205.31Zm-4.13-12.54a1.05,1.05,0,0,1,.29,1.23c-0.16.43-.27,0.84-0.36,1.16a4.71,4.71,0,0,1-.18.58l0,0a2.23,2.23,0,0,1-.25.44A16.75,16.75,0,0,0,127.55,192.76Zm-10.81-1a4.07,4.07,0,0,1,.11-0.74l0.14-.39a30.32,30.32,0,0,0,1.09-3.27,12.23,12.23,0,0,0,4.48,3.11c2.64,1.17,3.93,1.77,4.64,2.16-0.05,1.57-.44,4.46-1.59,5.85-1.63,2-2.53,2.9-3.53,3.18a1.15,1.15,0,0,1-.57,0c-0.91-.25-1.52-1-2.86-2.62l-0.42-.51C116.64,196.63,116.72,192.26,116.74,191.77Zm-0.36,1a17.48,17.48,0,0,0,.35,3.17l-0.08-.16,0,0a4.71,4.71,0,0,1-.18-0.58c-0.09-.33-0.2-0.73-0.36-1.16A1,1,0,0,1,116.38,192.77Zm5.46,14.13c-3.48,0-7-2.06-7-2.54l0.91-.31c0.53-.17,1-0.34,1.42-0.5,1.43-.59,1.81-2.33,1.92-3.36a4.75,4.75,0,0,0,2.29,1.83,1.63,1.63,0,0,0,.39,0,1.36,1.36,0,0,0,.37,0,5.19,5.19,0,0,0,2.31-1.67c0.13,1,.54,2.65,1.9,3.21,0.39,0.16.89,0.33,1.42,0.5l0.91,0.31C128.71,204.84,125.28,206.9,121.84,206.91Z" transform="translate(-109.36 -182.5)"/></svg></figure>	<h6 class="profile-title">Individual</h6>	</li>	<li class="inner-col--sq-container role-container">	<figure><svg id="family" data-name="family" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.02 32.14"><defs><style>.cls-1{fill:#b1d238;}.cls-2{fill:#20b35a;}.cls-3{fill:#059348;}</style></defs><path class="cls-1" d="M150.54,132c-0.18-3.66-.62-11.83-0.93-13.09a11.09,11.09,0,0,0-2.88-5.28,7.11,7.11,0,0,0-4.63-1.17,5,5,0,0,0-2.34,1,2,2,0,0,0-2.37.66c-1.08,1.29-2.7,4.62-2.85,12,0,2.29-.1,4.06-0.16,5.43a4.59,4.59,0,0,0-2.62,2.62c-0.6,2-.29,5.87-0.1,6.86h20.82c0.19-1,.5-4.89-0.11-6.86A4,4,0,0,0,150.54,132ZM147,121.25a0.9,0.9,0,0,1,.25,1.05c-0.14.37-.23,0.72-0.31,1a4,4,0,0,1-.16.5l0,0a1.92,1.92,0,0,1-.21.38A14.37,14.37,0,0,0,147,121.25Zm-9.27-.85a3.49,3.49,0,0,1,.09-0.64l0.12-.33a26,26,0,0,0,.93-2.8,10.49,10.49,0,0,0,3.84,2.67c2.27,1,3.37,1.51,4,1.85,0,1.35-.38,3.83-1.36,5-1.4,1.69-2.17,2.49-3,2.72a1,1,0,0,1-.49,0c-0.78-.22-1.3-0.85-2.45-2.25L139,126.2C137.64,124.56,137.72,120.82,137.73,120.4Zm-0.31.86a15,15,0,0,0,.3,2.72l-0.07-.14,0,0a4,4,0,0,1-.16-0.5c-0.08-.28-0.17-0.63-0.31-1A0.9,0.9,0,0,1,137.42,121.26Zm4.69,12.12c-3,0-6-1.77-6-2.18l0.78-.26c0.45-.15.88-0.29,1.21-0.43,1.22-.51,1.56-2,1.64-2.88a4.08,4.08,0,0,0,2,1.57,1.4,1.4,0,0,0,.33,0,1.17,1.17,0,0,0,.32,0,4.45,4.45,0,0,0,2-1.43,3.25,3.25,0,0,0,1.63,2.75c0.34,0.14.76,0.28,1.21,0.43L148,131.2C148,131.61,145.06,133.38,142.1,133.38Z" transform="translate(-95.71 -109.31)"/><path class="cls-2" d="M123.53,134.44a4.65,4.65,0,0,0-1.13-2.28,6.7,6.7,0,0,0-2.6-1.07c-1.83-.67-4.29-1.51-5.51-3.09a8.15,8.15,0,0,1,.11-2c0.14-.46.49-0.83,0.6-1.32a8,8,0,0,0,.11-1.68c0.75,0.8,2.71-3.23,1.44-4.33,0.09-.32.1-0.66,0.19-1l0.34,0.32a12.61,12.61,0,0,0-.19-1.91,7.52,7.52,0,0,0-.67-3.25,10.55,10.55,0,0,0-1.17-1.41,2.78,2.78,0,0,0-1-1.22,0.89,0.89,0,0,1,.2.95,3.72,3.72,0,0,0-1.73-1.68l-0.13.24a8.82,8.82,0,0,0-2.68-.32,4.76,4.76,0,0,0-2.16.88,2.49,2.49,0,0,1,.48-0.86,1.45,1.45,0,0,0-1.35,1.35,1.35,1.35,0,0,0-1.28-.12,0.91,0.91,0,0,1,.77.5c-1.31,0-2,1.29-2.32,2.38l0.41-.11a5.61,5.61,0,0,0-.78,4.28l0.24-.6a3.86,3.86,0,0,0,0,1.41c-1.24.09-.84,2.39-0.53,3.09,0.19,0.42.9,2.08,1.53,1.4a5.29,5.29,0,0,0,.51,2.66,4.87,4.87,0,0,1,.39,2.35,18.27,18.27,0,0,1-2.63,1.83c-1,.47-2,0.92-3,1.29a8.07,8.07,0,0,0-2.41.91,4.23,4.23,0,0,0-1.27,2.25,40.73,40.73,0,0,0-.71,6.77H124.2s-0.43-5.57-.67-6.58h0Zm-11.3-8.35a1.25,1.25,0,0,1-1.26.45c-0.18-.37-0.55-1.23-1-1.25s-0.84.9-1,1.25a1.12,1.12,0,0,1-1.43-1c0-.8,1-1.37,1.66-1.62a2.09,2.09,0,0,1,1.9.15c0.66,0.32,1.74,1.18,1.16,2h0Zm4.21-7.08a3.12,3.12,0,0,1,0,2.16,3.61,3.61,0,0,1-1,1.61c-0.49,0-.41-1.21-0.39-1.66,0-.87.17-2.09,1.15-2.32a0.35,0.35,0,0,1,.22.21h0Zm-12,3.77c-0.94-.53-1.89-4.52-0.21-3.94,0.57,0.72.58,2.4,0.56,3.3C104.77,122.63,104.67,122.79,104.45,122.79Zm0.16-5.66a9.52,9.52,0,0,1,.77-1.14,1.11,1.11,0,0,0-.19-1c0.11-.3.23-0.69,0.63-0.44a2.25,2.25,0,0,1,0-.78,5.23,5.23,0,0,1,.4-0.63,2.32,2.32,0,0,1-.16,1.26,1.63,1.63,0,0,0,.7-1.3h0a3.55,3.55,0,0,0,1.2,1.38,1.89,1.89,0,0,1-.08-1.31,3,3,0,0,1,1.46,2.75,2.11,2.11,0,0,0,.51-0.57,10.3,10.3,0,0,0,.38-1.68,3.63,3.63,0,0,1,1,1.33,5.85,5.85,0,0,1-.37-1.54,3.77,3.77,0,0,1,1.2,3.57c0.31-1.28.69-2.69-.15-3.88a2.65,2.65,0,0,1,1,1.7,2.79,2.79,0,0,0-.1-1.79,2.42,2.42,0,0,1,.41,2.63,6.11,6.11,0,0,1,1.69-2.21,7.58,7.58,0,0,1-.39,1.41,2.26,2.26,0,0,1,.93-0.39,2.7,2.7,0,0,0-.38,2,0.53,0.53,0,0,1,.67-0.42,3.4,3.4,0,0,1,0,1.63,8.56,8.56,0,0,0-.8,4.26c0.08,0.54-1.54,2.76-2.32,2.26a3.46,3.46,0,0,0-5.17,0c-0.42.42-1.72-1.42-2.27-2.21a8.88,8.88,0,0,0-.31-2.77C104.79,118.82,104.26,117.79,104.61,117.14Zm5.39,17c-5.19,0-4.54-4.47-4.24-5.78l0.27-.19c0-.51,0-1-0.07-1.52a9.64,9.64,0,0,0,2,2.11,3.42,3.42,0,0,0,2,.38,3.11,3.11,0,0,0,2-.43,10.44,10.44,0,0,0,2-2.18c0,0.54-.06,1.07-0.07,1.61l0.28,0.38C114.49,130,114.78,134.11,110,134.11Z" transform="translate(-95.71 -109.31)"/><path class="cls-3" d="M135.68,136.14a12.36,12.36,0,0,1-5.44-2.64c0-.61.05-1.22,0.07-1.48a3.67,3.67,0,0,0,.82-2.14c0.74-.19.65-0.83,0.72-1.44a5.08,5.08,0,0,0,.32-1.81,1.48,1.48,0,0,0,.44-1.34c-0.05-.23-0.19-0.44-0.24-0.69s0-.63-0.05-0.93-1.08-2.2-1.1-2.19a0.57,0.57,0,0,0-.21-0.17,0,0,0,0,1,0,0,2.3,2.3,0,0,1-.49-0.15,0.2,0.2,0,0,1,.15,0,6.93,6.93,0,0,0-.75-0.78c-0.31-.19-0.67-0.3-1-0.49a2.18,2.18,0,0,0-1.42-.61,5.84,5.84,0,0,0-1.61.25,2.74,2.74,0,0,0-.45.24c-0.37-.12.13-0.39,0-0.5-0.31-.36-1.1,1.25-1.13,1.25a3.09,3.09,0,0,1-.05-0.85c-0.62.16-1,.53-1.65,0.62a0.62,0.62,0,0,0,.09.2,1.65,1.65,0,0,1-.74.27,4,4,0,0,0-.25.47c-0.37.44-1.05,0.55-.84,1.31a0.54,0.54,0,0,0,.22,0,2.6,2.6,0,0,0-.17,1.21s0.47-.09.47-0.09a3.74,3.74,0,0,0-.51,1.92c0,0.27.27,1.8,0.7,1.49,0.05,0.53.3,1,.36,1.58s0,1.16.71,1.34a3.65,3.65,0,0,0,.82,2.14c0,0.26.06,0.86,0.07,1.47a10.38,10.38,0,0,1-2.69,1.59c-1,.46-2.21.69-3.18,1.19-1.58.82-1.67,3.64-2,5.17h22.29c-0.33-1.51-.48-4.87-2.38-5.31h0Zm-4.22-8.58c0.43-.13.15-0.59,0.49-0.78a7,7,0,0,1-.35,1.63,1.19,1.19,0,0,1-.42,1.19c0.11-.71.21-1.53,0.28-2C131.59,127.52,131.4,128.07,131.46,127.56Zm-8.92,2c-0.37-.21-0.25-1-0.31-1.38a4,4,0,0,1-.29-1.44,0.26,0.26,0,0,1,.33.09l0.08,0.28c0,0.12.18,1.44,0.34,2.52l-0.14-.07h0Zm7.44,4.21a3.12,3.12,0,0,1-6.1,0c0-.53,0-1.07-0.06-1.44a7.61,7.61,0,0,0,1.31,1.41,3.38,3.38,0,0,0,1.62.33H127a3.25,3.25,0,0,0,1.86-.41A11.1,11.1,0,0,0,130,132.3c0,0.37-.05.91-0.06,1.44C129.66,134.51,130,133.21,130,133.74Zm0.09-1.84a14.71,14.71,0,0,1-1.22,1.41,2.84,2.84,0,0,1-1.85.45h-0.24a2.55,2.55,0,0,1-1.95-.64c-0.42-.47-0.92-1-1.29-1.53-0.78-1.07-.72-3-0.88-4.26a2.11,2.11,0,0,0,.22.3c0.1-.73-0.63-1.19-0.25-1.87,0.13-.23.45-0.37,0.58-0.62s0-.52.15-0.53c0-.86-0.39,0-0.68,0,0.07-.53.57-0.54,0.86-0.9s0-.49.5-0.6c0.13,0,.22.18,0.34,0.14a1.14,1.14,0,0,0,.12-0.38,0.69,0.69,0,0,0,.31,0,1.73,1.73,0,0,1,0-.48,1.81,1.81,0,0,0,.55.46c0.05-.25.25,0,0.38-0.09s0.4-.19.44-0.19a1.21,1.21,0,0,0,.39.25,3.35,3.35,0,0,0,.19-0.36c0,0.26.36,0.3,0.54,0.32s0.25,0.09.34,0.1,0.26-.19.35-0.15,0,0.31,0,.36a1.61,1.61,0,0,1,.42,0,0.24,0.24,0,0,0,.1.18c0.1,0,.17-0.22.27-0.22a1.34,1.34,0,0,0,.57.37,0.7,0.7,0,0,0,.3.25,0.72,0.72,0,0,1,0,.39,2.86,2.86,0,0,0,.31,1.37c0.54,0.9,1.26,1.24.81,2.44a1,1,0,0,1,.11.27,0.49,0.49,0,0,0,.35-0.41c-0.17,1.34-.14,3.07-1.1,4.11h0Z" transform="translate(-95.71 -109.31)"/></svg></figure>	<h6 class="profile-title">Family</h6>	</li>	<li class="inner-col--sq-container role-container">	<figure><svg id="friends" data-name="friends" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.74 29.46"><defs><style>.cls-1{fill:#b1d238;}.cls-2{fill:#059348;}.cls-3{fill:#80b141;}.cls-4{fill:#3c683c;}</style></defs><path class="cls-1" d="M124.9,165.85c-0.14-2.86-.48-9.24-0.73-10.23a8.67,8.67,0,0,0-2.25-4.12,5.56,5.56,0,0,0-3.62-.92,3.9,3.9,0,0,0-1.82.78,1.55,1.55,0,0,0-1.85.52,9.58,9.58,0,0,0-1.7,4.18c1-.38.51,2,0.42,2.77-0.06.57-.85,1-0.9,1.22a6.18,6.18,0,0,0,0,1.21c0,1.79-.08,3.17-0.12,4.24a6,6,0,0,0-.8.46c-0.17.12,0.85,0.93,1.31,1.78,1.1,2.06,2.59,5.17,2.59,5.17h11a4.18,4.18,0,0,0,.19-2.7,13.26,13.26,0,0,1-.68-3.4A2.91,2.91,0,0,0,124.9,165.85Zm-2.77-8.4a0.7,0.7,0,0,1,.2.82c-0.11.29-.18,0.56-0.24,0.78a3.16,3.16,0,0,1-.12.39v0a1.5,1.5,0,0,1-.17.29A11.23,11.23,0,0,0,122.14,157.44Zm-7.24-.67a2.73,2.73,0,0,1,.07-0.5l0.09-.26a20.32,20.32,0,0,0,.73-2.19,8.19,8.19,0,0,0,3,2.08c1.77,0.78,2.64,1.18,3.11,1.45a7.58,7.58,0,0,1-1.06,3.92c-1.09,1.32-1.69,1.94-2.37,2.13a0.77,0.77,0,0,1-.38,0c-0.61-.17-1-0.67-1.92-1.76l-0.28-.34C114.83,160,114.88,157.1,114.89,156.78Zm-0.24.67a11.71,11.71,0,0,0,.24,2.12l-0.05-.11v0a3.15,3.15,0,0,1-.12-0.39c-0.06-.22-0.14-0.49-0.24-0.78A0.7,0.7,0,0,1,114.65,157.45Zm3.66,9.47c-2.33,0-4.67-1.38-4.66-1.7l0.61-.2c0.35-.12.68-0.22,0.95-0.33a2.61,2.61,0,0,0,1.28-2.25,3.18,3.18,0,0,0,1.53,1.22,1.09,1.09,0,0,0,.26,0,0.91,0.91,0,0,0,.25,0,3.48,3.48,0,0,0,1.55-1.12,2.54,2.54,0,0,0,1.27,2.15c0.26,0.11.6,0.22,0.95,0.33l0.61,0.2C122.92,165.54,120.62,166.92,118.31,166.92Z" transform="translate(-95.79 -146.65)"/><path class="cls-2" d="M119,176.11c-0.24-2.6-.14-6.06-1.94-6.73-2.46-.92-3.13-1.77-5-2.77a2.17,2.17,0,0,1-.68-1.18,5.17,5.17,0,0,1,0-2,7.17,7.17,0,0,0,.71-0.87,9.59,9.59,0,0,0,.3-2.3,7.09,7.09,0,0,0,1-1.21,9.74,9.74,0,0,0,.19-2.76,0.41,0.41,0,0,0-.2-0.36,0.53,0.53,0,0,0-.34,0,11.55,11.55,0,0,1,.18-1.4c0.1-.38,0-2.16.18-2.5a3.79,3.79,0,0,0,0-2.09,4.68,4.68,0,0,0-2.24-2.33c-0.84-.24-2.2-0.21-2.55-0.31a6.27,6.27,0,0,0-2-.59,21.76,21.76,0,0,0-2.55.52,2.6,2.6,0,0,0-1.61,1,2.84,2.84,0,0,0-.49,1.5,4.19,4.19,0,0,0-1.15,2.44c0,0.43.62,3.2,0.76,3.82a0.59,0.59,0,0,0-.43,0,0.41,0.41,0,0,0-.2.36,9.72,9.72,0,0,0,.19,2.76,7.07,7.07,0,0,0,1,1.21,9.58,9.58,0,0,0,.3,2.3,5.3,5.3,0,0,0,.5.64,6.1,6.1,0,0,1,0,2.24,1.85,1.85,0,0,1-.66,1.11,12.49,12.49,0,0,1-3.87,2.54c-2.36.92-2.43,4.41-2.7,7ZM102.77,162.4a9.83,9.83,0,0,1-.26-2.23v-0.06l0,0a7.44,7.44,0,0,1-1-1.18,9.89,9.89,0,0,1-.16-2.6,0.13,0.13,0,0,1,0-.11,0.94,0.94,0,0,1,.49.12s0.11,0.78.18,1.23a1.35,1.35,0,0,1,0,.63,2.17,2.17,0,0,0,.42-1.43,28,28,0,0,1,0-3,11.69,11.69,0,0,0,.59-1.46c0-.42-0.59-1.39-0.35-1.74s0.39-.21.39-0.21,1.4,0.31,2.31.45l2,0.31-0.7-.87s2.25,1.66,2.83,2.12a1.75,1.75,0,0,0,.34.21s-0.23-.28-1.42-1.4l-1.19-1.11s3,2.44,3.64,2.85l0.59,0.42v-0.45l1.05,1s-0.16,2-.13,2.7l0.09,1.57,0.53-2a0.39,0.39,0,0,1,.25,0,0.13,0.13,0,0,1,0,.11,9.88,9.88,0,0,1-.16,2.6,7.46,7.46,0,0,1-1,1.18l0,0v0.06a9.8,9.8,0,0,1-.26,2.23,11.7,11.7,0,0,1-2.64,2.57l-0.24.08a3.9,3.9,0,0,1-1.6.26,5,5,0,0,1-1.94-.32l0,0A11.71,11.71,0,0,1,102.77,162.4Zm0.55,3.11a5.4,5.4,0,0,0,.05-1.9,7.66,7.66,0,0,0,1.94,1.66l0,0a5.29,5.29,0,0,0,2,.34,4.2,4.2,0,0,0,1.7-.27l0.24-.08a6.73,6.73,0,0,0,1.74-1.45,4.79,4.79,0,0,0,.08,1.69,2.34,2.34,0,0,0,.87,1.36c-0.16,1.19-2.94,2.21-4.78,2.21-2,0-4.29-.75-4.72-2.28A2.09,2.09,0,0,0,103.32,165.51Z" transform="translate(-95.79 -146.65)"/><path class="cls-3" d="M135.94,156.14a1.27,1.27,0,0,1,.14.31,3.06,3.06,0,0,0-.22-1.16s-0.11,0-.14.05a0.49,0.49,0,0,1,.12-0.35,2.82,2.82,0,0,1-1-1.52,1,1,0,0,1-.06.27,0.67,0.67,0,0,0-.13-0.47l0,0.05c-0.16-.43-0.23-0.89-0.35-1.33l-0.21.2a1.94,1.94,0,0,0-1.17-.82,2.79,2.79,0,0,0-.4-0.42c-0.14-.06-0.2.1-0.35,0-0.44-.18-0.35-0.42-0.76-0.1,0-.25-0.13-0.19-0.29-0.25a4.72,4.72,0,0,0-.58,0,1.56,1.56,0,0,1-.92-0.55,1.61,1.61,0,0,0-.34.52,1.18,1.18,0,0,0-.4-0.42,1.65,1.65,0,0,1-.31.61,1.17,1.17,0,0,0-.22-0.48,4.81,4.81,0,0,0-.47,1.13,1.1,1.1,0,0,1,0-.33,2.35,2.35,0,0,1-.36.71,0.89,0.89,0,0,0-.16-0.46,2.51,2.51,0,0,0-.38.53,0.26,0.26,0,0,0-.11-0.21,4.15,4.15,0,0,1-.72,1.37,0.25,0.25,0,0,0-.05-0.22,2.92,2.92,0,0,1-.72.69,1.75,1.75,0,0,0-.23.74,0.21,0.21,0,0,1,.24,0,2.68,2.68,0,0,1-.42.61,2.54,2.54,0,0,0,0,.61,6.92,6.92,0,0,1-.18,1.48,6,6,0,0,0-.48,2.12,5.77,5.77,0,0,0,.45,2.09,4.33,4.33,0,0,1,.81,1.16,8.15,8.15,0,0,0,.46,1.81,5.73,5.73,0,0,0,2.34,2.82,4.59,4.59,0,0,0,3.32.2,4.85,4.85,0,0,0,2.47-2.4,6,6,0,0,0,.66-1.67,5.52,5.52,0,0,1,.12-1.05A45.47,45.47,0,0,0,135.94,156.14Zm-9.27-1.82a0.3,0.3,0,0,1,0,.17A0.91,0.91,0,0,0,126.67,154.32Zm-1.08,6.87q0,0.21,0,.42a1.92,1.92,0,0,0-.44-0.28,3.1,3.1,0,0,1-.33-1.22,7,7,0,0,1-.25-1.34c0-.19.18-1,0.36-0.49a0.85,0.85,0,0,1-.06.4c0,0.28,0,.51,0,0.8a0.57,0.57,0,0,1,.28-0.34c0,0.09.06,0.8,0.22,0.45a2,2,0,0,1,.28,1.6C125.58,161.33,125.62,160.78,125.59,161.19Zm9,0c0.23,3-2,6.57-5.37,5.77a4.69,4.69,0,0,1-2.88-2.79c-0.73-1.58-.48-3.27-0.41-4.95l0.17,0.09c0.23,0.92.22,1.77,1.35,2a1.89,1.89,0,0,0,2.16-.87,6.23,6.23,0,0,0,.28-1.14,0.86,0.86,0,0,1,.66-0.12c0.28,0.11.19,0.17,0.28,0.44s0.14,0.55.23,0.82a1.45,1.45,0,0,0,1.25.87,2,2,0,0,0,1.83-.49c0.27-.35.19-1.31,0.5-1.5,0,0.81-.07,1.68-0.06,1.89C134.73,163,134.58,161,134.6,161.21Zm-8.29-2a0.78,0.78,0,0,1,.79-0.79c1.33-.06,3.18-0.09,2.34,1.83a1.82,1.82,0,0,1-2.3.8A2,2,0,0,1,126.31,159.21Zm6.75-.82c0.73,0,1.28.13,1.31,1a1.69,1.69,0,0,1-1,1.69c-1.43.45-2.26-.56-2.38-1.85C131,158.15,132.42,158.36,133.06,158.39Zm1.62,0.45a1.69,1.69,0,0,0-1.63-.91c-0.68,0-2,.09-2.26.91h-0.92a1.19,1.19,0,0,0-.9-0.73,4.93,4.93,0,0,0-1.88-.15,1.41,1.41,0,0,0-.77.33,1.21,1.21,0,0,1-.4.54,14.17,14.17,0,0,1,.69-4.31,1.1,1.1,0,0,0,0,.41,6.71,6.71,0,0,1,1.5-1.83,1.22,1.22,0,0,1,0,.32c0.27-.14.43-0.49,0.68-0.13,0.08-.17.24-0.29,0.31-0.47a5.45,5.45,0,0,0,.48.72,0.84,0.84,0,0,1,.36-0.45,5.92,5.92,0,0,1,.48.48,0.77,0.77,0,0,1,.6-0.52,0.66,0.66,0,0,0,.23.5,2.57,2.57,0,0,1,.43-0.43c0,0.26.21,0.12,0.35,0.22s0.27,0.23.45,0.37a0.92,0.92,0,0,0,.45-0.15,0.56,0.56,0,0,1,.11.12,0.77,0.77,0,0,1,.46,0,3.56,3.56,0,0,1,.5,1.23c0.1,0.32.32,0.57,0.41,0.87s0.05,0.9.13,1.32A7,7,0,0,1,134.68,158.83Zm1.26,0c-0.11.5-.13,1-0.23,1.52a2.86,2.86,0,0,1-.17.64,1.63,1.63,0,0,1-.62.64,4.87,4.87,0,0,1,.07-1.35c0-.14.23-1.12,0.25-1.12a1.07,1.07,0,0,0,.29.22,2.54,2.54,0,0,1,.25-1.06,0.37,0.37,0,0,1,.09.11v-0.1a0.82,0.82,0,0,1,.06.51h0Z" transform="translate(-95.79 -146.65)"/><path class="cls-3" d="M134.68,166.53a1.61,1.61,0,0,0-.84-1.2,6.55,6.55,0,0,1-.41,2.86c-0.31.8-.84,1.48-1.17,2.27s-0.33,1.57-.64,2.31c-0.15.35-.92,1.75-1.37,1.75s-1.17-1.32-1.32-1.64c-0.34-.73-0.35-1.56-0.64-2.3s-0.84-1.47-1.17-2.25a6.51,6.51,0,0,1-.46-3,5.54,5.54,0,0,0-1,1.38,4.42,4.42,0,0,1-1.61,1.09,33,33,0,0,1-4.06,1.56c-2.42.82-2.24,4.14-2.49,6.2h13.83C134.18,175.57,134.67,166.79,134.68,166.53ZM127,171a8.26,8.26,0,0,1-.79-2.87c-0.09-.62-0.37-1.57.08-2.11a8.37,8.37,0,0,0,1,3.63,8.1,8.1,0,0,1,.78,1.52c0.18,0.57.25,1.17,0.41,1.74a10.87,10.87,0,0,1-1.79-2.39l0.34,0.6L127,171h0Zm7.33-4.26a8.75,8.75,0,0,1-2.44,6.18c0.16-.58.23-1.17,0.41-1.74a8.15,8.15,0,0,1,.78-1.52,8.37,8.37,0,0,0,1-3.63,1.37,1.37,0,0,1,.18,1l0-.33h0Z" transform="translate(-95.79 -146.65)"/><path class="cls-4" d="M152,163.38c0-.25-0.61-0.72-0.61-1s1,0.45,1-.54a2.29,2.29,0,0,0-.9-1.28c0.46-.34,1-0.45.84-1.1a3.85,3.85,0,0,0-.86-1.27c-0.28-.33-0.71-0.59-1-0.93-0.42-.54.28-0.74,0.11-1.33-0.22-.75-1.17-1.24-1.69-1.77-0.68-.7-1.28-1.48-2-2.15a6,6,0,0,0-3.29-1.84,6.17,6.17,0,0,0-2.07.13,4.19,4.19,0,0,1-.7.2c-0.12,0-.29-0.13-0.45-0.13a1.69,1.69,0,0,0-.68.29,2.56,2.56,0,0,1-.77.13,2.89,2.89,0,0,0-2,.84c-0.9,1-.61,2.5-1.9,3.15-0.53.26-1.3,0.44-1.46,1.11s0.56,1.25.58,1.92-0.7.75-1,1.24a1.38,1.38,0,0,0,.16,1.49c-0.39.26-1.05,0.12-1.49,0.39-0.73.46-.32,1,0,1.59,0.2,0.42.16,0.2,0,.54s-0.32.21-.15,0.56a9,9,0,0,0,1.47,1.09c-1.84-.34-1.4,1.88,0,2.09l0.49,0.07a3,3,0,0,1-1-.94c-0.06-.48.42-0.33,0.65-0.15a3.86,3.86,0,0,1,.81,1.26c-0.55-.06-1.17-0.2-1.45.4a1.53,1.53,0,0,0,.43,1.92c-1.81,1.59-1.59,4.59-1.18,6.75h20.37c0.52-2.74.51-5.94-2.2-7.46,0.8-.07.84-0.84,0.59-1.42-0.16-.37-0.31-0.36,0-0.68a2.8,2.8,0,0,1,1.08-.48c0.62-.23.5-0.53,0.43-1.29-0.06-.6-0.68-0.32-0.73-0.93A1.53,1.53,0,0,0,152,163.38Zm-14-6.63c0.35-.92,1.31-1.57,1.88-2.35a5.22,5.22,0,0,0,.89-1.77,2.75,2.75,0,0,0,2.23,1.09c1.21,0.11,1.27,1,2,1.77a4.3,4.3,0,0,1,1.13,1.21,0.87,0.87,0,0,1-.09.93,2.48,2.48,0,0,0,0,1.27,1.27,1.27,0,0,1-.57,1,2.33,2.33,0,0,0-.68.88,3.18,3.18,0,0,0,.25,1.37,1.66,1.66,0,0,1-.28,1.46c-1,1.49-2.62,2.87-4.35,1.63a5.36,5.36,0,0,1-1.61-1.94,9.45,9.45,0,0,0-.88-2c1.08-.72.76-1.34,0.18-2.22a2.9,2.9,0,0,1-.18-2.38h0Zm7.29,7a6,6,0,0,1-.62.57,8,8,0,0,0,.55-0.79,0.48,0.48,0,0,1,.07.22h0Zm-5.8.92a5.18,5.18,0,0,1-.19.85,9.82,9.82,0,0,0-.64-1.86l0-.1a7.42,7.42,0,0,0,.78,1.1C139.47,165,139.15,164.3,139.51,164.72Zm3.89,9.07c-3.43,1-6.92-2-7.11-5.36a3,3,0,0,0,1.6.55,2.44,2.44,0,0,0,1.06-1,2.69,2.69,0,0,0,.3-0.91c0.13-.69.4-1.32,0.52-2,1.45,1.46,3.23,1.23,4.57-.24a3.45,3.45,0,0,0,1.12,2.33,8.51,8.51,0,0,0,2.41.94,5.8,5.8,0,0,1-4.49,5.75h0Z" transform="translate(-95.79 -146.65)"/></svg></figure>	<h6 class="profile-title">Friends</h6>	</li>	</ul>	</section>	</article>	<article class="safari_only_article_1" title="Frequently Asked Questions">	<section class="col-1 safari_only_article_1_header">	<header>	<h3>Frequently Asked Questions</h3>	</header>	</section>
<!-- SECOND VERSION OF SECTION 1 -->	<section class="safari_only_article_1_body">	<ul class="list-role-descs faq">	<li class="inner-col--sq-container hover">	<h6>How can I move through check-in quickly?</h6>	<p>Groups that complete online waivers for all members before arriving at the processing center earn a <a href="https://s3.amazonaws.com/spweb-uploads/2016/07/Fast-pass.pdf" target="_blank">FAST PASS</a> to expedite the check-in process.</p>	</li>	<li class="inner-col--sq-container hover">	<h6>Can I update my reservation?</h6>	<p>You can manage your reservation at www.occvolunteersignup.com. If your group size decreases, it is critical to the operation of the processing center that you notify us. To increase your group size, check availability at <a href="http://www.occvolunteersignup.com/">occvolunteersignup.com</a>.</p>	</li>	<li class="inner-col--sq-container hover">	<h6>What are the roles at a processing center?</h6>	<p>Volunteers form teams responsible for removing financial contributions from shoeboxes, inspecting gifts, sorting inappropriate items, working with filler items, separating boxes by age and gender, and boxing shoeboxes in designated cartons. Due to the fast-paced environment of the warehouse and changing needs, you may be asked to do different tasks.</p>	</li>	<li class="inner-col--sq-container hover">	<h6>Are there employment opportunities?</h6>	<p>Yes: <a href="https://www.samaritanspurse.org/our-ministry/seasonal-employment-opportunities/">https://www.samaritanspurse.org/our-ministry/seasonal-employment-opportunities/</a></p>	</li>	<li class="inner-col--sq-container hover">	<h6>What are the dates of operation?</h6>	<p>Processing begins Tuesday, November 22, 2016, and continues through December 17, 2016. The hours are 9 a.m. to 10 p.m., Monday through Saturday, except for Thanksgiving Day when the processing centers will be closed.</p>	</li>	<li class="inner-col--sq-container hover">	<h6>Can any age volunteer?</h6>	<p>All volunteers <b>MUST</b> be at least 13 years of age. Due to the warehouse environment, we cannot allow exceptions to this age requirement. At least one chaperone for every four youth (volunteers between the ages of 13-17) is required to ensure the safety and appropriate behavior of your youth.	</p>	</li>	<li class="inner-col--sq-container hover">	<h6>What if my child is too young to volunteer?</h6>	<p>Children under age 13 are not able to volunteer in a processing center. However, tours are available throughout the season when families with children under 13 or individuals who want to know more about the project can come to the processing center.</p>	</li>	<li class="inner-col--sq-container hover">	<h6>What is the address of the processing centers?</h6>	<p>Processing center locations vary year-to-year, depending on warehouse availability. Address information will be released when available.</p>	</li>	<li class="inner-col--sq-container hover">	<h6>What should I wear to the processing centers?</h6>	<p>Our processing centers are set up in warehouses, so please be comfortably and appropriately dressed for this environment. It is best to wear closed-toe shoes appropriate for standing for long periods, and warm, layered, casual clothes as the temperature inside can vary. Breaks are available as needed.</p>	</li>	<li class="inner-col--sq-container hover">	<h6>Can I bring food for my group?</h6>	<p>A break area in the processing center has vending machines and space to store your meals and snacks. Ice is not provided; however, you may bring your own coolers. All food and drinks must remain inside the break area. Tobacco products are prohibited on the property.</p>	</li>	<li class="inner-col--sq-container hover">	<h6>What if the day I'd like to serve is full?</h6>	<p>First, join the waiting list for your preferred time, then search for other openings. We typically have the most open time slots during the week and in the evenings. After that, check back throughout the season – time slots open as registered group sizes decrease.</p>	</li>	</ul>	<!--</div>-->	</section>	</article>	<!-- ------------READ MORE VOLUNTEER QUOTES SECTION------------------- -->	<!-- ------------READ MORE VOLUNTEER QUOTES SECTION END------------------- -->
<article>	<hr>	<!-- QUOTE BEGIN -->	<aside class="col safari_only_qt_container">	<blockquote class="volunteer-qt top safari_only_qt">	<p class="short">&ldquo;I love being part of something that impacts people around the world. Serving at the processing center allows me to be a small part of something great. The atmosphere is so fun and joyful—it’s contagious.&rdquo;</p>	<footer>Michelle W.</footer>	</blockquote>	</aside>	<!-- QUOTE END -->
<hr>	</article>	<section class="safari_only_article">	<section>	<section class="safari_only_btm_btn last">	<a data-gtm-category="OCC Short-term PC Volunteer Profile" data-gtm-event="req info - bottom" onclick="ga('send', 'event', 'OCC Short-term PC Volunteer Profile', 'req info','top');return true;" href="http://www.occvolunteersignup.com/">	<button class="button-offset-color">	Create Profile	</button>	</a>	</section>	<!--<section class="button-secondary safari_only_btm_btn offset-btn last">	<a data-gtm-category="OCC Year-Round Volunteer" data-gtm-event="apply - bottom" onclick="ga('send', 'event', 'OCC Year-Round Volunteer', 'apply','bottom');return true;" href="http://www.occextranet.org/seconnect/public/?id=40649">	<button class="button-offset">	I'm Ready to Apply	</button>	</a>	</section>-->	</section>	</section>	<div class="col-1">We also need year-round volunteers to serve in a variety of unique roles. <a href="/operation-christmas-child/volunteer-year-round">Click here</a> to learn more about these opportunities.</div>
</main> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
</body>
</html>

Short-Term Volunteer Page P1 - Script Codes CSS Codes

@import url(//fonts.googleapis.com/css?family=Roboto:400,300,500,700,900);
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);
/*------------------------- Start TABULA RASA updates ---------------------------*/
#inner {	padding-top: 0;	margin-bottom: 0!important;
}
#megaMenu {	margin-top: 10px;	z-index: 100001;
}
#content {	margin: 0;
}
.article-headline {	display: none;
}
.hentry {	padding: 0;
}
#inner,
#content-container {	max-width: 100%;
}
#subNav {	height: 50px;	background: #EBEBEB;	width: 100%;	display: none;
}
#subNavTitle {	float: left;	font-size: 18px;	margin-top: 15px;	text-transform: uppercase;	margin-left: 7px;
}
#subNavLinks {	float: left;	font-size: 16px;	margin: 4px 0 0 40px;	display: block;
}
#subNavLinks a {	color: #ffffff;	display: block;	float: left;	padding: 10px 16px;	background-color: #B7BB2F;
}
#subNavSocial {	float: right;	margin-top: 9px;	margin-right: 7px;
}
#subNavSocTitle {	position: relative;	top: 4px;	Font-size: 16px;	margin-right: 5px;
}
span.icons {	cursor: pointer;
}
span.icons a {	text-decoration: none;
}
#postTitleWrap {	display: none;
}
.entry-content {	overflow: hidden;	margin: 0;
}
.entry-content ol,
.entry-content ul {	margin: 0 auto;
}
#footerMoreArts,
div#moreArts {	display: none;
}
div.social-bar {	text-align: center;
}
.entry-content ol,
.entry-content ul {	padding: 0;	margin: 0 auto;
}
.archive-page ul li,
.entry-content ul li {	margin: 0 10px 10px 0;
}
/*------------------------- End TABULA RASA updates ---------------------------*/
body {	margin: 0;
}
main {	font-family: 'Roboto', sans-serif!important;	margin: 0 auto;	padding: 0 0 60px 0;	border: 0;	width: 100%;	max-width: 100%;	text-align: center;	font-weight: 400;	font-size: 1rem;	color: #666666;
}
*,
*:before,
*:after {	box-sizing: border-box;	/* 2 */	max-width: 100%;	/* 1 */
}
main,
article {	display: -webkit-box;	/* OLD - iOS 6-, Safari 3.1-6 */	/* OLD - Firefox 19- (buggy but mostly works) */	display: -ms-flexbox;	/* TWEENER - IE 10 */	/* NEW - Chrome */	display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-flow: row wrap; flex-flow: row wrap; /* tweak the where items line up on the row */ /* valid values are: flex-start, flex-end, space-between, space-around, stretch */ -ms-flex-line-pack: start; align-content: flex-start;	margin-bottom: 30px;
}
main {	-ms-flex-flow: column nowrap; flex-flow: column nowrap;	-ms-flex-pack: distribute; justify-content: space-around;	-webkit-box-align: center; -ms-flex-align: center; align-items: center;	-ms-flex-line-pack: center; align-content: center;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;	background: none;	font-family: 'Roboto', sans-serif;
}
article {	margin: 5% auto; -ms-flex-flow: column nowrap; flex-flow: column nowrap; width: 100%;
}
article:nth-of-type(1), article:nth-of-type(2) {	margin-top: 2%;
}
section,
aside {	/*background: hsla(0,0%,0%,.1);*/	display: -webkit-box;	/* OLD - iOS 6-, Safari 3.1-6 */	/* OLD - Firefox 19- (buggy but mostly works) */	display: -ms-flexbox;	/* TWEENER - IE 10 */	/* NEW - Chrome */	display: flex;	-webkit-box-orient: vertical;	-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;	max-width: 100%
}
section.safari_only_article {	padding-top:4%
}
aside {	padding: 0;	margin: 0 auto;	width: 95%;
}
/*div { flex-basis: 0; order: 1;
}*/
header {	position: relative;
}
header.hero-image { width: 100%; margin: 0 auto; padding: 0; background: url("//s3.amazonaws.com/spweb-uploads/2016/07/PC-volunteer-hero.jpg") top left / cover no-repeat; text-transform: uppercase; min-height: 282px;
}
/* basic calc */
.simpleBlock {	width: calc(100% - 100px);
}
/* calc in calc */
.complexBlock {	width: calc(100% - 50% / 3);	padding: 5px calc(3% - 2px);	margin-left: calc(10% + 10px);
}
/********************------------ ELEMENT STYLES ------------**********************/
h1,
h2,
h3,
h4,
h5,
h6 {	-webkit-margin-before: 0;	-webkit-margin-after: 0;
}
h1 {	font-size: 3rem;	color: #fff;	margin-top: 0;	margin-bottom: 2%;	font-weight: 300;	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
h3 {	font-weight: 900!important; font-size: 3.7rem; line-height: 1; color: #444; margin-top: 2%; margin-bottom: 1%; text-transform: capitalize;
}
h4 {	font-weight: 600;	font-size: 5rem;	line-height: 3rem;	color: #fff;	margin-top: 15%;	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width:60em) {	h3 {	font-size: 2rem;	line-height: 1.7rem;	color: #444;	margin-top: 20px;	margin-bottom: 0;	}	h4 {	font-size: 2rem;	line-height: 1.3rem;	margin-top: 19%;	}	h1 {	font-size: 3rem;	}	header.hero-image {	background-position: center;	min-height: 300px;	}
}
h5 {	font-weight: 400;	font-size: 1.6rem;	color: #888;	margin-bottom: 3%;
}
h6 {	font-weight: 600;	font-size: 1rem;	letter-spacing: 0.02rem;	line-height: 1.25rem;	text-transform: uppercase;	color: #fff;	margin: 13% auto 0;	-webkit-transition: all .2s ease-in-out;	transition: all .2s ease-in-out;
}
li.role-container h6 {	color: #1eb359
}
.list-role-descs.faq h6 {	font-weight: 300;	font-size: 3.8vh;	line-height: 4vh;	letter-spacing: -0.12vh;	margin:5%;	text-shadow: 0 0 3px rgba(0,0,0,.3);
}
div h6 {	margin: 14% auto 0;
}
@media screen and (max-width: 60em) {	h6 {	margin: 10% auto 0;	}
}
@media screen and (max-width: 50em) {	h6 {	margin: 0 auto;	}
}
main.short-term-vol p {	margin: 0 auto 13px auto;	padding-left:10px;	width: 100%;	max-width: 800px;	text-align: left;	font-size: 1rem;	line-height:1.4;	color: #444444;	font-family: 'Roboto', sans-serif;
}
main.short-term-vol header p {	text-align:center
}
@media screen and (max-width: 50em) {	p {	max-width: 95%	}
}
@media screen and (max-width: 40em) {	p {	max-width: 100%;	width: 100%;	line-height: 1.4rem;	margin-bottom: 2%;	}
}
hr {	width: 30%;	max-width:480px;	min-width:320px;	border:1px dotted #1eb359;	text-align: center
}
button {	font-weight: 600;
}
blockquote {	margin: 5% auto 1%;	text-align: center;	border: 0;	padding:0;	opacity: 1;	font-family: 'Roboto Serif', serif;	font-weight: 700
}
button {	letter-spacing: .08rem;	font-family: 'Roboto', sans-serif;	font-weight: 500;	text-transform: uppercase;	margin: 6% auto 0;	padding: 30px 40px;	max-width: 100%;	text-align: center;	color: #fff;	background: #1eb359;	-webkit-transition: all .2s ease-in;	transition: all .2s ease-in;	cursor: pointer;	border: none;
}
/*-------------------------------------------- Button -----------------------------------*/
button.cta {	margin: 6px auto; text-transform: uppercase; font-size: 100%; letter-spacing: 0.04rem; font-family: 'Roboto', sans-serif; font-weight: 700; padding: 21px 42px!important; max-width: 400px; text-align: center; color: #fff; background: #1eb359; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -webkit-transition: all .2s ease-in; transition: all .2s ease-in;
}
button.cta:hover { background: #189d4e; box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .5); font-size: 110%;
}
.button-offset-color {	font-size: 1rem;	letter-spacing: .03rem;	margin: 2% auto 0;	padding: 20px 30px;	max-width: 100%;	text-align: center;	color: #fff;	background: #1eb359;	transition: all .2s ease-in;	cursor: pointer;	border: none; text-decoration: none; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); -webkit-transition: all .2s ease-in; transition: all .2s ease-in;
}
.button-offset-color:hover {
background: #189d4e; box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .5); font-size: 110%;
}
@media screen and (max-width:50em) {	.button-offset {	max-width: 100%;	width: 100%;	font-size: 1.05rem;	letter-spacing: 0;	}
}
/*.button-offset:hover,
.button-offset:active {	background: #d34135;	box-shadow: 0px 5px 8px 0 rgba(0, 0, 0, .5);
}*/
section.button-secondary {	-webkit-box-orient: horizontal;	-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;	-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;	width: 100%;	max-width: 300px;
}
.last {	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;	margin-top: 10px; margin-bottom: 40px;
}
.button-offset {	border: 3px solid black;	background: #fff;	font-size: .825rem;	letter-spacing: 0;	font-family: 'Roboto', sans-serif;	font-weight: 500;	text-transform: uppercase;	padding: 6px 20px;	max-width: 250px; text-align: center; color: #000; text-decoration: none; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3); -webkit-transition: all .2s ease-in; transition: all .2s ease-in;	margin:0 auto;
}
.offset-btn { /* position: relative; */ margin: 15px auto;
}
.button-offset:hover, .button-offset:focus, .button-offset:active {	background: #fff;
}
.button-offset:hover, .button-offset:focus, .button-offset:active { box-shadow: 0px 5px 8px 0 rgba(0, 0, 0, .5);	-webkit-transition: all .2s ease-in;	transition: all .2s ease-in;
}
/******************** ELEMENTS :: TEXT STYLES W/ CLASS NAMES **********************/
.top {	margin: 0 auto 10px;
}
blockquote.volunteer-qt .short {	font-family: 'Roboto Slab', serif;	font-style: normal;	font-weight: 500;	border: 0;	color: #666;	width: 100%;	max-width: 815px;	font-size: 1.6rem!important;	letter-spacing: -.08rem;	padding: 0;	text-align: center;	margin: 0 auto;
}
@media screen and (max-width: 850px) {	blockquote.volunteer-qt .short {	font-size: 1rem!important;	letter-spacing: 0;	}
}
.inner-col--sq-container figcaption blockquote {	opacity: 1;	font-family: 'Roboto Slab', serif;
}
blockquote footer {	margin: 0 auto;	font-style: italic;	font-size: .825rem;	width: 70%;	font-family: 'Roboto Slab', serif;
}
@media screen and (max-width: 53em) {	blockquote footer,	blockquote.volunteer-qt footer {	padding: 10px;	width: 100%;	}
}
/******************** INNER CONTAINERS WITH CLASS NAMES **********************/
.pc-centers {	padding:0 0 2%;	margin-top:1%
}
/*.date-table {border-bottom:1px solid lightgray; margin:0 30%}*/
.inner-col-2 {	margin: 0 auto;	display: -webkit-box;	display: -ms-flexbox;	display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: start; align-content: flex-start;	width: 100%;	max-width: 800px;	line-height: 1.125;	font-size: 2rem;	border:1px solid lightgray
}
.col { margin: 0 auto; width: 95%; text-align: center;
}
.col-1 {	margin: 1% auto;	width: 70%;	text-align: center;
}
.col-2 {	margin: 0 auto;	width: 90%;	text-align: center;	padding: 5px 5px 15px 5px;
}
.col-3 {	font-weight:bold;	margin: 0 auto;	width: 70%;	text-align: center;	padding: 5px 0 0 5px;	-webkit-align-self:flex-start; -ms-flex-item-align:start; align-self:flex-start
}
.list-role-descs,
.list-quote-descs {	margin: 0 auto;	display: -webkit-box;	display: -ms-flexbox;	display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: center; align-content: center;	width: 100%;
}
.list-role-descs.icon {	display:-webkit-box;	display:-ms-flexbox;	display:flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;	-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;	-ms-flex-line-pack: start; align-content: flex-start;
}
.list-role-descs.icon li {	padding:20px;	border: 1px solid lightcoral
}
.list-role-descs {max-width: 1330px; margin-left:0; padding-left:1%}
.list-quote-descs {width:100%; max-width:100%}
@media screen and (max-width: 60em) {	.col-1 {	width: 100%;	}	.list-role-descs, .list-quote-descs {	width: 100%;	}
}
/*---------------------------- WAY TOO FAR NESTED CONTAINERS AND THEIR CONTENTS ---------------------*/
.list-role-descs.faq li.hover {	margin:0;	width: 33%;	min-width: 300px;	height: 375px;	background: #fff;	-webkit-transition: all .2s ease-in-out;	transition: all .2s ease-in-out;	overflow: hidden;
}
.list-role-descs.icon li.role-container {	margin:0;	width: 33%;
}
.list-role-descs.faq li.hover:nth-of-type(1n+2) {	background: #63ae53
}
.list-role-descs.faq li.hover:nth-of-type(1n+2):hover {	background: -webkit-linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) #63ae53;	background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) #63ae53
}
.list-role-descs.faq li.hover:nth-of-type(2n+1) {	background: #009348
}
.list-role-descs.faq li.inner-col--sq-container:nth-of-type(2n+1):hover {	background: -webkit-linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) #009348;	background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) #009348
}
.list-role-descs.faq li.hover:nth-of-type(5),
.list-role-descs.faq li.hover:nth-of-type(9) {	background: #3b673b
}
.list-role-descs.faq li.hover:nth-of-type(5):hover,
.list-role-descs.faq li.hover:nth-of-type(9):hover {	background: -webkit-linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) #3b673b;	background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) #3b673b
}
.list-role-descs.faq li.hover:nth-of-type(4n) {	background: #9dc34c
}
.list-role-descs.faq li.hover:nth-of-type(4n):hover {	background: -webkit-linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) #9dc34c;	background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) #9dc34c
}
.list-role-descs.faq li.hover:nth-of-type(1) {	background: #009348
}
.list-role-descs.faq li.hover:nth-of-type(1):hover {	background: -webkit-linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) #009348;	background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) #009348
}
.inner-col--sq-container {	margin: 0 auto;	width: 23%;	max-width: 100%;	max-heigh: 100%;
}
/* ------------------------------------------------ Profile Images with Quotes ----------------------------------------------- */
.list-quote-descs {	margin:0 auto;	-webkit-padding-start: 2px;
}
.list-quote-descs li {	margin:1px
}
.inner-col--sq-container { display: -webkit-box; display: -ms-flexbox; display: flex;	-ms-flex-flow: column nowrap; flex-flow: column nowrap;	-webkit-box-pack: end; -ms-flex-pack: center; justify-content: center;
}
@media screen and (max-width:1250px){
.inner-col--sq-container {	margin: 0;	padding:0;	width: 23%;	max-width: 375px;	height: 500px;	max-heigh: 375px;
}	}
li.role-container {	font-size: 1rem;	font-weight: 400;	height:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;
}
li.role-container figure {	margin:0 auto;	width: 220px
}
svg#individual {	width:75px
}
.inner-col--sq-container figcaption div {	padding: 0 10px; z-index: 7;
}
.inner-col--sq-container figcaption div footer {	font-size: .8rem;	font-style: italic;	text-align: right;	font-family: 'Roboto', serif;
}
@media screen and (max-width:73em) {	.inner-col--sq-container figcaption {	position:absolute; bottom:0	}	.inner-col--sq-container {	width: 49%;	margin:0 auto;	}	.list-quote-descs {	margin:0;	padding:0;	}
}
@media screen and (max-width: 72em) {	.list-role-descs, .list-quote-descs {	margin: 0 auto; padding:0	}	.list-quote-descs {	padding-left:1%	}
}
@media screen and (max-width:71em) {	.list-role-descs.faq li.hover {	margin:0;	width: 50%;	background: #fff;	-webkit-transition: all .2s ease-in-out;	transition: all .2s ease-in-out;	overflow: hidden;	}	.inner-col-2 {	width:100%;	max-width: 500px	}
}
@media screen and (max-width:550px) {	.list-role-descs.faq li.hover {	width:100%;	}	.inner-col--sq-container {	width: 100%;	}
} /*li.inner-col--sq-container:nth-child(n+7), .list-quote-descs li:nth-child(n+7) {	-webkit-box-pack: start;	-webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-self:flex-start; -ms-flex-item-align:start; align-self:flex-start;
}
/******************** INNER CONTAINERS WITH CLASS NAMES **********************/
ul.list-role-descs li, ul.list-quote-descs li {	list-style-type: none;	box-sizing: border-box;
}
@media screen and (max-width: 50em) {	ul.list-role-descs li, ul.list-quote-desc li {	margin: 0;	}
}
.list-role-descs li a, .list-quote-descs li a {	text-decoration: underline; color: inherit;
}
.list-role-descs.faq li p {	display: none;	opacity: 0;
}
/******************** INNER CONTAINERS WITH CLASS NAMES :: ATTRIBUTE STATE(S) STYLES **********************/
.list-role-descs.faq li.hover:hover,
.list-role-descs.faq li.hover:active {	background: #444;	cursor: pointer;
}
.list-role-descs.faq li:hover h6,
.list-role-descs.faq li:focus h6,
.list-role-descs.faq li:active h6 {	display:none;	color: #fff;	margin: 4% auto 1%;
}
.list-role-descs li:hover p,
.list-role-descs li:focus p,
.list-role-descs li:active p {	display: block;	opacity: 1;	width: 90%;	font-size: 1.12rem;	letter-spacing: .01rem;	line-height: 1.25;	color: #fff;	margin: 0 auto;	-webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center
}
.list-role-descs.faq li.inner-col--sq-container:hover {	background: -webkit-linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45) );	background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45) )
}
.list-role-descs li:hover p::-moz-selection {	display: block;	width: 85%;	font-size: 13px;	letter-spacing: .04rem;	line-height: 1.15rem;	color: #fff;
}
.list-role-descs li:hover p::selection {	display: block;	width: 85%;	font-size: 13px;	letter-spacing: .04rem;	line-height: 1.15rem;	color: #fff;
}
@media screen and (max-width: 50em) {	/*.list-role-descs li a:hover p,	.list-role-descs li a:focus p,	.list-role-descs li a:active p {	width: 98%;	font-size: 13px!important;	letter-spacing: .04rem;	line-height: 1.15rem;	margin: 0;	padding: 0;	}	.list-role-descs li:hover p::-moz-selection {	width: 98%;	font-size: 13px;	letter-spacing: .04rem;	line-height: 1.15rem;	}	.list-role-descs li:hover p::selection {	width: 98%;	font-size: 13px;	letter-spacing: .04rem;	line-height: 1.15rem;	}*/
}
.list-quote-descs li:hover,
.list-quote-descs li:active {	cursor: pointer;
}
@media screen and (max-width: 50em) {	.list-quote-descs li:hover p,	.list-quote-descs li:focus p,	.list-quote-descs li:active p {	width: 98%;	font-size: 13px!important;	letter-spacing: .04rem;	line-height: 1.15rem;	margin: 0;	padding: 0;	}	.list-quote-descs li:hover p::-moz-selection {	width: 98%;	font-size: 13px;	letter-spacing: .04rem;	line-height: 1.15rem;	}	.list-quote-descs li:hover p::selection {	width: 98%;	font-size: 13px;	letter-spacing: .04rem;	line-height: 1.15rem;	}
}
.inner-col--sq-container {	position: relative;
}
.profile-title {	padding: 0 15px;	width:100%;	margin: 0 auto;	font-size: .85rem;
}
/*.inner-col--sq-container:hover .profile-title {	display: none;
}*/
button:focus {	outline: 0 !important;
}
/* --------------------------------------------- Safari ------------------------------------------------ */
/* Safari 6.1+ (non-iOS) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {	@media {	_:-webkit-full-screen,	.safari_only_pc_grid {	max-width: 80%;	font-size: 1.2em;	}	}
}
/* Safari 9.0+ (non-iOS) */
_:-webkit-full-screen:not(:root:root),
.safari_only_pc_grid {	max-width: 80%;	font-size: 1.2em;
}
Short-Term Volunteer Page P1 - Script Codes
Short-Term Volunteer Page P1 - Script Codes
Home Page Home
Developer Vanessa Vevoda
Username vanessav
Uploaded September 12, 2022
Rating 3
Size 16,236 Kb
Views 30,360
Do you need developer help for Short-Term Volunteer Page P1?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Vanessa Vevoda (vanessav) Script Codes
Name
Fundraising FlexBox-OotB
CSS Email Background Shapes
Volunteer Page Build P2
Volunteer Page Build V3
Fundraising Campaign Profiles w FlexBox
Fundraising Concept
Fundraising Landing Page w Flexbox
Year-Round Packing Ideas
EDM Page
A Pen by Vanessa Vevoda
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!