<!doctype html>
<html>
<head>
<meta name="csrf-token" content="gP0Q7IGLVoIV9ASS6P3FWC5RUY_2z5p9cLrhr23Y">

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N3FSK3');</script>
<!-- End Google Tag Manager -->

<script>
window.__VDEFAULTS__ = {
 currentPage: "about-us/blog/how-to-help-with-hurricane-relief",
 showModal: ""
}
</script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	
		
		
			
<title>Hurricane Harvey and Hurricane Irma Relief | Valley of the Sun United Way</title>
<meta name='keywords' content='Hurricane Harvey, Hurricane Irma, volunteer, donate, give, hurricane relief, hand in hand telethon, VOAD, Texas, Florida, George Strait, Tyler Perry, Selena Gomez, Beyoncé, Jay Leno, Brad Paisley, ' />
<meta name='description' content='​​The news of the tragedy left in the shadows of Hurricane Harvey and Hurricane Irma continues to spread as neighborhoods are left devastated. People across the country are looking for ways to help and reach out to the victims of these storms so their lives can be put back together and their communities rebuilt. If you are looking for a way to provide hurricane relief assistance, these resources are a great start. ' />
<link rel='canonical' href='https://vsuw.org/about-us/blog/how-to-help-with-hurricane-relief' />

<meta name="viewport" content="width=device-width, maximum-scale=1" />

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="/images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png">

<link href="/inc/fonts/League-Gothic-fontfacekit/League-Gothic-fontfacekit.css" rel="stylesheet" type="text/css" />
<link href="/inc/fonts/Muli-fontfacekit/Muli-fontfacekit.css" rel="stylesheet" type="text/css" />
<link href="/inc/fonts/Muli-Italic-fontfacekit/Muli-Italic-fontfacekit.css" rel="stylesheet" type="text/css" />

<link href="/inc/css/jquery.fancybox.css?v=2.1.4" rel="stylesheet" media="screen" type="text/css" />
<link href="/inc/css/carousel.css" rel="stylesheet" type="text/css">
<link href="/inc/css/master.css?v=20171031" rel="stylesheet" type="text/css" />
<link href="/inc/css/responsive.css" rel="stylesheet" type="text/css" />


<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<link href="/inc/css/ie8.css" rel="stylesheet" />
<![endif]-->

<script src="/inc/js/modernizr.custom.92394.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<!-- Carousel JS -->
<script type="text/javascript" src="/inc/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="/inc/js/jquery.themepunch.revolution.js"></script>
<script src="/inc/js/carousel-options.js"></script>

<!-- FancyBox JS -->
<script src="/inc/js/jquery.fancybox.js?v=2.1.4"></script>
<!-- <script src="/inc/js/fancybox-options.js"></script> -->

<!-- ExactTarget JS -->
<script src="/inc/js/exactTarget.js"></script>

<script>(function() {
  var _fbq = window._fbq || (window._fbq = []);
  if (!_fbq.loaded) {
    var fbds = document.createElement('script');
    fbds.async = true;
    fbds.src = '//connect.facebook.net/en_US/fbds.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(fbds, s);
    _fbq.loaded = true;
  }
  _fbq.push(['addPixelId', '673631962750479']);
})();
window._fbq = window._fbq || [];
window._fbq.push(['track', 'PixelInitialized', {}]);
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=673631962750479&amp;ev=PixelInitialized" /></noscript>

</head>

<body class="blogContent-page">

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3FSK3"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<div id="header-container">
<header>

<!-- ************************************ VSUW Logo ************************************ -->
<a href="/" id="vsuw-logo">Valley of the Sun United Way</a>


<!-- ************************************ Espanol, eNews, Donate buttons ************************************ -->
<ul id="function-btns">
  <li><a href="" class="btn-header" onClick="showModal(); return false;">Join the Fight</a></li>
  
  
    <li><a class="btn-header" href="https://donate.vsuw.org/checkout/donation?eid=30711" onClick="_gaq.push(['_trackEvent', 'Donate', 'Click', 'Donate Online{if segment_1 == ''} - Homepage{/if}']);">Donate</a></li>
</ul>


<!-- ************************************ main navigation ************************************ -->
<div id="nav-container">
<a class="toggleMenu" href="">Menu</a>
<nav>

    <ul class="nav-sub">


        <li><a href="/community-objectives">Community Objectives</a>
                                            <ul id="nav-sub">
                          <li class="first"><a href="https://vsuw.org/community-objectives/ensure-kids-succeed">Ensure Kids Succeed</a></li>
                          <li class="first"><a href="https://vsuw.org/community-objectives/end-hunger">End Hunger</a></li>
                          <li class="first"><a href="https://vsuw.org/community-objectives/end-homelessness">End Homelessness</a></li>
                          <li class="first"><a href="https://vsuw.org/community-objectives/increase-financial-stability">Increase Financial Stability</a></li>
                          <li class="first"><a href="https://vsuw.org/community-objectives/life-changing-stories">Life-Changing Stories</a></li>
                          <li class="first"><a href="https://vsuw.org/community-objectives/where-your-money-goes">Your Dollars at Work</a></li>
                        </ul>
                  </li>
        <li><a href="/you-can-help/volunteer">Volunteer</a>
                                            <ul id="nav-sub">
                          <li><a href="https://vsuw.org/you-can-help/volunteer/calendar">Volunteer Opportunities Calendar</a></li>
                          <li><a href="https://vsuw.org/you-can-help/volunteer/affinity-groups">Affinity Groups</a></li>
                          <li><a href="https://vsuw.org/you-can-help/volunteer/project-connect1">Project Connect</a></li>
                          <li><a href="https://vsuw.org/you-can-help/volunteer/weekend-hunger-backpacks">WeekEnd Hunger Backpacks</a></li>
                          <li><a href="https://vsuw.org/you-can-help/volunteer/at-home-activities">At-Home Activities</a></li>
                          <li><a href="https://vsuw.org/you-can-help/volunteer/purpose">Party With a Purpose</a></li>
                        </ul>
                  </li>
        <li><a href="/tools-for-you">Tools</a>
                                            <ul id="nav-sub">
                          <li><a href="https://vsuw.org/tools-for-you/tools-for-parents">Tools for Parents</a></li>
                          <li><a href="https://vsuw.org/tools-for-you/resources">Resources</a></li>
                          <li><a href="https://vsuw.org/tools-for-you/project-connect-now">Project Connect</a></li>
                          <li><a href="https://vsuw.org/tools-for-you/two-one-one">211</a></li>
                          <li><a href="https://vsuw.org/tools-for-you/publications">Publications</a></li>
                          <li><a href="https://vsuw.org/tools-for-you/workforce-campaign">Workforce Campaign</a></li>
                        </ul>
                  </li>
        <li><a href="/about-us">About Us</a>
                                            <ul id="nav-sub">
                          <li><a href="https://vsuw.org/about-us/latest-news">Latest News</a></li>
                          <li><a href="https://vsuw.org/about-us/blog">Blog</a></li>
                          <li><a href="https://vsuw.org/about-us/our-corporate-partners">Our Corporate Partners</a></li>
                          <li><a href="https://vsuw.org/about-us/ethics-and-accountability">Ethics and Accountability</a></li>
                          <li><a href="https://vsuw.org/about-us/leadership">Leadership</a></li>
                          <li><a href="https://vsuw.org/about-us/press-kit">Press Kit</a></li>
                          <li><a href="https://vsuw.org/about-us/faqs">FAQs</a></li>
                          <li><a href="https://vsuw.org/about-us/careers">Careers</a></li>
                          <li><a href="https://vsuw.org/about-us/public-policy-agenda"> Public Policy Agenda</a></li>
                          <li><a href="https://vsuw.org/about-us/cause-marketing-partnerships-with-valley-of-the-sun-united-way">Cause Marketing Partnerships</a></li>
                        </ul>
                  </li>
    </ul>

</nav>
</div><!-- end #nav-container -->

</header>
</div><!-- end #header-container -->

<div id="breadcrumb-container">
  <div id="breadcrumb">
    <ul>
      <li><a href="/">Home</a></li>
                            <li><a href="/about-us">About Us</a></li>
                    <li><a href="/about-us/blog">Blog</a></li>
                              <li class="last">How to Help With Hurricane Relief</li>
          </ul>
    </div>
</div>


<!-- ************************************ Page Headline ************************************ -->
<h1>How to Help With Hurricane Relief</h1>


<!-- ************************************ Middle Columns ************************************ -->

<div id="middle-container">
<div id="middle">

    <!-- ************ Left Column ************ -->
	<div class="columns2 left-column">

    	<article>


<p class="posted"><span class="date">09/12/2017</span>, By <i>Valley of the Sun United Way</i></p>

<p>The news of the tragedy left in the shadows of Hurricane Harvey and Hurricane Irma continues to spread as neighborhoods are left devastated. People across the country are looking for ways to help and reach out to the victims of these storms so their lives can be put back together and their communities rebuilt. If you are looking for a way to provide hurricane relief assistance, these resources are a great start.&nbsp;</p>
<h2>Hand In Hand Telethon</h2>
<figure rel="width: 402px; height: 172px;"><a href="https://handinhand2017.com/"><img src="https://vsuw-assets.s3.amazonaws.com/images/uploads/Hand-in-Hand.jpg" style="width: 402px; height: 172px;" width="402" height="172"></a></figure>
<p><strong>September 12 at 5 p.m. MST</strong>, musicians and celebrities are coming together on online and televised networks to host the <strong>Hand In Hand Telethon</strong> with live performances from Los Angeles, New York, and Nashville to raise money for hurricane relief. Some of the guest stars include <strong>George Strait, Tyler Perry, Selena Gomez, Beyoncé, Jay Leno, Brad Paisley and many more</strong> are listed on the <a href="https://handinhand2017.com/"><strong>Hand in Hand Telethon website</strong></a>. Tune in to one of the many available channels and donate online to provide your support.&nbsp;<br></p>
<p class="purpleButton"><a href="https://handinhand2017.com/">More Information</a></p>
<figure rel="width: 428px; height: 151px;"><img src="https://vsuw-assets.s3.amazonaws.com/images/uploads/Mother-and-Daughter-Need-Assistance.jpg" style="width: 428px; height: 151px;" width="428" height="151"></figure>
<h2>Donations</h2>
<p>Financial donation is one of the <strong>greatest ways to help in case of disasters</strong> when given to a reputable charity. It means being able to <strong>provide whatever the greatest need is as the needs change</strong>. United Ways across the affected areas are accepting donations and United Way Worldwide has set up a fund where <strong>100% of the profits</strong> will go to recovery efforts.
  </p>
<p class="redButton"><a href="https://www.uwtexas.org/hurricane-harvey">United Ways in Texas</a>&nbsp;</p>
<p class="redButton"><a href="http://www.uwof.org/disaster-response-fund">United Ways in Florida</a>&nbsp;</p>
<p class="redButton"><a href="https://www.unitedway.org/recovery">United Way Worldwide Fund</a>
  </p>
<h2>Volunteer
  </h2>
<p>While the rebuilding process begins, volunteers will be needed. It’s very important to <strong>register or apply to volunteer and wait to be contacted</strong> as organizations will have to assess the situation and the specific needs first. United Way and Voluntary Organizations Active in Disaster (VOAD) members have volunteer opportunities available. Use the links below to apply.
  </p>
<p class="yellowButton"><a href="https://unitedwaymiami.org/volunteer-after-a-disaster/">United Way of Miami-Dade</a>&nbsp;</p>
<p class="yellowButton"><a href="https://www.nvoad.org/hurricane-harvey/volunteer/">National VOAD Members</a>&nbsp;</p>
<p class="yellowButton"><a href="https://txvoad.communityos.org/cms/node/104">Texas VOAD Members</a>&nbsp;</p>
<p class="yellowButton"><a href="https://flvoad.communityos.org/cms/membership">Florida VOAD Members</a>&nbsp;</p>
<p class="yellowButton"><a href="https://prvoad.communityos.org/cms/membership">Puerto Rico VOAD Members</a></p>

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_pinterest_share"></a>
<a class="addthis_button_google_plusone_share"></a> 
<a class="addthis_button_email"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=undefined"></script>
<!-- AddThis Button END -->
			<div class="comments">
			    <div id="disqus_thread"></div>
                <script type="text/javascript">
                    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
                    var disqus_shortname = 'vsuw'; // required: replace example with your forum shortname

                    /* * * DON'T EDIT BELOW THIS LINE * * */
                    (function() {
                        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
                    })();
                </script>
                <noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
                <a href="//disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
			</div>


   		</article>

    </div><!-- end .columns2 -->


    <!-- ************ Right Column ************ -->
	<div class="columns3 right-column">

    <div class="in-this-section">
    <h2>Categories</h2>
    <ul>
        <li><a href="/about-us/blog">View All Entries</a></li>
                <li><a href="https://vsuw.org/about-us/blog/category/most-popular-posts">Most Popular Posts</a></li>
                <li><a href="https://vsuw.org/about-us/blog/category/end-homelessness">End Homelessness</a></li>
                <li><a href="https://vsuw.org/about-us/blog/category/end-hunger">End Hunger</a></li>
                <li><a href="https://vsuw.org/about-us/blog/category/ensure-kids-succeed">Ensure Kids Succeed</a></li>
                <li><a href="https://vsuw.org/about-us/blog/category/increase-financial-stability">Increase Financial Stability</a></li>
            </ul>
    </div><!-- end .in-this-section -->

    <h2>Get Involved</h2>
    <!-- begin get-involved -->
	<div id="get-involved">
<ul>

	<li class="btn-give"><a href="https://donate.vsuw.org/checkout/donation?eid=30711" onclick="_gaq.push(['_trackEvent', 'Donate', 'Click', 'Donate Online - Get Involved']);" id="giGive">Give</a></li>
 	<li class="btn-advocate"><a href="/you-can-help/advocate/">Advocate</a></li>
	<li class="btn-volunteer"><a href="http://volunteer.vsuw.org/">Volunteer</a></li>
	<li class="btn-join-group"><a href="/you-can-help/join-a-group">Join a Group</a></li>
</ul>
</div><!-- end #get-involved -->	<!-- end get-involved -->

    </div><!-- end .columns3 -->

</div><!-- end #middle -->
</div><!-- end #middle-container -->


<div id="bottom-container">
<div id="bottom">


<div class="columns3 footer1-column">
	<h3><a href="" class="footer1-toggle"></a>Contact Us</h3>
	<div class="footer1">

    <div>
	<h4>Phone</h4>
	602.631.4800

	<h4>Address</h4>
	3200 East Camelback Road, Suite 375<br>
	Phoenix, AZ 85018-2328<br>
<br>
    <p><a href="/contact-us" class="btn-blue">Contact Us</a></p>
	</div>

    <div>
    <h4>Volunteer Info</h4>
    <a href="mailto:volunteer@vsuw.org">volunteer@vsuw.org</a>

    <h4>General Info</h4>
    <a href="mailto:information@vsuw.org">information@vsuw.org</a>
	</div>

	</div><!-- end .footer1-->

</div>
<div class="columns3 footer2-column">
	<h3><a href="" class="footer2-toggle"></a>Site Search</h3>
    <div class="footer2">
    <form action="https://vsuw.org/search/results">
    <input name="keywords" type="text">
    <input name="submit" type="submit" value="Search">
    </form>

    <div class="social-icons">
    <a href="http://www.facebook.com/myvsuw" target="_blank" onClick="_gaq.push(['_trackEvent', 'Social', 'Click', 'Facebook']);"><img src="/images/icon-facebook@2x.png" width="38" height="38" alt="Facebook"></a>
    <a href="https://twitter.com/myvsuw" target="_blank" onClick="_gaq.push(['_trackEvent', 'Social', 'Click', 'Twitter']);"><img src="/images/icon-twitter@2x.png" width="38" height="38" alt="Twitter"></a>
    <a href="http://www.youtube.com/vsuw" target="_blank" onClick="_gaq.push(['_trackEvent', 'Social', 'Click', 'YouTube']);"><img src="/images/icon-youtube@2x.png" width="38" height="38" alt="Youtube"></a>
<a href="http://instagram.com/myvsuw" target="_blank" onClick="_gaq.push(['_trackEvent', 'Social', 'Click', 'Instagram']);"><img src="/images/uploads/instagram.png" width="38" height="38" alt="Instagram"></a>
    </div>

    <div class="facebook_like">
<div class="fb-like" data-href="https://www.facebook.com/myvsuw" data-layout="button_count" data-action="like" data-size="small" data-show-faces="true" data-share="false"></div>
	</div>

    <div class="footer2">
    <p><a href="/enews-sign-up" class="btn-blue-arrow">Subscribe to news</a></p>
    <p><a href="/about-us/blog" class="btn-blue-arrow">Subscribe to blog</a></p>
    </div>

    </div><!-- end .footer2-->
</div>

<div class="columns3 footer3-column">
	<h3><a href="" class="footer3-toggle"></a>Resources</h3>
    <div class="footer3">
    <ul>
    	<li><a href="/about-us/job-opportunities">Careers</a></li>
        <li><a href="/about-us/working-with-united-way/">Working with United Way</a></li>
        <li><a href="/about-us/workforce-resources">Workforce Resources</a></li>
        <li><a href="/about-us/press-kit/">Press Kit</a></li>
	<li><a href="https://volunteer.e-cimpact.com/login.aspx?returnurl=/default.aspx" target="_blank">e C-Impact Volunteer</a></li>
	<li><a href="https://agency.e-cimpact.com/login.aspx?returnurl=/default.aspx" target="_blank">e C-Impact Agency</a></li>
    </ul>
    </div><!-- end .footer3-->
</div>
</div>

</div><!-- end #bottom-container -->


<footer>
<div id="copyright">
&copy;2018 Valley of the Sun United Way, a 501(c)(3) tax-exempt organization.
</div>


<div id="footer-links">
	<ul>
	<li><a href="/terms-and-conditions">Terms &amp; Conditions</a></li>
	<li><a href="/disclaimer">Disclaimer</a></li>
        <li><a href="/privacy-policy">Privacy Policy</a></li>
        <li><a href="/sitemap">Site Map</a></li>
	</ul>
</div>
</footer>

</div> 
<script type="text/javascript" src="/inc/js/vsuw.js"></script>
<script type="text/javascript" src="/inc/js/exactTarget.js"></script>

<script type="text/javascript">
    var slug = 'how-to-help-with-hurricane-relief';
  if(slug == 'breakfast-in-the-classroom')
  {
    $('#giGive').attr('href', 'https://donate.vsuw.org/campaign/2017-breakfast-in-the-classroom/c124332');
  }
</script>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-6097859-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>


<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 929240711;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/929240711/?value=0&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

<!-- Tailwind -->

<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 968514479;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/968514479/?guid=ON&amp;script=0"/>
</div>
</noscript>

<!-- END Tailwind -->

<script type="text/javascript" src="//103521.collect.igodigital.com/collect.js"></script>
    <script type="text/javascript">
      _etmc.push(["setOrgId", "103521"]);
      _etmc.push(["trackPageView"]);
    </script>

<script src='//www.adreadytractions.com/rt/341221?p=52261'></script>

<!-- Google Code for Remarketing Tag -->
<!--------------------------------------------------
Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. See more information and instructions on how to setup the tag on: http://google.com/ads/remarketingsetup
--------------------------------------------------->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 938258353;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>

<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>

<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-56d702c6d22dc15c"></script>

<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/938258353/?value=0&amp;guid=ON&amp;script=0"/>
</div>
</noscript>


<div id="vue-modal-wrapper">
  <!-- use the modal component, pass in the prop -->
  <div v-if="showModal" @close="showModal = false">
    <div class="modal-mask bootstrap-iso" id="signUpModal" v-bind:style="{ height: documentHeight + 'px' }" v-on:click="closeModal($event)">
      
      <div class="modal-wrapper" id="modal-wrapper">
        <div class="modal-container">

          <div class="modal-body">
            <div v-show="showForm">
              <div id="close-modal"><a href="#" v-on:click.prevent="showModal = false">&times;</a></div>
              <h4>Join the fight!</h4>

              <p>We look forward to sharing the latest ways you can help fight to break the cycle of poverty.</p>

              <p class="modalSmallText">Select the topics you would like more information about:</p>

              <div class="row modalButtonRow">
                <div class="col-md-12">
                    <a v-for="(button, index) in buttons" 
                    :key="index" 
                    :id="index" 
                    :title="button.title" href="#" class="btn btn-primary btn-lg toggle-button" v-bind:class="{ active: button.active }" v-on:click="togglePreferences(index)">${ button.title }</a>
                </div>
              </div>

              <hr>

              <form class="form-vertical" v-cloak>
              <div class="row">
                <div class="form-group">
                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="email" :class="{ error: emailError }">Your <strong>Personal</strong> Email Address:</label>
                      <input tabindex="1" ref="emailInput" type="email" class="form-control" :class="{ error: emailError }" id="email" v-model="email">
                    </div>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="form-group">
                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="firstName" :class="{ error: firstNameError }">First Name</label>
                      <input tabindex="2" type="text" class="form-control" :class="{ error: firstNameError }"id="firstName" v-model="firstName">
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="lastName" :class="{ error: lastNameError }">Last Name</label>
                      <input tabindex="3" type="text" class="form-control" :class="{ error: lastNameError }" id="lastName" v-model="lastName">
                    </div>
                  </div>
                </div>
              </div>

              <div class="row">
                <div class="form-group">
                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="address" :class="{ error: addressError }">Address</label>
                      <input tabindex="4" type="text" class="form-control" :class="{ error: addressError }" id="address" v-model="address">
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="address2">Address 2 <span class="text-small">Optional</span></label>
                      <input tabindex="5" type="text" class="form-control" id="address2" v-model="address2">
                    </div>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="form-group">
                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="city" :class="{ error: cityError }">City</label>
                      <input tabindex="6" type="text" class="form-control" :class="{ error: cityError }" id="city" v-model="city">
                    </div>
                  </div>
                  <div class="col-md-2">
                    <div class="form-group">
                      <label for="state">State</label>
                      <select tabindex="7" class="form-control" v-model="state">
                        <option value="AL">AL</option>
                        <option value="AK">AK</option>
                        <option value="AR">AR</option>  
                        <option value="AZ" selected>AZ</option>
                        <option value="CA">CA</option>
                        <option value="CO">CO</option>
                        <option value="CT">CT</option>
                        <option value="DC">DC</option>
                        <option value="DE">DE</option>
                        <option value="FL">FL</option>
                        <option value="GA">GA</option>
                        <option value="HI">HI</option>
                        <option value="IA">IA</option>  
                        <option value="ID">ID</option>
                        <option value="IL">IL</option>
                        <option value="IN">IN</option>
                        <option value="KS">KS</option>
                        <option value="KY">KY</option>
                        <option value="LA">LA</option>
                        <option value="MA">MA</option>
                        <option value="MD">MD</option>
                        <option value="ME">ME</option>
                        <option value="MI">MI</option>
                        <option value="MN">MN</option>
                        <option value="MO">MO</option>  
                        <option value="MS">MS</option>
                        <option value="MT">MT</option>
                        <option value="NC">NC</option>  
                        <option value="NE">NE</option>
                        <option value="NH">NH</option>
                        <option value="NJ">NJ</option>
                        <option value="NM">NM</option>      
                        <option value="NV">NV</option>
                        <option value="NY">NY</option>
                        <option value="ND">ND</option>
                        <option value="OH">OH</option>
                        <option value="OK">OK</option>
                        <option value="OR">OR</option>
                        <option value="PA">PA</option>
                        <option value="RI">RI</option>
                        <option value="SC">SC</option>
                        <option value="SD">SD</option>
                        <option value="TN">TN</option>
                        <option value="TX">TX</option>
                        <option value="UT">UT</option>
                        <option value="VT">VT</option>
                        <option value="VA">VA</option>
                        <option value="WA">WA</option>
                        <option value="WI">WI</option>  
                        <option value="WV">WV</option>
                        <option value="WY">WY</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="zip" :class="{ error: zipError }">Zip</label>
                      <input tabindex="8" type="text" class="form-control" :class="{ error: zipError }" id="zip" v-model="zip">
                    </div>
                  </div>
                </div>
              </div>
              </form>
            </div> 
            <div v-show="showThanks">
              <h4>Thanks for your support!</h4>
              <p>Thank you for adding your name and saying you'll keep fighting to break the cycle of poverty with Valley of the Sun United Way.</p>
              <p>Together, our voices become louder -- because we all know real change can't be achieved alone.</p>
              <p>We look forward to staying in touch.</p>
              <p><a href="#" class="btn btn-primary btn-vsuw-purple" @click.prevent="showModal = false">Close</a></p>
            </div>
          </div>

          <div class="row" v-show="errors.length > 0">
            <div class="col-md-12 error" style="margin-bottom: 20px;">
              <strong>There was an error with your submission, please correct the fields marked in red above.</strong>
            </div>
            <hr>
          </div>

          <div class="modal-footer" v-show="showForm">
            <div class="row">
              <div class="col-md-4"> <input type="submit" class="btn btn-primary btn-vsuw-purple btn-block" value="Submit" @click.prevent="onSubmit"></div>
              <div class="col-md-4"></div>
            </div>
             
              
          </div>
        </div>
      </div>
    </div>
  </div>

</div>
<link rel="stylesheet" type="text/css" href="/inc/bootstrap/bootstrap-iso.css">
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.4/vue.min.js"></script>
<script type="text/javascript" src="/inc/js/vue/emailcapture-min.js?v=20171031-2"></script>
<link rel="stylesheet" type="text/css" href="/inc/css/email-modal-min.css?v=20171031-2">
</body>
</html>
