-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
272 lines (270 loc) · 28.4 KB
/
index.html
File metadata and controls
272 lines (270 loc) · 28.4 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Code of the Streets</title>
<link rel="stylesheet" href="shared.css">
<link rel="stylesheet" href="main.css">
<body>
<div class="backdrop"></div>
<div class="modal">
<h1 class="modal__title">Do you want to continue?</h1>
<div class="modal__actions">
<a href="contactus/index.html" class="modal__action">Yes!</a>
<button class="modal__action modal__action--negative" type="button">No!</button>
</div>
</div>
<header class="main-header">
<div>
<button class="toggle-button">
<span class="toggle-button__bar"></span>
<span class="toggle-button__bar"></span>
<span class="toggle-button__bar"></span>
</button>
<a href="index.html" class="main-header__brand">
Code of the Streets
</a>
</div>
<nav class="main-nav">
<ul class="main-nav__items">
<li class="main-nav__item">
<a href="paths/index.html">Paths</a>
</li>
<!-- <li class="main-nav__item">
<a href="blog/index.html">Blog</a>
</li> -->
<li class="main-nav__item">
<a href="aboutus/index.html">About Us</a>
</li>
<li class="main-nav__item main-nav__item--cta">
<a href="contactus/index.html">Contact Us</a>
</li>
</ul>
</nav>
</header>
<nav class="mobile-nav">
<ul class="mobile-nav__items">
<li class="mobile-nav__item">
<a href="paths/index.html">Paths</a>
</li>
<!-- <li class="mobile-nav__item">
<a href="blog/index.html">Blog</a>
</li> -->
<li class="mobile-nav__item">
<a href="aboutus/index.html">About Us</a>
</li>
<li class="mobile-nav__item">
<a href="contactus/index.html">Contact Us</a>
</li>
</ul>
</nav>
<main>
<section id="organization-overview">
<h1>Digital literacy at affordable rates </h1>
</section>
<section id="paths" class="paths-section">
<h1 class="section-title">Choose Your Path</h1>
<div class="path__list">
<article class="path">
<h1 class="path__title">Web Development</h1>
<h2 class="path__price">$65/hour</h2>
<h2 class="path__price">Private Instruction</h2>
<h3>HTML, CSS, JavaScript</h3>
<ul class="path__features">
<li class="path__feature">Full Stack JS Instruction</li>
<li class="path__feature">SPA Development</li>
<li class="path__feature">Website Design</li>
</ul>
<div>
<button class="button">CHOOSE PATH</button>
</div>
</article>
<!-- <article class="path path--highlighted">
<h1 class="path__annotation">Weekend Bootcamp</h1>
<h1 class="path__title">12pm to 6pm Every Saturday</h1>
<h2 class="path__price">$0/hour</h2>
<h3>Learn to code with Code of The Streets</h3>
<ul class="path__features">
<li class="path__feature">Portfolio Development</li>
<li class="path__feature">Whiteboarding Practice</li>
<li class="path__feature">Interview Questions</li>
</ul>
<div>
<button class="button">CHOOSE PATH</button>
</div>
</article> -->
<article class="path">
<h1 class="path__title">Technical Development</h1>
<h2 class="path__price">$65/hour</h2>
<h2 class="path__price">Private Instruction</h2>
<h3>A+, Network+, Security+</h3>
<ul class="path__features">
<li class="path__feature">PC Hardware, OS, command line</li>
<li class="path__feature">HTTP, OSI, Routers, Switches</li>
<li class="path__feature">Cybersecurity Basics</li>
</ul>
<div>
<button class="button">CHOOSE PATH</button>
</div>
</article>
</div>
</section>
<section id="key-benefits">
<h1 class="section-title">Take Control of Your Digital World</h1>
<ul class="key-benefit__list">
<li class="key-benefit">
<div class="key-benefit__image">
<svg id="Capa_1" enable-background="new 0 0 512 512" viewBox="0 0 512 512" height="120px" width="120px" xmlns="http://www.w3.org/2000/svg"><g><g><path clip-rule="evenodd" d="m158.476 76.839c15.534 8.621 34.128 15.71 54.934 20.786 16.894-47.187 45.127-78.125 77.101-78.125-52.1 0-99.069 22.062-132.035 57.339z" fill="#66e0f7" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m213.41 97.624c23.385 5.728 49.52 8.933 77.101 8.933v-87.057c-31.974 0-60.207 30.938-77.101 78.124z" fill="#ccf5fc" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m290.511 106.557c27.552 0 53.687-3.204 77.073-8.933-16.895-47.186-45.127-78.124-77.073-78.124z" fill="#66e0f7" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m367.584 97.624c20.806-5.076 39.401-12.165 54.934-20.786-32.966-35.276-79.935-57.338-132.007-57.338 31.946 0 60.178 30.938 77.073 78.124z" fill="#ccf5fc" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m384.138 200.25h87.022c0-47.725-18.453-91.112-48.642-123.411-15.534 8.621-34.128 15.71-54.934 20.786 10.431 29.151 16.554 64.512 16.554 102.625z" fill="#66e0f7" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m290.511 200.25h93.627c0-38.112-6.123-73.474-16.554-102.625-23.385 5.728-49.52 8.933-77.073 8.933z" fill="#ccf5fc" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m196.856 200.25h93.655v-93.693c-27.581 0-53.716-3.204-77.101-8.933-10.431 29.152-16.554 64.513-16.554 102.626z" fill="#66e0f7" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m109.834 200.25h87.022c0-38.112 6.123-73.474 16.554-102.625-20.806-5.076-39.401-12.165-54.934-20.786-30.189 32.298-48.642 75.685-48.642 123.411z" fill="#ccf5fc" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m158.476 323.632c15.534-8.621 34.128-15.71 54.934-20.786-10.431-29.151-16.554-64.513-16.554-102.597h-87.022c0 47.698 18.482 91.084 48.642 123.383z" fill="#66e0f7" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m213.41 302.846c21.033-5.161 44.276-8.28 68.824-8.847 2.579-3.318 5.357-6.494 8.277-9.528v-84.221h-93.655c0 38.083 6.123 73.445 16.554 102.596z" fill="#ccf5fc" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m290.511 284.471c22.337-23.281 53.772-37.8 88.609-37.8.624 0 1.247.028 1.871.028 2.041-14.831 3.146-30.399 3.146-46.449h-93.627v84.221z" fill="#66e0f7" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m380.991 246.699c28.233.425 54.169 10.379 74.72 26.769 9.921-22.374 15.449-47.158 15.449-73.219h-87.022c0 16.051-1.106 31.619-3.147 46.45z" fill="#ccf5fc" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m213.41 302.846c10.516 29.35 25.398 52.433 42.859 65.676.227-28.102 9.893-53.936 25.965-74.523-24.547.567-47.791 3.686-68.824 8.847z" fill="#66e0f7" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m158.476 323.632c25.625 27.422 59.696 46.846 98.049 54.134-.17-2.694-.255-5.416-.255-8.167 0-.369 0-.737 0-1.078-17.461-13.243-32.343-36.326-42.859-65.676-20.807 5.077-39.402 12.167-54.935 20.787z" fill="#ccf5fc" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m35.143 225.544c13.918 0 25.171-11.258 25.171-25.153 0-13.923-11.253-25.181-25.171-25.181-13.89 0-25.143 11.258-25.143 25.181 0 13.895 11.253 25.153 25.143 25.153z" fill="#b8ecbc" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m24.428 104.203c9.836 9.84 25.766 9.84 35.602 0 9.808-9.812 9.808-25.748 0-35.588-9.836-9.84-25.766-9.84-35.602 0-9.808 9.84-9.808 25.777 0 35.588z" fill="#b8ecbc" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m24.428 332.139c9.836 9.84 25.766 9.84 35.574 0 9.836-9.84 9.836-25.777 0-35.588-9.808-9.84-25.738-9.84-35.574 0-9.808 9.812-9.808 25.748 0 35.588z" fill="#b8ecbc" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m256.524 377.766c4.196 64.088 57.486 114.734 122.596 114.734 67.86 0 122.88-55.013 122.88-122.901 0-38.906-18.085-73.616-46.289-96.131-20.551-16.391-46.487-26.344-74.72-26.769l-1.871-.028c-34.837 0-66.273 14.519-88.609 37.8-2.92 3.034-5.698 6.21-8.277 9.528-16.072 20.587-25.738 46.421-25.965 74.523v1.078c0 2.75.085 5.472.255 8.166z" fill="#ffda8f" fill-rule="evenodd"/></g><g><path d="m467.731 270.633c8.904-22.386 13.428-46.024 13.428-70.384 0-49.726-19.123-95.062-50.388-129.051-.582-.854-1.277-1.595-2.056-2.209-34.761-36.62-83.862-59.489-138.204-59.489-50.942 0-98.829 19.839-134.838 55.863-1.385 1.385-2.737 2.794-4.074 4.215-.285.27-.552.562-.806.868-15.442 16.606-27.614 35.504-36.18 55.915h-26.55l-15.617-21.954c8.019-13.482 6.24-31.239-5.344-42.861-6.646-6.648-15.479-10.31-24.873-10.31-9.395 0-18.229 3.662-24.885 10.321-13.678 13.723-13.673 36.026.011 49.715 6.646 6.649 15.479 10.311 24.874 10.311 5.419 0 10.65-1.218 15.384-3.526l17.144 24.099c1.876 2.637 4.912 4.204 8.148 4.204h24.614c-4.155 14.199-6.671 28.951-7.433 44.031h-31.219c-4.317-14.543-17.803-25.181-33.725-25.181-19.377 0-35.142 15.782-35.142 35.181 0 19.384 15.765 35.153 35.143 35.153 15.92 0 29.402-10.625 33.723-25.153h31.247c.801 15.151 3.378 29.896 7.555 44.002h-24.763c-3.234 0-6.269 1.564-8.146 4.199l-17.165 24.102c-4.72-2.302-9.938-3.519-15.344-3.523-.009 0-.017 0-.026 0-9.391 0-18.223 3.661-24.869 10.311-13.685 13.69-13.689 35.993 0 49.727 6.646 6.65 15.478 10.311 24.869 10.311h.026c9.388-.007 18.207-3.672 24.823-10.311 6.651-6.654 10.312-15.497 10.305-24.899-.005-6.433-1.726-12.599-4.945-17.976l15.627-21.94h26.772c8.777 20.781 21.142 39.771 36.398 56.117.065.069.126.143.193.209 25.175 26.893 58.181 46.596 95.868 55.31 2.617 21.27 10.296 41.509 22.624 59.277 15.105 21.77 36.076 38.385 60.646 48.048 1.201.473 2.439.696 3.657.696 3.99 0 7.76-2.404 9.309-6.342 2.021-5.139-.506-10.945-5.646-12.966-43.502-17.11-71.611-58.382-71.611-105.144 0-62.27 50.625-112.929 112.851-112.929.598 0 1.192.013 1.787.023.032 0 .065.007.096.007s.061-.004.092-.004c61.333 1.059 110.904 51.295 110.904 112.904 0 46.766-28.119 88.037-71.638 105.143-5.141 2.021-7.669 7.825-5.648 12.965s7.823 7.668 12.965 5.648c24.582-9.663 45.562-26.277 60.671-48.048 15.472-22.292 23.65-48.472 23.65-75.708 0-39.27-17.115-74.611-44.269-98.967zm-414.68-173.593c-.067.065-.133.13-.197.197-2.855 2.804-6.623 4.347-10.624 4.347-4.051 0-7.861-1.581-10.729-4.45-5.902-5.905-5.897-15.531 0-21.449 2.868-2.87 6.679-4.45 10.729-4.45s7.86 1.58 10.718 4.439c5.876 5.897 5.912 15.453.103 21.366zm-17.908 118.504c-8.35 0-15.143-6.798-15.143-15.153 0-8.371 6.793-15.181 15.143-15.181 8.366 0 15.172 6.81 15.172 15.181-.001 8.356-6.806 15.153-15.172 15.153zm17.776 109.536c-2.851 2.86-6.645 4.437-10.683 4.439-.004 0-.007 0-.011 0-4.048 0-7.856-1.58-10.715-4.44-5.908-5.927-5.913-15.554-.011-21.459 2.869-2.87 6.677-4.45 10.726-4.45h.011c3.99.003 7.741 1.542 10.579 4.336.07.072.142.144.215.214 2.803 2.843 4.346 6.603 4.349 10.603.003 4.057-1.577 7.873-4.46 10.757zm339.276-87.766c.941-8.933 1.537-17.98 1.792-27.065h66.878c-.938 16.387-4.189 32.356-9.708 47.7-17.315-11.218-37.389-18.517-58.962-20.635zm-91.684 25.196v-52.26h73.47c-.265 8.94-.888 17.835-1.857 26.605-26.706 1.393-51.344 10.719-71.613 25.655zm-180.376-52.26h66.863c.848 30.822 5.597 60.036 13.528 85.644-14.336 4.107-27.706 9.218-39.781 15.252-23.599-27.664-38.393-62.819-40.61-100.896zm40.69-120.879c12.087 6.041 25.419 11.136 39.693 15.229-8.034 25.887-12.687 55.117-13.522 85.65h-66.862c2.227-38.379 17.179-73.394 40.691-100.879zm300.034 100.879h-66.861c-.835-30.531-5.488-59.761-13.521-85.649 14.275-4.093 27.608-9.19 39.696-15.232 23.51 27.485 38.459 62.501 40.686 100.881zm-183.406 93.886c-19.938.715-39.271 3.068-57.427 6.917-7.541-24.009-12.155-51.727-13.02-80.804h73.505v70.37c-1.041 1.154-2.058 2.328-3.058 3.517zm-70.441-93.886c.878-29.351 5.584-56.984 13.09-80.786 19.037 4.024 39.374 6.388 60.409 6.958v73.829h-73.499zm73.499-93.847c-18.443-.549-36.482-2.61-53.449-6.027 13.397-32.004 32.351-54.192 53.449-59.592zm20 20.018c21.026-.57 41.355-2.934 60.386-6.957 7.503 23.802 12.207 51.435 13.085 80.786h-73.472v-73.829zm0-20.018v-65.618c21.09 5.401 40.037 27.589 53.428 59.592-16.961 3.417-34.994 5.477-53.428 6.026zm73.229-10.771c-2.502-6.2-5.22-12.146-8.148-17.8-5.776-11.15-12.188-20.802-19.098-28.884 22.07 7.691 42.094 19.79 59.005 35.248-9.747 4.43-20.415 8.258-31.759 11.436zm-158.334-17.8c-2.929 5.653-5.647 11.6-8.15 17.8-11.344-3.177-22.01-7.004-31.755-11.432 16.911-15.456 36.933-27.554 59.002-35.245-6.91 8.079-13.321 17.729-19.097 28.877zm-8.199 246.937c7.413 18.428 16.649 34.35 27.365 46.821-22.289-7.705-42.33-19.843-59.193-35.286 9.805-4.485 20.48-8.343 31.828-11.535zm41.028 32.012c-8.127-9.898-15.311-22.368-21.315-36.744 11.574-2.331 23.67-4.02 36.124-5.028-7.132 12.781-12.218 26.852-14.809 41.772z"/><path d="m436.685 398.411c0-11.421-4.959-21.703-12.834-28.811 7.875-7.108 12.834-17.39 12.834-28.811 0-17.929-12.237-33.049-28.799-37.47v-8.639c0-5.523-4.478-10-10-10s-10 4.477-10 10v7.327h-21.669v-7.327c0-5.523-4.478-10-10-10s-10 4.477-10 10v7.327h-14.661c-5.522 0-10 4.477-10 10s4.478 10 10 10h13.556v47.593 47.593h-13.556c-5.522 0-10 4.477-10 10s4.478 10 10 10h14.661v7.327c0 5.523 4.478 10 10 10s10-4.477 10-10v-7.327h21.669v7.327c0 5.523 4.478 10 10 10s10-4.477 10-10v-8.639c16.562-4.422 28.799-19.541 28.799-37.47zm-20 0c0 10.356-8.434 18.782-18.799 18.782h-32.774v-37.593h32.774c10.365 0 18.799 8.438 18.799 18.811zm0-57.622c0 10.373-8.434 18.811-18.799 18.811h-32.774v-37.594h32.774c10.365 0 18.799 8.426 18.799 18.783z"/><path d="m379.12 482.5c-5.522 0-10 4.477-10 10s4.478 10 10 10h.057c5.522 0 9.972-4.477 9.972-10s-4.506-10-10.029-10z"/></g></g></svg>
</div>
<p class="key-benefit__description">Adapt to a Changing Business Landscape</p>
</li>
<li class="key-benefit">
<div class="key-benefit__image">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#EAC092;" d="M107.34,372.017v79.287c45.161,1.992,32.13,9.972,110.705,45.301
c10.008,3.937,33.109,10.385,57.85-0.984c0.013-0.005,0.035-0.015,0.049-0.02l154.365-55.27
c5.023-2.311,30.361-16.078,20.367-41.717c-11.684-27.341-41.751-15.936-44.271-15.116l-80.589,22.281"/>
<g>
<path style="fill:#FEDBAB;" d="M198.517,405.188l89.749,28.441c15.663,4.454,31.97-4.633,36.424-20.296l0,0
c4.454-15.663-4.633-31.97-22.58-38.63l-79.618-27.022c-0.003-0.006-16.999-27.76-57.472-27.76
c-25.556,0-47.588,20.656-57.679,38.737v36.104"/>
</g>
<path d="M162.75,403.853c-0.65,0-1.31-0.07-1.95-0.2c-0.64-0.12-1.27-0.32-1.88-0.57c-0.6-0.25-1.18-0.56-1.72-0.921
c-0.55-0.36-1.06-0.78-1.52-1.24s-0.88-0.97-1.24-1.52c-0.37-0.54-0.67-1.12-0.92-1.73c-0.25-0.6-0.45-1.23-0.57-1.87
c-0.13-0.64-0.2-1.3-0.2-1.95c0-0.65,0.07-1.31,0.2-1.95c0.12-0.64,0.32-1.27,0.57-1.88c0.25-0.6,0.55-1.18,0.92-1.72
c0.36-0.55,0.78-1.06,1.24-1.52s0.97-0.88,1.52-1.24c0.54-0.36,1.12-0.67,1.72-0.92c0.61-0.25,1.24-0.45,1.88-0.57
c1.28-0.26,2.61-0.26,3.9,0c0.64,0.12,1.27,0.32,1.87,0.57c0.61,0.25,1.19,0.56,1.73,0.92c0.55,0.36,1.06,0.78,1.52,1.24
s0.88,0.97,1.24,1.52c0.36,0.54,0.67,1.12,0.92,1.72c0.25,0.61,0.44,1.24,0.57,1.88s0.2,1.3,0.2,1.95c0,0.65-0.07,1.31-0.2,1.95
c-0.13,0.64-0.32,1.27-0.57,1.87c-0.25,0.61-0.56,1.19-0.92,1.73c-0.36,0.55-0.78,1.06-1.24,1.52s-0.97,0.88-1.52,1.24
c-0.54,0.36-1.12,0.671-1.73,0.921c-0.6,0.25-1.23,0.45-1.87,0.57C164.06,403.783,163.4,403.853,162.75,403.853z"/>
<rect x="69.46" y="357.379" style="fill:#EAECF0;" width="37.883" height="107.44"/>
<rect x="10" y="357.379" style="fill:#3688C8;" width="59.46" height="126.08"/>
<path d="M459.993,394.982c-0.039-0.1-0.079-0.199-0.121-0.297c-9.204-21.537-30.79-29.497-56.336-20.772l-69.668,19.266
c-4.028-12.198-14.075-22.578-28.281-27.85c-0.088-0.032-0.176-0.064-0.265-0.094l-76.581-25.992
c-6.374-8.239-26.34-29.321-63.723-29.321c-26.125,0-49.236,17.922-62.458,37.457H10c-5.523,0-10,4.477-10,10v126.077
c0,5.523,4.477,10,10,10h59.457c5.523,0,10-4.477,10-10v-8.634h27.883c5.523,0,10-4.477,10-10v-2.878
c16.254,1.418,21.6,4.501,36.528,13.109c11.48,6.62,28.831,16.625,60.077,30.674c0.145,0.065,0.292,0.127,0.439,0.185
c5.997,2.359,17.72,6.065,32.173,6.065c10.06,0,21.445-1.797,33.131-7.094l153.991-55.136c0.274-0.098,0.544-0.208,0.808-0.33
C449.204,442.646,471.135,423.563,459.993,394.982z M59.457,473.455H20V367.378h39.457V473.455z M97.34,454.821H79.457v-87.443
H97.34V454.821z M426.496,431.074l-153.922,55.111c-0.135,0.048-0.318,0.12-0.451,0.174c-0.135,0.055-0.27,0.113-0.403,0.174
c-21.437,9.852-41.814,3.954-49.8,0.849c-30.182-13.581-46.291-22.87-58.061-29.657c-16.364-9.436-24.249-13.984-46.519-15.823
V361.36c9.479-15.536,27.861-31.439,47.679-31.439c33.986,0,48.387,22.105,48.953,22.997c1.221,1.986,3.098,3.483,5.305,4.232
l79.475,26.974c12.693,4.764,19.401,15.634,16.318,26.474c-1.423,5.006-4.711,9.158-9.257,11.691
c-4.507,2.511-9.717,3.132-14.683,1.758l-89.593-28.392c-5.268-1.669-10.886,1.247-12.554,6.512
c-1.669,5.265,1.247,10.885,6.512,12.554l89.749,28.441c0.095,0.03,0.19,0.059,0.286,0.086c3.583,1.019,7.231,1.523,10.857,1.523
c6.638,0,13.203-1.691,19.161-5.011c9.213-5.133,15.875-13.547,18.759-23.692c0.23-0.81,0.434-1.62,0.611-2.43l75.083-20.8
c10.844-3.704,25.079-5.039,31.417,9.558C447.978,419.533,430.928,428.96,426.496,431.074z"/>
<polyline style="fill:#26CFAD;" points="239.903,98.841 151.085,10.023 39.729,121.38 230.016,311.667 335.098,206.585 "/>
<path style="fill:#FFD36C;" d="M187.311,114.012L187.311,114.012c0.006-0.02,0.012-0.04,0.017-0.06
c-10.933,0.747-21.656,5.298-30.014,13.656c-18.356,18.356-18.356,48.116,0,66.472s48.116,18.356,66.472,0
c8.878-8.878,13.461-20.423,13.752-32.055"/>
<path style="fill:#EAC092;" d="M404.66,155.329V76.042c-45.161-1.992-32.13-9.972-110.705-45.301
c-10.008-3.937-33.109-10.385-57.85,0.984c-0.013,0.006-0.035,0.015-0.049,0.02L189.483,48.42l48.054,48.054"/>
<g>
<path style="fill:#00B192;" d="M39.729,121.38l37.752-37.752c20.819,20.819,20.819,54.685,0,75.504L39.729,121.38z"/>
<path style="fill:#00B192;" d="M192.264,273.915c20.819-20.819,54.685-20.819,75.504,0l-37.752,37.752L192.264,273.915z"/>
<path style="fill:#00B192;" d="M113.333,47.775l37.752-37.752l37.752,37.752C168.019,68.594,134.152,68.594,113.333,47.775z"/>
<path style="fill:#00B192;" d="M291.206,182.048c-6.844,18.889-2.706,40.893,12.415,56.014l31.477-31.477"/>
</g>
<g>
<path style="fill:#FEDBAB;" d="M313.483,122.158l-89.749-28.441c-15.663-4.454-31.97,4.633-36.423,20.296l0,0
c-4.454,15.663,4.633,31.97,22.58,38.63l79.651,27.033l-0.033-0.011c0,0,16.994,27.76,57.472,27.76
c25.556,0,47.588-20.656,57.679-38.737v-36.104"/>
</g>
<path d="M349.25,143.493c-0.65,0-1.31-0.07-1.95-0.2c-0.64-0.13-1.27-0.32-1.87-0.57c-0.61-0.25-1.19-0.56-1.73-0.92
c-0.55-0.36-1.06-0.78-1.52-1.24s-0.88-0.97-1.24-1.52c-0.36-0.54-0.67-1.12-0.92-1.73c-0.25-0.6-0.45-1.23-0.57-1.87
c-0.13-0.64-0.2-1.3-0.2-1.95s0.07-1.31,0.2-1.95c0.12-0.64,0.32-1.27,0.57-1.88c0.25-0.6,0.56-1.18,0.92-1.72
c0.36-0.55,0.78-1.06,1.24-1.52s0.97-0.88,1.52-1.24c0.54-0.36,1.12-0.67,1.73-0.92c0.6-0.25,1.23-0.45,1.87-0.57
c1.29-0.26,2.62-0.26,3.91,0c0.63,0.12,1.26,0.32,1.87,0.57c0.6,0.25,1.18,0.56,1.72,0.92c0.55,0.36,1.06,0.78,1.52,1.24
s0.88,0.97,1.24,1.52c0.37,0.54,0.67,1.12,0.92,1.72c0.26,0.61,0.45,1.24,0.58,1.88c0.13,0.64,0.19,1.3,0.19,1.95
s-0.06,1.31-0.19,1.95s-0.32,1.27-0.58,1.87c-0.25,0.61-0.55,1.19-0.92,1.73c-0.36,0.55-0.78,1.06-1.24,1.52s-0.97,0.88-1.52,1.24
c-0.54,0.36-1.12,0.67-1.72,0.92c-0.61,0.25-1.24,0.44-1.87,0.57C350.56,143.423,349.9,143.493,349.25,143.493z"/>
<rect x="404.66" y="62.529" style="fill:#EAECF0;" width="37.883" height="107.44"/>
<rect x="442.54" y="43.891" style="fill:#3688C8;" width="59.46" height="126.08"/>
<path d="M502,33.891h-59.457c-5.523,0-10,4.477-10,10v8.634H404.66c-5.523,0-10,4.477-10,10v2.878
c-16.254-1.419-21.6-4.501-36.527-13.109c-11.48-6.62-28.831-16.625-60.078-30.674c-0.145-0.066-0.291-0.127-0.44-0.185
c-10.171-4.002-36.828-11.876-65.299,1.027l-40.24,14.408L158.157,2.952c-3.905-3.905-10.237-3.905-14.142,0L32.657,114.309
c-3.602,3.603-4.293,9.85,0,14.143l190.287,190.287c3.045,3.046,10.175,3.967,14.143,0l101.665-101.664
c2.643,0.228,5.386,0.351,8.229,0.351c26.126,0,49.236-17.922,62.457-37.456H502c5.523,0,10-4.477,10-10V43.891
C512,38.368,507.523,33.891,502,33.891z M176.449,126.633c1.846,15.362,12.907,29.055,29.964,35.385
c0.088,0.032,0.176,0.064,0.265,0.094l19.996,6.787c-1.51,6.815-4.927,13.081-9.957,18.112c-14.428,14.426-37.904,14.428-52.33,0
c-14.428-14.427-14.428-37.902,0-52.33C167.867,131.199,171.974,128.478,176.449,126.633z M196.452,87.586
c-7.168,3.994-12.792,9.975-16.294,17.211c-11.28,2.089-21.723,7.55-29.915,15.741c-22.225,22.226-22.225,58.389,0.001,80.615
c11.112,11.112,25.709,16.669,40.307,16.669c14.597,0,29.195-5.556,40.308-16.669c7.23-7.23,12.295-16.116,14.832-25.8
l33.764,11.459c-3.801,17.608,0.092,36.132,10.593,50.682l-22.837,22.837c-22.098-16.03-52.292-16.03-74.39,0L91.07,158.579
c7.809-10.74,12.025-23.641,12.025-37.199c0-13.559-4.215-26.459-12.025-37.199l22.817-22.816
c10.74,7.809,23.64,12.025,37.199,12.025c13.559,0,26.459-4.216,37.199-12.025l21.629,21.629
C205.247,83.683,200.696,85.221,196.452,87.586z M304.457,223.084c-3.86-6.29-6.044-13.469-6.389-20.796
c4.79,3.463,10.644,6.856,17.636,9.549L304.457,223.084z M151.085,24.165l22.792,22.792c-6.775,4.19-14.608,6.432-22.792,6.432
c-8.185,0-16.017-2.241-22.792-6.432L151.085,24.165z M76.663,98.588c4.19,6.775,6.432,14.608,6.432,22.792
s-2.241,16.017-6.432,22.793L53.871,121.38L76.663,98.588z M230.016,297.525l-22.788-22.788c13.913-8.586,31.661-8.586,45.575,0
L230.016,297.525z M346.981,197.424c-3.708,0-7.183-0.264-10.432-0.734c-0.013-0.002-0.026-0.004-0.039-0.006
c-21.596-3.137-33.213-15.411-37.042-20.271c-0.204-0.3-1.073-1.437-1.202-1.626c-1.165-2.082-3.075-3.756-5.511-4.583
l-79.508-26.985c-12.688-4.762-19.395-15.627-16.321-26.463c0.002-0.007,0.004-0.014,0.006-0.021
c0.003-0.008,0.005-0.017,0.007-0.025c1.429-4.99,4.711-9.129,9.247-11.656c4.506-2.511,9.715-3.134,14.683-1.757l89.593,28.391
c5.266,1.671,10.886-1.247,12.554-6.512s-1.247-10.885-6.512-12.554l-71.255-22.58l-0.622-0.622
c-0.006-0.006-0.012-0.013-0.019-0.019l-36.89-36.89l31.708-11.354c0.107-0.039,0.239-0.088,0.345-0.131
c0.027-0.011,0.079-0.031,0.105-0.042c0.136-0.055,0.27-0.113,0.403-0.174c21.436-9.852,41.812-3.955,49.799-0.849
c30.183,13.581,46.293,22.87,58.063,29.657c16.364,9.437,24.249,13.984,46.518,15.823v80.542
C385.181,181.521,366.799,197.424,346.981,197.424z M414.66,72.525h17.883v87.443H414.66V72.525z M492,159.968h-39.457V53.891H492
V159.968z"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</div>
<p class="key-benefit__description">Get Higher Pay and Job Security</p>
</li>
<li class="key-benefit">
<div class="key-benefit__image">
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g id="Boss-Manager-Laptop-Human_Resource-Business_Woman" data-name="Boss-Manager-Laptop-Human Resource-Business Woman"><path d="m52 9v38h-40v-38a6 6 0 0 1 6-6h28a6 6 0 0 1 6 6z" fill="#c49a6c"/><path d="m45 28a5 5 0 0 1 -5 5h-16a4.986 4.986 0 0 1 -2.48-9.32 2.957 2.957 0 0 1 -.52-1.68 3 3 0 0 1 3-3v-4a8.115 8.115 0 0 1 .15-1.57 8 8 0 0 1 15.85 1.57v4a3 3 0 0 1 3 3 2.957 2.957 0 0 1 -.52 1.68 4.994 4.994 0 0 1 2.52 4.32z" fill="#57565c"/><path d="m37.72 31.21c-.77 1.62-3.04 2.79-5.72 2.79s-4.95-1.17-5.72-2.79l2.72-1.21v-3h6v3z" fill="#ffc477"/><path d="m35 27v2.32a6.958 6.958 0 0 1 -6 0v-2.32z" fill="#ffb655"/><path d="m61 47v4h-3-52-3v-4h9 6 6 16 6 6z" fill="#a97c50"/><path d="m6 51h52v10h-52z" fill="#a97c50"/><path d="m46 38.87v8.13h-6a2.006 2.006 0 0 0 2-2v-2l1.5-9.01a6 6 0 0 1 2.5 4.88z" fill="#ed539d"/><path d="m42 43v2a2.006 2.006 0 0 1 -2 2h-16a2.006 2.006 0 0 1 -2-2v-2z" fill="#898890"/><path d="m24 47h-6v-8.13a6 6 0 0 1 2.5-4.88l1.5 9.01v2a2.006 2.006 0 0 0 2 2z" fill="#ed539d"/><path d="m43.61 33.33-.11.66-1.5 9.01h-20l-1.5-9.01-.11-.66a1.931 1.931 0 0 1 .37-1.52 1.979 1.979 0 0 1 1.6-.81h19.28a2.027 2.027 0 0 1 1.6.8 1.984 1.984 0 0 1 .37 1.53z" fill="#d8d7da"/><circle cx="32" cy="37" fill="#f1f2f2" r="2"/><path d="m6 51h52v2h-52z" fill="#8b5e3c"/><path d="m37.66 17a4 4 0 0 1 -2.83-1.17l-1.83-1.83-.81 1.22a3.992 3.992 0 0 1 -3.33 1.78h-3.86v4a7 7 0 0 0 14 0v-4z" fill="#ffc477"/><path d="m28 19h2v2h-2z"/><path d="m34 19h2v2h-2z"/><path d="m61 46h-8v-37a7.008 7.008 0 0 0 -7-7h-28a7.008 7.008 0 0 0 -7 7v37h-8a1 1 0 0 0 -1 1v4a1 1 0 0 0 1 1h2v9a1 1 0 0 0 1 1h52a1 1 0 0 0 1-1v-9h2a1 1 0 0 0 1-1v-4a1 1 0 0 0 -1-1zm-48-16h4v-2h-4v-2h4v-2h-4v-6h6v-2h-6v-2h6v-2h-6v-3a5 5 0 0 1 5-5h28a5 5 0 0 1 5 5v3h-6v2h6v2h-6v2h6v6h-4v2h4v2h-4v2h4v16h-4v-7.13a7.023 7.023 0 0 0 -2.42-5.29l.02-.09a2.977 2.977 0 0 0 -.15-1.48 5.952 5.952 0 0 0 1.55-4.01 6.06 6.06 0 0 0 -2.23-4.67 3.956 3.956 0 0 0 .23-1.33 4 4 0 0 0 -3-3.87v-3.13a9 9 0 0 0 -18 0v3.13a4 4 0 0 0 -3 3.87 3.956 3.956 0 0 0 .23 1.33 6 6 0 0 0 -.69 8.68 3.092 3.092 0 0 0 -.14 1.48l.02.09a7.023 7.023 0 0 0 -2.42 5.29v7.13h-4zm9.85 12-1.48-8.83a1.014 1.014 0 0 1 .23-.82 1 1 0 0 1 .76-.35h19.28a1 1 0 0 1 .76.35 1.014 1.014 0 0 1 .23.82l-1.48 8.83zm18.15 2v1a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1-1v-1zm-19.82 2h-2.18v-7.13a4.99 4.99 0 0 1 .84-2.77l1.16 6.98v1.92a3 3 0 0 0 .18 1zm-.35-15.56a4.039 4.039 0 0 1 -.83-2.44 3.961 3.961 0 0 1 2-3.46.988.988 0 0 0 .47-.64.958.958 0 0 0 -.13-.77 2.13 2.13 0 0 1 -.34-1.13 2.006 2.006 0 0 1 2-2v1a8.005 8.005 0 0 0 4 6.92v1.44l-1.42.64h-4.22a2.929 2.929 0 0 0 -1.53.44zm11.17-3.44a6 6 0 0 1 -6-6v-3h2.86a4.974 4.974 0 0 0 4.16-2.23l.14-.2.96.97a4.994 4.994 0 0 0 3.54 1.46h.34v3a6 6 0 0 1 -6 6zm2 1.74v1.26h-4v-1.26a7.822 7.822 0 0 0 4 0zm3.66-12.74a2.956 2.956 0 0 1 -2.12-.88l-1.83-1.83a1.033 1.033 0 0 0 -.81-.29.989.989 0 0 0 -.73.45l-.81 1.21a3.006 3.006 0 0 1 -2.5 1.34h-3.86v-1a7 7 0 1 1 14 0v1zm3.98 14h-4.22l-1.42-.64v-1.44a8.005 8.005 0 0 0 4-6.92v-1a2.006 2.006 0 0 1 2 2 2.13 2.13 0 0 1 -.34 1.13.958.958 0 0 0 -.13.77.988.988 0 0 0 .47.64 4 4 0 0 1 1.17 5.9 2.929 2.929 0 0 0 -1.53-.44zm1.36 15v-1.92l1.16-6.98a4.99 4.99 0 0 1 .84 2.77v7.13h-2.18a3 3 0 0 0 .18-1zm14 15h-50v-8h50zm3-10h-56v-2h56z"/><path d="m32 34a3 3 0 1 0 3 3 3 3 0 0 0 -3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z"/></g></svg>
</div>
<p class="key-benefit__description">Become Your Own Boss</p>
</li>
</ul>
</section>
</main>
<footer class="main-footer">
<nav>
<ul class="main-footer__links">
<li class="main-footer__link">
<a href="#">Support</a>
</li>
<li class="main-footer__link">
<a href="#">Terms of Use</a>
</li>
</ul>
</nav>
</footer>
<script src="shared.js"></script>
</body>
</html>