-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
132 lines (110 loc) · 4.72 KB
/
index.html
File metadata and controls
132 lines (110 loc) · 4.72 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Ready To Code</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/style.css">
</head>
<body>
<!-- Start des Menus -->
<nav class="navigation">
<a href="index.html">
<div class="logo">
<img src="assets/logo2.svg" alt="">
</div>
</a>
<a href="index.html">
<div class="title">
Ready To Code
</div>
</a>
</nav>
<!-- Ende des Menus -->
<!-- Start des Headers -->
<section class="header" style="background-image: url('assets/header-bg.png')">
<div class="header-image"></div>
<div class="header-box">
<h1 class="header-title">
Ready To Code?
</h1>
<div class="header-subtitle">
Programmierworkshops für Mädchen und Frauen in Stuttgart
</div>
</div>
</section>
<!-- Ende des Headers -->
<!-- Start der Intro -->
<div class="content">
<h2>
Wie baut man eigentlich Apps? Oder programmiert ein Spiel?
</h2>
<p class="intro-text">
Wenn du Lust hast, sowas selbst auszuprobieren, dann bist du bei uns genau richtig!
</p>
<p>
In unseren Workshops und Projektwochen lernen wir in einer kleinen Gruppe alles, was zur Erstellung einer App, eines Spiels oder einer Webseite dazu gehört - von der Idee, über die Erstellung und das Design der Inhalte bis zur Programmierung. Wir erarbeiten alles gemeinsam, du brauchst deshalb keine Vorkenntnisse und nichts vorzubereiten.
<br>
Du kannst selbst ein Thema mitbringen, was dich interessiert, denn wir finden, dass die Arbeit an eigenen Projekten am meisten Spaß macht. Wir probieren das Gelernte direkt aus und planen genug Zeit für Fragen, zum Ausprobieren, Spiele spielen und gemeinsam Mittag essen ein. Fehler sind bei uns herzlich willkommen, denn wenn man viel lernt und ausprobiert darf gerne auch mal etwas schief gehen.
<br>
Außerdem schauen wir uns an, welche Berufsbilder es in der IT Welt gibt, welche Rolle Frauen bei der Entwicklung des Internets gespielt haben und wie die Arbeit in der Softwareentwicklung heutzutage aussieht.
</p>
</div>
<!-- Ende der Intro -->
<div class="content">
<p class="intro-text">
Du weißt nicht, ob Programmierung das Richtige für dich ist? <br> <br>
Dann komm doch mal zu einem Schnupperkurs vorbei!
</p>
<p>
An nur einem Tag lernen wir, was eigentlich der HTML und CSS ist und wie man damit eine Webseite baut. Wie immer in einer kleinen Gruppen mit viel Zeit zum Ausprobieren und Fragen stellen.
<br>
Programmieren ist nur was für Nerds?
<br>
Von wegen! In diesem Video erklären die Mädchen von Girls Who Code (auf Englisch), warum Mädchen nicht programmieren können - oder etwa doch?
</p>
<p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/LVwOWQQ4pCw?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</p>
</div>
<!-- Start des Spruches -->
<div class="content-full-width">
<div class="quote">
<div class="quote-text black no-transform">
Stell dir vor...
<br>
<div class="quote-subtitle">
<ul>
<li>
... in jedem IT Unternehmen arbeiten 50/50 Männer/Frauen
</li>
<li>
... die Stereotypen "Mädchen können IT eh nicht" und “IT ist langweilig/Nerd im Keller/böse Hacker” existieren nicht mehr
</li>
<li>
... Guter IT Unterricht in Schulen, Ausbildungen und Unis ist Standard
</li>
<li>
... Frauen in der IT-Branche haben ein starkes Netzwerk
</li>
<li>
... Männer haben keine "Berührungsängste" mehr, wenn sie auf IT-affine Frauen treffen
</li>
</ul>
<br>
Das ist die Zukunft, in der wir leben wollen! Lasst sie uns gestalten.
</div>
</div>
</div>
</div>
<!-- Ende des Spruches -->
<!-- Start der Footer-Zeile -->
<footer class="footer">
<div class="text">
Ready To Code?
<a href="impressum.html">Impressum</a>
</div>
</footer>
<!-- Ende der Footer-Zeile -->
</body>
</html>