index.html

---
layout: root
title: Open WhisperSystems
header: true
---

<section id="main">
  <article id='privacy'>
    <div class='container'>
      <hgroup>
        <h2>Need some privacy?</h2>
        <h3>
          Secure your communication with our mobile applications.
          <strong class='red'>It's that simple.</strong>
        </h3>
      </hgroup>

      <img class='illustration' alt="Cellphones" src="{% asset_path body/two_phones.png %}">

      <section class="checkpoints">
        <div class='checkpoint'>
          <h4><strong>Encrypted</strong> Communication And Storage</h4>
          <p>
            <strong>Our projects</strong> are focused on creating simple and
            easy-to-use tools for secure mobile communication and secure mobile
            storage.
          </p>
        </div>

        <div class='checkpoint'>
          <h4><strong>Open Source</strong> Software</h4>
          <p>
            <strong>The source</strong> for all our projects is open, so that
            anyone can easily verify they work as advertised. They are licensed
            GPLv3 and will always be free.
          </p>
        </div>

      </section>
    </div><!-- /.container -->
  </article>

  <article id='encrypted_voice'>
    <div class='container thin'>
      <hgroup>
        <h2>Private calls for Android</h2>
        <h3>
          <strong class='red'>RedPhone</strong> provides end-to-end encryption
          for your calls, securing your conversations so that nobody can listen
          in.
        </h3>
      </hgroup>
    </div>

      <div class='carousel-container'>
        <div class='carousel-frame' id='redphone_carousel_frame'>
          <div class='carousel slide' id='redphone_carousel'>
            <div class='carousel-inner'>
              <div class='active item'><img src="{% asset_path screens/redphone_dialer.png %}" alt='Screenshot'></div>
              <div class='item'><img src="{% asset_path screens/redphone_upgrade.png %}" alt='Screenshot'></div>
              <div class='item'><img src="{% asset_path screens/redphone_connected.png %}" alt='Screenshot'></div>
              <div class='item'><img src="{% asset_path screens/redphone_incoming.png %}" alt='Screenshot'></div>
            </div>
          </div>
        </div>
      </div>

    <section class='striped'>
      <div class='container thin'>
        <ul class='features'>
          <li>
            <a href="#" data-to="0" class="active">
              <i class='icon dial'></i>
              Use the default system dialer and contacts apps to make calls as
              you normally would.
            </a>
          </li>
          <li>
            <a href="#" data-to="1">
              <i class='icon cell-arrow'></i>
              RedPhone will give you the opportunity to upgrade to encrypted calls whenever possible.
            </a>
          </li>
          <li>
            <a href="#" data-to="2">
              <i class='icon cycle'></i>
              RedPhone calls are encrypted end-to-end, but function just like you're used to.
            </a>
          </li>
          <li>
            <a href="#" data-to="3">
              <i class='icon ring'></i>
              RedPhone uses your normal phone number to make and receive calls, so you don't need yet another identifier.
            </a>
          </li>
        </ul>
      </div><!-- /.container -->
    </section>

    <div class='container thin'>
      <section class='buttons'>
        <a class='button button-info' href="https://play.google.com/store/apps/details?id=org.thoughtcrime.redphone">
          Install <strong>RedPhone</strong>
<!--                  <img class='arrow' src='img/body/arrow-down.png' alt='Arrow'>-->
        </a>
        <a class='button button-download' href="https://github.com/WhisperSystems/RedPhone">
          Get RedPhone Source
          <img class='arrow' src="{% asset_path body/arrow-right.png %}" alt='Arrow'>
        </a>

      </section>
    </div><!-- /.container -->

    <div class="clearfix">&nbsp;</div>
  </article>

  <article id='encrypted_texts'>
    <div class='container thin'>
      <hgroup>
        <h2>Private text and chat for Android</h2>
        <h3>
          <strong class='green'>TextSecure</strong> encrypts your text and chat messages
          over the air and on your phone. 
        </h3>
      </hgroup>
    </div>

      <div class='carousel-container'>
        <div class='carousel-frame' id='textsecure_carousel_frame'>
          <div class='carousel slide' id='textsecure_carousel'>
            <div class='carousel-inner'>
              <div class='active item'><img src="{% asset_path screens/textsecure_conversationlist.png %}" alt='Screenshot'></div>
              <div class='item'><img src="{% asset_path screens/textsecure_passphrase.png %}" alt='Screenshot'></div>
              <div class='item'><img src="{% asset_path screens/textsecure_conversation.png %}" alt='Screenshot'></div>
            </div>
          </div>
        </div>
      </div>

    <section class='striped'>
      <div class='container thin'>
        <ul class='features'>
          <li>
            <a href="#" data-to="0" class="active">
              <i class='icon cell'></i>
              A full replacement for the default text messaging application.
            </a>
          </li>
          <li>
            <a href="#" data-to="1">
              <i class='icon alert'></i>
              All messages are encrypted locally, so if your phone is lost,
              your messages will be safe.
            </a>
          </li>
          <li>
            <a href="#" data-to="2">
              <i class='icon speech'></i>
              Messages to other TextSecure users are encrypted over the air,
              protecting your communication in transit.
            </a>
          </li>
        </ul>
      </div>
    </section>

    <div class='container thin'>
      <section class='buttons'>
        <a class='button button-info' href="https://play.google.com/store/apps/details?id=org.thoughtcrime.securesms">
          Install <strong>TextSecure</strong>
<!--                  <img class='arrow' src='img/body/arrow-down.png' alt='Arrow'>-->
        </a>
        <a class='button button-download' href="https://github.com/WhisperSystems/TextSecure/">
Get TextSecure Source
          <img class='arrow' src="{% asset_path body/arrow-right.png %}" alt='Arrow'>
        </a>
      </section>
    </div><!-- /.container -->

    <div class="clearfix">&nbsp;</div>
  </article>

  <article id='support'>
    <div class='buttons container thin'>
      <h2>Any questions?</h2>
      <h3>Our answers are plaintext&hellip;</h3>
      <a class='button button-info' href="http://support.whispersystems.org/">
        Ask the community
      </a>
    </div><!-- /.container -->
  </article>
</section>