<commit_before><!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="">
  <meta name="author" content="">
  
  <title>Volunteer | Helping Hands</title>

  <link rel="icon" href="img/favicon.ico" type="image/x-icon" />

  <!-- Bootstrap Core CSS -->
  <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">

  <!-- Custom Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:700,800,900&display=swap" rel="stylesheet" type='text/css'>
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" type='text/css'>
  <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">

  <!-- Plugin CSS -->
  <link rel="stylesheet" href="css/animate.min.css" type="text/css">

  <!-- Custom CSS -->
  <link rel="stylesheet" href="css/creative.css" type="text/css">
  <link rel="stylesheet" href="img/device-mockups/device-mockups.min.css">
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>-->

  <!-- start Mixpanel -->
  <script type="text/javascript">(function(e,a){if(!a.__SV){var b=window;try{var c,l,i,j=b.location,g=j.hash;c=function(a,b){return(l=a.match(RegExp(b+"=([^&]*)")))?l[1]:null};g&&c(g,"state")&&(i=JSON.parse(decodeURIComponent(c(g,"state"))),"mpeditor"===i.action&&(b.sessionStorage.setItem("_mpcehash",g),history.replaceState(i.desiredHash||"",e.title,j.pathname+j.search)))}catch(m){}var k,h;window.mixpanel=a;a._i=[];a.init=function(b,c,f){function e(b,a){var c=a.split(".");2==c.length&&(b=b[c[0]],a=c[1]);b[a]=function(){b.push([a].concat(Array.prototype.slice.call(arguments,
    0)))}}var d=a;"undefined"!==typeof f?d=a[f]=[]:f="mixpanel";d.people=d.people||[];d.toString=function(b){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);b||(a+=" (stub)");return a};d.people.toString=function(){return d.toString(1)+".people (stub)"};k="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config reset people.set people.set_once people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");
    for(h=0;h<k.length;h++)e(d,k[h]);a._i.push([b,c,f])};a.__SV=1.2;b=e.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";c=e.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c)}})(document,window.mixpanel||[]);
    mixpanel.init("df883a7042534c5c54bebb05c9673f84");</script>
    <!-- end Mixpanel -->

    <!--[endif]-->

    <!-- Google Analytics Tracking Code for http://helpinghandsapp.com -->

    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-70753958-1', 'auto');
    ga('send', 'pageview');

    </script>

    <!-- Hotjar Tracking Code for http://helpinghandsapp.com -->
    <script>
    (function(h,o,t,j,a,r){
      h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
      h._hjSettings={hjid:188822,hjsv:5};
      a=o.getElementsByTagName('head')[0];
      r=o.createElement('script');r.async=1;
      r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
      a.appendChild(r);
    })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
    </script>

    <!-- Facebook Pixel Code -->
    <script>
    !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
      n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
      n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
      t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
        document,'script','https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '469056013291786');
        fbq('track', "PageView");</script>

        <noscript><img height="1" width="1" style="display:none"
          src="https://www.facebook.com/tr?id=469056013291786&ev=PageView&noscript=1"
          /></noscript>
          <!-- End Facebook Pixel Code -->

          <!-- mailchimp pop up code  -->
          <!-- <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us11.list-manage.com","uuid":"bb1a6c0f75e6f04a1ef2e8ca5","lid":"d9576472f9"}) })</script> -->

        </head>
   
   
       <!--====================================================================-->
      <body id="page-top">
        <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
          <!--<div class="container-fluid">-->
          <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand page-scroll" href="index.html">Helping Hands</a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav navbar-right">
                <li>
                  <a class="page-scroll" href="index.html#features">About</a>
                </li>
                <!--    <li>
                  <a class="page-scroll" href="#whats-new">What's new</a>
                </li> -->
                <li>
                  <a href="team.html">Team</a>
                </li>
                <li>
                  <a href="jointeam.html">Volunteer</a>
                </li>
                <li>
                  <a href="/blog">Blog</a>
                </li>
                <li>
                  <a href="index.html#contact">Contact</a>
                </li>
                <li>
                  <a  id="nav-bar-app" class="btn btn-seconday" href="http://app.helpinghandsapp.com" target="_blank">App</a>
              </ul>
            </div>
            <!-- /.navbar-collapse -->
          </div>
          <!-- /.container-fluid -->
        </nav>


  <!--============================================================================================-->

     
  <section id="contact" style="background: linear-gradient(to bottom left, rgb(0,152,238),rgb(0,76,143))">
    <div class="container">
        <div class="row text-center">
          <h2 text-align="center" style="font-size: 55px; font-weight:600; color: white;text-align: center; margin-bottom: 50px;margin-top: 50px;">Volunteer With Us
          <img id="volunteer-icon" src="img/volunteer-animal-img.png"style="vertical-align: middle;max-width:120px;">
          </h2>
            <!-- /.col-lg-10 -->
        </div>
        <!-- /.row -->  
    </div>
    <!-- /.container -->

    <section class="bg-primary center-block" style="border-radius: 55px; padding-top: 70px; padding-bottom: 150px; display: grid; justify-content: center;margin-bottom: -130px">
        <div class="row" style="margin: auto;">
          <div class="col-lg-12">
  
            <div class="col-md-6 justify-content-center" style="justify-content: center; margin-top:-10px; padding: 0px;">

              <div>
                 <h2 id="volunteer-title">What Our Volunteers Do!</h2>
              </div>
        
              <div class="volunteer-card" style="padding:5px 20px 10px 20px; ">
                  <h2 id="main-title"style="font-size:23px; margin-top:10px; font-weight:700">Lorem Ipsum </h2>
                  <h4 id="app-info-card-description"style="font-weight:300; font-size:15px;color: rgba(0,0,0,0.85);">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sgna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut 
                    aliquip ex ea</h4>
              </div>

              <div class="volunteer-card" style="padding:5px 20px 10px 20px;">
                  <h2 id="main-title"style="font-size:23px; margin-top:10px; font-weight:700">Lorem Ipsum </h2>
                  <h4 id="app-info-card-description"style="font-weight:300; font-size:15px; color: rgba(0,0,0,0.85);">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sgna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut 
                    aliquip ex ea</h4>
              </div>

              <div class="volunteer-card" style="padding:5px 20px 10px 20px;">
                  <h2 id="main-title"style="font-size:23px; margin-top:10px; font-weight:700">Lorem Ipsum </h2>
                  <h4 id="app-info-card-description" style="font-weight:300; font-size:15px;color: rgba(0,0,0,0.85);">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sgna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
                     aliquip ex ea </h4>
              </div>

              <div class="volunteer-card" style="padding:5px 20px 10px 20px;">
                <h2 id="main-title"style="font-size:23px; margin-top:10px; font-weight:700">Lorem Ipsum </h2>
                <h4 id="app-info-card-description"style="font-weight:300; font-size:15px; color: rgba(0,0,0,0.85);">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sgna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut 
                  aliquip ex ea</h4>
              </div>

            </div>
    
                <div class="col-md-6 justify-content-center">
                      <div class="justify-content-center" style="justify-content:center;margin:auto; max-width: 600px;">
                            <img src="img/volunteer-img.png" class="img-responsive"><commit_msg>Content Update<commit_after><!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="">
  <meta name="author" content="">
  
  <title>Volunteer | Helping Hands</title>

  <link rel="icon" href="img/favicon.ico" type="image/x-icon" />

  <!-- Bootstrap Core CSS -->
  <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">

  <!-- Custom Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:700,800,900&display=swap" rel="stylesheet" type='text/css'>
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" type='text/css'>
  <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">

  <!-- Plugin CSS -->
  <link rel="stylesheet" href="css/animate.min.css" type="text/css">

  <!-- Custom CSS -->
  <link rel="stylesheet" href="css/creative.css" type="text/css">
  <link rel="stylesheet" href="img/device-mockups/device-mockups.min.css">
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>-->

  <!-- start Mixpanel -->
  <script type="text/javascript">(function(e,a){if(!a.__SV){var b=window;try{var c,l,i,j=b.location,g=j.hash;c=function(a,b){return(l=a.match(RegExp(b+"=([^&]*)")))?l[1]:null};g&&c(g,"state")&&(i=JSON.parse(decodeURIComponent(c(g,"state"))),"mpeditor"===i.action&&(b.sessionStorage.setItem("_mpcehash",g),history.replaceState(i.desiredHash||"",e.title,j.pathname+j.search)))}catch(m){}var k,h;window.mixpanel=a;a._i=[];a.init=function(b,c,f){function e(b,a){var c=a.split(".");2==c.length&&(b=b[c[0]],a=c[1]);b[a]=function(){b.push([a].concat(Array.prototype.slice.call(arguments,
    0)))}}var d=a;"undefined"!==typeof f?d=a[f]=[]:f="mixpanel";d.people=d.people||[];d.toString=function(b){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);b||(a+=" (stub)");return a};d.people.toString=function(){return d.toString(1)+".people (stub)"};k="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config reset people.set people.set_once people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");
    for(h=0;h<k.length;h++)e(d,k[h]);a._i.push([b,c,f])};a.__SV=1.2;b=e.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";c=e.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c)}})(document,window.mixpanel||[]);
    mixpanel.init("df883a7042534c5c54bebb05c9673f84");</script>
    <!-- end Mixpanel -->

    <!--[endif]-->

    <!-- Google Analytics Tracking Code for http://helpinghandsapp.com -->

    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-70753958-1', 'auto');
    ga('send', 'pageview');

    </script>

    <!-- Hotjar Tracking Code for http://helpinghandsapp.com -->
    <script>
    (function(h,o,t,j,a,r){
      h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
      h._hjSettings={hjid:188822,hjsv:5};
      a=o.getElementsByTagName('head')[0];
      r=o.createElement('script');r.async=1;
      r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
      a.appendChild(r);
    })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
    </script>

    <!-- Facebook Pixel Code -->
    <script>
    !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
      n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
      n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
      t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
        document,'script','https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '469056013291786');
        fbq('track', "PageView");</script>

        <noscript><img height="1" width="1" style="display:none"
          src="https://www.facebook.com/tr?id=469056013291786&ev=PageView&noscript=1"
          /></noscript>
          <!-- End Facebook Pixel Code -->

          <!-- mailchimp pop up code  -->
          <!-- <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us11.list-manage.com","uuid":"bb1a6c0f75e6f04a1ef2e8ca5","lid":"d9576472f9"}) })</script> -->

        </head>
   
   
       <!--====================================================================-->
      <body id="page-top">
        <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
          <!--<div class="container-fluid">-->
          <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand page-scroll" href="index.html">Helping Hands</a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav navbar-right">
                <li>
                  <a class="page-scroll" href="index.html#features">About</a>
                </li>
                <!--    <li>
                  <a class="page-scroll" href="#whats-new">What's new</a>
                </li> -->
                <li>
                  <a href="team.html">Team</a>
                </li>
                <li>
                  <a href="jointeam.html">Volunteer</a>
                </li>
                <li>
                  <a href="/blog">Blog</a>
                </li>
                <li>
                  <a href="index.html#contact">Contact</a>
                </li>
                <li>
                  <a  id="nav-bar-app" class="btn btn-seconday" href="http://app.helpinghandsapp.com" target="_blank">App</a>
              </ul>
            </div>
            <!-- /.navbar-collapse -->
          </div>
          <!-- /.container-fluid -->
        </nav>


  <!--============================================================================================-->

     
  <section id="contact" style="background: linear-gradient(to bottom left, rgb(0,152,238),rgb(0,76,143))">
    <div class="container">
        <div class="row text-center">
          <h2 text-align="center" style="font-size: 55px; font-weight:600; color: white;text-align: center; margin-bottom: 50px;margin-top: 50px;">Volunteer With Us
          <img id="volunteer-icon" src="img/volunteer-animal-img.png"style="vertical-align: middle;max-width:120px;">
          </h2>
            <!-- /.col-lg-10 -->
        </div>
        <!-- /.row -->  
    </div>
    <!-- /.container -->

    <section class="bg-primary center-block" style="border-radius: 55px; padding-top: 70px; padding-bottom: 150px; display: grid; justify-content: center;margin-bottom: -130px">
        <div class="row" style="margin: auto;">
          <div class="col-lg-12">
  
            <div class="col-md-6 justify-content-center" style="justify-content: center; margin-top:-10px; padding: 0px;">

              <div>
                 <h2 id="volunteer-title">What Our Volunteers Do!</h2>
              </div>
        
              <div class="volunteer-card" style="padding:5px 20px 10px 20px; ">
                  <h2 id="main-title"style="font-size:23px; margin-top:10px; font-weight:700">Learn Skills Relevant to their Interests</h2>
                  <h4 id="app-info-card-description"style="font-weight:300; font-size:16px;color: rgba(0,0,0,0.85); line-height:1.12">
                    From software development to social media marketing, our volunteers are given tasks that help them develop the skills they’d like to!</h4>
              </div>

              <div class="volunteer-card" style="padding:5px 20px 10px 20px;">
                  <h2 id="main-title"style="font-size:23px; margin-top:10px; font-weight:700">Make Meaningful Connections</h2>
                  <h4 id="app-info-card-description"style="font-weight:300; font-size:16px; color: rgba(0,0,0,0.85);line-height:1.12">
                    As we travel to multiple conferences/events, and meet with numerous people, our volunteers make new, vital connections frequently.</h4>
              </div>

              <div class="volunteer-card" style="padding:5px 20px 10px 20px;">
                  <h2 id="main-title"style="font-size:23px; margin-top:10px; font-weight:700">Work Comfortably</h2>
                  <h4 id="app-info-card-description" style="font-weight:300; font-size:16px;color: rgba(0,0,0,0.85);line-height:1.12">
                    By working remotely, or in settings and timings that best suit our volunteers as well as minimal restrictions, we help them work and have fun!</h4>
              </div>

              <div class="volunteer-card" style="padding:5px 20px 10px 20px;">
                <h2 id="main-title"style="font-size:23px; margin-top:10px; font-weight:700">Receive Reference Letters</h2>
                <h4 id="app-info-card-description"style="font-weight:300; font-size:16px; color: rgba(0,0,0,0.85);line-height:1.12">
                  Working with Helping Hands not only helps you build key references, but we also give reference letters to our volunteers whenever they need it!</h4>
              </div>

            </div>
    
                <div class="col-md-6 justify-content-center">
                      <div class="justify-content-center" style="justify-content:center;margin:auto; max-width: 600px;">
                            <img src="img/volunteer-img.png" class="img-responsive">
{'fraction_non_alphanumeric': 0.2070137284219111, 'fraction_numerical': 0.02963164333288025, 'mean_word_length': 2.956973825743994, 'pattern_counts': {'":': 8, '<': 325, '<?xml version=': 0, '>': 325, 'https://': 14, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 14, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5123255', 'n_tokens_mistral': 8003, 'n_tokens_neox': 7403, 'n_words': 1122}