index.html

---
title: home
layout: default
---

<section class="header-section" id="intro">
  {% include navigation.html %}
	<div class="content">
		<h1 class="mission">Building resilient systems to keep civil society safe online</h1>
		<img class="logo" src="assets/images/logo.svg" />
	</div>
</section>

<section class="page-section" id="learn-more">
	<div class="content">
		<h3 class="content-heading">Our work protects civil society and empowers activists to regain civic space.</h3>
	  <a class="tell-me-more" href="/about">Learn more</a>
	</div>
</section>

<section class="page-section" id="what-we-do">
	<div class="content">
    <div class="content-item">
		  <h4 class="content-heading">We believe</h4>
      <div>
    <img alt=""
							src="assets/images/community-96w.png"
							srcset="assets/images/community-192w.png 192w"
							sizes="(max-width: 800px) 80px, 120px"
				 />
    </div>
		<p>Digital security is a collective effort. We work with partners to bolster the digital strength and wellness of every individual within a community.</p>
    </div>
    <div class="content-item">
      <h4 class="content-heading">Our goal</h4>
      <div>
    <img alt=""
							src="assets/images/shield-35w.png"
							srcset="assets/images/shield-70w.png 70w"
							sizes="(max-width: 800px) 30px, 40px"
						/></div>
    <p>We aim to not only ensure timely and effective responses for our communities, but to reduce their need for emergency response in the first place.</p>
    </div>
  </div>
</section>

<section class="page-section" id="partner-orgs">
	<div class="content">
    <img alt=""
							src="assets/images/header-logo-small-53w.png"
							srcset="assets/images/header-logo-small-106w.png 106w"
				 sizes="(max-width: 800px) 60px, 80px"
						/>
		<h3 class="content-heading">We offer a variety of services through our local partner organizations.</h3>
	  <a class="tell-me-more" href="/about">Learn more</a>
	</div>
</section>