Humanitarian Toolbox

<!DOCTYPE html> <html> <head> <title>Humanitarian Toolbox</title> <link type="application/rss+xml" rel="alternate" title="Humanitarian Toolbox Blog" href="/blog/rss" /> <link type="application/atom+xml" rel="alternate" title="Humanitarian Toolbox Blog" href="/blog/atom" /> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <link href="/static/css/bootstrap/bootstrap.min.css" rel="stylesheet" media="screen">  <link href="/static/css/app/htbox-website.css" rel="stylesheet" media="screen">   <link href="/static/css/wp8fix/wp8fix.css" rel="stylesheet" media="screen"/> <script src="/static/js/wp8fix/wp8fix.js"></script> <script type="text/javascript" src="//use.typekit.net/lhl8dek.js"></script> <script type="text/javascript">try { Typekit.load(); } catch (e) { }</script> </head> <body id="start"> <div class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/"> <span class="visible-xs">Humanitarian Toolbox</span> <img src="/upload/home/ht-text.png" alt="Humanitarian Toolbox" class="hidden-xs img-responsive"/> </a> </div> <div class="navbar-collapse collapse pull-right"> <ul class="nav navbar-nav"> <li><a href="/about">About</a></li> <li><a href="/sign-up">Sign Up</a></li> <li><a href="/projects">Projects</a></li> <li><a href="/blog">Blog</a></li> <li><a href="/news">News</a></li> <li><a href="/donate">Donate</a></li> </ul> </div> </div> </div>  <div class="jumbotron"> <div class="jcarousel"> <ul> <li><img src="/upload/carousel/ht-hero (1).jpg" style="width:375px"/></li> <li><img src="/upload/carousel/ht-hero (2).jpg" style="width:888px"/></li> <li><img src="/upload/carousel/ht-hero (3).jpg" style="width:888px"/></li> <li><img src="/upload/carousel/ht-hero (4).jpg" style="width:332px"/></li> <li><img src="/upload/carousel/ht-hero (5).jpg" style="width:666px"/></li> <li><img src="/upload/carousel/ht-hero (6).jpg" style="width:666px"/></li> <li><img src="/upload/carousel/ht-hero (7).jpg" style="width:666px"/></li> <li><img src="/upload/carousel/ht-hero (8).jpg" style="width:666px"/></li> <li><img src="/upload/carousel/ht-hero (9).jpg" style="width:666px"/></li> <li><img src="/upload/carousel/ht-hero (10).jpg" style="width:666px"/></li> <li><img src="/upload/carousel/ht-hero (11).jpg" style="width:750px"/></li> <li><img src="/upload/carousel/ht-hero (12).jpg" style="width:333px"/></li> <li><img src="/upload/carousel/ht-hero (13).jpg" style="width:333px"/></li> <li><img src="/upload/carousel/ht-hero (14).jpg" style="width:750px"/></li> <li><img src="/upload/carousel/ht-hero (15).jpg" style="width:750px"/></li> </ul> </div> <div class="container"> <div class="hero-bg"></div> <div class="hero-content"> <img src="/upload/home/ht-hero.png" class="img-responsive" style="padding-bottom: 20px"/> <p>The Next Big Storm is a Coding Challenge.  Sign up to help humanitarian organizations solve technology problems with open source solutions.</p> <p><a class="btn btn-primary btn-lg" href="/sign-up">Sign Up Now »</a></p> </div> </div> </div> <div class="container"> <div class="sub-hero row"> <div class="col-lg-12"> <h2>Recent News</h2> <hr /> </div> <div class="col-lg-8"> <a href="/blog/check-out-our-latest-project-two-weeks-ready"><img src="/upload/projects/two-weeks-ready/two-weeks-ready.png" class="img-responsive" style="max-height: 280px;"/></a> <h4>Check out our latest project Two Weeks Ready <a href="/blog/check-out-our-latest-project-two-weeks-ready">[learn more]</a></h4> <p class="text-muted">5/20/2020</p> </div> <div class="col-lg-4"> <p><a href="/blog/the-first-two-weeks-ready-codeathon">The First Two Weeks Ready Codeathon</a> <br /> <span class="text-muted">2/8/2021</span></p> <p><a href="/blog/progressive-web-apps-vs-native-mobile-apps-and-two-weeks-ready">Progressive Web Apps vs Native Mobile Apps and Two Weeks Ready</a> <br /> <span class="text-muted">2/1/2021</span></p> <p><a href="/blog/two-weeks-ready-helping-you-prepare-for-disaster">Two Weeks Ready – Helping you Prepare for Disaster</a> <br /> <span class="text-muted">1/13/2021</span></p> <p><a href="/blog/introducing-two-weeks-ready">Introducing Two Weeks Ready</a> <br /> <span class="text-muted">12/15/2020</span></p> </div> </div> <div class="sub-hero row"> <div class="col-lg-12"> <h2>What We Do</h2> <hr /> </div> <div class="col-lg-4"> <h3>Creating Solutions</h3> <p>The Humanitarian Toolbox is a sustained effort to leverage technology and skilled volunteer communities to solve the needs of response organizations and communities affected by disasters.</p> </div> <div class="col-lg-4"> <h3>Building Together</h3> <p>We strive to bring together the greatest diversity of contributors (across experience levels, opportunity, and disciplines) to grow their own skills while they design, code, test and deploy solutions for good.</p> </div> <div class="col-lg-4"> <h3>Delivering Impact</h3> <p>Our "toolbox" of open solutions can then enable responders and organizations to deliver relief more efficiently and grow communities' access to information and resiliency as they prepare for, recover from and rebuild after disasters.</p> </div> </div> <div class="sub-hero row"> <div class="col-xs-12 col-md-12"><p class="text-muted">Humanitarian Toolbox is grateful for the support from these organizations:</p></div> <div class="col-xs-4 col-md-2"><a href="http://www.nethope.org"><img src="/upload/partners/nethope.png" alt="NetHope" class="img-responsive"/></a></div> <div class="col-xs-4 col-md-2"><a href="http://auth0.com"><img src="/upload/partners/auth0.png" alt="auth0" class="img-responsive"/></a></div> <div class="col-xs-4 col-md-2"><a href="http://www.crisiscommons.org"><img src="/upload/partners/crisiscommons.png" alt="Crisis Commons" class="img-responsive"/></a></div> <div class="col-xs-4 col-md-2"><a href="http://www.dotnetrocks.com"><img src="/upload/partners/dotnetrocks.png" alt=".NET Rocks!" class="img-responsive"/></a></div> <div class="col-xs-4 col-md-2"><a href="http://www.microsoft.com"><img src="/upload/partners/microsoft.png" alt="Microsoft" class="img-responsive"/></a></div> <div class="col-xs-4 col-md-2"><a href="http://www.telerik.com"><img src="/upload/partners/Telerik_Logo_Positive.png" alt="Telerik" class="img-responsive" /></a></div> </div> <footer> <hr> <div class="pull-right"><a href="#top">Back to top</a></div> <p></p> <p>Follow Humanitarian Toolbox on our <a href="/blog">Blog</a> and at <a href="http://twitter.com/htbox">Twitter</a> and <a href="https://github.com/htbox/">GitHub</a>.</p> <p>Code for this website and our projects are hosted on <a href="https://www.visualstudio.com/vso/">Visual Studio Team Services</a> and <a href="https://github.com">GitHub</a>.</p> </footer> </div>    <script src="/static/js/jquery/jquery-1.10.2.min.js"></script> <script src="/static/js/bootstrap/bootstrap.min.js"></script> <script src="/static/js/jcarousel/jquery.jcarousel.js"></script> <script src="/static/js/jcarousel/jquery.jcarousel-autoscroll.js"></script> <script type="text/javascript"> $(function() { $('.jcarousel').jcarousel({ 'wrap': 'circular', 'animation': 2000 }).jcarouselAutoscroll({ 'interval': 5000 }); }); </script> <script type="text/javascript"> var _gauges = _gauges || []; (function() { var t = document.createElement('script'); t.type = 'text/javascript'; t.async = true; t.id = 'gauges-tracker'; t.setAttribute('data-site-id', '55acfa0d5dd0535c30000087'); t.setAttribute('data-track-path', 'http://track.gaug.es/track.gif'); t.src = 'http://track.gaug.es/track.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(t, s); })(); </script> </body> </html>

CINXE.COM

Humanitarian Toolbox