index.html 5.01 KB
Newer Older
Anna Weichelt's avatar
Anna Weichelt committed
1
2
3
4
5
6
7
8
9
<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
10
11
12
13
14
15
    <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
16
17
18
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
Dominik George's avatar
Dominik George committed
19
      <img class="d-block w-100" src="/images/carousel/kinder-auf-wiese.jpg" />
Anna Weichelt's avatar
Anna Weichelt committed
20
21
22
23
24
25
	  <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">
Dominik George's avatar
Dominik George committed
26
      <img class="d-block w-100" src="/images/carousel/gruppenbild.jpeg" />
Tom Teichler's avatar
Tom Teichler committed
27
28
29
          <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
30
31
32
      </div>
    </div>
    <div class="carousel-item">
Dominik George's avatar
Dominik George committed
33
      <img class="d-block w-100" src="/images/carousel/kinder-lego.png" />
Tom Teichler's avatar
Tom Teichler committed
34
          <div class="carousel-caption d-none d-md-block">
Tom Teichler's avatar
Tom Teichler committed
35
36
            <h5>Kreativität und Technik</h5>
            <p>Nicht nur Programmieren bietet einen Einstieg in die Informatik!</p>
Anna Weichelt's avatar
Anna Weichelt committed
37
38
39
      </div>
    </div>
    <div class="carousel-item">
Dominik George's avatar
Dominik George committed
40
      <img class="d-block w-100" src="/images/carousel/lagerfeuer.jpg" />
Tom Teichler's avatar
Tom Teichler committed
41
42
43
44
45
46
          <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">
Dominik George's avatar
Dominik George committed
47
      <img class="d-block w-100" src="/images/carousel/kinder-mindstorms.jpg" />
Tom Teichler's avatar
Tom Teichler committed
48
49
50
          <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
51
      </div>
Tom Teichler's avatar
Tom Teichler committed
52
53
    </div>
    <div class="carousel-item">
Dominik George's avatar
Dominik George committed
54
      <img class="d-block w-100" src="/images/carousel/kinder-elektronik.jpg" />
Tom Teichler's avatar
Tom Teichler committed
55
56
57
58
          <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
59
    </div>
Robert Seimetz's avatar
Robert Seimetz committed
60
    <a class="carousel-control-prev" data-bs-target="#index-carousel" type="button" data-bs-slide="prev">
Anna Weichelt's avatar
Anna Weichelt committed
61
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
Robert Seimetz's avatar
Robert Seimetz committed
62
      <span class="visually-hidden">Previous</span>
Anna Weichelt's avatar
Anna Weichelt committed
63
    </a>
Robert Seimetz's avatar
Robert Seimetz committed
64
    <a class="carousel-control-next" data-bs-target="#index-carousel" type="button" data-bs-slide="next">
Anna Weichelt's avatar
Anna Weichelt committed
65
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
Robert Seimetz's avatar
Robert Seimetz committed
66
      <span class="visually-hidden">Next</span>
Anna Weichelt's avatar
Anna Weichelt committed
67
68
69
    </a>
  </div>
</div>
Dominik George's avatar
Dominik George committed
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<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
107
108
  </div>
</div>
Philipp Stahl's avatar
Philipp Stahl committed
109
</div>
Anna Weichelt's avatar
Anna Weichelt committed
110
111
</body>
</html>