-
Notifications
You must be signed in to change notification settings - Fork 29
Expand file tree
/
Copy pathabout.html
More file actions
256 lines (217 loc) · 15 KB
/
about.html
File metadata and controls
256 lines (217 loc) · 15 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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
<!DOCTYPE html>
<html>
<head>
<!-- Metadata for Search Engines like Google -->
<meta charset="utf-8">
<title>Women Techmakers Hamburg: About</title>
<meta name="description" content="This group is the Hamburg chapter of the global Women Techmakers initiative. We are part of the Google Developer Group Hamburg.">
<!-- Responsive and Mobile Friendly Meta Tag -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Facebook Preview Thumbnail Image -->
<meta property="og:image" content="http://moinworld.github.io/img/wtm-fb-thumb.png">
<!-- Favicons for the Browsers and apple Devices -->
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="apple-touch-icon" href="img/apple-favicon.png">
<!-- Google Font -->
<link href='https://fonts.googleapis.com/css?family=Roboto:100,300,500' rel='stylesheet' type='text/css'>
<!-- CSS Stylesheets -->
<link rel="stylesheet" href="css/normalize.css" media="all">
<link rel="stylesheet" href="css/col.css" media="all">
<link rel="stylesheet" href="css/style.css" media="all">
</head>
<body>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KN53WC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-KN53WC');</script>
<!-- End Google Tag Manager -->
<header class="header">
<div class="wrapper header__wrapper">
<!-- Logo -->
<h1 class="logo"><a href="/">Women Techmakers Hamburg</a></h1>
<!-- Mobile Navigation Open Button -->
<a href="#nav" class="menu--open visible-mobile" title="Open Navigation">Menu</a>
<!-- Navigation -->
<nav id="nav" class="nav transition-all">
<!-- Site Navigation -->
<ul class="nav__site">
<li><a href="/">Home</a></li>
<li><a class="active" href="about.html">About</a></li>
<li><a href="resources.html">Resources</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="community.html">Community</a></li>
<li><a href="mentors.html">Mentors</a></li>
</ul>
<!-- Social Navigation -->
<ul class="nav__social">
<li><a href="https://twitter.com/wtm_hamburg/" target="_blank"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a></li>
<li><a href="https://www.facebook.com/womentechmakershamburg/" target="_blank"><i class="fa fa-facebook fa-2x" aria-hidden="true"></i></a></li>
<li><a href="https://github.com/WTMHH/" target="_blank"><i class="fa fa-github fa-2x" aria-hidden="true"></i></a></li>
</ul>
</nav>
<!-- Mobile Navigation Close Button -->
<a href="#" class="menu--close visible-mobile transition-all" title="Close Navigation">×</a>
</div>
</header>
<!-- About Section Starts -->
<main>
<section class="sec--about sec--content">
<div class="wrapper header__wrapper">
<!-- Headline -->
<div class="section group">
<h2 class="h2">Meet the Team</h2>
<h3 class="h3"><a href="mailto:womentechmakershamburg@gmail.com">Contact us</a></h3>
</div>
<!-- First Column Group: 2 columns -->
<div class="section group">
<!-- Column #1 -->
<div class="col span_1_of_2">
<figure class="figure">
<img class="img--circle img--responsive" src="img/about/anja-schumann.jpg" alt="Anja Schumann (WTM Lead Women Techmakers Hamburg)" width="240" height="240">
</figure>
<h3 class="h3">Anja Schumann<br><span class="job-title">WTM Lead Women Techmakers Hamburg</span></h3>
<p>
Anja decided to launch Women Techmakers in Hamburg in October last year. Because she wanted to found her own tech startup she participated the tech meetup scene and was shocked about the not existing diversity. She decided to do something, reached out to Google and here we are today.
</p>
<p>
She has a background in business informatics. She was responsible for transforming processes with the help of information systems in companies like Lenovo and Tchibo before she decided to start with her own company Fashion Fellows.</p>
<p>
She loves to travel and lived some time in Israel and the United States, and knows how inspiring startup eco systems can be like.
</p>
</div>
<!-- Column #2 -->
<div class="col span_1_of_2 col--last">
<figure class="figure">
<img class="img--circle img--responsive" src="img/about/alisa-trunczik.jpg" alt="Alisa Trunczik (Co-Organizer Women Techmakers Hamburg)" width="240" height="240">
</figure>
<h3 class="h3">Alisa Trunczik<br><span class="job-title">Co-Organizer Women Techmakers Hamburg</span></h3>
<p>
Alisa can be a good role model for all of you who want to want to have a career in software development. She's an Electrical Engineer and started to learn web development last summer, 2015, to become a Front-End Developer in the future.
</p>
<p>
She originally comes from Siberia, Russia and just moved to Hamburg in the beginning of 2015. Right now Alisa works as an Antenna Network Support for Vesseltracker.com, where she can use her both, technical and communication skills, and continues gaining experience in programming.</p>
<p>
She's obsessed with technologies, new languages, traveling and coffee. Alisa wants to encourage more women to code and create awesome things.
</p>
</div>
</div>
<!-- Second Column Group: 2 columns -->
<div class="section group">
<!-- Column #1 -->
<div class="col span_1_of_2">
<figure class="figure">
<img class="img--circle img--responsive" src="img/about/eva.jpg" alt="Eva Nesbach (Co-Organizer Women Techmakers Hamburg)" width="240" height="240">
</figure>
<h3 class="h3">Eva Nesbach<br><span class="job-title">Co-Organizer Women Techmakers Hamburg</span></h3>
<p>
Eva is an User Experience Expert specialized in user research for digital product development. As she has been working for tech companies in the past she wants to stay up to date with tech topics.
</p>
<p>
She has a background in information science and started her career working for the social network XING, followed by a position in the games industry she is now helping a bank to include customers in the development process.
<p>
In her free time she designs post cards which might be available to buy sometime in the future.
</p>
</div>
<!-- Column #2 -->
<div class="col span_1_of_2 col--last">
<figure class="figure">
<img class="img--circle img--responsive" src="img/mentors/ilithya.jpg" alt="Diana Ilithya (Co-Organizer Women Techmakers Hamburg)" width="240" height="240">
</figure>
<h3 class="h3">Diana Ilithya<br><span class="job-title">Co-Organizer Women Techmakers Hamburg</span></h3>
<p>Diana joined Women Techmakers Hamburg as she wanted to network, encourage and inspire more women to work in IT.</p>
<p>She's a self-taught Web Designer and Front-End Developer with a B.A. in Marketing and Graphic Design experience. Originally from México, she moved to Germany in the year of 2009, and ever since she's been professionally freelancing in the IT field.</p>
<p>She's a globetrotter, and has lived in Canada, the U.S., Sweden and Argentina. She loves the internet, design and music. Creating websites while listening to an inspiring tune, makes her happy.</p>
</div>
</div>
<!-- Third Column Group: 1 column -->
<div class="section group">
<!-- Column #1 -->
<div class="col span_1_of_2">
<figure class="figure">
<img class="img--circle img--responsive" src="img/about/steffi.jpg" alt="Stefanie Stoppel (Co-Organizer Women Techmakers Hamburg)" width="240" height="240">
</figure>
<h3 class="h3">Stefanie Stoppel<br><span class="job-title">Co-Organizer Women Techmakers Hamburg</span></h3>
<p>
Steffi is a Software Developer living & working in Hamburg. She moved there to study
Media Informatics, but stayed after finishing her degree because she fell in love with this
northern gem of a city.
</p>
<p>
She joined the WTM team to diversify the tech industry and encourage more people from different backgrounds to join in.
<p>
In her free time you will either find her taking a walk in one of Hamburg's lovely parks or in front of her computer,
most likely playing Team Fortress 2.
</p>
</div>
</div>
<!-- Headline -->
<div class="section group">
<h2 class="h2">About</h2>
</div>
<!-- Fourth Column Group: 3 columns -->
<div class="section group">
<!-- Column #1 -->
<article class="col span_1_of_3">
<h3 class="h3">Mission</h3>
<p>
Women Techmakers is a global program created by Google to highlight the talent of women in technology. Together with other sponsors and partners, Google is supporting the development of women in technology.<br>
</p>
<p>
Women Techmakers Hamburg is independent from Google and our other partners. The events and speakers that we selected are based our ideas and knowledge. This community promotes talented and passionate women and increases the visibility of the Hamburg tech community while honoring women in technology. We want to provide visibility, community and resources for women interested in tech.
</p>
</article>
<!-- Column #2 -->
<article class="col span_1_of_3">
<h3 class="h3">Values</h3>
<p>
Respect, trust, fairness, embrace differences, sharing and supporting, improvement.
</p>
<p>
Our values are what we think everyone should be based on. They are also what we use to benchmark our actions. We want everyone respected as a person, having them trusted, treated in a fair manner.
</p>
<p>
We want to have equality in value while understanding the differences — we think that using different mindsets together delivers way better quality. We want information to be shared and colleagues to be supported, all for the purpose of continuous improvement.
</p>
</article>
<!-- Column #3 -->
<article class="col span_1_of_3">
<h3 class="h3">Vision</h3>
<p>
Equality and diversity in STEM regardless of gender. This is the world we are dreaming of. A world where women don’t have to give 120% to be taken full. A world where men and women are working together in exploring science, developing technology, constructing engineering and building a mathematical foundation. A world where the choice of a specific major in studying is not a question of gender.
</p>
<p>
We might often talk about men and women, but we are aware of the wider range which exists, the specific views of cis- and transgender people, the aspects of non-binary and of agender persons. A career or education choice in STEM has to be independent of gender identity.
</p>
</article>
</div>
<!-- Headline -->
<div class="section group">
<h2 class="h2">GDG Hamburg</h2>
</div>
<!-- Fifth Column Group: 1 column -->
<div class="section group">
<figure class="figure">
<img class="img--circle img--responsive" src="img/about/gdg-hh.jpeg" alt="GDG (Google Developers Group Hamburg)" width="180" height="180">
</figure>
</div>
</div>
</section>
</main>
<!-- About Section Ends -->
<!-- Sticky scroll link -->
<button title="Back to top" id="scroll" class="scroll transition-all">
<img class="scroll__icon" src="img/arrow_drop_up.svg" />
</button>
<footer class="footer">
<div class="wrapper header__wrapper">
<p>
© 2016 Women Techmakers Hamburg.<br>
<a href="imprint.html">Legal Disclosure</a>
</p>
</div>
</footer>
<!-- Font Awesome -->
<script src="https://use.fontawesome.com/5ac618c67d.js"></script>
<!-- Include our scroll-to-top JS file -->
<script src="js/scroll-to-top.js"></script>
</body>
</html>