-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
221 lines (194 loc) · 25.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Melanie Althaus">
<meta name="theme-color" content="#ffffff">
<title>codi! 2020: A leadership retreat for women who code</title>
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<header class="header">
<nav class="header__nav">
<div class="logo logo--big--black">
<a href="#">codi!</a>
</div>
<div class="hamburger__menu" onclick="hamburgerToX(this); showMenu('mainMenu')">
<div class="hamburger__animation" id="hamburgerAni">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<div class="hamburger__label">Menu</div>
</div>
<ul id="mainMenu" class="hide__nav nav__menulist">
<li class="nav__item"><a class="nav__link" href="#">Home</a></li>
<li class="nav__item"><a class="nav__link" href="#">Blog</a></li>
<li class="nav__item"><a class="nav__link" href="#">About</a></li>
<li class="nav__item"><a class="nav__link" href="#">Partnerships</a></li>
</ul>
</nav>
<div class="header__box">
<div class="header-image__box">
<img src="assets/img/001_740w.png" alt="Skeppsudden, Sweden">
</div>
<div class="header__right-side">
<div class="header__titlebox">
<p class="title__top">August 18, 2020</p>
<h1 class="header__title">A leadership retreat for women who code.</h1>
</div>
<div class="header__buttons">
<div class="button__div">
<a class="button__link button--action" href="#">Get your ticket</a>
</div>
<div class="button__div">
<a class="button__link button--secondary" href="#learn-more">Learn more</a>
</div>
</div>
</div>
</div>
</header>
<main class="main">
<section class="main__section introduction__section" id="learn-more">
<div class="title__box">
<p class="section__top">Introducing</p>
<h2 class="section__title"><span class="logo logo--title">codi!</span> 2020</h2>
</div>
<div class="content__box content__box--right-side">
<p class="content__text">Join other amazing women leaders for this unique chance to network, learn, and recenter yourself in our retreat in Skeppsudden, Sweden. <span class="logo">codi!</span> 2020 will bring together women from different industries and types of organizations from all over the world.</p>
<p>The retreat will take place in Skeppsudden, Sweden, a little town close to the beautiful Åbyfjorden. We invited well-known speakers for us to learn from, like <a href="#" class="text__link">Eva Peleus</a>, <a href="#" class="text__link">Tina Sanders</a>, or <a href="#" class="text__link">George Farmint</a>.</p>
<p class="content__text"><span class="logo">codi!</span> is an opportunity for you to reset and recharge. Enjoy activities and bond with others.</p>
<p class="content__text">We welcome all womxn and non-binary folks.</p>
<div class="button__div p--margin">
<a class="button__link button--action" href="#">Get your ticket</a>
</div>
</div>
</section>
<section class="main__section expect__section">
<div class="title__box">
<p class="section__top">Expect</p>
<h2 class="section__title">What you will do</h2>
</div>
<div class="content__box expect__box">
<div class="expect__box--flex expect__box--margin">
<img class="expect__image" src="assets/img/002_1600w.png" alt="Connect with other female leaders" width="250">
<h3 class="expect__title">Connect</h3>
<p class="content__text">Connect with other women leaders across industries and nations. Make friends or business, or both at the same time.</p>
</div>
<div class="expect__box--flex expect__box--margin">
<img class="expect__image" src="assets/img/003_1600w.png" alt="Visit workshops and sessions" width="250">
<h3 class="expect__title">Learn</h3>
<p class="content__text">Visit our workshops and sessions about leadership and code. Take home new knowledge and skills to power up your professional life.</p>
</div>
<div class="expect__box--flex">
<img class="expect__image" src="assets/img/004_1600w.png" alt="Recharge and recenter yourself" width="250">
<h3 class="expect__title">Recharge</h3>
<p class="content__text">Recharge your batteries with our courses and activites like kayaking, yoga, hiking, meditation courses. Or take a book and go reading outside.</p>
</div>
</div>
</section>
<section class="main__section location__section">
<div class="location__div">
<div class="title__box">
<p class="section__top">Location</p>
<h2 class="section__title">Skeppsudden, Sweden</h2>
</div>
<div class="content__box location__box">
<p class="content__text">A beautiful place in Sweden, where you can forget fights and stress and recenter yourself. Take your time to go sailing, kayaking, swimming, or just read a good book in the sun.</p>
</div>
</div>
</section>
<section class="main__section testimonial__section">
<div class="content__box quote__box">
<p class="quote">"<span class="logo">codi!</span> helped me regain my inner balance after a year full of challenges. What I took home was not only new knowledge and energy, but also new friendships."</p>
<p class="quote-name">Monica Desaro, Lead Developer<br>
<span class="logo">codi!</span> 2017</p>
</div>
</section>
<section class="main__section sponsors__section">
<div class="title__box">
<p class="section__top">Sponsors</p>
<h2 class="section__title">Our partners</h2>
</div>
<div class="content__box sponsors__box">
<!--Elephant Logo-->
<a href="#" class="sponsor__link">
<svg class="svg__logo" width="100px" height="100px" viewBox="0 0 175 175" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:3;">
<path id="Layer0_0_FILL" d="M47.95,78.05c-1.367,-1.367 -3.017,-2.05 -4.95,-2.05c-1.933,0 -3.583,0.683 -4.95,2.05c-1.367,1.367 -2.05,3.017 -2.05,4.95c0,1.933 0.683,3.583 2.05,4.95c1.367,1.367 3.017,2.05 4.95,2.05c1.933,0 3.583,-0.683 4.95,-2.05c1.367,-1.367 2.05,-3.017 2.05,-4.95c0,-1.933 -0.683,-3.583 -2.05,-4.95Z"/>
<path id="Layer0_0_1_STROKES" d="M10,147l0,-69c0,-7.167 1.333,-13.8 4,-19.9c2.133,-6.2 5.717,-11.817 10.75,-16.85c8.833,-8.833 19.5,-13.25 32,-13.25c0.533,0 1.067,0.017 1.6,0.05c0.533,-0.033 1.083,-0.05 1.65,-0.05l55,0c13.8,0 25.583,4.883 35.35,14.65c9.767,9.767 14.65,21.55 14.65,35.35l0,69m-106.65,-118.95c11.8,0.333 21.917,4.733 30.35,13.2c8.867,8.833 13.3,19.5 13.3,32c0,12.5 -4.433,23.15 -13.3,31.95c-8.8,8.867 -19.45,13.3 -31.95,13.3l-0.8,0m-41.95,-60.4c2.4,-5.6 5.95,-10.75 10.65,-15.45c9.367,-9.367 20.6,-14.233 33.7,-14.6m64.6,118.95l-67,0" style="fill:none;stroke-width:15px;"/>
</svg>
</a>
<!--Serena Logo-->
<a href="#" class="sponsor__link">
<svg class="svg__logo" width="100px" height="100px" viewBox="0 0 310 394" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<path d="M94.775,372.891l-23.099,0c0.029,2.682 0.569,5.047 1.622,7.094c1.053,2.047 2.451,3.59 4.196,4.628c1.745,1.039 3.669,1.558 5.775,1.558c1.413,0 2.703,-0.166 3.871,-0.498c1.168,-0.331 2.3,-0.851 3.396,-1.557c1.095,-0.707 2.105,-1.464 3.028,-2.271c0.922,-0.807 2.119,-1.903 3.59,-3.287c0.605,-0.52 1.47,-0.779 2.595,-0.779c1.211,0 2.192,0.332 2.942,0.995c0.749,0.663 1.124,1.6 1.124,2.811c0,1.067 -0.418,2.315 -1.254,3.742c-0.836,1.428 -2.098,2.797 -3.785,4.109c-1.687,1.313 -3.807,2.401 -6.359,3.266c-2.552,0.865 -5.486,1.298 -8.802,1.298c-7.585,0 -13.482,-2.163 -17.692,-6.488c-4.21,-4.326 -6.316,-10.194 -6.316,-17.606c0,-3.489 0.52,-6.726 1.558,-9.711c1.038,-2.984 2.552,-5.544 4.542,-7.678c1.989,-2.134 4.441,-3.77 7.353,-4.909c2.913,-1.139 6.142,-1.709 9.689,-1.709c4.614,0 8.572,0.973 11.874,2.92c3.302,1.946 5.775,4.463 7.419,7.548c1.643,3.086 2.465,6.229 2.465,9.43c0,2.97 -0.85,4.895 -2.552,5.775c-1.701,0.879 -4.095,1.319 -7.18,1.319Zm-23.099,-6.705l21.412,0c-0.289,-4.037 -1.377,-7.058 -3.266,-9.062c-1.889,-2.004 -4.376,-3.006 -7.462,-3.006c-2.941,0 -5.356,1.016 -7.245,3.049c-1.889,2.033 -3.035,5.04 -3.439,9.019Z"/>
<path d="M126.179,376.957l0,9.862c0,2.394 -0.563,4.189 -1.687,5.386c-1.125,1.197 -2.552,1.795 -4.283,1.795c-1.701,0 -3.1,-0.606 -4.196,-1.817c-1.095,-1.211 -1.643,-2.999 -1.643,-5.364l0,-32.874c0,-5.306 1.917,-7.959 5.753,-7.959c1.961,0 3.374,0.62 4.239,1.86c0.865,1.24 1.341,3.071 1.427,5.493c1.413,-2.422 2.862,-4.253 4.348,-5.493c1.485,-1.24 3.467,-1.86 5.947,-1.86c2.48,0 4.888,0.62 7.224,1.86c2.336,1.24 3.504,2.883 3.504,4.931c0,1.442 -0.498,2.631 -1.492,3.569c-0.995,0.937 -2.07,1.405 -3.223,1.405c-0.433,0 -1.478,-0.266 -3.136,-0.8c-1.658,-0.533 -3.122,-0.8 -4.391,-0.8c-1.73,0 -3.143,0.454 -4.239,1.362c-1.096,0.909 -1.946,2.257 -2.552,4.045c-0.605,1.788 -1.024,3.915 -1.254,6.38c-0.231,2.466 -0.346,5.472 -0.346,9.019Z"/>
<path d="M184.012,372.891l-23.099,0c0.029,2.682 0.57,5.047 1.622,7.094c1.053,2.047 2.452,3.59 4.196,4.628c1.745,1.039 3.67,1.558 5.775,1.558c1.413,0 2.704,-0.166 3.871,-0.498c1.168,-0.331 2.3,-0.851 3.396,-1.557c1.096,-0.707 2.105,-1.464 3.028,-2.271c0.923,-0.807 2.12,-1.903 3.59,-3.287c0.606,-0.52 1.471,-0.779 2.596,-0.779c1.211,0 2.191,0.332 2.941,0.995c0.75,0.663 1.125,1.6 1.125,2.811c0,1.067 -0.418,2.315 -1.255,3.742c-0.836,1.428 -2.098,2.797 -3.785,4.109c-1.687,1.313 -3.806,2.401 -6.358,3.266c-2.552,0.865 -5.487,1.298 -8.803,1.298c-7.584,0 -13.481,-2.163 -17.692,-6.488c-4.21,-4.326 -6.315,-10.194 -6.315,-17.606c0,-3.489 0.519,-6.726 1.557,-9.711c1.038,-2.984 2.552,-5.544 4.542,-7.678c1.99,-2.134 4.441,-3.77 7.354,-4.909c2.912,-1.139 6.142,-1.709 9.689,-1.709c4.614,0 8.572,0.973 11.874,2.92c3.302,1.946 5.774,4.463 7.418,7.548c1.644,3.086 2.466,6.229 2.466,9.43c0,2.97 -0.851,4.895 -2.552,5.775c-1.702,0.879 -4.095,1.319 -7.181,1.319Zm-23.099,-6.705l21.412,0c-0.288,-4.037 -1.377,-7.058 -3.266,-9.062c-1.889,-2.004 -4.376,-3.006 -7.461,-3.006c-2.942,0 -5.357,1.016 -7.246,3.049c-1.889,2.033 -3.035,5.04 -3.439,9.019Z"/>
<path d="M214.421,352.517l0,1.428c2.077,-2.74 4.347,-4.751 6.813,-6.034c2.466,-1.284 5.299,-1.925 8.5,-1.925c3.114,0 5.897,0.677 8.348,2.033c2.452,1.355 4.283,3.273 5.494,5.753c0.778,1.442 1.283,2.999 1.514,4.671c0.231,1.673 0.346,3.807 0.346,6.402l0,21.974c0,2.365 -0.541,4.153 -1.622,5.364c-1.082,1.211 -2.487,1.817 -4.218,1.817c-1.759,0 -3.186,-0.62 -4.282,-1.86c-1.096,-1.24 -1.644,-3.014 -1.644,-5.321l0,-19.681c0,-3.893 -0.541,-6.871 -1.622,-8.932c-1.081,-2.062 -3.237,-3.093 -6.467,-3.093c-2.105,0 -4.023,0.627 -5.753,1.881c-1.73,1.255 -2.999,2.978 -3.806,5.169c-0.577,1.76 -0.865,5.047 -0.865,9.863l0,14.793c0,2.394 -0.556,4.189 -1.666,5.386c-1.11,1.197 -2.545,1.795 -4.304,1.795c-1.701,0 -3.1,-0.62 -4.196,-1.86c-1.095,-1.24 -1.643,-3.014 -1.643,-5.321l0,-34.129c0,-2.249 0.49,-3.929 1.47,-5.039c0.981,-1.11 2.322,-1.665 4.023,-1.665c1.038,0 1.976,0.245 2.812,0.735c0.836,0.49 1.507,1.226 2.011,2.206c0.505,0.981 0.757,2.177 0.757,3.59Z"/>
<path d="M287.048,387.339c-2.855,2.22 -5.616,3.885 -8.283,4.996c-2.668,1.11 -5.66,1.665 -8.976,1.665c-3.028,0 -5.688,-0.598 -7.981,-1.795c-2.292,-1.197 -4.059,-2.819 -5.299,-4.866c-1.24,-2.048 -1.86,-4.268 -1.86,-6.662c0,-3.23 1.024,-5.984 3.072,-8.262c2.047,-2.278 4.859,-3.806 8.435,-4.585c0.749,-0.173 2.609,-0.562 5.58,-1.168c2.97,-0.605 5.515,-1.161 7.634,-1.665c2.12,-0.505 4.42,-1.118 6.9,-1.839c-0.145,-3.114 -0.772,-5.399 -1.882,-6.856c-1.11,-1.456 -3.41,-2.184 -6.899,-2.184c-2.999,0 -5.256,0.418 -6.77,1.254c-1.514,0.837 -2.812,2.091 -3.893,3.764c-1.081,1.672 -1.846,2.775 -2.293,3.309c-0.447,0.533 -1.405,0.8 -2.876,0.8c-1.327,0 -2.473,-0.425 -3.439,-1.276c-0.966,-0.851 -1.449,-1.939 -1.449,-3.266c0,-2.076 0.735,-4.095 2.206,-6.056c1.471,-1.961 3.763,-3.576 6.878,-4.845c3.114,-1.268 6.993,-1.903 11.636,-1.903c5.19,0 9.271,0.613 12.241,1.839c2.97,1.225 5.068,3.164 6.294,5.817c1.226,2.654 1.838,6.172 1.838,10.555c0,2.768 -0.007,5.119 -0.021,7.051c-0.015,1.932 -0.036,4.08 -0.065,6.445c0,2.22 0.367,4.535 1.103,6.943c0.735,2.407 1.103,3.957 1.103,4.65c0,1.211 -0.57,2.314 -1.709,3.309c-1.139,0.995 -2.429,1.492 -3.871,1.492c-1.211,0 -2.408,-0.57 -3.59,-1.709c-1.183,-1.139 -2.437,-2.79 -3.764,-4.952Zm-0.778,-17.087c-1.731,0.635 -4.247,1.305 -7.549,2.012c-3.301,0.706 -5.587,1.225 -6.856,1.557c-1.268,0.332 -2.48,0.98 -3.633,1.947c-1.154,0.966 -1.73,2.314 -1.73,4.044c0,1.788 0.677,3.309 2.033,4.564c1.355,1.254 3.129,1.881 5.32,1.881c2.336,0 4.492,-0.512 6.467,-1.535c1.975,-1.024 3.424,-2.343 4.347,-3.958c1.067,-1.788 1.601,-4.73 1.601,-8.825l0,-1.687Z"/>
<path d="M49.75,378.558c0,3.258 -0.793,6.048 -2.379,8.37c-1.586,2.321 -3.929,4.08 -7.029,5.277c-3.1,1.197 -6.871,1.795 -11.312,1.795c-4.239,0 -7.872,-0.649 -10.9,-1.947c-3.028,-1.297 -5.263,-2.919 -6.705,-4.866c-1.442,-1.946 -2.163,-3.9 -2.163,-5.861c0,-1.298 0.462,-2.408 1.384,-3.331c0.923,-0.923 2.091,-1.384 3.504,-1.384c1.24,0 2.192,0.303 2.855,0.908c0.663,0.606 1.298,1.457 1.903,2.553c1.211,2.105 2.661,3.676 4.347,4.714c1.687,1.039 3.987,1.558 6.9,1.558c2.365,0 4.304,-0.527 5.818,-1.579c1.514,-1.053 2.271,-2.257 2.271,-3.612c0,-2.076 -0.786,-3.59 -2.358,-4.542c-1.571,-0.952 -4.16,-1.86 -7.764,-2.725c-4.066,-1.009 -7.375,-2.069 -9.927,-3.179c-2.553,-1.111 -4.593,-2.574 -6.121,-4.391c-1.529,-1.817 -2.293,-4.052 -2.293,-6.705c0,-2.364 0.707,-4.599 2.12,-6.704c1.413,-2.105 3.496,-3.785 6.25,-5.04c2.754,-1.254 6.078,-1.881 9.971,-1.881c3.057,0 5.803,0.317 8.24,0.951c2.437,0.635 4.47,1.485 6.099,2.552c1.63,1.067 2.87,2.25 3.72,3.547c0.851,1.298 1.276,2.567 1.276,3.807c0,1.355 -0.454,2.466 -1.362,3.331c-0.909,0.865 -2.199,1.297 -3.872,1.297c-1.211,0 -2.242,-0.346 -3.093,-1.038c-0.85,-0.692 -1.823,-1.73 -2.919,-3.114c-0.894,-1.154 -1.947,-2.077 -3.158,-2.769c-1.211,-0.692 -2.855,-1.038 -4.931,-1.038c-2.134,0 -3.908,0.454 -5.321,1.363c-1.413,0.908 -2.119,2.04 -2.119,3.395c0,1.24 0.519,2.257 1.557,3.05c1.038,0.793 2.437,1.449 4.196,1.968c1.759,0.519 4.181,1.154 7.267,1.903c3.662,0.894 6.654,1.961 8.976,3.201c2.321,1.24 4.08,2.704 5.277,4.391c1.197,1.687 1.795,3.612 1.795,5.775Z"/>
<path d="M258.606,223.747c1.303,-6.628 1.994,-13.475 1.994,-20.478c0,-17.525 -4.281,-34.069 -11.844,-48.647c7.563,-14.575 11.844,-31.119 11.844,-48.644c0,-7.006 -0.691,-13.85 -1.994,-20.478c20.26,16.25 33.266,41.191 33.266,69.122c0,27.934 -13.006,52.872 -33.266,69.125m-103.984,68.125c-27.934,0 -52.872,-13.006 -69.125,-33.266c6.628,1.303 13.475,1.994 20.478,1.994c17.528,0 34.069,-4.281 48.647,-11.844c14.578,7.563 31.119,11.844 48.647,11.844c7.003,0 13.85,-0.691 20.478,-1.994c-16.253,20.26 -41.191,33.266 -69.125,33.266m-137.25,-137.25c0,-27.931 13.006,-52.872 33.266,-69.122c-1.304,6.628 -1.994,13.472 -1.994,20.478c0,17.525 4.281,34.069 11.844,48.644c-7.563,14.578 -11.844,31.122 -11.844,48.647c0,7.003 0.69,13.85 1.994,20.478c-20.26,-16.253 -33.266,-41.191 -33.266,-69.125m192.587,20.478c1.304,-6.628 1.994,-13.472 1.994,-20.478c0,-7.003 -0.69,-13.85 -1.99,-20.478c7.234,5.806 13.54,12.715 18.662,20.478c-5.122,7.765 -11.428,14.675 -18.666,20.478m-75.815,34.862c6.628,1.304 13.475,1.994 20.478,1.994c7.003,0 13.85,-0.69 20.478,-1.994c-5.803,7.235 -12.712,13.544 -20.478,18.663c-7.766,-5.119 -14.675,-11.428 -20.478,-18.663m-34.86,-75.818c-1.303,6.628 -1.993,13.475 -1.993,20.478c0,7.006 0.69,13.85 1.993,20.478c-7.237,-5.803 -13.543,-12.713 -18.665,-20.478c5.122,-7.763 11.428,-14.672 18.665,-20.478m95.297,20.478c0,11.815 -2.343,23.087 -6.559,33.403c-10.316,4.216 -21.588,6.556 -33.4,6.556c-11.813,0 -23.084,-2.34 -33.4,-6.556c-4.216,-10.316 -6.559,-21.588 -6.559,-33.403c0,-11.813 2.343,-23.085 6.559,-33.4c10.316,-4.216 21.587,-6.556 33.4,-6.556c11.812,0 23.084,2.34 33.4,6.556c4.216,10.315 6.559,21.587 6.559,33.4m-19.481,-55.338c-6.628,-1.303 -13.475,-1.993 -20.478,-1.993c-7.003,0 -13.85,0.69 -20.478,1.993c5.803,-7.237 12.712,-13.543 20.478,-18.665c7.766,5.122 14.675,11.428 20.478,18.665m-109.081,6.694c0,-11.816 2.34,-23.087 6.556,-33.403c10.316,-4.213 21.588,-6.556 33.4,-6.556c11.022,0 21.572,2.04 31.316,5.734c-12.228,9.753 -22.257,22.153 -29.216,36.325c-14.169,6.956 -26.569,16.984 -36.325,29.213c-3.694,-9.741 -5.731,-20.291 -5.731,-31.313m0,97.291c0,-11.022 2.037,-21.572 5.731,-31.313c9.756,12.228 22.156,22.256 36.325,29.213c6.959,14.172 16.988,26.568 29.216,36.325c-9.744,3.693 -20.294,5.734 -31.316,5.734c-11.812,0 -23.084,-2.344 -33.4,-6.559c-4.216,-10.316 -6.556,-21.588 -6.556,-33.4m177.206,0c0,11.812 -2.341,23.084 -6.556,33.4c-10.316,4.215 -21.588,6.559 -33.4,6.559c-11.022,0 -21.572,-2.041 -31.316,-5.734c12.228,-9.757 22.256,-22.153 29.216,-36.325c14.169,-6.957 26.569,-16.985 36.325,-29.213c3.694,9.741 5.731,20.291 5.731,31.313m0,-97.291c0,11.022 -2.037,21.572 -5.731,31.313c-9.756,-12.229 -22.156,-22.257 -36.325,-29.213c-6.96,-14.172 -16.988,-26.572 -29.216,-36.325c9.744,-3.694 20.294,-5.734 31.316,-5.734c11.812,0 23.084,2.343 33.4,6.556c4.215,10.316 6.556,21.587 6.556,33.403m-88.603,-88.603c27.934,0 52.872,13.003 69.125,33.262c-6.628,-1.303 -13.475,-1.99 -20.478,-1.99c-17.528,0 -34.069,4.278 -48.647,11.844c-14.578,-7.566 -31.119,-11.844 -48.647,-11.844c-7.003,0 -13.85,0.687 -20.478,1.99c16.253,-20.259 41.191,-33.262 69.125,-33.262m154.622,137.247c0,-41.744 -24.266,-77.925 -59.431,-95.191c-17.263,-35.165 -53.444,-59.431 -95.191,-59.431c-41.747,0 -77.928,24.266 -95.191,59.431c-35.165,17.266 -59.431,53.447 -59.431,95.191c0,41.747 24.266,77.928 59.431,95.194c17.263,35.165 53.444,59.431 95.191,59.431c41.747,0 77.928,-24.266 95.191,-59.431c35.165,-17.266 59.431,-53.447 59.431,-95.194"/>
</svg>
</a>
<!--Strokes Logo-->
<a href="#" class="sponsor__link">
<svg class="svg__logo" width="100px" height="100px" viewBox="0 0 215 215" style="fill-rule:evenodd; clip-rule:evenodd; stroke-linecap:round; stroke-miterlimit:3;">
<path style="fill:none; stroke-width:20px;" d="M107.023,111.273l57.8,-57.8m-81.5,131.45l100.5,-100.5m-123.8,23.85l74.35,-74.4m-82,132l27.65,-27.6m-47.2,-2.8l0.2,-0.2m100.6,49.4l-0.6,-0.4m-47.4,-152.65l0,1m-54,54.05l29.05,-29.05m109.35,90.65l13.55,-13.55"/>
</svg>
</a>
<!--Leaves Logo-->
<a href="#" class="sponsor__link">
<svg class="svg__logo" width="200px" height="100px" viewBox="0 0 500 198" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:3;">
<path d="M225.818,109.211l27.849,0l0,12.438l-43.847,0l0,-67.077l15.998,0l0,54.639Z"/>
<path d="M283.566,122.571c-7.566,0 -13.689,-2.281 -18.368,-6.841c-4.679,-4.561 -7.019,-10.497 -7.019,-17.806l0,-1.29c0,-5.099 0.934,-9.598 2.803,-13.499c1.869,-3.9 4.596,-6.918 8.181,-9.052c3.586,-2.135 7.84,-3.202 12.762,-3.202c6.928,0 12.398,2.173 16.409,6.519c4.011,4.346 6.016,10.404 6.016,18.174l0,6.035l-30.538,0c0.547,2.795 1.748,4.991 3.601,6.588c1.854,1.597 4.254,2.396 7.202,2.396c4.861,0 8.659,-1.72 11.394,-5.16l7.019,8.385c-1.914,2.672 -4.626,4.799 -8.136,6.38c-3.509,1.582 -7.284,2.373 -11.326,2.373Zm-1.732,-39.712c-4.497,0 -7.171,3.01 -8.022,9.03l15.497,0l0,-1.198c0.061,-2.488 -0.562,-4.415 -1.869,-5.782c-1.306,-1.367 -3.175,-2.05 -5.606,-2.05Z"/>
<path d="M338.306,121.649c-0.547,-1.013 -1.033,-2.503 -1.459,-4.468c-2.825,3.593 -6.776,5.39 -11.85,5.39c-4.649,0 -8.599,-1.421 -11.85,-4.262c-3.252,-2.84 -4.877,-6.411 -4.877,-10.711c0,-5.405 1.975,-9.49 5.925,-12.254c3.95,-2.764 9.693,-4.146 17.229,-4.146l4.74,0l0,-2.639c0,-4.599 -1.96,-6.898 -5.88,-6.898c-3.646,0 -5.469,1.821 -5.469,5.463l-15.36,0c0,-4.816 2.028,-8.727 6.085,-11.734c4.056,-3.006 9.229,-4.509 15.519,-4.509c6.29,0 11.258,1.551 14.904,4.653c3.646,3.102 5.515,7.356 5.606,12.761l0,22.067c0.061,4.577 0.76,8.078 2.097,10.504l0,0.783l-15.36,0Zm-9.617,-10.135c1.914,0 3.502,-0.414 4.763,-1.244c1.261,-0.829 2.165,-1.766 2.712,-2.81l0,-7.97l-4.467,0c-5.348,0 -8.022,2.426 -8.022,7.279c0,1.413 0.471,2.557 1.413,3.432c0.942,0.876 2.142,1.313 3.601,1.313Z"/>
<path d="M379.053,103.176l7.794,-31.374l16.18,0l-16.089,49.847l-15.679,0l-16.089,-49.847l16.226,0l7.657,31.374Z"/>
<path d="M430.876,122.571c-7.566,0 -13.689,-2.281 -18.368,-6.841c-4.68,-4.561 -7.019,-10.497 -7.019,-17.806l0,-1.29c0,-5.099 0.934,-9.598 2.803,-13.499c1.869,-3.9 4.596,-6.918 8.181,-9.052c3.586,-2.135 7.84,-3.202 12.762,-3.202c6.928,0 12.397,2.173 16.408,6.519c4.011,4.346 6.017,10.404 6.017,18.174l0,6.035l-30.538,0c0.547,2.795 1.747,4.991 3.601,6.588c1.853,1.597 4.254,2.396 7.201,2.396c4.862,0 8.66,-1.72 11.395,-5.16l7.019,8.385c-1.914,2.672 -4.626,4.799 -8.136,6.38c-3.509,1.582 -7.285,2.373 -11.326,2.373Zm-1.732,-39.712c-4.497,0 -7.171,3.01 -8.022,9.03l15.497,0l0,-1.198c0.061,-2.488 -0.562,-4.415 -1.869,-5.782c-1.306,-1.367 -3.175,-2.05 -5.606,-2.05Z"/>
<path d="M483.656,107.644c0,-1.32 -0.684,-2.38 -2.051,-3.178c-1.368,-0.799 -3.966,-1.628 -7.794,-2.488c-3.829,-0.86 -6.989,-1.989 -9.48,-3.386c-2.492,-1.398 -4.391,-3.095 -5.698,-5.091c-1.306,-1.996 -1.96,-4.284 -1.96,-6.864c0,-4.577 1.869,-8.347 5.607,-11.31c3.737,-2.964 8.629,-4.446 14.676,-4.446c6.502,0 11.729,1.49 15.679,4.469c3.95,2.979 5.925,6.895 5.925,11.747l-15.406,0c0,-3.992 -2.081,-5.989 -6.244,-5.989c-1.61,0 -2.962,0.453 -4.056,1.359c-1.094,0.906 -1.641,2.035 -1.641,3.387c0,1.382 0.668,2.503 2.005,3.363c1.337,0.86 3.472,1.566 6.404,2.119c2.932,0.553 5.508,1.213 7.726,1.981c7.414,2.58 11.121,7.202 11.121,13.867c0,4.545 -1.998,8.246 -5.994,11.102c-3.995,2.857 -9.169,4.285 -15.519,4.285c-4.224,0 -7.992,-0.768 -11.304,-2.304c-3.312,-1.535 -5.894,-3.624 -7.748,-6.265c-1.854,-2.641 -2.78,-5.421 -2.78,-8.339l14.357,0c0.061,2.304 0.82,3.985 2.279,5.045c1.458,1.06 3.327,1.589 5.606,1.589c2.097,0 3.669,-0.43 4.717,-1.29c1.049,-0.86 1.573,-1.981 1.573,-3.363Z"/>
<path d="M126.381,143.56l-52.776,0c-6.696,-0.176 -13.011,-1.19 -18.943,-3.04m0,0l0,-19.471c0.323,-13.393 4.038,-25.405 11.146,-36.036c2.525,-3.671 5.447,-7.166 8.766,-10.485c13.187,-13.186 29.119,-19.838 47.797,-19.956l18.195,0c1.028,3.289 1.805,6.667 2.335,10.133c0,0.088 0.015,0.22 0.044,0.396c0.381,2.79 0.602,5.639 0.661,8.546l0,53.349c-0.059,1.908 -0.354,3.7 -0.881,5.374c-0.823,2.321 -2.174,4.406 -4.054,6.256c-3.142,3.172 -6.931,4.816 -11.365,4.934m-72.644,30.22l0,-33.26c-6.021,-1.821 -11.704,-4.537 -17.048,-8.15c-3.672,-2.525 -7.181,-5.448 -10.529,-8.766c-13.216,-13.216 -19.868,-29.149 -19.957,-47.798l0,-60.661c0,-0.205 0.03,-0.397 0.089,-0.573c0.088,-1.938 0.881,-3.656 2.379,-5.154c1.527,-1.527 3.377,-2.335 5.551,-2.423l59.912,0.044c8.751,0 16.842,1.395 24.273,4.185c8.928,3.289 17.034,8.59 24.317,15.903c8.135,8.106 13.774,17.254 16.917,27.445l42.467,0c0.205,0 0.397,0.029 0.572,0.089c1.938,0.117 3.642,0.91 5.111,2.378c1.527,1.527 2.349,3.363 2.467,5.507l-0.089,59.912l0,0.353c0,8.546 -1.366,16.549 -4.096,24.009c-3.348,8.898 -8.664,16.989 -15.948,24.273c-10.69,10.72 -23.215,17.137 -37.577,19.251c-0.089,0 -0.22,0.03 -0.396,0.088c-2.82,0.353 -5.669,0.543 -8.547,0.573l-53.348,0c-1.909,-0.03 -3.701,-0.308 -5.374,-0.837c-2.35,-0.851 -4.436,-2.188 -6.257,-4.009c-3.171,-3.172 -4.801,-6.974 -4.889,-11.41" style="fill:none;stroke-width:12px;"/>
</svg>
</a>
</div>
</section>
</main>
<footer class="footer">
<div class="footer__newsletter left__side">
<h3 class="newsletter__title">Newsletter</h3>
<p>Sign up for our newsletter and never miss any news from <span class="logo ">codi!</span>.</p>
<form class="newsletter__form">
<input class="input__email" type="email" name="emailaddress" placeholder="Your Email Address">
<input class="input__submit" type="submit" value="Subscribe">
</form>
</div>
<div class="footer__logo-box">
<div class="logo logo--big--white"><a href="#">codi!</a></div>
<div class="footer__social-menu">
<!-- Facebook Icon -->
<a href="#" class="social-menu__link">
<svg class="social__icon" width="25" height="25" viewBox="0 0 24 24">
<path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/>
</svg>
</a>
<!-- Twitter Icon -->
<a href="#" class="social-menu__link">
<svg class="social__icon" width="25" height="25" viewBox="0 0 24 24">
<path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/>
</svg>
</a>
<!-- Email Icon -->
<a href="#" class="social-menu__link">
<svg class="social__icon" width="25" height="25" viewBox="0 0 24 24">
<path d="M12 12.713l-11.985-9.713h23.97l-11.985 9.713zm0 2.574l-12-9.725v15.438h24v-15.438l-12 9.725z"/>
</svg>
</a>
</div>
<div class="footer__copyright">
<p>© 2019 by <a href="https://github.com/melme12" class="text__link text__link--footer">Melanie Althaus</a></p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>