index.html

---
layout: landing
title: "Hands-on. Empowering. Peer-driven."
tagline: "Tech Education ♥ how it is supposed to be"
rss_feed: full
background: home-hero-bkg.jpg

---

<section class="intro section-bkg container">
  <h2>The OpenTechSchool initiative</h2>
  <p>Hi, we are OpenTechSchool, a distributed community initiative organising <b>welcoming and inclusive code learning</b> happenings with real people in the real world. Our offers are for technology enthusiasts of all ages, genders, backgrounds, and experience levels.</p>

  <div class="row intro__boxes">
    <div class="col-xs-12 col-sm-4">
      <a href="/learn" class="intro__boxes__box animate--slideUp">
      	<div class="u-circle-centered"><span class="i-world-connections"></span></div>
      	<h3> Learn & Connect </h3>
      	<p> Loerem Ipsum and some text that i don't know now! Wie gehet's? alles gut und lalala! </p>
      </a>
    </div>
    <div class="col-xs-12 col-sm-4">
      <a href="/contribute" class="intro__boxes__box animate--slideUp">
      	<div class="u-circle-centered"><span class="i-people-chat"></span></div>
      	<h3> Be a Coach </h3>
      	<p> Loerem Ipsum and some text that i don't know now! Wie gehet's? alles gut und lalala! </p>
      </a>
    </div>
    <div class="col-xs-12 col-sm-4">
      <a href="/community" class="intro__boxes__box animate--slideUp">
      	<div class="u-circle-centered"><span class="i-idea-baloons"></span></div>
      	<h3> Get involve </h3>
      	<p> Loerem Ipsum and some text that i don't know now! Wie gehet's? alles gut und lalala! </p>
      </a>
    </div>
  </div>
</section>

<section class="row numbers section-bkg section-bkg--blue">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-4">
        <div class="donut" data-donut="42"></div>
      </div>
      <div class="col-xs-12 col-sm-4">
        <div class="donut" data-donut="12"></div>
      </div>
      <div class="col-xs-12 col-sm-4">
        <div class="donut" data-donut="86"></div>
      </div>
    </div>
  </div>
</section>

<section class="upcoming-events section-bkg container">
  <h2>Find next OTS events next to you!</h2>
  <p>OpenTechSchool is worldwide, we have different chapters in different part of the world. <br/>
    Our events are co-learning evenings, full day workshop or special events. In all of them you will find friendly enviroments, coaches there happy to help and support you through your learning process and many otehr learners like you with you can exchange informations and learn together.
  </p>

  ----- Meetup widget -----

  <a href="" class="u-block"><div class="btn btn--center "> Find OTS event </div></a>
</section>

<section class="landing-contact-us section-bkg section-bkg--blue">
  <div class="container">
    <h2> Get in touch </h2>
    <p>Got a space to offer for our events? Want to collaborate with us? Got a great idea and want to discuss with us? Willing to support one of our projects?
    Find the right person to speak with and save time.
    </p>
    <a href=""><div class="btn btn-reverse btn--center"> Find your OTS contact person </div></a>
  </div>
</section>

<section class="last-discussions section-bkg container">
  <h2> Want to be more involed or ride the OTS-wave? </h2>
  <p> Come to our forum where we discuss about new events, programs or learning material. </br>
    If you got an idea or a feedbacks, you are welcome to write them on our forum.
  </p>

  ----- Discourse widget -----

  <a href="" class="u-block"><div class="btn btn--center"> See all the discussions </div></a>
</section>

<section class="callToAction section-bkg section-bkg--pink">
  <div class="container">
    <h2> Quick Actions: Join us in your favorit way! </h2>
    <div class="row">
      <div class="col-xs-12 col-sm-4">
        <a href=""><div class="btn btn-reverse btn--small btn--center"> Join as Coach </div></a>
      </div>
      <div class="col-xs-12 col-sm-4">
        <a href=""><div class="btn btn-reverse btn--small btn--center"> Join as Organizer </div></a>
      </div>
      <div class="col-xs-12 col-sm-4">
        <a href="" class="u-block"><div class="btn btn-reverse btn--small btn--center"> Join as Member </div></a>
      </div>
    </div>
  </div>
</section>