Skip to content
Snippets Groups Projects
index.html 5.01 KiB
Newer Older
Anna Weichelt's avatar
Anna Weichelt committed
<html>
 <head>
  <title>Startseite</title>
  <meta name="save_as" content="index.html" />
 </head>

 <body>
<div class="carousel slide" data-ride="carousel" id="index-carousel">
  <ol class="carousel-indicators">
Robert Seimetz's avatar
Robert Seimetz committed
    <li data-bs-target="#index-carousel" data-bs-slide-to="0" class="active"></li>
    <li data-bs-target="#index-carousel" data-bs-slide-to="1"></li>
    <li data-bs-target="#index-carousel" data-bs-slide-to="2"></li>
    <li data-bs-target="#index-carousel" data-bs-slide-to="3"></li>
    <li data-bs-target="#index-carousel" data-bs-slide-to="4"></li>
    <li data-bs-target="#index-carousel" data-bs-slide-to="5"></li>
Anna Weichelt's avatar
Anna Weichelt committed
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block w-100" src="/images/carousel/kinder-auf-wiese.jpg" />
Anna Weichelt's avatar
Anna Weichelt committed
	  <div class="carousel-caption d-none d-md-block">
	    <h5>Von Kindern, für Kinder</h5>
            <p>Unsere jungen Tutoren zwischen 9 und 16 Jahren arbeiten regelmäßig gemeinsam an ihren Workshops, die sie dann für gleichaltrige Kinder und Jugendliche leiten.</p>
      </div>
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="/images/carousel/gruppenbild.jpeg" />
Tom Teichler's avatar
Tom Teichler committed
          <div class="carousel-caption d-none d-md-block">
            <h5>Kinder bei Freie-Software-Konferenzen</h5>
            <p>Unsere 100 Teilnehmer der FrogLabs bei der FrOSCon in Sankt Augustin im Jahr 2017</p>
Anna Weichelt's avatar
Anna Weichelt committed
      </div>
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="/images/carousel/kinder-lego.png" />
Tom Teichler's avatar
Tom Teichler committed
          <div class="carousel-caption d-none d-md-block">
Tom Teichler's avatar
Tom Teichler committed
            <h5>Kreativität und Technik</h5>
            <p>Nicht nur Programmieren bietet einen Einstieg in die Informatik!</p>
Anna Weichelt's avatar
Anna Weichelt committed
      </div>
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="/images/carousel/lagerfeuer.jpg" />
Tom Teichler's avatar
Tom Teichler committed
          <div class="carousel-caption d-none d-md-block">
            <h5>Stockbrot, Sport und Spiele</h5>
            <p>Am Abend wird es auf dem Jugendzeltplatz gemütlich</p>
      </div>
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="/images/carousel/kinder-mindstorms.jpg" />
Tom Teichler's avatar
Tom Teichler committed
          <div class="carousel-caption d-none d-md-block">
            <h5>Einstieg in die Mechatronik</h5>
            <p>Mit LEGO®, Arduino oder MicroPython lässt sich fast alles bauen und steuern</p>
Anna Weichelt's avatar
Anna Weichelt committed
      </div>
Tom Teichler's avatar
Tom Teichler committed
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="/images/carousel/kinder-elektronik.jpg" />
Tom Teichler's avatar
Tom Teichler committed
          <div class="carousel-caption d-none d-md-block">
            <h5>Mehr als Informatik</h5>
            <p>In unseren Projekten kombinieren wir Informatik mit vielen anderen Elementen, wie Elektronik, Grafik, uvm.</p>
      </div>
Anna Weichelt's avatar
Anna Weichelt committed
    </div>
Robert Seimetz's avatar
Robert Seimetz committed
    <a class="carousel-control-prev" data-bs-target="#index-carousel" type="button" data-bs-slide="prev">
Anna Weichelt's avatar
Anna Weichelt committed
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
Robert Seimetz's avatar
Robert Seimetz committed
      <span class="visually-hidden">Previous</span>
Anna Weichelt's avatar
Anna Weichelt committed
    </a>
Robert Seimetz's avatar
Robert Seimetz committed
    <a class="carousel-control-next" data-bs-target="#index-carousel" type="button" data-bs-slide="next">
Anna Weichelt's avatar
Anna Weichelt committed
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
Robert Seimetz's avatar
Robert Seimetz committed
      <span class="visually-hidden">Next</span>
Anna Weichelt's avatar
Anna Weichelt committed
    </a>
  </div>
</div>
Nik | Klampfradler's avatar
Nik | Klampfradler committed
<div class="container" id="project-columns">
<div class="row">
  <div class="d-flex flex-column col-lg-4 border-right">
        <h3>Basteln, Ausprobieren, Lernen</h3>
        <p>
	    In den Workshops, Sessions und Camps des Projekts Hack'n'Fun
	    beschäftigen sich Kinder, Jugendliche und Erwachsene zusammen
	    mit Ideen aus den Themenbereichen Informatik, IT, Elektronik,
	    und Technik im Allgemeinen. Sie äußern Vorschläge oder Wünsche,
	    was sie anderen zeigen oder von anderen gezeigt bekommen wollen,
	    und probieren diese Themen dann gemeinsam aus.
        </p>
  </div>
  <div class="d-flex flex-column col-lg-4 border-right">
        <h3>Workshops und Freizeiten für Neugierige</h3>
        <p>
	    Diejenigen, die sich in den Sessions des Projekts Hack'n'Fun
	    mit Themen, die sie interessieren, beschäftigt haben, wollen
	    ihr Wissen weitergeben und das Interesse anderer Kinder und
	    Jugendlicher wecken. Deshalb organisieren sie regelmäßig Wochenend-
	    und Ferienfreizeiten, zu denen Schülerinnen und Schüler jeden Alters
	    eingeladen sind und bei denen alle Neugierigen die Projekte der
	    erfahreneren Jugendlichen ausprobieren können.
        </p>
  </div>
  <div class="d-flex flex-column col-lg-4">
        <h3>Spaß und Gemeinschaft</h3>
        <p>
	    Neben den technischen Inhalten soll das Projekt Hack'n'Fun
	    auch dazu einladen, gemeinsam Spaß zu haben. Jung und alt
	    verbringen Freizeiten und Workshop-Wochenenden gemeinsam mit
	    meistens umfangreichem sozialem Rahmenprogramm, wie Spielen,
	    Lagerfeuer, gemeinsamem Kochen und Essen oder Zelten auf dem
	    Jugendzeltplatz. Dabei muss es nicht nur um Informatik und
	    Technik gehen – auch wenn sich die Ausprobier-Sessions gerne
	    auch am Lagerfeuer noch fortsetzen.
        </p>
Philipp Stahl's avatar
Philipp Stahl committed
  </div>
</div>
Philipp Stahl's avatar
Philipp Stahl committed
</div>
Anna Weichelt's avatar
Anna Weichelt committed
</body>
</html>