index.html

---
layout: default
sponsor: yes
title: Hello
---
<div class="row">
  <div class="beneath-sections jumbotron fond__white">
    <div class="container">
      <div class="text__black">
        <div class="col-lg-10 col-lg-offset-1 section-intro">
          <h2 class="section-headline">Mit digitalen Tools die Gesellschaft von morgen gestalten</h2>
          <p>
            Wie können Jugendliche das Internet in Zeiten von Hate Speech und Populismus als positiven Gestaltungsspielraum zurückerobern? Die Demokratielabore haben Workshops rund um Digitalisierung, Technologien und gesellschaftliches Miteinander entwickelt. Alle Materialien, um die Workshops selber durchzuführen, stellen wir euch auf dieser Seite zur Verfügung.
          </p>
          <div class="btn-wrap">
            <a href="/info"><button  class="btn btn-start color-1">Über das Projekt</button> </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="jumbotron workshop-background">
    <div class="row">
      <div class="container">
        <div class="col-lg-10 col-lg-offset-1 section-workshop">
          <h2 class="section-headline">Workshops selbst gemacht</h2>
          <p>
              Wir geben dir alle Anleitungen an die Hand, mit denen Jugendliche digitale Kompetenzen erlernen können. Im Rahmen der Workshops können sie sich in Nachrichtenredaktionen verwandeln, lernen wie
 man den öffentlichen Raum positiv einnimmt oder Cybertrolle mit Argumenten zu besiegt.
          </p>
        </div>
      </div>
      <div class="post-teaser-wrap">
        <div class="row">
          {% assign workshops = site.workshops | where:"featured",true %}
          {% for workshop in workshops limit:3 %}
          {% assign post = workshop %}
          <div class="col-xs-12 col-md-4 col-sm-4 post-teaser">
              {% include workshop-teaser-tile.html post=post %}
          </div>
          {% endfor %}
        </div>
      </div>
    </div>
    <div class="btn-wrap">
      <a href="/workshops"><button  class="btn btn-start color-2">Zur Workshopübersicht</button> </a>
    </div>
  </div>
</div>

<div class="row">
  <div class="jumbotron fond__grey-bright">
    <div class="container">
      <div class="row">
        <div class="col-lg-8 col-lg-offset-2">
          <h2 class="section-headline text-center">Materialien & Ideen zu digitalen Tools und gesellschaftlichen Themen</h2>
        </div>
      </div>
      <div class="col-lg-8 col-lg-offset-2">
        <div class="post-teaser-wrap">
          <p class="text-center">
            In unserer Materialsammlung findest du Information zum Umgang mit Ressourcen, Identität oder demokratischer Teilhabe. Anleitungen und einführende Texte zu Werkzeugen geben konkrete Mittel an die Hand, die Themenbereiche anzugehen. Ganz praktische Beispiele für diese Umsetzung liefern Projektideen.
          </p>
          <div class="btn-wrap">
            <a href="/mitmachen"><button  class="btn btn-start color-3">Zur Materialsammlung</button> </a>
          </div>
          <img  class="img-responsive" src="/static/img/mitmachen-start.png" alt="Wimmelbild CC BY-SA 4.0">
      </div>
    </div>
  </div>
</div>