-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
352 lines (351 loc) · 33.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<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=Roboto:wght@400;500;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./style.css" />
<link rel="shortcut icon" href="./logo.ico" type="image/x-icon">
<title>Webdev</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<nav class="header__nav">
<ul>
<li><a href="/">About</a></li>
<li><a href="/">Syllabus</a></li>
<li>
<a href="/"
><svg
width="52"
height="53"
viewBox="0 0 52 53"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g filter="url(#filter0_d_1_19)">
<path
d="M26.1556 0.000771469L25.9974 0C25.2417 0 24.493 0.0393656 23.7566 0.114239C23.4147 0.148974 23.0758 0.193745 22.74 0.243918C22.7184 0.246234 22.6953 0.248549 22.6736 0.252409C13.6301 1.62947 6.38283 8.53482 4.48784 17.4008C4.48398 17.4193 4.47857 17.4371 4.47549 17.4548C4.41451 17.7443 4.36202 18.0368 4.31185 18.3301C4.2995 18.4042 4.28406 18.4776 4.27248 18.5532C4.23311 18.7995 4.20224 19.0488 4.17213 19.2981C4.1567 19.4208 4.13817 19.542 4.12505 19.6655C4.10189 19.8801 4.08722 20.0978 4.07101 20.3139C4.05866 20.4722 4.044 20.6296 4.03474 20.7879C4.02316 20.9855 4.02084 21.1846 4.01544 21.3822C4.01158 21.5366 4.00154 21.6902 4 21.8453C4 21.87 4.00154 21.8947 4.00154 21.921C4.00154 21.9472 4 21.9743 4 22.0013C4 22.0707 4.00695 22.1379 4.00772 22.2074C4.01081 22.5972 4.02393 22.9847 4.04863 23.3698C4.05712 23.5011 4.06484 23.6323 4.07565 23.7627C4.10961 24.1888 4.15361 24.6134 4.21227 25.0325C4.2169 25.0695 4.21999 25.1074 4.22539 25.1452C4.29178 25.6083 4.37668 26.0653 4.47086 26.5192C4.49247 26.6203 4.5164 26.7199 4.53878 26.8202C4.62369 27.2015 4.7194 27.579 4.82515 27.9533C4.84677 28.0321 4.86684 28.11 4.88922 28.1872C5.02353 28.6419 5.16865 29.0896 5.32997 29.5303C5.33769 29.5512 5.34618 29.5712 5.35313 29.5921C5.50751 30.0104 5.67655 30.4211 5.85486 30.8271C5.88419 30.8943 5.91352 30.9622 5.9444 31.0286C6.33266 31.8877 6.77341 32.7182 7.26511 33.5156C7.27514 33.5318 7.28286 33.548 7.29213 33.5642C7.29135 33.5882 7.2983 33.6129 7.29676 33.6383C7.32377 33.6792 7.35156 33.7186 7.37549 33.7618C7.39865 33.7765 7.42335 33.7888 7.4465 33.8027C8.17749 34.9475 9.01113 36.0212 9.93509 37.0092C9.94126 37.0161 9.94744 37.0223 9.95361 37.0285C10.8722 38.0096 11.8803 38.9088 12.9648 39.7093C12.981 39.7216 12.9964 39.7317 13.0126 39.744C13.3461 39.9879 13.6873 40.2234 14.0346 40.4503C14.0748 40.4758 14.1133 40.5012 14.1527 40.5267C14.8968 41.0037 15.6695 41.4406 16.4707 41.8273C16.4861 41.8351 16.5008 41.8412 16.5162 41.8482C16.8806 42.0234 17.2503 42.1863 17.6255 42.3414C17.7096 42.3762 17.7945 42.4094 17.8779 42.4433C18.2052 42.5738 18.5371 42.6957 18.8713 42.8115C18.9516 42.8401 19.0318 42.8694 19.1137 42.8956C19.9296 43.1658 20.7663 43.3881 21.62 43.561C21.7304 43.5834 21.8408 43.6027 21.9519 43.6228C22.2692 43.6814 22.588 43.7347 22.9106 43.7802C23.0403 43.798 23.17 43.8173 23.3004 43.8327C23.6447 43.8752 23.9913 43.9084 24.3394 43.9346C24.4305 43.9416 24.5208 43.9516 24.6119 43.957C25.0202 43.9825 25.4316 43.9995 25.8453 44.0025L26.0036 44.0033C38.0467 44.0033 47.9138 34.2041 47.9995 22.1587C48.0844 10.0253 38.2859 0.0872235 26.1556 0.000771469ZM24.0654 42.4997C23.7612 42.4711 23.4594 42.4348 23.1592 42.3931C23.119 42.3877 23.0797 42.3823 23.0403 42.3769C22.7393 42.3337 22.4413 42.2828 22.1449 42.2272C22.1078 42.2195 22.07 42.2133 22.0322 42.2063C21.735 42.1477 21.4402 42.0828 21.1476 42.0111C21.1129 42.0026 21.0774 41.9948 21.0411 41.9864C20.747 41.913 20.4568 41.8343 20.1673 41.7478C20.1357 41.7378 20.1025 41.7293 20.0708 41.7201C19.7806 41.6321 19.4934 41.5387 19.2078 41.4383C19.1785 41.4275 19.1484 41.4182 19.1191 41.4074C18.8327 41.3048 18.5494 41.1975 18.2684 41.0832C18.2422 41.0717 18.216 41.0616 18.1889 41.0508C17.9064 40.935 17.627 40.8115 17.3514 40.6834C17.3283 40.6726 17.3036 40.6626 17.2804 40.651C17.0025 40.5205 16.7277 40.3839 16.4576 40.2419C16.4375 40.2311 16.4167 40.221 16.3974 40.211C16.1241 40.0659 15.8555 39.9154 15.59 39.7594C15.573 39.7486 15.5545 39.7394 15.5367 39.7278C15.2704 39.5703 15.008 39.4067 14.7494 39.2369C14.7332 39.2261 14.7177 39.2176 14.7015 39.2068C14.4429 39.0354 14.1867 38.8586 13.935 38.6757C13.9219 38.6657 13.9088 38.6572 13.8957 38.6471C13.6433 38.4634 13.3963 38.2736 13.1523 38.079C13.1392 38.069 13.1284 38.0597 13.1161 38.0505C12.8729 37.8544 12.6336 37.6529 12.3997 37.4469C12.3874 37.436 12.3766 37.4276 12.365 37.4167C12.1319 37.2099 11.9026 36.9984 11.6796 36.7815C11.6672 36.7699 11.6564 36.7599 11.6441 36.7483C11.4225 36.5322 11.2049 36.3099 10.9918 36.0837C10.9795 36.0713 10.9687 36.0582 10.9555 36.0459C10.7463 35.8205 10.5403 35.5905 10.3396 35.3558C10.3326 35.3473 10.3257 35.3396 10.3195 35.3319C13.1848 36.6973 16.2739 37.7008 19.5212 38.2789C20.8558 39.8088 22.3834 41.2268 24.1032 42.5028C24.0908 42.502 24.0785 42.5012 24.0654 42.4997ZM8.40983 32.6951C8.0069 32.0351 7.63948 31.3504 7.31219 30.6442C7.2929 30.6032 7.27514 30.5616 7.25662 30.5199C7.11382 30.2088 6.98028 29.8923 6.85292 29.5712C6.82822 29.5087 6.80429 29.4446 6.77882 29.3813C6.65686 29.0633 6.54107 28.7422 6.43532 28.4165C6.42066 28.3709 6.40522 28.3262 6.38978 28.2799C5.89654 26.7392 5.57775 25.1197 5.46197 23.4455C5.46119 23.4385 5.46119 23.4316 5.46042 23.4254C8.04781 25.3088 10.9301 26.8488 14.0315 27.9665C14.8181 31.0409 16.2083 33.9448 18.1449 36.5692C14.6714 35.7796 11.4086 34.4766 8.44765 32.7561C8.4353 32.7344 8.42295 32.7151 8.40983 32.6951ZM5.81086 17.9542C5.85872 17.718 5.91198 17.4841 5.96678 17.251C5.98685 17.1684 6.00538 17.0843 6.02545 17.0025C6.07639 16.801 6.13197 16.6011 6.18755 16.4027C6.22074 16.2877 6.25316 16.1727 6.28866 16.0585C6.34038 15.884 6.39596 15.7119 6.4523 15.5398C6.50016 15.397 6.54956 15.2549 6.59974 15.1129C6.65145 14.967 6.70471 14.8219 6.75952 14.6775C6.77727 14.6289 6.79888 14.5818 6.81664 14.534C8.883 16.0322 11.15 17.2943 13.5738 18.2792C13.3831 19.5011 13.2743 20.7423 13.2743 22.0013C13.2743 23.4679 13.4163 24.9129 13.6749 26.3293C10.6661 25.1521 7.88571 23.5597 5.41411 21.6277C5.43572 20.3973 5.56772 19.1947 5.79697 18.026C5.8016 18.0021 5.80546 17.9782 5.81086 17.9542ZM7.45268 13.0712C7.65106 12.6614 7.86719 12.26 8.09103 11.8655C8.18057 11.7073 8.27089 11.5498 8.36506 11.3947C8.58505 11.0304 8.81584 10.6737 9.05667 10.3248C9.174 10.1543 9.29673 9.98675 9.41946 9.8208C9.66184 9.4912 9.91116 9.167 10.1728 8.85362C10.3102 8.68843 10.4523 8.53019 10.5943 8.37041C10.8035 8.13421 11.0173 7.90419 11.2365 7.67879C11.3376 7.57459 11.4364 7.46961 11.5391 7.36849C13.0937 8.36809 14.7702 9.211 16.5409 9.87483C15.2766 12.0701 14.3696 14.4213 13.8355 16.8697C11.5182 15.9033 9.35462 14.6714 7.38707 13.214C7.41022 13.1662 7.42952 13.1176 7.45268 13.0712ZM12.8343 6.19213C13.0998 5.97136 13.3692 5.75523 13.6471 5.54682C13.8061 5.42641 13.9698 5.3114 14.1326 5.19561C14.3704 5.02734 14.6097 4.8637 14.8551 4.70469C14.9979 4.61283 15.1407 4.51943 15.2858 4.43067C15.6332 4.2184 15.9852 4.01539 16.3457 3.82319C16.4699 3.7568 16.5973 3.69428 16.7223 3.63021C17.0481 3.46503 17.3777 3.30756 17.7127 3.15936C17.7991 3.12076 17.8848 3.07908 17.972 3.0428C18.3912 2.8645 18.818 2.7024 19.2503 2.55111C19.3421 2.51869 19.4348 2.48781 19.5282 2.45693C20.4606 2.14741 21.4216 1.89963 22.4081 1.72595C22.4537 1.71823 22.4984 1.70974 22.5447 1.70202C23.0588 1.6148 23.5791 1.54379 24.1047 1.49593C21.3352 3.55225 19.045 5.97059 17.2959 8.64675C15.6425 8.04853 14.0786 7.28435 12.6205 6.37738C12.6923 6.31563 12.7625 6.25311 12.8343 6.19213ZM26.7292 16.3688C29.5188 16.7292 31.6824 19.1144 31.6824 21.9997C31.6824 24.8851 29.5188 27.2702 26.7292 27.6307V16.3688ZM20.2522 36.976C18.1156 34.428 16.5618 31.5619 15.644 28.5052C18.6953 29.4392 21.9365 29.9657 25.2981 30.0313V37.4345C23.5814 37.4005 21.8963 37.2462 20.2522 36.976ZM25.2981 38.8393V41.6243C24.0067 40.6942 22.8211 39.6838 21.7474 38.6031C22.9145 38.7382 24.0986 38.817 25.2981 38.8393ZM15.2226 26.8897C14.8698 25.2973 14.6791 23.6639 14.6791 22.0005C14.6791 20.916 14.7617 19.8446 14.9138 18.7887C18.1565 19.9419 21.6517 20.6018 25.2981 20.6775V28.6272C21.7713 28.5554 18.385 27.9487 15.2226 26.8897ZM15.1585 17.3846C15.6733 14.913 16.6027 12.5479 17.9041 10.3465C20.2391 11.079 22.7223 11.5012 25.2981 11.5676V19.2726C21.7319 19.1962 18.3186 18.5347 15.1585 17.3846ZM18.6845 9.11143C20.3912 6.58425 22.6157 4.30485 25.2973 2.37357V10.1504C23.0009 10.0879 20.781 9.73512 18.6845 9.11143ZM26.7292 29.0487C30.2953 28.6828 33.0865 25.6608 33.0865 21.9997C33.0865 18.3386 30.2953 15.3167 26.7292 14.9508V8.88835C33.6415 9.27044 39.1528 14.994 39.1528 22.0005C39.1528 29.0062 33.6415 34.7298 26.7292 35.1119V29.0487ZM26.7292 42.5769V36.5129C34.4157 36.1292 40.5569 29.7796 40.5569 22.0005C40.5569 14.2198 34.4157 7.86945 26.7292 7.48582V1.42337C37.8136 1.81318 46.6733 10.9848 46.5946 22.1456C46.5166 33.1775 37.6715 42.1917 26.7292 42.5769Z"
fill="white"
/>
</g>
<defs>
<filter
id="filter0_d_1_19"
x="0"
y="0"
width="52"
height="53"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="4" />
<feGaussianBlur stdDeviation="2" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_1_19"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_1_19"
result="shape"
/>
</filter>
</defs>
</svg>
</a>
</li>
<li><a href="/">Projects</a></li>
<li><a href="/">FAQ</a></li>
</ul>
</nav>
</header>
<main class="main">
<section class="webdev">
<div class="webdev__container">
<div class="webdev__content">
<div class="webdev__text">
<div class="webdev__block-text block-text">
<div class="block-text__title">your life is WebDev</div>
<div class="block-text__text">
Whatever the approach to development may be, the final program
must satisfy some fundamental properties
</div>
<button class="block-text__button button">GET STARTED</button>
</div>
</div>
<div class="webdev__socials">
<a href="/" class="socials__icon"
><svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.99781 0C4.51913 0 0.035774 4.45778 0.000227016 9.93778C-0.0175465 12.6089 1.00887 15.1289 2.88397 17.0267C4.75908 18.9289 7.26514 19.9822 9.9356 20C9.9356 20 9.99781 20 10.0023 20C15.4809 20 19.9643 15.5422 19.9998 10.0622C20.0309 4.55111 15.5742 0.0355556 9.99781 0ZM17.8537 13.6089L13.8858 10L17.8581 6.39111C18.3736 7.50667 18.6579 8.74667 18.6491 10.0533C18.6402 11.32 18.3558 12.5244 17.8537 13.6089ZM10.0511 1.34667C13.0415 1.36444 15.672 2.90667 17.2138 5.23111L9.99781 11.7911L7.50064 9.52L2.79066 5.24C4.3414 2.89778 7.01187 1.34667 10.0511 1.34667ZM2.14193 6.39111L6.10986 10L2.13304 13.6133C1.60873 12.48 1.33768 11.2311 1.34657 9.94667C1.35546 8.68 1.63983 7.47556 2.14193 6.39111ZM9.99781 18.6533H9.94005C7.62949 18.64 5.46557 17.7244 3.8393 16.08C3.4394 15.6756 3.08393 15.2356 2.77289 14.7689L7.06519 10.8711L9.56236 13.1378C9.68678 13.2489 9.84229 13.3067 9.99781 13.3067C10.1533 13.3067 10.3088 13.2489 10.4333 13.1378L12.9304 10.8711L17.2138 14.7644C15.6587 17.1022 13.0015 18.6533 9.99781 18.6533Z"
fill="white"
/>
</svg>
</a>
<a href="/" class="socials__icon"
><svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.6955 6.937V8.314H7.6875V9.997H8.6955V15H10.7675V9.997H12.1575C12.1575 9.997 12.2885 9.19 12.3515 8.307H10.7755V7.157C10.7755 6.984 11.0015 6.753 11.2255 6.753H12.3535V5H10.8185C8.6445 5 8.6955 6.685 8.6955 6.937Z"
fill="white"
/>
<circle
cx="10"
cy="10"
r="9.35"
stroke="white"
stroke-width="1.3"
/>
</svg>
</a>
<a href="/" class="socials__icon"
><svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15.5787 4.42128C15.7785 4.62103 15.8907 4.89196 15.8907 5.17447C15.8907 5.45697 15.7785 5.7279 15.5787 5.92766C15.379 6.12742 15.108 6.23964 14.8255 6.23964C14.543 6.23964 14.2721 6.12742 14.0723 5.92766C14.0248 5.87675 13.9808 5.82273 13.9404 5.76596C13.9011 5.70726 13.8683 5.64448 13.8426 5.57872C13.8163 5.51559 13.7963 5.45003 13.783 5.38298C13.7767 5.31361 13.7767 5.24383 13.783 5.17447C13.7848 4.89258 13.8962 4.62246 14.0936 4.42128C14.1436 4.37274 14.1977 4.3286 14.2553 4.28936C14.3711 4.21159 14.5013 4.15804 14.6383 4.13191C14.8068 4.10123 14.9801 4.1115 15.1438 4.16185C15.3075 4.21221 15.4566 4.30119 15.5787 4.42128ZM14.1149 10C14.1149 10.8138 13.8736 11.6094 13.4214 12.2861C12.9693 12.9628 12.3266 13.4902 11.5747 13.8017C10.8228 14.1131 9.99544 14.1946 9.19723 14.0358C8.39902 13.877 7.66581 13.4851 7.09033 12.9097C6.51486 12.3342 6.12295 11.601 5.96418 10.8028C5.8054 10.0046 5.88689 9.17719 6.19834 8.4253C6.50978 7.6734 7.0372 7.03074 7.71389 6.57859C8.39058 6.12644 9.18615 5.8851 10 5.8851C11.091 5.88623 12.137 6.32013 12.9084 7.09157C13.6799 7.86302 14.1138 8.90901 14.1149 10ZM12.8383 10C12.8383 9.43863 12.6718 8.88988 12.36 8.42312C12.0481 7.95637 11.6048 7.59258 11.0862 7.37775C10.5675 7.16293 9.99685 7.10672 9.44628 7.21624C8.8957 7.32575 8.38997 7.59608 7.99302 7.99302C7.59608 8.38996 7.32576 8.8957 7.21624 9.44627C7.10673 9.99685 7.16293 10.5675 7.37776 11.0862C7.59258 11.6048 7.95637 12.0481 8.42313 12.36C8.88988 12.6718 9.43864 12.8383 10 12.8383C10.7528 12.8383 11.4747 12.5393 12.007 12.007C12.5393 11.4747 12.8383 10.7528 12.8383 10ZM20 10C20 11.9778 19.4135 13.9112 18.3147 15.5557C17.2159 17.2002 15.6541 18.4819 13.8268 19.2388C11.9996 19.9957 9.98891 20.1937 8.0491 19.8078C6.10929 19.422 4.32746 18.4696 2.92894 17.0711C1.53041 15.6725 0.578004 13.8907 0.192152 11.9509C-0.1937 10.0111 0.00433284 8.00042 0.761209 6.17316C1.51809 4.3459 2.79981 2.78412 4.4443 1.6853C6.08879 0.58649 8.02219 0 10 0C12.6515 0.0022537 15.1937 1.05655 17.0686 2.93142C18.9435 4.8063 19.9977 7.34852 20 10ZM18.7234 10C18.7234 8.27467 18.2118 6.58809 17.2532 5.15353C16.2947 3.71898 14.9323 2.60088 13.3383 1.94062C11.7443 1.28037 9.99032 1.10762 8.29815 1.44421C6.60598 1.78081 5.05161 2.61163 3.83162 3.83162C2.61164 5.05161 1.78081 6.60597 1.44422 8.29815C1.10762 9.99032 1.28038 11.7443 1.94063 13.3383C2.60088 14.9323 3.71898 16.2947 5.15354 17.2532C6.5881 18.2118 8.27468 18.7234 10 18.7234C12.3126 18.72 14.5294 17.7999 16.1646 16.1646C17.7999 14.5294 18.72 12.3126 18.7234 10Z"
fill="white"
/>
</svg>
</a>
<a href="/" class="socials__icon"
><svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="10"
cy="10"
r="9.35"
stroke="white"
stroke-width="1.3"
/>
<path
d="M11.603 9.733L9.357 8.685C9.161 8.594 9 8.696 9 8.913V10.887C9 11.104 9.161 11.206 9.357 11.115L11.602 10.067C11.799 9.975 11.799 9.825 11.603 9.733ZM10 13.8C5.086 13.8 5 13.357 5 9.9C5 6.443 5.086 6 10 6C14.914 6 15 6.443 15 9.9C15 13.357 14.914 13.8 10 13.8Z"
fill="white"
/>
</svg>
</a>
</div>
</div>
</div>
</section>
<section class="represent-idea">
<div class="represent-idea__container">
<div class="represent-idea__content">
<div class="represent-idea__text">
<h2 class="represent-idea__content__title">
Represent your idea with a smart Design
</h2>
<div class="represent-idea__description">
Tasks accompanying and related to programming include:
testing, debugging, source code maintenance,
<b>implementation of build systems,</b> and management of
derived artifacts, such as the machine code of computer
programs.
</div>
<button class="block-text__button button">GET STARTED</button>
</div>
<div class="represent-idea__image"></div>
</div>
</div>
</section>
<section class="community">
<div class="community__container">
<div class="community__content">
<div class="community__slider">
<span class="slider__arrow"><svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.65685 1.34314L2 6.99999L7.65685 12.6568" stroke="#373737" stroke-width="2"/>
</svg></span>
<span class="community__slider-numbers">1/5</span>
<span class="slider__arrow"><svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.34314 1.34314L6.99999 6.99999L1.34314 12.6568" stroke="#373737" stroke-width="2"/>
</svg></span>
</div>
<div class="community__info">
<div class="community__text">
<div class="community__image"></div>
<div class="community__title">our community</div>
<div class="community__description">A hacker is any skilled computer expert that uses their technical knowledge to overcome a problem, but it can also mean a security hacker in common language</div>
</div>
<div class="community__slider__items">
<div class="community__slider__item"><img src="./src/slider-item1.png" alt="">
</div>
<div class="community__slider__item"><img src="./src/slider-item2.png" alt="">
</div><div class="community__slider__item"><img src="./src/slider-item3.png" alt="">
</div>
</div>
</div>
</div>
</section>
<section class="implement-code">
<div class="implement-code__container">
<div class="implement-code__content">
<div class="implement-code__image"></div>
<div class="implement-code__text">
<h2 class="implement-code__content__title">
Implement right Code
</h2>
<div class="implement-code__description">
These might be considered part of the
<b>programming process,</b> but often the term software
development is used for this larger process with the term
programming, implementation
</div>
<button class="block-text__button button">GET STARTED</button>
</div>
</div>
</div>
</section>
<section class="sign-up">
<div class="sign-up__container">
<div class="sign-up__content">
<h2 class="sign-up__content__title">
sign up for our newsletter
</h2>
<form class="sign-up__form">
<input class="input" type="email" placeholder="E-mail" />
<button class="input__button"><svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5248 2.58121C16.5248 2.30311 16.4182 2.02485 16.2263 1.82464L14.7764 0.31155C14.5845 0.111175 14.3179 0 14.0514 0C13.7849 0 13.5183 0.111175 13.3264 0.31155L6.33274 7.62146L3.19835 4.33912C3.00645 4.13891 2.73991 4.02757 2.47338 4.02757C2.20683 4.02757 1.9403 4.13891 1.7484 4.33912L0.29849 5.8524C0.106571 6.05261 0 6.33068 0 6.60896C0 6.88704 0.106571 7.16513 0.29849 7.36551L5.60776 12.9064C5.79967 13.1066 6.06621 13.2179 6.33274 13.2179C6.59927 13.2179 6.86575 13.1066 7.05764 12.9064L16.2263 3.33775C16.4182 3.13756 16.5248 2.85947 16.5248 2.58121Z" fill="white"/>
</svg>
</button>
</form>
</div>
</div>
</section>
<section class="download">
<div class="download__container">
<div class="download__content">
<div class="download__text">
<h2 class="download__content__title">
Download the App
</h2>
<div class="download__content__description">
Machine code was the language of early programs, written in the instruction set of the particular machine, often in binary notation.
</div>
<div class="download__buttons">
<div class="download__buttons__store">
<button class="store__button button">Apple Store</button>
<button class="store__icon icon__apple-store"></button>
</div>
<div class="download__buttons__store">
<button class="store__button button">Play Market</button>
<button class="store__icon icon__play-market"></button>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer__container">
<div class="footer__content">
<div class="footer__nav">
<ul>
<li><a href="/">Credits</a></li>
<li class="vertical-line"></li>
<li><a href="/">Privacy</a></li>
<li class="vertical-line"></li>
<li><a href="/">Our teams</a></li>
</ul>
</div>
<div class="footer__logo"><a href="/"
><svg
width="52"
height="53"
viewBox="0 0 52 53"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g filter="url(#filter0_d_1_19)">
<path
d="M26.1556 0.000771469L25.9974 0C25.2417 0 24.493 0.0393656 23.7566 0.114239C23.4147 0.148974 23.0758 0.193745 22.74 0.243918C22.7184 0.246234 22.6953 0.248549 22.6736 0.252409C13.6301 1.62947 6.38283 8.53482 4.48784 17.4008C4.48398 17.4193 4.47857 17.4371 4.47549 17.4548C4.41451 17.7443 4.36202 18.0368 4.31185 18.3301C4.2995 18.4042 4.28406 18.4776 4.27248 18.5532C4.23311 18.7995 4.20224 19.0488 4.17213 19.2981C4.1567 19.4208 4.13817 19.542 4.12505 19.6655C4.10189 19.8801 4.08722 20.0978 4.07101 20.3139C4.05866 20.4722 4.044 20.6296 4.03474 20.7879C4.02316 20.9855 4.02084 21.1846 4.01544 21.3822C4.01158 21.5366 4.00154 21.6902 4 21.8453C4 21.87 4.00154 21.8947 4.00154 21.921C4.00154 21.9472 4 21.9743 4 22.0013C4 22.0707 4.00695 22.1379 4.00772 22.2074C4.01081 22.5972 4.02393 22.9847 4.04863 23.3698C4.05712 23.5011 4.06484 23.6323 4.07565 23.7627C4.10961 24.1888 4.15361 24.6134 4.21227 25.0325C4.2169 25.0695 4.21999 25.1074 4.22539 25.1452C4.29178 25.6083 4.37668 26.0653 4.47086 26.5192C4.49247 26.6203 4.5164 26.7199 4.53878 26.8202C4.62369 27.2015 4.7194 27.579 4.82515 27.9533C4.84677 28.0321 4.86684 28.11 4.88922 28.1872C5.02353 28.6419 5.16865 29.0896 5.32997 29.5303C5.33769 29.5512 5.34618 29.5712 5.35313 29.5921C5.50751 30.0104 5.67655 30.4211 5.85486 30.8271C5.88419 30.8943 5.91352 30.9622 5.9444 31.0286C6.33266 31.8877 6.77341 32.7182 7.26511 33.5156C7.27514 33.5318 7.28286 33.548 7.29213 33.5642C7.29135 33.5882 7.2983 33.6129 7.29676 33.6383C7.32377 33.6792 7.35156 33.7186 7.37549 33.7618C7.39865 33.7765 7.42335 33.7888 7.4465 33.8027C8.17749 34.9475 9.01113 36.0212 9.93509 37.0092C9.94126 37.0161 9.94744 37.0223 9.95361 37.0285C10.8722 38.0096 11.8803 38.9088 12.9648 39.7093C12.981 39.7216 12.9964 39.7317 13.0126 39.744C13.3461 39.9879 13.6873 40.2234 14.0346 40.4503C14.0748 40.4758 14.1133 40.5012 14.1527 40.5267C14.8968 41.0037 15.6695 41.4406 16.4707 41.8273C16.4861 41.8351 16.5008 41.8412 16.5162 41.8482C16.8806 42.0234 17.2503 42.1863 17.6255 42.3414C17.7096 42.3762 17.7945 42.4094 17.8779 42.4433C18.2052 42.5738 18.5371 42.6957 18.8713 42.8115C18.9516 42.8401 19.0318 42.8694 19.1137 42.8956C19.9296 43.1658 20.7663 43.3881 21.62 43.561C21.7304 43.5834 21.8408 43.6027 21.9519 43.6228C22.2692 43.6814 22.588 43.7347 22.9106 43.7802C23.0403 43.798 23.17 43.8173 23.3004 43.8327C23.6447 43.8752 23.9913 43.9084 24.3394 43.9346C24.4305 43.9416 24.5208 43.9516 24.6119 43.957C25.0202 43.9825 25.4316 43.9995 25.8453 44.0025L26.0036 44.0033C38.0467 44.0033 47.9138 34.2041 47.9995 22.1587C48.0844 10.0253 38.2859 0.0872235 26.1556 0.000771469ZM24.0654 42.4997C23.7612 42.4711 23.4594 42.4348 23.1592 42.3931C23.119 42.3877 23.0797 42.3823 23.0403 42.3769C22.7393 42.3337 22.4413 42.2828 22.1449 42.2272C22.1078 42.2195 22.07 42.2133 22.0322 42.2063C21.735 42.1477 21.4402 42.0828 21.1476 42.0111C21.1129 42.0026 21.0774 41.9948 21.0411 41.9864C20.747 41.913 20.4568 41.8343 20.1673 41.7478C20.1357 41.7378 20.1025 41.7293 20.0708 41.7201C19.7806 41.6321 19.4934 41.5387 19.2078 41.4383C19.1785 41.4275 19.1484 41.4182 19.1191 41.4074C18.8327 41.3048 18.5494 41.1975 18.2684 41.0832C18.2422 41.0717 18.216 41.0616 18.1889 41.0508C17.9064 40.935 17.627 40.8115 17.3514 40.6834C17.3283 40.6726 17.3036 40.6626 17.2804 40.651C17.0025 40.5205 16.7277 40.3839 16.4576 40.2419C16.4375 40.2311 16.4167 40.221 16.3974 40.211C16.1241 40.0659 15.8555 39.9154 15.59 39.7594C15.573 39.7486 15.5545 39.7394 15.5367 39.7278C15.2704 39.5703 15.008 39.4067 14.7494 39.2369C14.7332 39.2261 14.7177 39.2176 14.7015 39.2068C14.4429 39.0354 14.1867 38.8586 13.935 38.6757C13.9219 38.6657 13.9088 38.6572 13.8957 38.6471C13.6433 38.4634 13.3963 38.2736 13.1523 38.079C13.1392 38.069 13.1284 38.0597 13.1161 38.0505C12.8729 37.8544 12.6336 37.6529 12.3997 37.4469C12.3874 37.436 12.3766 37.4276 12.365 37.4167C12.1319 37.2099 11.9026 36.9984 11.6796 36.7815C11.6672 36.7699 11.6564 36.7599 11.6441 36.7483C11.4225 36.5322 11.2049 36.3099 10.9918 36.0837C10.9795 36.0713 10.9687 36.0582 10.9555 36.0459C10.7463 35.8205 10.5403 35.5905 10.3396 35.3558C10.3326 35.3473 10.3257 35.3396 10.3195 35.3319C13.1848 36.6973 16.2739 37.7008 19.5212 38.2789C20.8558 39.8088 22.3834 41.2268 24.1032 42.5028C24.0908 42.502 24.0785 42.5012 24.0654 42.4997ZM8.40983 32.6951C8.0069 32.0351 7.63948 31.3504 7.31219 30.6442C7.2929 30.6032 7.27514 30.5616 7.25662 30.5199C7.11382 30.2088 6.98028 29.8923 6.85292 29.5712C6.82822 29.5087 6.80429 29.4446 6.77882 29.3813C6.65686 29.0633 6.54107 28.7422 6.43532 28.4165C6.42066 28.3709 6.40522 28.3262 6.38978 28.2799C5.89654 26.7392 5.57775 25.1197 5.46197 23.4455C5.46119 23.4385 5.46119 23.4316 5.46042 23.4254C8.04781 25.3088 10.9301 26.8488 14.0315 27.9665C14.8181 31.0409 16.2083 33.9448 18.1449 36.5692C14.6714 35.7796 11.4086 34.4766 8.44765 32.7561C8.4353 32.7344 8.42295 32.7151 8.40983 32.6951ZM5.81086 17.9542C5.85872 17.718 5.91198 17.4841 5.96678 17.251C5.98685 17.1684 6.00538 17.0843 6.02545 17.0025C6.07639 16.801 6.13197 16.6011 6.18755 16.4027C6.22074 16.2877 6.25316 16.1727 6.28866 16.0585C6.34038 15.884 6.39596 15.7119 6.4523 15.5398C6.50016 15.397 6.54956 15.2549 6.59974 15.1129C6.65145 14.967 6.70471 14.8219 6.75952 14.6775C6.77727 14.6289 6.79888 14.5818 6.81664 14.534C8.883 16.0322 11.15 17.2943 13.5738 18.2792C13.3831 19.5011 13.2743 20.7423 13.2743 22.0013C13.2743 23.4679 13.4163 24.9129 13.6749 26.3293C10.6661 25.1521 7.88571 23.5597 5.41411 21.6277C5.43572 20.3973 5.56772 19.1947 5.79697 18.026C5.8016 18.0021 5.80546 17.9782 5.81086 17.9542ZM7.45268 13.0712C7.65106 12.6614 7.86719 12.26 8.09103 11.8655C8.18057 11.7073 8.27089 11.5498 8.36506 11.3947C8.58505 11.0304 8.81584 10.6737 9.05667 10.3248C9.174 10.1543 9.29673 9.98675 9.41946 9.8208C9.66184 9.4912 9.91116 9.167 10.1728 8.85362C10.3102 8.68843 10.4523 8.53019 10.5943 8.37041C10.8035 8.13421 11.0173 7.90419 11.2365 7.67879C11.3376 7.57459 11.4364 7.46961 11.5391 7.36849C13.0937 8.36809 14.7702 9.211 16.5409 9.87483C15.2766 12.0701 14.3696 14.4213 13.8355 16.8697C11.5182 15.9033 9.35462 14.6714 7.38707 13.214C7.41022 13.1662 7.42952 13.1176 7.45268 13.0712ZM12.8343 6.19213C13.0998 5.97136 13.3692 5.75523 13.6471 5.54682C13.8061 5.42641 13.9698 5.3114 14.1326 5.19561C14.3704 5.02734 14.6097 4.8637 14.8551 4.70469C14.9979 4.61283 15.1407 4.51943 15.2858 4.43067C15.6332 4.2184 15.9852 4.01539 16.3457 3.82319C16.4699 3.7568 16.5973 3.69428 16.7223 3.63021C17.0481 3.46503 17.3777 3.30756 17.7127 3.15936C17.7991 3.12076 17.8848 3.07908 17.972 3.0428C18.3912 2.8645 18.818 2.7024 19.2503 2.55111C19.3421 2.51869 19.4348 2.48781 19.5282 2.45693C20.4606 2.14741 21.4216 1.89963 22.4081 1.72595C22.4537 1.71823 22.4984 1.70974 22.5447 1.70202C23.0588 1.6148 23.5791 1.54379 24.1047 1.49593C21.3352 3.55225 19.045 5.97059 17.2959 8.64675C15.6425 8.04853 14.0786 7.28435 12.6205 6.37738C12.6923 6.31563 12.7625 6.25311 12.8343 6.19213ZM26.7292 16.3688C29.5188 16.7292 31.6824 19.1144 31.6824 21.9997C31.6824 24.8851 29.5188 27.2702 26.7292 27.6307V16.3688ZM20.2522 36.976C18.1156 34.428 16.5618 31.5619 15.644 28.5052C18.6953 29.4392 21.9365 29.9657 25.2981 30.0313V37.4345C23.5814 37.4005 21.8963 37.2462 20.2522 36.976ZM25.2981 38.8393V41.6243C24.0067 40.6942 22.8211 39.6838 21.7474 38.6031C22.9145 38.7382 24.0986 38.817 25.2981 38.8393ZM15.2226 26.8897C14.8698 25.2973 14.6791 23.6639 14.6791 22.0005C14.6791 20.916 14.7617 19.8446 14.9138 18.7887C18.1565 19.9419 21.6517 20.6018 25.2981 20.6775V28.6272C21.7713 28.5554 18.385 27.9487 15.2226 26.8897ZM15.1585 17.3846C15.6733 14.913 16.6027 12.5479 17.9041 10.3465C20.2391 11.079 22.7223 11.5012 25.2981 11.5676V19.2726C21.7319 19.1962 18.3186 18.5347 15.1585 17.3846ZM18.6845 9.11143C20.3912 6.58425 22.6157 4.30485 25.2973 2.37357V10.1504C23.0009 10.0879 20.781 9.73512 18.6845 9.11143ZM26.7292 29.0487C30.2953 28.6828 33.0865 25.6608 33.0865 21.9997C33.0865 18.3386 30.2953 15.3167 26.7292 14.9508V8.88835C33.6415 9.27044 39.1528 14.994 39.1528 22.0005C39.1528 29.0062 33.6415 34.7298 26.7292 35.1119V29.0487ZM26.7292 42.5769V36.5129C34.4157 36.1292 40.5569 29.7796 40.5569 22.0005C40.5569 14.2198 34.4157 7.86945 26.7292 7.48582V1.42337C37.8136 1.81318 46.6733 10.9848 46.5946 22.1456C46.5166 33.1775 37.6715 42.1917 26.7292 42.5769Z"
fill="white"
/>
</g>
<defs>
<filter
id="filter0_d_1_19"
x="0"
y="0"
width="52"
height="53"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="4" />
<feGaussianBlur stdDeviation="2" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_1_19"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_1_19"
result="shape"
/>
</filter>
</defs>
</svg>
</a></div>
<div class="footer__info">by TonYem for RSS at 2020</div>
</div>
</div>
</footer>
</div>
</body>
</html>