generated from microverseinc/readme-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
352 lines (351 loc) · 21 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="stylesheet" href="style.css" />
<link rel="stylesheet" href="css-animations/navbar-logo-animation.css" />
<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=Crete+Round&family=Poppins&family=Roboto&display=swap"
rel="stylesheet"
/>
<title>Portfolio</title>
</head>
<body>
<header id="section-header" class="section-header">
<nav class="header-container container flex">
<a href="#" class="logo-box">
<img class="logo" src="img/logo.png" alt="logo" />
</a>
<a href="#" class="menu-box">
<img class="menu-icon" src="img/menu.png" alt="menu icon" />
</a>
<ul class="menu">
<li class="menu-item">
<a class="links" href="#Portfolio">Portfolio</a>
</li>
<li class="menu-item"><a class="links" href="#about-me">About</a></li>
<li class="menu-item">
<a class="links" href="#contact-section">Contact</a>
</li>
<li class="mail">
<a href="#"><img src="./img/Unionmail.png" alt="Mail icon" /></a>
</li>
</ul>
</nav>
</header>
<main>
<section id="Portfolio" class="section-headline">
<div class="container">
<div class="headline-container">
<h1 class="heading-primary">
Hey There. <br />
I’m Ali.
</h1>
<h2 class="headline-support">I'm a Software Developer</h2>
<p class="headline-description description-text">
Crafting innovative solutions for your software needs is my expertise. Explore my portfolio and delve into my skills! Should your vision align with my work and you harbor a coding project, don't hesitate to get in touch. I'm prepared to breathe life into your ideas!
</p>
</div>
<ul class="flex social-media-list social-list">
<li>
<a href="https://github.com/Alibaba2023">
<svg
class="hero-icons"
width="18"
height="20"
viewBox="0 0 18 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.9989 7.46114C17.9989 6.32124 17.6329 5.25043 16.9342 4.31779C17.2004 3.41969 17.2669 2.27979 17.2004 0.967185C17.1671 0.414508 16.7345 0 16.2022 0C15.9028 0 13.3741 0.0345423 11.9101 1.38169C10.6458 1.1399 9.31495 1.1399 8.01736 1.38169C6.58667 0.0345423 4.05802 0 3.7253 0C3.19296 0 2.76042 0.414508 2.72715 0.967185C2.62734 2.27979 2.72715 3.41969 2.99333 4.31779C2.29462 5.28497 1.92863 6.35579 1.92863 7.46114C1.92863 9.8791 3.7253 12.0553 6.45358 13.0915C6.35377 13.2988 6.28723 13.5406 6.22068 13.7824C3.32604 13.4715 1.9619 10.7427 1.89536 10.639C1.66246 10.1209 1.06357 9.91364 0.56449 10.19C0.0654144 10.4318 -0.134216 11.0535 0.131958 11.5717C0.198501 11.7444 2.02845 15.4404 6.05432 15.8549V18.9637C6.05432 19.5509 6.48686 20 7.05248 20H12.875C13.4406 20 13.8732 19.5509 13.8732 18.9637V14.8532C13.8732 14.2314 13.7401 13.6442 13.5072 13.1261C16.2022 12.0553 17.9989 9.91364 17.9989 7.46114Z"
/>
</svg>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/ali-baba-hussaini-630607267">
<svg
class="hero-icons"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.6439 3.03442C10.1551 3.03442 7.28809 5.86201 7.28809 9.37925V19.3103C7.28809 19.6896 7.59897 19.9999 7.97893 19.9999H11.5713C11.9513 19.9999 12.2622 19.6896 12.2622 19.3103V9.65511C12.2622 8.89649 12.8839 8.2758 13.6439 8.2758C14.4038 8.2758 15.0256 8.89649 15.0256 9.65511V19.3103C15.0256 19.6896 15.3364 19.9999 15.7164 19.9999H19.3088C19.6888 19.9999 19.9997 19.6896 19.9997 19.3103V9.37925C19.9997 5.89649 17.1672 3.03442 13.6439 3.03442Z"
/>
<path
d="M4.28325 6.27588H0.690846C0.310881 6.27588 0 6.58622 0 6.96553V19.3104C0 19.6897 0.310881 20 0.690846 20H4.28325C4.66321 20 4.97409 19.6897 4.97409 19.3104V6.96553C4.97409 6.58622 4.66321 6.27588 4.28325 6.27588Z"
/>
<path
d="M2.48705 0C1.10535 0 0 1.10345 0 2.48276C0 3.86207 1.10535 4.96552 2.48705 4.96552C3.86874 4.96552 4.97409 3.86207 4.97409 2.48276C4.97409 1.10345 3.86874 0 2.48705 0Z"
/>
</svg>
</a>
</li>
<li>
<a href="#"
><svg
class="hero-icons"
width="16"
height="20"
viewBox="0 0 16 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7.4645 20C12.1612 20 15.0837 16.5392 15.0837 12.0742C15.0837 10.3908 14.8095 8.87083 12.8987 8.41417C13.3637 7.14083 14.7053 3.4575 14.7053 2.2775C14.7053 1.23833 14.0803 0.3675 12.9662 0.3675C11.1903 0.3675 9.59866 5.51167 9.10033 6.73833C8.7145 5.625 6.90783 0 5.31533 0C4.07783 0 3.497 0.894167 3.497 2.01917C3.497 3.39833 4.85783 6.9725 5.35116 8.3475C5.10116 8.2575 4.83033 8.17917 4.5545 8.17917C3.62283 8.17917 2.632 9.31583 2.632 10.2342C2.632 10.5817 2.827 11.07 2.95033 11.3942C1.482 11.785 0.916997 12.7458 0.916997 14.195C0.91283 17.015 3.63616 20 7.4645 20ZM11.4895 4.21917C11.6495 3.73833 12.3295 1.7075 12.9662 1.7075C13.3087 1.7075 13.4003 2.055 13.4003 2.3325C13.4003 3.07833 11.8645 7.2 11.5253 8.11333L10.172 7.87917L11.4895 4.21917ZM4.747 1.8875V1.88667C4.747 1.42167 5.3245 0.101667 6.5895 3.72667L7.967 7.645C7.34616 7.59417 6.8645 7.5275 6.55866 7.7C6.1245 6.575 4.747 3.02417 4.747 1.8875ZM4.65533 9.53083L4.65616 9.53167C5.822 9.53167 7.327 13.2267 7.327 13.7267C7.327 13.9258 7.132 14.1717 6.90533 14.1717C6.07283 14.1717 3.84366 11.1675 3.84366 10.355C3.847 10.0542 4.34866 9.53083 4.65533 9.53083ZM3.31533 12.5892C3.76866 12.5892 5.47616 14.945 5.47616 15.445C5.47616 15.6367 5.1695 15.7692 5.01116 15.7692C4.37033 15.7692 4.1195 15.1633 2.97783 13.7617C1.79533 14.9217 3.79366 17.1558 5.29866 17.1558C6.337 17.1558 7.01366 16.2108 6.81116 15.515C6.95866 15.515 7.14116 15.5267 7.277 15.4917C7.32116 16.55 7.6395 17.8117 8.937 17.9017C8.937 17.8667 9.017 17.6242 9.017 17.6125C9.017 16.9325 8.59533 16.3392 8.59533 15.6475C8.59533 14.5417 9.45866 13.4717 10.3345 12.8467C10.6528 12.6125 11.0395 12.4675 11.4128 12.335C11.7995 12.1908 12.2095 12.0225 12.5028 11.7333C12.4587 11.2958 12.2762 10.9092 11.8303 10.9092C10.7278 10.9092 7.03033 11.0658 7.03033 9.35833C7.03033 9.09667 7.0345 8.84667 7.72366 8.84667C9.0095 8.84667 12.2737 9.15917 13.2287 9.98333C13.9487 10.6125 14.1962 14.405 11.9945 16.8075L11.992 16.8083C10.8337 18.0583 9.35283 18.7067 7.62533 18.7067C5.26116 18.7067 3.39366 17.4333 2.4945 15.2575C1.81366 13.5625 2.64616 12.5892 3.31533 12.5892ZM8.06616 11.8858C8.45366 12.0075 8.85116 12.0433 9.2495 12.1208C8.9545 12.3317 8.69283 12.59 8.44116 12.8667C8.3295 12.535 8.19366 12.2108 8.06616 11.8858Z"
/>
</svg>
</a>
</li>
<li>
<a href="https://twitter.com/AliBabaHu2023">
<svg
class="hero-icons"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M19.7665 0.369765C19.4331 -0.0289051 18.8665 -0.128573 18.4331 0.17043L16.4998 1.49933C15.5998 0.535877 14.3331 0.00431735 12.9665 0.00431735C10.2665 0.00431735 8.03313 2.197 8.03313 4.92125C8.03313 5.31992 8.06646 5.68537 8.16646 6.05081C5.83313 5.55248 4.43313 3.85813 3.8998 0.801657C3.83313 0.402987 3.53313 0.103985 3.13313 0.00431735C2.76646 -0.0953502 2.36646 0.0707624 2.13313 0.369765C2.06646 0.43621 -3.43354 8.07739 4.53313 14.5558C3.76646 16.1837 1.46646 17.579 0.566463 18.0441C0.13313 18.2435 -0.06687 18.7086 0.03313 19.1737C0.13313 19.6388 0.53313 19.9378 0.999797 19.9378H2.73313C12.8665 19.9378 17.4665 14.9212 17.5665 3.69202L19.6665 1.69867C20.0665 1.36644 20.0998 0.768435 19.7665 0.369765Z"
/>
</svg>
</a>
</li>
<li>
<a href="#">
<svg
class="hero-icons"
width="20"
height="16"
viewBox="0 0 20 16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18.4042 1.88042L20 0.337684V0H14.4717L10.5317 9.90989L6.04917 0H0.2525V0.337684L2.11667 2.60547C2.29833 2.77305 2.39333 3.01811 2.36917 3.26484V12.1768C2.42667 12.4977 2.32333 12.8278 2.1 13.0611L0 15.6328V15.9663H5.95417V15.6286L3.85417 13.0611C3.62667 12.8269 3.51917 12.5027 3.565 12.1768V4.46821L8.79167 15.9705H9.39917L13.8933 4.46821V13.6312C13.8933 13.8728 13.8933 13.9225 13.7367 14.0808L12.12 15.6615V16H19.9633V15.6623L18.405 14.1204C18.2683 14.016 18.1975 13.8408 18.2267 13.6707V2.33011C18.1975 2.15916 18.2675 1.984 18.4042 1.88042Z"
/>
</svg>
</a>
</li>
</ul>
</div>
</section>
<section class="section-recent-work">
<div class="container work-container"></div>
</section>
<section id="about-me" class="about-me">
<div class="about-me-hero">
<div class="container">
<div class="border-bottom">
<div class="about-me-container">
<h2 class="heading-about-me">About me</h2>
<p class="about-me-description description-text">
Hello I’m a software developer! I can help you build a product
, feature or website Look through some of my work and
experience! If you like what you see and have a project you
need coded, don’t hesitate to contact me.
</p>
<a href="https://docs.google.com/document/d/167cpX08X8uCl3-AGUJL3m-MilgC7B6LcJKWBxEMWFGY/edit?usp=sharing" class="btn btn-inline-block">
<p>Get my resume</p>
</a>
</div>
</div>
</div>
</div>
<div class="skills">
<div class="container">
<ul class="list-skills flex">
<div class="skills-list-inner-box">
<li>
<h4 class="skill-header flex">
<span class="shape rectangle-1"></span>
Language
</h4>
</li>
<ul class="list-skill">
<li>JavaScript</li>
<li>Ruby</li>
<li>HTML</li>
<li>CSS</li>
</ul>
</div>
<div class="skills-list-inner-box">
<li>
<h4 class="skill-header flex">
<span class="shape"></span>
Frameworks
</h4>
</li>
<ul class="list-skill">
<li>Ract.js</li>
<li>Ruby on Rails</li>
<li>RSpce</li>
<li>Capybara</li>
<li>Selenium</li>
</ul>
</div>
<div class="skills-list-inner-box">
<li>
<h4 class="skill-header flex">
<span class="shape rectangle-2"></span>
Skills
</h4>
</li>
<ul class="list-skill">
<li>Database Management</li>
<li>Version Control</li>
<li>CLI</li>
<li>API Design</li>
<li>Web Development</li>
</ul>
</div>
</ul>
</div>
</div>
</section>
<section id="contact-section" class="flex">
<div class="container contact-container flex">
<p class="contact-section__title">
I'm always interested in hearing about new projects, so if you'd
like to chat please get in touch.
</p>
<form
action="https://formspree.io/f/xrgvjkzj"
method="post"
class="contact-form flex"
>
<input
class="contact-input"
type="text"
name="contact-name"
placeholder="Full name"
maxlength="30"
required
/>
<input
class="contact-input email-form"
type="email"
name="contact-email"
placeholder="Email address"
required
/>
<textarea
class="contact-message"
name="contact-message"
cols="30"
rows="10"
placeholder="Write me something..."
maxlength="500"
required
></textarea>
<div class="validation-box">
<p class="error-text display-none">
Invalid Email: You can only enter email in lowercase!
</p>
</div>
<input
type="submit"
value="Get in touch"
class="submit-btn btn btn-inline-block sumit-btn-form"
id="submitt"
/>
</form>
</div>
</section>
</main>
<footer>
<ul class="flex footer-logos social-media-list">
<li>
<a href="#">
<svg
class="footer-icons"
width="18"
height="20"
viewBox="0 0 18 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.9989 7.46114C17.9989 6.32124 17.6329 5.25043 16.9342 4.31779C17.2004 3.41969 17.2669 2.27979 17.2004 0.967185C17.1671 0.414508 16.7345 0 16.2022 0C15.9028 0 13.3741 0.0345423 11.9101 1.38169C10.6458 1.1399 9.31495 1.1399 8.01736 1.38169C6.58667 0.0345423 4.05802 0 3.7253 0C3.19296 0 2.76042 0.414508 2.72715 0.967185C2.62734 2.27979 2.72715 3.41969 2.99333 4.31779C2.29462 5.28497 1.92863 6.35579 1.92863 7.46114C1.92863 9.8791 3.7253 12.0553 6.45358 13.0915C6.35377 13.2988 6.28723 13.5406 6.22068 13.7824C3.32604 13.4715 1.9619 10.7427 1.89536 10.639C1.66246 10.1209 1.06357 9.91364 0.56449 10.19C0.0654144 10.4318 -0.134216 11.0535 0.131958 11.5717C0.198501 11.7444 2.02845 15.4404 6.05432 15.8549V18.9637C6.05432 19.5509 6.48686 20 7.05248 20H12.875C13.4406 20 13.8732 19.5509 13.8732 18.9637V14.8532C13.8732 14.2314 13.7401 13.6442 13.5072 13.1261C16.2022 12.0553 17.9989 9.91364 17.9989 7.46114Z"
/>
</svg>
</a>
</li>
<li>
<a href="#">
<svg
class="footer-icons"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.6439 3.03442C10.1551 3.03442 7.28809 5.86201 7.28809 9.37925V19.3103C7.28809 19.6896 7.59897 19.9999 7.97893 19.9999H11.5713C11.9513 19.9999 12.2622 19.6896 12.2622 19.3103V9.65511C12.2622 8.89649 12.8839 8.2758 13.6439 8.2758C14.4038 8.2758 15.0256 8.89649 15.0256 9.65511V19.3103C15.0256 19.6896 15.3364 19.9999 15.7164 19.9999H19.3088C19.6888 19.9999 19.9997 19.6896 19.9997 19.3103V9.37925C19.9997 5.89649 17.1672 3.03442 13.6439 3.03442Z"
/>
<path
d="M4.28325 6.27588H0.690846C0.310881 6.27588 0 6.58622 0 6.96553V19.3104C0 19.6897 0.310881 20 0.690846 20H4.28325C4.66321 20 4.97409 19.6897 4.97409 19.3104V6.96553C4.97409 6.58622 4.66321 6.27588 4.28325 6.27588Z"
/>
<path
d="M2.48705 0C1.10535 0 0 1.10345 0 2.48276C0 3.86207 1.10535 4.96552 2.48705 4.96552C3.86874 4.96552 4.97409 3.86207 4.97409 2.48276C4.97409 1.10345 3.86874 0 2.48705 0Z"
/>
</svg>
</a>
</li>
<li>
<a href="#"
><svg
class="footer-icons"
width="16"
height="20"
viewBox="0 0 16 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7.4645 20C12.1612 20 15.0837 16.5392 15.0837 12.0742C15.0837 10.3908 14.8095 8.87083 12.8987 8.41417C13.3637 7.14083 14.7053 3.4575 14.7053 2.2775C14.7053 1.23833 14.0803 0.3675 12.9662 0.3675C11.1903 0.3675 9.59866 5.51167 9.10033 6.73833C8.7145 5.625 6.90783 0 5.31533 0C4.07783 0 3.497 0.894167 3.497 2.01917C3.497 3.39833 4.85783 6.9725 5.35116 8.3475C5.10116 8.2575 4.83033 8.17917 4.5545 8.17917C3.62283 8.17917 2.632 9.31583 2.632 10.2342C2.632 10.5817 2.827 11.07 2.95033 11.3942C1.482 11.785 0.916997 12.7458 0.916997 14.195C0.91283 17.015 3.63616 20 7.4645 20ZM11.4895 4.21917C11.6495 3.73833 12.3295 1.7075 12.9662 1.7075C13.3087 1.7075 13.4003 2.055 13.4003 2.3325C13.4003 3.07833 11.8645 7.2 11.5253 8.11333L10.172 7.87917L11.4895 4.21917ZM4.747 1.8875V1.88667C4.747 1.42167 5.3245 0.101667 6.5895 3.72667L7.967 7.645C7.34616 7.59417 6.8645 7.5275 6.55866 7.7C6.1245 6.575 4.747 3.02417 4.747 1.8875ZM4.65533 9.53083L4.65616 9.53167C5.822 9.53167 7.327 13.2267 7.327 13.7267C7.327 13.9258 7.132 14.1717 6.90533 14.1717C6.07283 14.1717 3.84366 11.1675 3.84366 10.355C3.847 10.0542 4.34866 9.53083 4.65533 9.53083ZM3.31533 12.5892C3.76866 12.5892 5.47616 14.945 5.47616 15.445C5.47616 15.6367 5.1695 15.7692 5.01116 15.7692C4.37033 15.7692 4.1195 15.1633 2.97783 13.7617C1.79533 14.9217 3.79366 17.1558 5.29866 17.1558C6.337 17.1558 7.01366 16.2108 6.81116 15.515C6.95866 15.515 7.14116 15.5267 7.277 15.4917C7.32116 16.55 7.6395 17.8117 8.937 17.9017C8.937 17.8667 9.017 17.6242 9.017 17.6125C9.017 16.9325 8.59533 16.3392 8.59533 15.6475C8.59533 14.5417 9.45866 13.4717 10.3345 12.8467C10.6528 12.6125 11.0395 12.4675 11.4128 12.335C11.7995 12.1908 12.2095 12.0225 12.5028 11.7333C12.4587 11.2958 12.2762 10.9092 11.8303 10.9092C10.7278 10.9092 7.03033 11.0658 7.03033 9.35833C7.03033 9.09667 7.0345 8.84667 7.72366 8.84667C9.0095 8.84667 12.2737 9.15917 13.2287 9.98333C13.9487 10.6125 14.1962 14.405 11.9945 16.8075L11.992 16.8083C10.8337 18.0583 9.35283 18.7067 7.62533 18.7067C5.26116 18.7067 3.39366 17.4333 2.4945 15.2575C1.81366 13.5625 2.64616 12.5892 3.31533 12.5892ZM8.06616 11.8858C8.45366 12.0075 8.85116 12.0433 9.2495 12.1208C8.9545 12.3317 8.69283 12.59 8.44116 12.8667C8.3295 12.535 8.19366 12.2108 8.06616 11.8858Z"
/>
</svg>
</a>
</li>
<li>
<a href="#">
<svg
class="footer-icons"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M19.7665 0.369765C19.4331 -0.0289051 18.8665 -0.128573 18.4331 0.17043L16.4998 1.49933C15.5998 0.535877 14.3331 0.00431735 12.9665 0.00431735C10.2665 0.00431735 8.03313 2.197 8.03313 4.92125C8.03313 5.31992 8.06646 5.68537 8.16646 6.05081C5.83313 5.55248 4.43313 3.85813 3.8998 0.801657C3.83313 0.402987 3.53313 0.103985 3.13313 0.00431735C2.76646 -0.0953502 2.36646 0.0707624 2.13313 0.369765C2.06646 0.43621 -3.43354 8.07739 4.53313 14.5558C3.76646 16.1837 1.46646 17.579 0.566463 18.0441C0.13313 18.2435 -0.06687 18.7086 0.03313 19.1737C0.13313 19.6388 0.53313 19.9378 0.999797 19.9378H2.73313C12.8665 19.9378 17.4665 14.9212 17.5665 3.69202L19.6665 1.69867C20.0665 1.36644 20.0998 0.768435 19.7665 0.369765Z"
/>
</svg>
</a>
</li>
<li>
<a href="#">
<svg
class="footer-icons"
width="20"
height="16"
viewBox="0 0 20 16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18.4042 1.88042L20 0.337684V0H14.4717L10.5317 9.90989L6.04917 0H0.2525V0.337684L2.11667 2.60547C2.29833 2.77305 2.39333 3.01811 2.36917 3.26484V12.1768C2.42667 12.4977 2.32333 12.8278 2.1 13.0611L0 15.6328V15.9663H5.95417V15.6286L3.85417 13.0611C3.62667 12.8269 3.51917 12.5027 3.565 12.1768V4.46821L8.79167 15.9705H9.39917L13.8933 4.46821V13.6312C13.8933 13.8728 13.8933 13.9225 13.7367 14.0808L12.12 15.6615V16H19.9633V15.6623L18.405 14.1204C18.2683 14.016 18.1975 13.8408 18.2267 13.6707V2.33011C18.1975 2.15916 18.2675 1.984 18.4042 1.88042Z"
/>
</svg>
</a>
</li>
</ul>
<samp class="bor-bottom flex"></samp>
</footer>
<div class="Popup-window-container"></div>
<div class="background-back"></div>
<script src="./index.js"></script>
</body>
</html>