-
Notifications
You must be signed in to change notification settings - Fork 1
/
sparring.html
343 lines (309 loc) · 13.2 KB
/
sparring.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
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Causable - Sparring</title>
<meta name="description" content="Causable supports innovation in business, science and society.">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" sizes="128x128" href="/favicon-128x128.png">
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#fffcfc">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Crimson+Pro&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/assets/styles.css?v=4">
</head>
<body class="bg-white font-sans">
<header class="header-backdrop bg-opacity-80 bg-white fixed w-full h-20 z-10 transition-all duration-300">
<div id="mobile-menu" class="hidden fixed w-full bg-clay1">
<nav class="container mx-auto px-4 pt-24 pb-12">
<ul class="flex flex-col text-2xl space-y-4">
<li><a href="/index.html" class="text-black">home</a></li>
<!-- Other nav items are copied by js -->
</ul>
</nav>
</div>
<div class="container mx-auto px-4 h-full flex items-center justify-between">
<div class="w-[140px] mt-[3px]">
<a href="/">
<img src="assets/logo/causable_flat_black.svg" alt="Causable" class="header-logo w-full">
</a>
</div>
<nav id="menu" class="hidden lg:block">
<ul class="flex space-x-6 text-lg font-sans">
<li><a href="/strategy.html" class="text-black">strategy</a></li>
<li><a href="/sparring.html" class="text-black">sparring</a></li>
<li><a href="/training.html" class="text-black">training</a></li>
<li><a href="/about.html" class="text-black">about</a></li>
</ul>
</nav>
<div class="hidden">
<button class="navbar-burger flex items-center text-black p-3">
<svg class="block h-4 w-4 fill-current" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<title>Mobile menu</title>
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path>
</svg>
</button>
</div>
<div class="lg:hidden">
<button class="js-menu-btn tham tham-e-squeeze tham-w-5 p-5">
<div class="tham-box">
<div class="tham-inner"></div>
</div>
</button>
</div>
</div>
</header>
<div class="h-20"></div>
<main class="min-h-screen">
<section>
<div class="mx-auto w-[180px] py-24">
<img
class="w-full"
src="/assets/icons/icon_idea.svg"
width="130px"
height="201px"
>
</div>
</section>
<section class="container mx-auto px-4 max-w-3xl pb-10">
<h1 class="text-4xl font-serif pb-8 balanced">
Sparring partnerships
</h1>
</section>
<section class="container mx-auto px-4 max-w-3xl pb-14">
<h2 class="text-3xl font-serif pb-4 balanced">
Work with us to up your leadership game
</h2>
<p class="pb-4 text-xl max-w-xl">
Would you like to lead strategic initiatives and innovations to success with new cross-functional teams and collaborators? A sparring partnership might put you a decisive step ahead in anticipating what your teams need from you to deliver.
</p>
<p class="pb-4 text-xl max-w-xl">
Causable offers sparring on strategic perspectives and personality development for leaders who want to create impact. We also love to spar about designing structures and processes for resilient teams that drive innovation and change.
</p>
</section>
<section class="container mx-auto px-4 max-w-3xl pb-14">
<h2 class="text-3xl font-serif pb-4 balanced">
Is this for you?
</h2>
<p class="pb-4 text-xl max-w-xl">
We work with executive board members, entrepreneurs, change, innovation and leadership professionals, researchers, and engineers.
</p>
<p class="pb-4 text-xl max-w-xl">
Causable serves as a trusted space and sounding board for those who want to know what we can create and be as humans, in our own lives and for others:
</p>
<ul class="text-lg list-disc space-y-3 pl-5 max-w-xl">
<li>
<span class="font-bold">Leaders and executive board members</span>
and all others interested in fostering innovation and change while leading others – with or without a formal position of power
</li>
<li>
<span class="font-bold">Innovators and entrepreneurs</span>
who look beyond technical feasibility and take into account human needs and community for their ideas and inventions to spread
</li>
<li>
<span class="font-bold">Systems stewards</span>
who guide projects in service of innovation or change in organizations for- or non-profit
</li>
<li>
<span class="font-bold">Facilitators, coaches and trainers</span>
who engage others in policy or organizational innovation processes
</li>
<li>
<span class="font-bold">Researchers and engineers</span>
who would like to enhance their effectiveness in collaborations by learning to facilitate the generation of applicable solutions in cross-functional or interdisciplinary settings
</li>
</ul>
</section>
<section class="container mx-auto px-4 max-w-3xl pb-10">
<h2 class="text-3xl font-serif pb-4 balanced">
Sparring on leadership for strategy, innovation and development
</h2>
<p class="pb-4 text-xl max-w-xl">
Do you want to up your (self-)leadership game and invest in becoming who you can be as a leader, collaborator or facilitator?
</p>
<p class="pb-4 text-xl max-w-xl">
Do you plan to start a new initiative or feel a need to reflect on your work?
</p>
<p class="pb-4 text-xl max-w-xl">
Do you have a growth or innovation challenge for your organization, team, or own life?
</p>
<p class="pb-4 text-xl max-w-xl">
Are you an expert in your field who wants to support strategic initiatives, but would like to be heard better by others?
</p>
</section>
<section class="container mx-auto px-4 max-w-3xl pb-10">
<h2 class="text-3xl font-serif pb-4 balanced">
Then a sparring partnership might be for you.
</h2>
<p class="pb-4 text-xl max-w-xl">
Strategy, business models, leadership challenges, organization, tools and skills, and the development of yourself and your leadership personality that goes along with your journey – we talk shop about what you and your team need to innovate together. As a co-pilot and sparring partner in a longer endeavour, we value deep subject matter expertise and make it shine, and at the same time keep a spotlight on clear communication and keeping track of overarching goals. We are skilled guides to help you find a path to the solution you seek to build, and happy to keep up with fast thinkers and learners!
</p>
</section>
<section class="js-contact container mx-auto px-4 max-w-3xl pt-4 mb-20">
<div
class="max-w-xl rounded-3xl p-4 bg-clay1 text-gray-700"
>
<div class="js-contact-btn cursor-pointer">
<h3 class="text-2xl pb-3">
Interested in sparring sessions?
</h3>
<p class="text-lg">
Sparring sessions can be booked on a case by case basis or in
packages for a deeper dive to work together over a longer period.
</p>
<p class="text-secondary3 underline pt-3">
Get in touch
</p>
</div>
<div class="js-contact-form hidden text-left text-xl font-sans">
<form
action="https://formspree.io/f/xjvqjbjg"
method="POST"
class="px-4 md:px-8 pt-12 mb-4"
>
<div class="mb-4">
<label
for="email"
class="block text-gray-700 mb-2"
>
Your email*
</label>
<input
type="email"
name="email"
required
class="p-2 w-full max-w-[400px] focus:outline-secondary3 outline-offset-3"
>
<p class="text-xs text-gray-600 pt-2">
* Required
</p>
</div>
<div class="mb-6">
<p class="balanced text-xl block text-gray-700 mb-2">
I am interested in
</p>
<div>
<input
class="focus:outline-secondary3"
type="checkbox"
name="strategy"
id="strategy"
value="strategy"
>
<label class="pl-1 cursor-pointer" for="strategy">Strategy</label>
</div>
<div>
<input
checked class="focus:outline-secondary3"
type="checkbox"
name="sparring"
id="sparring"
value="sparring"
>
<label class="pl-1 cursor-pointer" for="sparring">Sparring</label>
</div>
<div>
<input
class="focus:outline-secondary3"
type="checkbox"
name="training"
id="training"
value="training"
>
<label class="pl-1 cursor-pointer" for="training">Training</label>
</div>
</div>
<div class="mb-6">
<label
for="message"
class="balanced text-xl block text-gray-700 mb-2"
>
Anything in particular you would like to talk about?
</label>
<textarea
name="message"
rows="3"
class="p-2 w-full max-w-[400px] focus:outline-secondary3"
></textarea>
</div>
<div class="flex items-center justify-between">
<button
type="submit"
class="py-2 px-4 font-bold bg-secondary3 hover:bg-secondary4 text-white rounded focus:outline-black"
>Send</button>
<div>
<p class="balanced text-ld max-w-xs text-gray-600">
<em>Once you hit send we'll be in touch shortly.</em>
</p>
</div>
</div>
<div>
<p class="pt-10 pb-2 text-xs text-gray-600">
Your data will be used only to contact you. Nothing else.
</p>
</div>
</form>
</div>
</div>
</section>
<section class="container mx-auto px-4 max-w-3xl pb-28">
<picture class="block mt-12">
<img src="/assets/coaching_chair_square_cut_600w.jpg"
class="rounded-full mx-auto max-w-[70%] xl:max-w-[400px]">
</picture>
</section>
</main>
<footer class="bg-sage4 text-white py-10">
<div class="container mx-auto px-4 max-w-3xl py-10">
<div class="grid grid-cols-3 gap-8">
<div>
<h3 class="text-l mb-4 text-slate-100">Get in touch</h3>
<div class=" text-slate-300 pb-1">
<span
class="eml"
data-x="silvia.maier"
data-y="causable.ch"
>
</span>
</div>
<ul class="-ml-1 text-slate-400 select-none">
<li>
<a class="text-primary" href="https://www.linkedin.com/company/causable-world/">
<svg class="inline" style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="currentColor" d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z" />
</svg>
</a>
<a class="text-primary" href="https://twitter.com/Silvia_U_Maier">
<svg class="inline" style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="currentColor" d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" />
</svg>
</a>
</li>
</ul>
</div>
<div>
<h3 class="text-l mb-4"></h3>
<ul class="space-y-2 text-slate-400">
<li><a href="#"></a></li>
</ul>
</div>
<div>
<h3 class="text-l mb-4"></h3>
<ul class=" text-slate-300">
<li>Causable GmbH</li>
<li>Tellstrasse 31</li>
<li>8004 Zürich</li>
</ul>
</div>
</div>
</div>
<div class="container mx-auto px-4 max-w-3xl text-center text-slate-500 select-none">
© 2023 Causable GmbH | Design by Eva van Jensen
</div>
</footer>
<script src="/assets/js/index.js"></script>
</body>
</html>