-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
273 lines (257 loc) · 9.61 KB
/
index.html
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
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
---
layout: basic
---
<!-- Header -->
<div id="header">
<span class="logo icon">
<img src="./images/logo/icon.svg"
style="
margin-left: auto;
margin-right: auto;
height: auto;
width: 66%;"/>
</span>
<h1>Hi, we're hackBack.</h1>
<p>A team of D-evelopers and hackathon aficionados.
<br />
Based in Munich and the Internet.
</div>
<!-- Main -->
<div id="main">
<header class="major container 75%">
<h2>We perform experiments, <br />
do hacks, <br />
and develop software, <br />
which may or may not rip
<br />
the space-time continuum</h2>
</header>
<div class="box alt container">
<section class="feature left">
<a href="#" class="image icon fa-code-fork"><img src="images/features/hackathon_small.jpg" alt="" /></a>
<div class="content">
<h3>Hackathons</h3>
<p>
Our organisation has its roots in hackathons and we deeply enjoy building awesome software with a hard time-limit.
</p>
</div>
</section>
<section class="feature right">
<a href="#" class="image icon fa-code"><img src="images/features/dman_small.png" alt="" /></a>
<div class="content">
<h3>Software in D</h3>
<p>
After a couple of successful hackathons, we started to develop professional software. We use a modern stack based on the power of D.
</p>
</div>
</section>
<section class="feature left">
<a href="#" class="image icon fa-flask"><img src="images/features/data-science_small.jpg" alt="" /></a>
<div class="content">
<h3>Data science in D</h3>
<p>
Being students we never stop learning and experimenting. One of our favorite research areas is data science and we enjoy experimenting with new technologies.
</p>
</div>
</section>
</div>
<div class="box container awards">
<header>
<h2>Awards</h2>
</header>
<p style="text-align: center">
A selection of hackathon projects where we won.
</p>
<section class="feature left">
<a href="https://twitter.com/i/moments/848847161186013184" class="image"><img src="images/awards/hex_small.jpg" style="right: -47px" alt=""/></a>
<div class="content">
<h3>Hex 2017: overall winner</h3>
<p>
<b>Wehstyle</b> is
an online styling tool and offers style recommendation
based on previous purchases and popular styles within
its community.
</p>
</div>
</section>
<section class="feature right">
<a href="https://www.facebook.com/accenturevcr/photos/ms.c.eJxFktmNRTEIQzsaAWHtv7HRNS~;O75EXAtEYHR8x1zCb~;NMf0PKOPEJg0tqT5wJVWLoIDBadB1bBUHNkuBIkFGUPIEPigrOKpOL0p4jhHL4twZYQAG~_CRK3MA8gotpTDYk4wn6Xf6K0LqJjNOL~_MENnB7BDMArtAFyiBC0KNGW4LmOEYve9OQwKvVc8HvlCvp8hVsKUweo0~;AEsKQQAEQ7thqSIohKpeMAXLuaGqB0CbwBcUQS~_4j~;scGiapD6DWmOG4iwRbEhknmZGz4L5WGyvMpmKw5LzH~;gBChS2zc8idw~;aUh2cwwXdILsj0W7JO31o7eL7NDTVby6HFBZagInZS7sNwWx3e1hJ3sSQo7NSiHoDlftywVgBu3QY~;KHL~_AckczGg~-.bps.a.1591948917485640.1073741832.193102117370334/1591952524151946/?type=3&theater" class="image">
<img src="images/awards/refood_small.jpg" alt="" /></a>
<div class="content">
<h3>Accenture Prague 2016: 3rd price</h3>
<p>
<b>Refood</b> is a sharing app for reusable food leftovers.
It connects grocery stores, farms, and restaurant with nearby users to avoid food waste. Awarded <i>Green Points</i> allow companies to exhibit their eco-friendliness.
</p>
</div>
</section>
<section class="feature left">
<a href="https://devpost.com/software/pitchback-c9lgt2" class="image"><img src="images/awards/pitchback_small.jpg" style="right: -67px" alt="" /></a>
<div class="content">
<h3>hackaTUM 2016: winner wildtrack</h3>
<p>
</b> helps you to become a pitch guru. It finds out when the audience was listening and which words made them lose their interest.
ttention-paying people by tracking their eyes.
notated sentiments of the speech itself are combined with emotions from the tracked faces.
</p>
</div>
</section>
</div>
<div class="box container awards">
<header>
<h2>Other kick-ass hacks</h2>
</header>
<p style="text-align: center">
The ones that didn't make the cut that we think are really cool.
</p>
<section class="feature left">
<a href="https://bloomout.hackback.tech" class="image">
<img class="bloomout" src="images/honorable/bloomout.png" alt=""/></a>
<div class="content">
<h3>Bloomout</h3>
<p>
<b>Bloomout</b> allows management and HR teams in companies prevent
employee burnout and helps reduce employee attrition. This project was
made during Swiss Re Hackathon 2017 in Bratislava.
</p>
</div>
</section>
<section class="feature right">
<a href="https://lorien.hackback.tech" class="image">
<img class="lorien" src="images/honorable/lorien.gif" alt="" /></a>
<div class="content">
<h3>Lorien</h3>
<p>
<b>Lorien</b> is a profitable and sustainable forest asset management platform. It connects forest
owners with consumers and allows them to invest in the forest aiding forest conservation. This hack
was made during Ultrahack 2017 in Helsinki.
</p>
</div>
</section>
</div>
<div class="box container">
<header>
<h2>Core team</h2>
</header>
<section class="team">
<div class="teammember">
<div class="teammember-name">Seb</div>
<div class="teamjob">
Hacker
</div>
<a href="https://seb.wilzba.ch">
<div class="avatar">
<img src="./images/team/wilzbach.jpg" />
</div>
</a>
<ul class="icons">
<li><a href="https://github.com/wilzbach" class="icon fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://twitter.com/swilzbach" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://seb.wilzba.ch" class="icon fa-link"><span class="label">Website</span></a></li>
<li><a href="https://www.linkedin.com/in/swilzbach" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
</ul>
</div>
<div class="teammember">
<div class="teammember-name">Jait</div>
<div class="teamjob">
Hacker
</div>
<a href="https://github.com/jaitd">
<div class="avatar">
<img src="./images/team/jaitd.jpg" />
</div>
</a>
<ul class="icons">
<li><a href="https://github.com/jaitd" class="icon fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://twitter.com/jaitdixit" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
</ul>
</div>
</section>
</div>
<div class="box container">
<header>
<h2>Previous members</h2>
</header>
<section class="team">
<div class="teammember">
<div class="teammember-name">Jakub</div>
<div class="teamjob">
Developer
</div>
<a href="http://linkedin.com/in/jakubbares">
<div class="avatar">
<img src="./images/team/jakub.jpg" />
</div>
</a>
<ul class="icons">
<li><a href="https://twitter.com/jakubbares" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="http://linkedin.com/in/jakubbares" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
</ul>
</div>
<div class="teammember">
<div class="teammember-name">Sabina</div>
<div class="teamjob">
Business Analytics
</div>
<a href="https://www.linkedin.com/in/sabina-svidova-018174b2/">
<div class="avatar">
<img src="./images/team/sabina.jpg" />
</div>
</a>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/sabina-svidova-018174b2/" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
</ul>
</div>
</section>
</div>
<footer class="major container 75%">
<h3>Get shady</h3>
<p>
Have you ever lacked experienced fellows on a hackathon or just wanted to experiment with D?
</p>
<ul class="actions">
<li><a href="mailto:[email protected]" class="button">Join our team</a></li>
</ul>
</footer>
</div>
<!-- Footer -->
<div id="footer">
<div class="container 75%">
<header class="major last">
<h2>Get in touch</h2>
</header>
<p>You can also mail us directly at hi [at] hackback.tech</p>
<form method="post" action="https://formspree.io/[email protected]">
<div class="row">
<div class="6u 12u(mobilep)">
<input type="text" name="name" placeholder="Name" />
</div>
<div class="6u 12u(mobilep)">
<input type="email" name="email" placeholder="Email" />
</div>
</div>
<div class="row">
<div class="12u">
<textarea name="message" placeholder="Message" rows="6"></textarea>
</div>
</div>
<div class="row">
<div class="12u">
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</div>
</div>
</form>
<ul class="icons">
<li><a href="https://twitter.com/TeamHackBack" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<!--<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>-->
<!--<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>-->
<li><a href="https://github.com/teamhackback" class="icon fa-github"><span class="label">GitHub</span></a></li>
<!--<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>-->
</ul>
<ul class="copyright">
<li>© HackBack. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</div>