Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
375 lines (306 loc) · 20.2 KB
/
Copy pathindex.html
File metadata and controls
375 lines (306 loc) · 20.2 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
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
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Adam Keyes</title>
</head>
<body>
<header>
<div class="header_main_container">
<a class="logo" href="#">
<picture>
<source media="(min-width:768px)" srcset="img/logos/adamkeyes_logo_large.svg">
<img src="img/logos/adamkeyes_logo_small.svg" alt="adamkeyes_logo" style="width:auto;">
</picture>
</a>
<div class="navbar">
<nav>
<a href="https://github.com/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#FFFFFF" viewBox="0 0 24 24">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303
3.438 9.8 8.205 11.387.6.113.82-.258.82-.577
0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.757-1.333-1.757-1.09-.744.083-.729.083-.729
1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.807 1.305
3.495.998.108-.776.418-1.305.762-1.605-2.665-.3-5.466-1.332-5.466-5.93
0-1.31.47-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176
0 0 1.005-.322 3.3 1.23a11.52 11.52 0 0 1 3-.405
c1.02.005 2.045.138 3 .405 2.28-1.552 3.285-1.23
3.285-1.23.645 1.653.24 2.873.12 3.176.765.84
1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475
5.92.435.372.81 1.102.81 2.222 0 1.606-.015
2.896-.015 3.286 0 .315.21.69.825.57C20.565
22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
</a>
<a href="https://www.frontendmentor.io/" target="_blank">
<svg width="20" height="19" viewBox="0 0 20 19" fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2673 0.784274C10.1101 0.787286 9.96029 0.851865 9.85016 0.964142C9.74003 1.07642 9.67835 1.22742 9.67838 1.38469V12.7974C9.67838 12.9567 9.74164 13.1094 9.85423 13.222C9.96684 13.3346 10.1196 13.3978 10.2788 13.3978C10.438 13.3978 10.5908 13.3346 10.7034 13.222C10.816 13.1094 10.8792 12.9567 10.8792 12.7974V1.38469C10.8793 1.30494 10.8633 1.22598 10.8325 1.15244C10.8017 1.07888 10.7565 1.01221 10.6996 0.956317C10.6427 0.90042 10.5752 0.856422 10.5012 0.826884C10.4271 0.797346 10.3479 0.782857 10.2681 0.784274H10.2673ZM19.3523 4.20302C19.2738 4.20528 19.1966 4.22283 19.125 4.2547L13.9723 6.55463C13.8669 6.60226 13.7775 6.67928 13.7147 6.77647C13.652 6.87365 13.6186 6.98688 13.6186 7.10255C13.6186 7.21822 13.652 7.33144 13.7147 7.42863C13.7775 7.52582 13.8669 7.60284 13.9723 7.65047L19.125 9.95775C19.2025 9.9926 19.2862 10.0108 19.3711 10.0111C19.5084 10.0107 19.6413 9.96317 19.7478 9.87665C19.8544 9.79003 19.9281 9.66956 19.9565 9.53529C19.9851 9.401 19.9667 9.26102 19.9044 9.13864C19.8422 9.01627 19.74 8.9189 19.6147 8.86277L15.6891 7.10337L19.6147 5.35053C19.7597 5.28527 19.8728 5.16533 19.9297 5.0169C19.9866 4.86846 19.9825 4.70357 19.9182 4.55818C19.8695 4.4497 19.7898 4.35808 19.689 4.29488C19.5883 4.23167 19.4711 4.1997 19.3523 4.20302ZM0.629063 8.38812C0.712717 8.3485 0.804399 8.32876 0.896945 8.33044V8.33126C1.02776 8.33381 1.15415 8.37902 1.25691 8.46001C1.35966 8.541 1.43315 8.65333 1.46619 8.77993C2.09462 11.1872 3.50383 13.318 5.47307 14.8385C7.4423 16.359 9.8603 17.1834 12.3482 17.1824C12.5075 17.1824 12.6602 17.2457 12.7728 17.3583C12.8854 17.4709 12.9486 17.6236 12.9486 17.7828C12.9486 17.9421 12.8854 18.0948 12.7728 18.2074C12.6602 18.32 12.5075 18.3832 12.3482 18.3832C6.68206 18.3832 1.72866 14.5577 0.304736 9.08096C0.28158 8.99134 0.279458 8.89757 0.298536 8.807C0.317613 8.71643 0.357374 8.63149 0.414711 8.55882C0.472049 8.48616 0.54541 8.42774 0.629063 8.38812Z"/>
</svg>
</a>
<a href="https://bo.linkedin.com/" target="_blank" >
<svg width="20" height="20" viewBox="0 0 20 20" fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.84099 2.64336C3.92927 2.64336 3.18753 3.38413 3.18753 4.29466C3.18753 5.20579 3.92927 5.94704 4.84099 5.94704C5.75093 5.94704 6.49121 5.20579 6.49121 4.29466C6.49121 3.38413 5.75093 2.64336 4.84099 2.64336ZM3.41319 7.19855V16.3612H6.26328L6.26436 7.19855H3.41319ZM8.05167 7.19771V16.3603L10.8953 16.3614L10.8964 11.8276C10.8964 10.6639 11.0991 9.47431 12.6027 9.47431C14.0834 9.47431 14.0834 10.8781 14.0834 11.9032V16.3603L16.9303 16.3592V11.3351C16.9303 9.06782 16.5164 6.96979 13.5143 6.96979C12.1042 6.96979 11.1815 7.7668 10.8197 8.4494H10.7797L10.7797 7.19771H8.05167ZM18.3483 19.2H1.98544C1.20474 19.2 0.56958 18.5784 0.56958 17.8144V1.38454C0.56958 0.621101 1.20474 0 1.98544 0H18.3483C19.132 0 19.7696 0.621101 19.7696 1.38454V17.8144C19.7696 18.5784 19.132 19.2 18.3483 19.2Z"/>
</svg>
</a>
<a href="https://x.com/?lang=es" target="_blank">
<svg width="19" height="16" viewBox="0 0 19 16" fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg">
<path d="M18.9939 2.56447C18.309 2.86796 17.5733 3.07302 16.7997 3.1657C17.5979 2.68816 18.195 1.93655 18.4796 1.05114C17.7298 1.49652 16.9091 1.81002 16.0534 1.97801C15.4778 1.36354 14.7156 0.956256 13.8849 0.819402C13.0542 0.682547 12.2016 0.823762 11.4594 1.22114C10.7172 1.61851 10.127 2.2498 9.78033 3.017C9.43366 3.7842 9.35 4.64438 9.54233 5.464C8.02298 5.38772 6.53667 4.99282 5.17983 4.30493C3.823 3.61705 2.62596 2.65155 1.66642 1.4711C1.33833 2.03707 1.14967 2.69325 1.14967 3.39209C1.14931 4.02121 1.30423 4.64069 1.6007 5.19557C1.89717 5.75045 2.32602 6.22357 2.8492 6.57296C2.24245 6.55365 1.64909 6.38971 1.11851 6.09477V6.14398C1.11844 7.02634 1.42365 7.88155 1.98236 8.56451C2.54106 9.24741 3.31884 9.71602 4.18372 9.89083C3.62087 10.0431 3.03075 10.0655 2.45795 9.95638C2.70196 10.7157 3.17729 11.3796 3.81738 11.8553C4.45747 12.3309 5.23028 12.5945 6.02761 12.609C4.67409 13.6717 3.00249 14.248 1.28173 14.2454C0.976918 14.2455 0.672362 14.2277 0.369629 14.1921C2.1163 15.3152 4.14955 15.9112 6.2261 15.9088C13.2555 15.9088 17.0984 10.0868 17.0984 5.03748C17.0984 4.87343 17.0942 4.70775 17.0868 4.5437C17.8343 4.00314 18.4795 3.33377 18.9922 2.56694L18.9939 2.56447Z"/>
</svg>
</a>
</nav>
</div>
</div>
<div class="header_image_container">
<picture>
<source media="(min-width:1024px)" srcset="img/images/pic_large.png">
<source media="(min-width:768px)" srcset="img/images/pic_medium.png">
<img src="img/images/pic_small.png" alt="adam_pic" style="width:auto;">
</picture>
</div>
<div class="self_intro">
<h1>Nice to meet you! I’m <span>Adam Keyes.</span></h1>
<p>Based in the UK, I’m a front-end developer passionate about building accessible web apps that users love.</p>
<a class="contact_button" href="#form_container">Contact me</a>
</div>
</header>
<main>
<section class="skills">
<div>
<h2>HTML</h2>
<p>4 Years Exprerience</p>
</div>
<div>
<h2>CSS</h2>
<p>4 Years Exprerience</p>
</div>
<div>
<h2>Javascript</h2>
<p>4 Years Exprerience</p>
</div>
<div>
<h2>Accessibility</h2>
<p>4 Years Exprerience</p>
</div>
<div>
<h2>React</h2>
<p>3 Years Exprerience</p>
</div>
<div>
<h2>Sass</h2>
<p>3 Years Exprerience</p>
</div>
</section>
<section class="projects">
<div class="header_projetcs">
<h3>Projects</h3>
<a href="#form_container">contact me</a>
</div>
<div class="projects_container">
<div class="project_description">
<div class="project_picture_container">
<picture class="design">
<source media="(min-width:1024px)" srcset="img/images/design_large.png">
<img src="img/images/design_small.png" alt="design" style="width:auto;">
</picture>
<div class="hover_container_design">
<a href="#">view project</a>
<a href="#">view code</a>
</div>
</div>
<h4>Design Portfolio</h4>
<div class="used_tech">
<p>HTML</p>
<p>CSS</p>
</div>
<div class="action_buttons">
<a href="#">view project</a>
<a href="#">view code</a>
</div>
</div>
<div class="project_description">
<div class="project_picture_container">
<picture class="e-learning">
<source media="(min-width:1024px)" srcset="img/images/learning_large.png">
<img src="img/images/learning_small.png" alt="e-learning" style="width:auto;">
</picture>
<div class="hover_container_learning">
<a href="#">view project</a>
<a href="#">view code</a>
</div>
</div>
<h4>e-learning landing page</h4>
<div class="used_tech">
<p>HTML</p>
<p>CSS</p>
</div>
<div class="action_buttons">
<a href="#">view project</a>
<a href="#">view code</a>
</div>
</div>
<div class="project_description">
<div class="project_picture_container">
<picture class="todo">
<source media="(min-width:1024px)" srcset="img/images/todo_large.png">
<img src="img/images/todo_small.png" alt="todo_web" style="width:auto;">
</picture>
<div class="hover_container_todo">
<a href="#">view project</a>
<a href="#">view code</a>
</div>
</div>
<h4>todo web app</h4>
<div class="used_tech">
<p>HTML</p>
<p>CSS</p>
<p>JAVASCRIPT</p>
</div>
<div class="action_buttons">
<a href="#">view project</a>
<a href="#">view code</a>
</div>
</div>
<div class="project_description">
<div class="project_picture_container">
<picture class="entretainment">
<source media="(min-width:1024px)" srcset="img/images/entretainment_large.png">
<img src="img/images/entretainment_small.png" alt="entretainment_web" style="width:auto;">
</picture>
<div class="hover_container_entretainment">
<a href="#">view project</a>
<a href="#">view code</a>
</div>
</div>
<h4>entretainment web app</h4>
<div class="used_tech">
<p>HTML</p>
<p>CSS</p>
<p>JAVASCRIPT</p>
</div>
<div class="action_buttons">
<a href="#">view project</a>
<a href="#">view code</a>
</div>
</div>
<div class="project_description">
<div class="project_picture_container">
<picture class="memory">
<source media="(min-width:1024px)" srcset="img/images/memory_large.png">
<img src="img/images/memory_small.png" alt="memory" style="width:auto;">
</picture>
<div class="hover_container_memory">
<a href="#">view project</a>
<a href="#">view code</a>
</div>
</div>
<h4>memory game</h4>
<div class="used_tech">
<p>HTML</p>
<p>CSS</p>
<p>JAVASCRIPT</p>
</div>
<div class="action_buttons">
<a href="#">view project</a>
<a href="#">view code</a>
</div>
</div>
<div class="project_description">
<div class="project_picture_container">
<picture class="art_gallery">
<source media="(min-width:1024px)" srcset="img/images/artgallery_large.png">
<img src="img/images/artgallery_small.png" alt="art_gallery" style="width:auto;">
</picture>
<div class="hover_container_artgallery">
<a href="#">view project</a>
<a href="#">view code</a>
</div>
</div>
<h4>Art gallery showcase</h4>
<div class="used_tech">
<p>HTML</p>
<p>CSS</p>
<p>JAVASCRIPT</p>
</div>
<div class="action_buttons">
<a href="#">view project</a>
<a href="#">view code</a>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="contact_form_container">
<div class="contact">
<h3>Contact</h3>
<p>I would love to hear about your project and how I could help. Please fill in the form, and I’ll get back to you as soon as possible.</p>
</div>
<div class="form_container" id="form_container">
<form action method="get">
<p class="name_form">
<label for="name"></label>
<input type="text" id="name" name="name" placeholder="NAME" required />
</p>
<p>
<label for="email"></label>
<input type="email" id="email" name="email" placeholder="EMAIL" required />
</p>
<p>
<label for="message"></label>
<textarea id="message" name="message" rows="4" placeholder="MESSAGE" required></textarea>
</p>
<button>Send message</button>
</form>
</div>
</div>
<div class="footer_main_container">
<div class="footer_nav_container">
<a href="#">
<picture>
<source media="(min-width:768px)" srcset="img/logos/adamkeyes_logo_large.svg">
<img src="img/logos/adamkeyes_logo_small.svg" alt="adamkeyes_logo" style="width:auto;">
</picture>
</a>
<div class="navbar">
<nav>
<a href="https://github.com/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#FFFFFF" viewBox="0 0 24 24">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303
3.438 9.8 8.205 11.387.6.113.82-.258.82-.577
0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.757-1.333-1.757-1.09-.744.083-.729.083-.729
1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.807 1.305
3.495.998.108-.776.418-1.305.762-1.605-2.665-.3-5.466-1.332-5.466-5.93
0-1.31.47-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176
0 0 1.005-.322 3.3 1.23a11.52 11.52 0 0 1 3-.405
c1.02.005 2.045.138 3 .405 2.28-1.552 3.285-1.23
3.285-1.23.645 1.653.24 2.873.12 3.176.765.84
1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475
5.92.435.372.81 1.102.81 2.222 0 1.606-.015
2.896-.015 3.286 0 .315.21.69.825.57C20.565
22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
</a>
<a href="https://www.frontendmentor.io/" target="_blank">
<svg width="20" height="19" viewBox="0 0 20 19" fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2673 0.784274C10.1101 0.787286 9.96029 0.851865 9.85016 0.964142C9.74003 1.07642 9.67835 1.22742 9.67838 1.38469V12.7974C9.67838 12.9567 9.74164 13.1094 9.85423 13.222C9.96684 13.3346 10.1196 13.3978 10.2788 13.3978C10.438 13.3978 10.5908 13.3346 10.7034 13.222C10.816 13.1094 10.8792 12.9567 10.8792 12.7974V1.38469C10.8793 1.30494 10.8633 1.22598 10.8325 1.15244C10.8017 1.07888 10.7565 1.01221 10.6996 0.956317C10.6427 0.90042 10.5752 0.856422 10.5012 0.826884C10.4271 0.797346 10.3479 0.782857 10.2681 0.784274H10.2673ZM19.3523 4.20302C19.2738 4.20528 19.1966 4.22283 19.125 4.2547L13.9723 6.55463C13.8669 6.60226 13.7775 6.67928 13.7147 6.77647C13.652 6.87365 13.6186 6.98688 13.6186 7.10255C13.6186 7.21822 13.652 7.33144 13.7147 7.42863C13.7775 7.52582 13.8669 7.60284 13.9723 7.65047L19.125 9.95775C19.2025 9.9926 19.2862 10.0108 19.3711 10.0111C19.5084 10.0107 19.6413 9.96317 19.7478 9.87665C19.8544 9.79003 19.9281 9.66956 19.9565 9.53529C19.9851 9.401 19.9667 9.26102 19.9044 9.13864C19.8422 9.01627 19.74 8.9189 19.6147 8.86277L15.6891 7.10337L19.6147 5.35053C19.7597 5.28527 19.8728 5.16533 19.9297 5.0169C19.9866 4.86846 19.9825 4.70357 19.9182 4.55818C19.8695 4.4497 19.7898 4.35808 19.689 4.29488C19.5883 4.23167 19.4711 4.1997 19.3523 4.20302ZM0.629063 8.38812C0.712717 8.3485 0.804399 8.32876 0.896945 8.33044V8.33126C1.02776 8.33381 1.15415 8.37902 1.25691 8.46001C1.35966 8.541 1.43315 8.65333 1.46619 8.77993C2.09462 11.1872 3.50383 13.318 5.47307 14.8385C7.4423 16.359 9.8603 17.1834 12.3482 17.1824C12.5075 17.1824 12.6602 17.2457 12.7728 17.3583C12.8854 17.4709 12.9486 17.6236 12.9486 17.7828C12.9486 17.9421 12.8854 18.0948 12.7728 18.2074C12.6602 18.32 12.5075 18.3832 12.3482 18.3832C6.68206 18.3832 1.72866 14.5577 0.304736 9.08096C0.28158 8.99134 0.279458 8.89757 0.298536 8.807C0.317613 8.71643 0.357374 8.63149 0.414711 8.55882C0.472049 8.48616 0.54541 8.42774 0.629063 8.38812Z"/>
</svg>
</a>
<a href="https://bo.linkedin.com/" target="_blank" >
<svg width="20" height="20" viewBox="0 0 20 20" fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.84099 2.64336C3.92927 2.64336 3.18753 3.38413 3.18753 4.29466C3.18753 5.20579 3.92927 5.94704 4.84099 5.94704C5.75093 5.94704 6.49121 5.20579 6.49121 4.29466C6.49121 3.38413 5.75093 2.64336 4.84099 2.64336ZM3.41319 7.19855V16.3612H6.26328L6.26436 7.19855H3.41319ZM8.05167 7.19771V16.3603L10.8953 16.3614L10.8964 11.8276C10.8964 10.6639 11.0991 9.47431 12.6027 9.47431C14.0834 9.47431 14.0834 10.8781 14.0834 11.9032V16.3603L16.9303 16.3592V11.3351C16.9303 9.06782 16.5164 6.96979 13.5143 6.96979C12.1042 6.96979 11.1815 7.7668 10.8197 8.4494H10.7797L10.7797 7.19771H8.05167ZM18.3483 19.2H1.98544C1.20474 19.2 0.56958 18.5784 0.56958 17.8144V1.38454C0.56958 0.621101 1.20474 0 1.98544 0H18.3483C19.132 0 19.7696 0.621101 19.7696 1.38454V17.8144C19.7696 18.5784 19.132 19.2 18.3483 19.2Z"/>
</svg>
</a>
<a href="https://x.com/?lang=es" target="_blank">
<svg width="19" height="16" viewBox="0 0 19 16" fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg">
<path d="M18.9939 2.56447C18.309 2.86796 17.5733 3.07302 16.7997 3.1657C17.5979 2.68816 18.195 1.93655 18.4796 1.05114C17.7298 1.49652 16.9091 1.81002 16.0534 1.97801C15.4778 1.36354 14.7156 0.956256 13.8849 0.819402C13.0542 0.682547 12.2016 0.823762 11.4594 1.22114C10.7172 1.61851 10.127 2.2498 9.78033 3.017C9.43366 3.7842 9.35 4.64438 9.54233 5.464C8.02298 5.38772 6.53667 4.99282 5.17983 4.30493C3.823 3.61705 2.62596 2.65155 1.66642 1.4711C1.33833 2.03707 1.14967 2.69325 1.14967 3.39209C1.14931 4.02121 1.30423 4.64069 1.6007 5.19557C1.89717 5.75045 2.32602 6.22357 2.8492 6.57296C2.24245 6.55365 1.64909 6.38971 1.11851 6.09477V6.14398C1.11844 7.02634 1.42365 7.88155 1.98236 8.56451C2.54106 9.24741 3.31884 9.71602 4.18372 9.89083C3.62087 10.0431 3.03075 10.0655 2.45795 9.95638C2.70196 10.7157 3.17729 11.3796 3.81738 11.8553C4.45747 12.3309 5.23028 12.5945 6.02761 12.609C4.67409 13.6717 3.00249 14.248 1.28173 14.2454C0.976918 14.2455 0.672362 14.2277 0.369629 14.1921C2.1163 15.3152 4.14955 15.9112 6.2261 15.9088C13.2555 15.9088 17.0984 10.0868 17.0984 5.03748C17.0984 4.87343 17.0942 4.70775 17.0868 4.5437C17.8343 4.00314 18.4795 3.33377 18.9922 2.56694L18.9939 2.56447Z"/>
</svg>
</a>
</nav>
</div>
</div>
</div>
</footer>
<script type="module" src="./main.js"></script>
</body>
</html>