index.html

---
layout: default
title: A secure, anonymous and confidential channel of communication between a young person and a trusted counselor
---

<header>

  <div class="row">
    <div class="twelve columns">
      <h2 class="hide-for-small">A secure, anonymous and confidential channel of communication between a young person and a trusted person from a relevant organisation</h2>
      <h2 class="show-for-small">A secure, anonymous and confidential channel of communication</h2>
    </div>
  </div>
  <div class="row">
      <div class="six columns">
        <a href="https://secondfriend.github.io/chrome-extension/" class="button right">Young People</a>
      </div>
      <div class="six columns">
        <a href="https://second-friend.appspot.com/" class="button left">Counselors</a>
      </div>
  </div>

</header>

<div class="about text-center" id="about">
  <div class="row">
    <div class="twelve columns opening">
      <p class="six columns text-left">2ndFriend can act as an umbrella and single access point for a variety of help and support organisations. Organisations can choose to become part of the network, which means they have access to requests coming in from various entry points the platform provides. They can also choose to use the 2ndFriend platform with their own branding, which allows them to define their own access points (e.g. via their own website). Even a combination is possible, where the organisation offers their own branded access point in addition to being part of the 2ndFriend network accessible through the central entry points.</p>
      <p class="six columns text-left">The service is multi-channel starting from a grass roots level in order to allow the organisations to compound their reach and impact while enabling young people to connect with the best possible individuals for their circumstance.</p>
    </div>
  </div>
  <div class="row">
      <h3 class="text-center team">Services</h3>
    </div>
    <div class="row">
      <div class="four columns">
        <object data="images/browser-icon.svg" type="image/svg+xml" alt="Browser Plugin"><img src="images/browser-icon.png" width="125px" height="125px" alt="Browser Plugin"></object>
        <h3>Browser Plugin</h3>
      </div>
      <div class="four columns">
        <object data="images/web-icon.svg" type="image/svg+xml" alt="Website"><img src="images/web-icon.png" width="125px" height="125px" alt="Website"></object>
        <h3>Website</h3>
      </div>
      <div class="four columns">
        <object data="images/sms-icon.svg" type="image/svg+xml" alt="SMS"><img src="images/sms-icon.png" width="125px" height="125px" alt="SMS"></object>
        <h3>SMS</h3>
      </div>
  </div>
</div><!--end about-->

<div class="provide" id="services">
	<div class="row">
	  <h3 class="text-center team">The Team</h3>
	  <div class="member text-center three columns">
		    <img src="images/amy_2ndfriend.png" width="300px" height="230px">
		    <h4>Designer</h4>
		    <h3>Amy Whitney</h3>
		    <a href="https://twitter.com/amosie" class="twitter-follow-button" data-show-count="false">Follow @amosie</a>
	  </div>
	  <div class="member text-center three columns">
	      <img src="images/florian_2ndfriend.png" width="300px" height="230px">
	      <h4>Developer</h4>
	      <h3>Florian Rathgeber</h3>
	      <a href="https://twitter.com/frathgeber" class="twitter-follow-button" data-show-count="false">Follow @frathgeber</a>
	  </div>
	  <div class="member text-center three columns">
	      <img src="images/rachel_2ndfriend.png" width="300px" height="230px">
	      <h4>Strategy</h4>
	      <h3>Rachel O'Connell</h3>
	      <a href="https://twitter.com/racheloconnell" class="twitter-follow-button" data-show-count="false">Follow @racheloconnell</a>
	  </div>
	  <div class="member text-center three columns">
	      <img src="images/soe_2ndfriend.png" width="300px" height="230px">
	      <h4>Developer</h4>
	      <h3>Soe Thiha</h3>
	      <a href="https://twitter.com/soeim" class="twitter-follow-button" data-show-count="false">Follow @soeim</a>
	  </div>
	</div>
</div><!--end provide-->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>