index.html

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>where2help.at</title>
  <meta name="description" content="where2help.at">
  <meta name="author" content="SitePoint">

  <link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="css/styles.css">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600" rel="stylesheet" type="text/css">
</head>
<body>
  <div id="header"><a href="/"><img src="img/logo_head.png" alt="where2help"/></a></div>
<div id="opener" data-parallax="scroll" data-image-src="img/bg.jpg" data-speed="0.5" data-position="0px">
<h1>Die einfachste Lösung um freiwillige Helfer zu organisieren.</h1>
<h2>In Kürze verfügbar – keep me informed:</h2>
<!-- Slightly Modified MailChimp Signup Form -->
<div id="mc_embed_signup">
  <form action="//where2help.us12.list-manage.com/subscribe/post?u=a8596572b278b1f4081019a83&amp;id=acce98df35" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
     <div id="mc_embed_signup_scroll" class="text-center">
       <!-- <input type="email">
       <input type="submit"> -->
      <!-- <h2>Subscribe to our mailing list</h2> -->
      <!-- <div class="indicates-required"><span class="asterisk">*</span> indicates required</div> -->
      <div class="mc-field-group">
          <!-- <label for="mce-EMAIL">Email Address
            <span class="asterisk">*</span>
          </label> -->
          <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Enter your Email Address">
      </div>
      <!-- <div class="mc-field-group">
          <label for="mce-FNAME">First Name </label>
          <input type="text" value="" name="FNAME" class="" id="mce-FNAME">
      </div>
      <div class="mc-field-group">
          <label for="mce-LNAME">Last Name </label>
          <input type="text" value="" name="LNAME" class="" id="mce-LNAME">
      </div> -->
      <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
      <div style="position: absolute; left: -5000px;"><input type="text" name="b_a8596572b278b1f4081019a83_acce98df35" tabindex="-1" value=""></div>
      <div class="clear">
    </div>
  </form>
</div>
<!--End mc_embed_signup-->

</div>
<div id="container">
  <div id="mce-responses" class="clear">
    <p>
      <div class="response" id="mce-error-response" style="display:none"></div>
      <div class="response" id="mce-success-response" style="display:none"></div>
    </p>
  </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
  <p class="text">Das ist das Siegerprojekt des <a href="http://www.hackathon.wien/blog/refugeehackvienna.html">Refugee Hacks</a> Vienna vom 9.-11. Oktober in Wien.</p>
  <p><a href="http://www.hackathon.wien/blog/refugeehackvienna.html"><img id="rfhv-logo" src="img/rfhv.png" alt="Refugee Hack Vienna Logo"/></a></p>

  <h1>Stell dir vor ...</h1>
<p class="text">Stell dir vor, du kommst irgendwohin um als Freiwilliger zu helfen und stellst dort fest, dass du nicht gebraucht wirst, weil schon ausreichend Helfer vor Ort sind.<br/>
  Where2Help ist ein einfaches Tool um freiwillige Helfer zur richtigen Zeit, in der richtigen Anzahl an den richtigen Ort zu bringen.
  Organisationen und Helfergruppen können Hilfeanfragen erstellen. Alle angemeldeten Helfer bekommen über die App eine Benachrichtigung
  und melden sich für die Aufgabe. Organisationen behalten den vollen Überblick, wie viele Helfer schon zugesagt haben und wie viele noch
  gebraucht werden. Freiwillige Helfer wissen jederzeit wann und wo ihre Hilfe noch benötigt wird.</p>
<h1>Lösung</h1>
<h2>Eingabe von Hilfeanfragen</h2>
<img class="screenshot-desktop" src="img/screenshot_web.png" alt="Eingabemaske für Hilfeanfragen"/>
<h2>Android App</h2>
<img class="screenshot-mobile" src="img/screenshot_android_main.png" alt="Übersichtsliste für Helfer"/>
<img class="screenshot-mobile" src="img/screenshot_android_detail.png" alt="Detailansicht für Helfer"/>
<p>Verfügbar in K&uuml;rze f&uuml;r:</p>
<p>
<img class="plattform" src="img/apple.png" alt="for iOS" />
<img class="plattform" src="img/android.png" alt="for Android" />
<img class="plattform" src="img/web.png" alt="and on the web" /></p>
<p>
  <a class="btn" href="https://github.com/refugeeHackVienna/iamin#where2help">Check it out on GitHub!</a>
  <a class="btn" href="http://facebook.com/where2help">Facebook</a>
</p>
<p>Created in 48h at the <a href="http://www.hackathon.wien/">Refugee Hack Vienna</a>.</p>
<p>Feel free to <a href="/contact.html">contact us</a>.</p>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/parallax.min.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>

</body>
</html>