-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
219 lines (213 loc) · 13.5 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
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>bitpurpose | do-tank with purpose</title>
<meta name="description" content="bitpurpose – the digital do-tank for NGOs and projects with purpose" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/iconsmind.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/stack-interface.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/theme-charcoal.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/custom.css" rel="stylesheet" type="text/css" media="all" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700" rel="stylesheet">
<script>
window.Papercups = {
config: {
token: "ca6d43a4-85be-4bd9-93bd-b6ce912369c0",
title: "Hey Du!",
subtitle: "Willst du uns eine Nachricht schicken?",
primaryColor: "#1890ff",
newMessagePlaceholder: "Deine Nachricht...",
showAgentAvailability: false,
agentAvailableText: "Wir sind gerade online!",
agentUnavailableText: "Wir sind im Moment nicht da.",
requireEmailUpfront: true,
iconVariant: "outlined",
baseUrl: "https://app.papercups.io"
},
};
</script>
<script
type="text/javascript"
async
defer
src="https://app.papercups.io/widget.js"
></script>
</head>
<body data-smooth-scroll-offset="77">
<div class="nav-container">
<nav id="menu" class="bar bar-1 bar--absolute bar--transparent">
<div class="container">
<div class="row">
<div class="col-lg-11 col-md-12 text-right">
<div class="bar__module">
<ul class="menu-horizontal text-right">
<li> <a href="./en/">
English
</a> </li>
</ul>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
<div class="main-container">
<section class="cover imagebg text-center height-70">
<div class="background-image-holder background--top"> <img alt="background" src=""> </div>
<div class="container pos-vertical-center">
<div class="row">
<div class="col-md-8">
<span class="bitpurpose"><span class="bitpurpose-pre">bit</span>purpose</span>
<h3><br>the digital do-tank for NGOs and projects with purpose</h3>
</div>
</div>
</div>
</section>
<section class="switchable feature-large feature-large-13 space--xs">
<div class="container">
<div class="row justify-content-between">
<div class="col-md-6"> <img alt="Team" class="border--round box-shadow-wide" src="img/team.jpg"> </div>
<div class="col-md-6 col-lg-5">
<div class="switchable__text">
<h2>Hey ihr!<br></h2>
<h2>Wir sind Franz und Thomas</h2>
<p class="lead">
Wir möchten Themen und Projekte unterstützen, die uns am Herzen liegen. Und in Projekten die Beliebigkeit als Freiberufler hinter uns lassen.<br><br>
Wir entwickeln Software (Apps, Websites, Tools), um echte Probleme zu lösen. Mit bitpurpose wollen wir unsere Fähigkeiten für Projekte "mit Sinn" einsetzen. <br><br>Wir glauben, dass unsere Skills helfen können, positive Visionen voranzutreiben und etwas Gutes zu bewirken. <br><br>
Lasst uns gleich heute ins <a href="#contact">Gespräch</a> kommen!
</div>
</div>
</div>
</div>
</section>
<section class="bg--dark text-center space--xxs">
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8">
<h1><br>Unsere Werte</h1>
<p class="lead">Nachhaltigkeit über Profit.<br><br>
Jeder ist gleich und einzigartig.<br><br>
Herausforderungen lassen sich gemeinsam besser lösen.<br><br>
Engagement für das Gemeinwohl.<br><br>
Fairness und Ehrlichkeit.<br><br>
Wissten teilen und Gruppen helfen.<br><br>
Überholte Gewohnheiten und Arbeitskonzepte in Frage stellen.<br><br><br> </p>
</div>
</div>
</div>
</section>
<section class="switchable feature-large feature-large-13 switchable--switch">
<div class="container">
<div class="row justify-content-between">
<div class="col-md-6"> <img alt="What we can do" class="border--round box-shadow-wide" src="img/bitpurpose_work.png"> </div>
<div class="col-md-6 col-lg-5">
<div class="switchable__text">
<h2>Was wir tun können</h2>
<p class="lead">Vielleicht überlegt ihr, ob ein <b>digitales Produkt</b> eine Lösung für eure Herausforderung sein könnte? Oder braucht ihr Hilfe bei der <b>Planung</b> und <b>Umsetzung</b> eines Projekts? Wir unterstützen euch von Beginn an oder kommen zu einem laufenden Projekt hinzu. Dabei fühlen wir uns auf allen Ebenen wohl: <b>Konzept, Planung, Code, Design</b>. Ganz egal ob <b>Idee, Prototyp</b> oder <b>MVP</b>.<br><br>
Unsere Arbeit besteht aber nicht ausschließlich im Aufbau von Produkten. Wir freuen uns, wenn wir euch neue <b>Werkzeuge</b> und <b>Prozesse</b> zeigen können, und geben gerne <b>Workshops</b>, die Spaß machen. Auch die <b>Automatisierung</b> und <b>Vereinfachung</b> manueller oder langwieriger <b>Prozesse</b> und <b>Aufgaben</b> ist etwas, das wir gerne tun. <br><br>
Wir geben <b>ehrlichen Rat</b> und <b>aufrichtige Hilfe</b>.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="text-center bg--dark">
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8">
<h2>Unsere Tools & Mehoden</h2>
<p class="lead">Wir freuen uns immer, neue Werkzeuge, Methoden und Technologien kennenzulernen. Hier unsere Standards: </p>
</div>
</div>
</div>
</section>
<section class="text-center bg--dark">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="text-block"> <i class="icon color--dark icon-Aquarius icon--lg"></i>
<h4>Technologie</h4>
<p> Full-stack, Backend, Frontend, Mobile, Python, Django, Swift, Objective-C, Flutter, Serverless, AWS, JavaScript, Vue.js, [...]</p>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="text-block"> <i class="icon color--dark icon-Arrow-Down2 icon--lg"></i>
<h4>Projekt</h4>
<p>Project management, Design Thinking, Agile: Extreme Programming, Scrum, Kanban, [...] </p>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="text-block"> <i class="icon color--dark icon-Align-Center icon--lg"></i>
<h4>Visual</h4>
<p> Wireframes, Icons, Prototypes, InVision, Sketch, Photoshop, [...]</p>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="text-block"> <i class="icon color--dark icon-Arrow-Refresh icon--lg"></i>
<h4>Sozial</h4>
<p> Geduld, Empathie, GFK, Respektvoller Umgang & Spaß haben bei dem, was wir tun. </p>
</div>
</div>
</div>
</div>
</section>
<section class="switchable">
<div class="container">
<div class="row justify-content-between">
<div class="col-md-8 col-lg-7">
<h2>Warum solltet ihr gerade mit uns arbeiten? Was uns unterscheidet:</h2>
<p>Schon klar, das Handwerkszeug ist bei uns auch kein anderes: Wir machen gute, ehrliche Arbeit. Und ja, Coden können viele. Workshops geben, Projekte betreuen und beraten auch.
<br><br>
Aber wir sehen einen Unterschied in unserer Motivation.
<br><br>
bitpurpose ist unsere Idee, eine Organisation aufzubauen, die authentisch ist und unsere Werte und Wünsche mit unserem Arbeitsalltag in Einklang bringt. Wir wollen uns vielseitig einbringen und nicht mehr ausschließlich auf ein Spezialisten-Dasein festgelegt sein. Denn wir sind Coder, Workshopper, Projektbetreuer und Berater. Vielleicht braucht ihr nicht alles davon auf einmal, doch sicherlich können wir hier und da helfen. Vor allem aber wollen wir mit unseren Fertigkeiten Projekte unterstützen, die sich einem sozialen, gesellschaftlichen oder ökologischen Zweck verpflichtet fühlen – kurz: die einen Sinn haben.
<br><br>
Unsere Idee ist es, durch den Aufbau von bitpurpose die Prinzipien von “new work” und “purpose” mit unseren Fähigkeiten zu vereinen. So wollen wir langfristig an Honorar- und Non-Profit-Projekten arbeiten können, um nicht immer wieder mittelprächtige Projekte für gewinnmaximierende Unternehmen annehmen zu müssen.
<br><br>
Wenn ihr unsere Vision teilt und unsere Skills euch oder euren Projekten nützen können, dann lasst uns loslegen!
</p>
</div>
<div class="col-md-4 col-lg-3">
<div class="text-block">
<h3>Kontakt<a id="contact"></a></h3>
<p><b style=""></b></p>
</div>
<div class="text-block">
<h5>Email</h5>
<p class="lead"> <a href="mailto:hello@bitpurpose.com">hello@bitpurpose.com</a></p>
</div>
<div class="text-block">
<h5>Mobil</h5>
<p class="lead">+49 176 55 15 42 11</p>
</div>
</div>
</div>
</div>
</section>
<section class="cover text-center unpad--bottom bg--dark">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="typed-headline"> <span class="h3 inline-block"><p>Wir glauben</p></span> <span class="h3 inline-block typed-text typed-text--cursor color--primary" data-typed-strings="an Nachhaltigkeit über Profit., - dass jeder gleich und einzigartig ist., - dass wir Herausforderungen gemeinsam besser lösen., an Engagement für das Gemeinwohl., an Fairness und Ehrlichkeit., an das Teilen von Wissen und daran Gruppen zu helfen., daran überholte Gewohnheiten und Arbeitskonzepte in Frage zu stellen."> </span></div>
</div>
</div>
</div>
</section>
<footer class="footer-7 bg--default">
<div class="container d-flex justify-content-center">
<div class="row float-none">
<span class="type--fine-print"><a href="impressum.html">Impressum</a> | <a href="impressum.html">Datenschutz</a> </span></div>
</div>
</footer>
</div>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/parallax.js"></script>
<script src="js/typed.min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>