-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
394 lines (383 loc) · 27.3 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
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
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/dist/output.css" rel="stylesheet">
<link rel="stylesheet" href="main.css">
<title>Students - GitHub Education</title>
</head>
<body class="">
<header>
<nav class="border-b-1.2 border-gray-300 ">
<div class="bg-gray-900 text-white py-2 px-10 text-1xl font-apple "><a
href="https://github.com/">GitHub.com</a></div>
<div class="py-8 pl-4 pr-8 ">
<div class="flex px-4 align-middle justify-end items-center ">
<div class=" pl-4"><svg class="octicon octicon-mark-github mr-2" fill="#000000" viewBox="0 0 16 16"
width="35" height="35" version="1.1" aria-hidden="true">
<path
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59 0.4 0.07 0.55-0.17 0.55-0.38 0-0.19-0.01-0.82-0.01-1.49-2.01 0.37-2.53-0.49-2.69-0.94-0.09-0.23-0.48-0.94-0.82-1.13-0.28-0.15-0.68-0.52-0.01-0.53 0.63-0.01 1.08 0.58 1.23 0.82 0.72 1.21 1.87 0.87 2.33 0.66 0.07-0.52 0.28-0.87 0.51-1.07-1.78-0.2-3.64-0.89-3.64-3.95 0-0.87 0.31-1.59 0.82-2.15-0.08-0.2-0.36-1.02 0.08-2.12 0 0 0.67-0.21 2.2 0.82 0.64-0.18 1.32-0.27 2-0.27 0.68 0 1.36 0.09 2 0.27 1.53-1.04 2.2-0.82 2.2-0.82 0.44 1.1 0.16 1.92 0.08 2.12 0.51 0.56 0.82 1.27 0.82 2.15 0 3.07-1.87 3.75-3.65 3.95 0.29 0.25 0.54 0.73 0.54 1.48 0 1.07-0.01 1.93-0.01 2.2 0 0.21 0.15 0.46 0.55 0.38C13.71 14.53 16 11.53 16 8 16 3.58 12.42 0 8 0z">
</path>
</svg>
</div>
<div class="mr-auto text-3xl">Education</div>
<div class="relative inline-block text-left">
<button id="dropdownBtn"
class="dropBtn text-black font-normal px-3 py-1 rounded-md hover:bg-gray-200"
onclick="myFunction()">
Students <img class=" inline align-baseline" width="16rem"
src="https://www.pngall.com/wp-content/uploads/6/Caret-Symbol-PNG-Clipart.png">
</button>
<div id="Dropdown" class="invisible origin-top-right absolute left-0 mt-2 w-max rounded-lg shadow-lg bg-white ring-1 ring-black ring-opacity-5 divide-y divide-gray-100 focus:outline-none"
role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
<div class="py-1" role="none">
<!-- Dropdown items -->
<a href="#"
class="block p-2 text-gray-800 border-gray-300 hover:bg-gray-100 rounded-md mx-[5px] my-[3px]"
role="menuitem">Explore Student Programs</a>
<a href="#"
class="block text-gray-800 border-gray-100 hover:bg-gray-100 border-gray-200 border-[0.2px]"
role="menuitem"></a>
<a href="#"
class="block p-2 text-gray-800 border-gray-300 hover:bg-gray-100 rounded-md mx-[5px] my-[3px]"
role="menuitem">Octernships</a>
<a href="#"
class="block text-gray-800 border-gray-100 hover:bg-gray-100 border-gray-200 border-[0.2px]"
role="menuitem"></a>
<a href="#"
class="block p-2 text-gray-800 border-gray-300 hover:bg-gray-100 rounded-md mx-[5px] my-[3px]"
role="menuitem">Get Your Student Developer Pack</a>
<a href="#"
class="block text-gray-800 border-gray-100 hover:bg-gray-100 border-gray-200 border-[0.2px]"
role="menuitem"></a>
<a href="#"
class="block p-2 text-gray-800 border-gray-300 hover:bg-gray-100 rounded-md mx-[5px] my-[3px]"
role="menuitem">Become a Campus Expert</a>
</div>
</div>
</div>
<div class="relative inline-block text-left">
<button id="dropBtnTeacher" class="dropBtn text-black font-normal px-3 py-1 rounded-md hover:bg-gray-200 " onclick="myFunctionTeacher()">
Teachers <img class="inline align-baseline" width="16rem"
src="https://www.pngall.com/wp-content/uploads/6/Caret-Symbol-PNG-Clipart.png">
</button>
<div id="dropdownTeacher" class="invisible origin-top-right absolute left-0 mt-2 w-max rounded-lg shadow-lg bg-white ring-1 ring-black ring-opacity-5 divide-y divide-gray-100 focus:outline-none"
role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
<div class="py-1" role="none">
<!-- Dropdown items -->
<a href="#"
class="block p-2 text-gray-800 border-gray-300 hover:bg-gray-100 rounded-md mx-[5px] my-[3px]"
role="menuitem">Explore Teacher Programs</a>
<a href="#"
class="block text-gray-800 border-gray-100 hover:bg-gray-100 border-gray-200 border-[0.2px]"
role="menuitem"></a>
<a href="#"
class="block p-2 text-gray-800 border-gray-300 hover:bg-gray-100 rounded-md mx-[5px] my-[3px]"
role="menuitem">Learn about GitHub Classroom</a>
</div>
</div>
</div>
<div class="px-4 hover:underline">Schools</div>
<div class="px-4 hover:underline">Benefits</div>
<div class="px-4 hover:underline">Events</div>
<div class="px-4 hover:underline"><button
class="bg-gray-100 px-3 py-1 border-1.2 hover:bg-gray-200 border-gray-300 rounded-lg">Sign
in</button></div>
</div>
</div>
</nav>
</header>
<main>
<div
class="m-0 p-0 tracking-wide bg-gradient-to-b from-green-50 to-white-500 bg-[length:100vw_28rem] bg-no-repeat">
<div class="py-12 flex flex-col items-center">
<div class="text-gray-500 text-xl mb-1">STUDENT</div>
<div class="text-black text-6xl font-medium">With GitHub Global Campus,</div>
<div class="text-black mt-2 text-6xl font-medium">your work will speak for itself.</div>
<div class="text-black my-4 text-gray-500">Build your portfolio, grow your network, and level up your
skills.</div>
<a href="https://education.github.com/discount_requests/application"><button
class="bg-blue-600 shadow-inner shadow-blue-500 pt-4 pb-5 px-6 font-medium text-xl mt-4 rounded-md box-border text-white">Sign
up for Global Campus</button></a>
</div>
<div class=" flex flex-row justify-center flex-wrap">
<div
class=" bg-white px-10 pt-9 pb-6 m-4 w-1/5 rounded-md border-1.2 border-gray-300 hover:scale-105 transition duration-500 hover:ease-in-out">
<div class="">
<img style="height: 4.5rem;width:auto"
src="https://education.github.com/assets/sdp-backpack-a64038716bf134f45e809ff86b9611fb97e41bbd2ccfa3181da73cf164d3c200.png" />
<div class="text-xl mb-4">
Student Developer Pack
</div>
<div class="text-sm text-gray-500 mb-6 ">
There's no substitute for hands-on experience, but for most students, real-world tools can
be cost prohibitive. That's why we created the Pack with some of our partners and friends,
like:
</div>
<div class="flex flex-row mb-6">
<div class="h-9 w-9 rounded-full border overflow-hidden">
<img
src="https://education.github.com/assets/pack/icon_digitalocean-a06c6484381ad74aff6bd3672cbe68fa5f620ce004da6428e6fd59315a08034d.png">
</div>
<div class="h-9 w-9 rounded-full border overflow-hidden">
<img
src="https://education.github.com/assets/pack/icon_jetbrains-b6fffc41fb5541747e5a2fd6ae1052bac1b898861d32073d60b57b2b180d9bba.png">
</div>
<div class="h-9 w-9 rounded-full border overflow-hidden">
<img
src="https://education.github.com/assets/pack/icon_digitalocean-a06c6484381ad74aff6bd3672cbe68fa5f620ce004da6428e6fd59315a08034d.png">
</div>
<div class="h-9 w-9 rounded-full border overflow-hidden">
<img
src="https://education.github.com/assets/pack/icon_namecheap-0deb429f557eb6b0d45800c789c82af2cde2f29480a43ad2d17c0e4fc9965979.png">
</div>
<div class="h-9 w-9 rounded-full border overflow-hidden">
<img
src="https://education.github.com/assets/pack/icon_namecom-e90770e72a99dbd45292d44e8b3770db8741bd6e5185767baf6515711b230ccf.png">
</div>
<div class="h-9 w-9 rounded-full border overflow-hidden">
<img
src="https://education.github.com/assets/pack/icon_educative-8557d4caa99d4be505cbc03b302e3e1d1cb0a4ff8e2126faf7b20d523557309d.png">
</div>
</div>
<div>
<a href="https://education.github.com/pack#offers" class="text-blue-600">Learn more ></a>
</div>
</div>
</div>
<div
class="bg-white px-10 pt-9 pb-6 m-4 w-1/5 rounded-md border-1.2 border-gray-300 hover:scale-105 transition duration-500 hover:ease-in-out">
<div>
<img style="height: 4.2rem;width:auto"
src="https://education.github.com/assets/next/campus-experts/ce-flag-59b436097e6168e12b543fec9e936037ff777d1c0160fa4b07cd7394d8779418.png" />
<div class="text-xl mb-3">
Campus Expert
</div>
<div class="text-sm text-gray-500 mb-4">
Build the tech community at your school with training and support from GitHub.</div>
<div class="text-sm text-gray-500 mb-8">
Campus Experts learn public speaking, technical writing, community leadership, and software
development skills that will help you improve your campus.
</div>
<div>
<a href="https://education.github.com/experts" class="text-blue-600">Learn more ></a>
</div>
</div>
</div>
<div
class=" bg-white px-10 pt-9 pb-6 m-4 w-1/5 rounded-md border-1.2 border-gray-300 hover:scale-105 transition duration-500 hover:ease-in-out">
<div class="">
<img style="height: 5rem;width:auto" width="auto"
src="https://education.github.com/assets/octernships/octernship-logo-0a396a2edac133f4b26561086b23d479f3d0f241da843bfc48b1c8f023c52dd4.png" />
<div class="text-xl mb-3 ">
GitHub Octernships
</div>
<div class="text-sm text-gray-500 mb-6 ">
Join a pool of talented GitHub Octerns to access paid industry experience and mentorship
opportunities that will boost your career. We connect you with partners such as:
</div>
<div class="flex flex-row flex-wrap mb-4">
<div class="w-24 mr-3 mb-2">
<img
src="https://education.github.com/assets/octernships/appwrite-17dd6c50cece68cf7059a52604c6099cb678f98343cda248acfe4d6c31684266.png">
</div>
<div class="w-24 ">
<img
src="https://education.github.com/assets/octernships/appflowy-1bf0d7b6930e940726b60e6fde52526d48837a33633e614ed4a5d9b352a6e7e4.png">
</div>
<div class="w-24 ">
<img src="https://www.lambdatest.com/resources/images/logos/logo.svg">
</div>
</div>
<div>
<a href="https://education.github.com/students/octernships" class="text-blue-600">Learn more
></a>
</div>
</div>
</div>
</div>
<div class="text-center mt-20">
<div class="text-4xl font-medium">Student Hackathon</div>
<div class="text-normal font-medium mt-4 text-gray-500">We’ve got goodies to help you out this very
minute.</div>
<div class="flex flex-row flex-wrap justify-center">
<div class="px-8 pt-16 pb-6 my-4 w-1/4 flex flex-col items-center space-y-5">
<div class="scale-110 pb-3">
<img
src="https://education.github.com/assets/octernships/get-inspiration-dbc99d6c30b79d36c3fb667fd495a06d8953840264b91559eef451672292e4ee.png">
</div>
<div class="text-xl font-medium text-gray-500">
Get some inspiration
</div>
<div class="font-medium text-gray-500 ">
Check out <a class="text-blue-600" href="https://github.com/collections">Collections for
original ideas</a> that might spur new projects.
</div>
<div class="font-medium text-gray-500 ">See the most supportive <a
href="https://github.com/open-source" class="text-blue-600">open source communities</a>
who are looking for contributions.</div>
</div>
<div class="px-8 pt-16 pb-6 my-4 w-1/4 flex flex-col items-center space-y-5">
<div class="scale-110 pb-3">
<img
src="https://education.github.com/assets/octernships/github-for-projects-ae594a2b09c8b75b784cc38ea0aaba7110d9d0fa4c0ca6b4ea09a88bc155ed0c.png">
</div>
<div class="text-xl font-medium text-gray-500">
Use GitHub for your project
</div>
<div class="font-medium text-gray-500 ">
Take a look at the <a
href="https://docs.github.com/en/developers/overview/about-githubs-apis"
class="text-blue-600">GitHub API</a> and the <a class="text-blue-600"
href="https://docs.github.com/en/developers">GitHub Developer Docs</a>.
</div>
</div>
<div class="px-8 pt-16 pb-6 my-4 w-1/4 flex flex-col items-center space-y-5">
<div class="scale-110 pb-3">
<img
src="https://education.github.com/assets/octernships/getstarted-38922ac5a0492af74081dd4cb0272d119a41ddac853c70d057e6c6b22c4f4921.png">
</div>
<div class="text-xl font-medium text-gray-500">
Get started quickly
</div>
<div class="font-medium text-gray-500 ">
Use the <a href="https://github.com/MLH/mlh-hackathon-flask-starter"
class="text-blue-600">Flask Hackathon Starter</a> or the <a
href="https://github.com/MLH/mlh-hackathon-nodejs-starter" class="text-blue-600">Node.js
Hackathon Starter</a> from GitHub and Major League Hacking to get your application up
and running faster.
</div>
</div>
</div>
</div>
<div class="flex mx-auto text-center m-28 space-y-7 flex-col w-[70%]">
<div class="text-4xl font-medium">GitHub workshop for your event</div>
<div class="mx-auto font-medium w-[63%] text-gray-500">Host an event that's smaller than a hackathon but
just as fun. MLH Localhost provides content and support to help you organize academic events. Get
started with a GitHub workshop.</div>
<div><a href="https://localhost.mlh.io/" class=" text-blue-600">Host a event ></a></div>
<div><iframe class="w-full h-[100vh]"
src="https://www.youtube.com/embed/wv51Vwy0PL4?si=SMfMS7Fa_QMu_FBb" title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe></div>
</div>
<div class="bg-blue-100 bg-opacity-20 flex flex-col p-24 space-y-4 place-items-center text-center">
<div class="text-4xl font-medium">Join the team as a GitHub Intern</div>
<div class="w-[58%] font-medium text-gray-500">Host an event that's smaller than a hackathon but just as
fun. MLH Localhost provides content and support to help you organize academic events. Get started
with a GitHub workshop.</div>
<a href="https://education.github.com/discount_requests/application">
<div class="flex flex-col items-center">
<!-- Main button with inner border -->
<div
class="bg-transparent p-0 font-medium text-xl mt-7 rounded-lg border-1.2 border-blue-600 text-blue-600 box-content">
<div
class=" bg-transparent pt-3 pb-3 px-6 font-medium text-xl rounded-lg border-[1.6px] hover:border-[1.6px] box-border hover:border-gray-800 ease-in transition duration-400 border-gray-300 ">
Join the team
</div>
</div>
<!-- Secondary button acting as the outer border -->
</div>
</a>
</div>
<div class="pt-[6rem] pb-28 px-10 flex flex-row flex-wrap justify-between tracking-wide">
<div class="w-24">
<img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Logo.png">
</div>
<div class="font-medium text-gray-500 flex flex-row flex-wrap space-x-24 pr-24">
<div>
<ul class="space-y-4">
<li class="text-black ">Product</li>
<li class="hover:underline hover:text-blue-600">Features</li>
<li class="hover:underline hover:text-blue-600">Security</li>
<li class="hover:underline hover:text-blue-600">Enterprise</li>
<li class="hover:underline hover:text-blue-600">Customer stories</li>
<li class="hover:underline hover:text-blue-600">Pricing</li>
<li class="hover:underline hover:text-blue-600">Resources</li>
</ul>
</div>
<div>
<ul class="space-y-4">
<li class="text-black">Platform</li>
<li class="hover:underline hover:text-blue-600">Developer API</li>
<li class="hover:underline hover:text-blue-600">Partners</li>
<li class="hover:underline hover:text-blue-600">GitHub Desktop</li>
</ul>
</div>
<div>
<ul class="space-y-4">
<li class="text-black">Support</li>
<li class="hover:underline hover:text-blue-600">Docs</li>
<li class="hover:underline hover:text-blue-600">Community Forum</li>
<li class="hover:underline hover:text-blue-600">Professional Services</li>
<li class="hover:underline hover:text-blue-600">Status</li>
<li class="hover:underline hover:text-blue-600">Contact GitHub</li>
</ul>
</div>
<div>
<ul class="space-y-4">
<li class="text-black">Company</li>
<li class="hover:underline hover:text-blue-600">About</li>
<li class="hover:underline hover:text-blue-600">Blog</li>
<li class="hover:underline hover:text-blue-600">Careers</li>
<li class="hover:underline hover:text-blue-600">Press</li>
<li class="hover:underline hover:text-blue-600">Social Impact</li>
<li class="hover:underline hover:text-blue-600">Shop</li>
</ul>
</div>
</div>
</div>
</div>
</main>
<footer class=" px-10 py-5 bg-gray-50 flex flex-row flex-wrap justify-between">
<div>
<ul class="font-thin text-sm flex flex-row space-x-3">
<li>© 2023 GitHub, Inc.</li>
<a>
<li class="hover:text-blue-600">Terms</li>
</a>
<a>
<li class="hover:text-blue-600">Privacy</li>
</a>
</ul>
</div>
<div class="flex flex-row flex-wrap space-x-3">
<div>
<svg class=" hover:fill-blue-600 hover:opacity-100 opacity-60" xmlns="http://www.w3.org/2000/svg"
x="0px" y="0px" width="26" height="26" viewBox="0 0 30 30">
<path
d="M28,6.937c-0.957,0.425-1.985,0.711-3.064,0.84c1.102-0.66,1.947-1.705,2.345-2.951c-1.03,0.611-2.172,1.055-3.388,1.295 c-0.973-1.037-2.359-1.685-3.893-1.685c-2.946,0-5.334,2.389-5.334,5.334c0,0.418,0.048,0.826,0.138,1.215 c-4.433-0.222-8.363-2.346-10.995-5.574C3.351,6.199,3.088,7.115,3.088,8.094c0,1.85,0.941,3.483,2.372,4.439 c-0.874-0.028-1.697-0.268-2.416-0.667c0,0.023,0,0.044,0,0.067c0,2.585,1.838,4.741,4.279,5.23 c-0.447,0.122-0.919,0.187-1.406,0.187c-0.343,0-0.678-0.034-1.003-0.095c0.679,2.119,2.649,3.662,4.983,3.705 c-1.825,1.431-4.125,2.284-6.625,2.284c-0.43,0-0.855-0.025-1.273-0.075c2.361,1.513,5.164,2.396,8.177,2.396 c9.812,0,15.176-8.128,15.176-15.177c0-0.231-0.005-0.461-0.015-0.69C26.38,8.945,27.285,8.006,28,6.937z">
</path>
</svg>
</div>
<div><svg class=" hover:fill-blue-600 hover:opacity-100 opacity-60" xmlns="http://www.w3.org/2000/svg"
x="0px" y="0px" width="26" height="26" viewBox="0 0 50 50">
<path
d="M41,4H9C6.24,4,4,6.24,4,9v32c0,2.76,2.24,5,5,5h32c2.76,0,5-2.24,5-5V9C46,6.24,43.76,4,41,4z M37,19h-2c-2.14,0-3,0.5-3,2 v3h5l-1,5h-4v15h-5V29h-4v-5h4v-3c0-4,2-7,6-7c2.9,0,4,1,4,1V19z">
</path>
</svg></div>
<div><svg class=" hover:fill-blue-600 hover:opacity-100 opacity-60" xmlns="http://www.w3.org/2000/svg"
x="0px" y="0px" width="26" height="26" viewBox="0 0 50 50">
<path
d="M 44.898438 14.5 C 44.5 12.300781 42.601563 10.699219 40.398438 10.199219 C 37.101563 9.5 31 9 24.398438 9 C 17.800781 9 11.601563 9.5 8.300781 10.199219 C 6.101563 10.699219 4.199219 12.199219 3.800781 14.5 C 3.398438 17 3 20.5 3 25 C 3 29.5 3.398438 33 3.898438 35.5 C 4.300781 37.699219 6.199219 39.300781 8.398438 39.800781 C 11.898438 40.5 17.898438 41 24.5 41 C 31.101563 41 37.101563 40.5 40.601563 39.800781 C 42.800781 39.300781 44.699219 37.800781 45.101563 35.5 C 45.5 33 46 29.398438 46.101563 25 C 45.898438 20.5 45.398438 17 44.898438 14.5 Z M 19 32 L 19 18 L 31.199219 25 Z">
</path>
</svg></div>
<div><svg class=" hover:fill-blue-600 hover:opacity-100 opacity-60" xmlns="http://www.w3.org/2000/svg"
x="0px" y="0px" width="26" height="26" viewBox="0 0 30 30">
<path
d="M9,25H4V10h5V25z M6.501,8C5.118,8,4,6.879,4,5.499S5.12,3,6.501,3C7.879,3,9,4.121,9,5.499C9,6.879,7.879,8,6.501,8z M27,25h-4.807v-7.3c0-1.741-0.033-3.98-2.499-3.98c-2.503,0-2.888,1.896-2.888,3.854V25H12V9.989h4.614v2.051h0.065 c0.642-1.18,2.211-2.424,4.551-2.424c4.87,0,5.77,3.109,5.77,7.151C27,16.767,27,25,27,25z">
</path>
</svg></div>
<div><svg class=" hover:fill-blue-600 hover:opacity-100 opacity-60" xmlns="http://www.w3.org/2000/svg"
x="0px" y="0px" width="25" height="25" viewBox="0 0 24 24">
<path
d="M10.9,2.1c-4.6,0.5-8.3,4.2-8.8,8.7c-0.6,5,2.5,9.3,6.9,10.7v-2.3c0,0-0.4,0.1-0.9,0.1c-1.4,0-2-1.2-2.1-1.9 c-0.1-0.4-0.3-0.7-0.6-1C5.1,16.3,5,16.3,5,16.2C5,16,5.3,16,5.4,16c0.6,0,1.1,0.7,1.3,1c0.5,0.8,1.1,1,1.4,1c0.4,0,0.7-0.1,0.9-0.2 c0.1-0.7,0.4-1.4,1-1.8c-2.3-0.5-4-1.8-4-4c0-1.1,0.5-2.2,1.2-3C7.1,8.8,7,8.3,7,7.6C7,7.2,7,6.6,7.3,6c0,0,1.4,0,2.8,1.3 C10.6,7.1,11.3,7,12,7s1.4,0.1,2,0.3C15.3,6,16.8,6,16.8,6C17,6.6,17,7.2,17,7.6c0,0.8-0.1,1.2-0.2,1.4c0.7,0.8,1.2,1.8,1.2,3 c0,2.2-1.7,3.5-4,4c0.6,0.5,1,1.4,1,2.3v3.3c4.1-1.3,7-5.1,7-9.5C22,6.1,16.9,1.4,10.9,2.1z">
</path>
</svg></div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>