-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathFilms.html
More file actions
726 lines (722 loc) · 50.1 KB
/
Films.html
File metadata and controls
726 lines (722 loc) · 50.1 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
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spider-Man</title>
<link rel="stylesheet" href="./Styles/Films.css">
<link rel="icon" type="image/x-icon" href="./Assets/Imagens/Home/symbol.png">
</head>
<body>
<div id="container" class="border">
<header class="border">
<div>
<img src="./Assets/Imagens/Home/Logo.webp" alt="Spider-Man">
</div>
<ul class="navigation">
<li>
<a href="Index.html" class="navigation-link">Home</a>
</li>
<li>
<a href="About.html" class="navigation-link">About</a>
</li>
<li>
<a href="Powers.html" class="navigation-link">Powers</a>
</li>
<li>
<a href="Films.html" class="navigation-link">Films</a>
</li>
<li>
<a href="abtme.html" class="navigation-link">Me</a>
</li>
</ul>
</header>
<div id="left" class="border">
</div>
<div id="main" class="border">
<h2>Film Adaptations</h2>
<br>
<h3>- Peter Parker</h3>
<br>
<p>Among the most prominent Marvel characters, one of the most remembered is Spider-Man.Owner of a dozen films, played by several actors - among them Tobey Maguire, Andrew Garfield and Tom Holland - and present in more than a thousand comic books, Peter Parker's trajectory is considered one of the favorites among superhero fans.</p>
<br>
<p>Spider-Man first appeared in 1962, during the Silver Age of Comics. He was created by Stan Lee and Steve Ditko. Since then, the character has gained relevance not only among fans, but also financially: he is one of Marvel's most profitable superheroes to date, with a global box office that, through Disney alone, has earned almost $4 billion..</p>
<br>
<p>To date, there are 10 solo Spider-Man films, eight live-action and two animated.</p>
<br>
<p>See the superhero movies below:</p>
<br>
<h3>Spider-Man (2002)</h3>
<br>
<div class="background-filmes">
<img src="./Assets/Imagens/Filmes/HOMEM-ARANHA - Poster.jpg" class="img-filmes" alt="Spider-Man2002">
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/t06RUxPbp_c?si=HFeQh6MAjo8gVJ5v" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen class="vid-filmes"></iframe> -->
<video controls src="./Assets/Video/Filmes/SPIDER-MAN [2002] – Official Trailer (HD).mp4" class="video">
</video>
</div>
<br>
<div class="info-filmes">
<div class="info-filmes-p">
<p>- Duration: 2h 01min | Action,Fantasy</p>
<br>
<p>- Release Date:May 17, 2002 </p>
<br>
<p>- Director:Sam Raimi</p>
<br>
<p>- Screenplay:David Koepp,James Vanderbilt</p>
<br>
<p>- Based on:Spider-Man by Stan Lee Steve Ditko</p>
<br>
<p>- Cast:Tobey Maguire,Willem Dafoe,Kirsten Dunst,James Franco</p>
<br>
<p>- Budget:139 million USD</p>
<br> <p>- Box office:825 million USD</p>
<br>
<p>- Original title:Spider-Man</p>
<br>
<p>- Sequel:Spider-Man 2</p>
</div>
<div class="info-filmes-gif">
<img src="./Assets/Imagens/Filmes/HOMEM-ARANHA - GIF1.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/HOMEM-ARANHA - GIF2.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/HOMEM-ARANHA - GIF4.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/HOMEM-ARANHA - GIF3.gif" class="gif" alt="tir">
</div>
</div>
<br>
<div class="sinopse">
<h3>Synopsis:</h3>
<br>
<p>Peter Parker (Tobey Maguire) has managed to find a middle ground between his duties as Spider-Man and his relationship with Mary Jane (Kirsten Dunst). However, his success as a hero and the flattery of his fans, including Gwen Stacy (Bryce Dallas Howard), causes Peter to become overconfident and neglect the people who care about him. However, the situation changes when he has to face Flint Marko (Thomas Haden Church), better known as the Sandman, who has links to the death of his uncle Ben. Having to deal with the feeling of revenge, Peter starts to wear a strange black uniform, which adapts to his body.</p>
<br>
<p>Where to watch: <a href="https://play.max.com/movie/ccddf6f0-0c45-406b-bd56-d23425f538d2">Max</a>, <a href="https://www.netflix.com/title/70047101">Netflix</a> <a href="https://www.primevideo.com/dp/amzn1.dv.gti.ee142670-0aa6-49be-9a59-176db5c98a93?autoplay=0&ref_=atv_cf_strg_wb">Prime Video</a></p>
</div>
<br>
<div class="line"></div>
<br>
<h3>Spider-Man 2 (2004)</h3>
<br>
<div class="background-filmes">
<img src="./Assets/Imagens/Filmes/spiderman2.jpg" class="img-filmes" alt="Spider-Man2004">
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/1s9Yln0YwCw?si=3Kwt5JMLI0PTrs6-" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen class="vid-filmes"></iframe> -->
<video controls src="./Assets/Video/Filmes/SPIDER-MAN 2 Trailer (2004).mp4" class="video">
</video>
</div>
<br>
<div class="info-filmes">
<div class="info-filmes-p">
<p>- Release Date:July 2, 2004 </p>
<br>
<p>- Duration: 2h 07min|Action,Fantasy</p>
<br>
<p>- Director:Sam Raimi</p>
<br>
<p>- Screenplay:David Koepp,Alfred Gough</p>
<br>
<p>- Based on:Spider-Man by Stan Lee;Steve Ditko</p>
<br>
<p>- Cast:Tobey Maguire,Alfred Molina,Kirsten Dunst,James Franco</p>
<br>
<p>- Budget:200 million USD</p>
<br>
<p>- Box office:789 million USD</p>
<br>
<p>- Original title:Spider-Man 2</p>
<br>
<p>- Sequel:Spider-Man 3</p>
</div>
<div class="info-filmes-gif">
<img src="./Assets/Imagens/Filmes/HOMEM-ARANHA 2 - GIF1.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/HOMEM-ARANHA 2 - GIF2.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/HOMEM-ARANHA 2 - GIF3.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/HOMEM-ARANHA 2 - GIF4.gif" class="gif" alt="tir">
</div>
</div>
<br>
<div class="sinopse">
<h3>Synopsis:</h3>
<br>
<p>In Spider-Man 2, after defeating the Green Goblin, Peter Parker's (Tobey Maguire) life changes completely. Fearing that Mary Jane (Kirsten Dunst) will be at risk because he is Spider-Man, Peter continues to hide the love he feels and stays away from her. At the same time, he has to deal with Harry (James Franco), his best friend, whose anger towards Spider-Man grows more and more because he considers him to be the murderer of his father. In addition, his aunt May (Rosemary Harris) is going through a difficult time after the death of his uncle Ben, also finding her nephew's behavior strange. While he has to deal with his personal problems, Peter also receives bad news: the emergence of Dr. Octopus (Alfred Molina), a man with tentacles attached to his body.</p>
<br>
<p>Where to watch:<a href="https://play.max.com/movie/0c4aa45c-7033-4700-afa6-818b624fc88a">Max</a>, <a href="https://www.primevideo.com/dp/amzn1.dv.gti.7eb94dba-4f13-f47d-b6cd-ec39b8321862?autoplay=0&ref_=atv_cf_strg_wb">Prime Video</a></p>
</div>
<br>
<div class="line"></div>
<br>
<h3>Spider-Man 3 (2007)</h3>
<br>
<div class="background-filmes">
<img src="./Assets/Imagens/Filmes/HOMEM-ARANHA 3 - Poster.jpg" class="img-filmes" alt="Spiderman">
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/e5wUilOeOmg?si=BU-5icYrt7fqhoal" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen class="vid-filmes"></iframe> -->
<video controls src="./Assets/Video/Filmes/SPIDER-MAN 3 [2007] - Official Trailer (HD).mp4" class="video">
</video>
</div>
<br>
<div class="info-filmes">
<div class="info-filmes-p">
<p>- Release Date: May 4, 2007 </p>
<br>
<p>- Duration: 2h 19min |Action,Fantasy</p>
<br>
<p>- Director: Sam Raimi</p>
<br>
<p>- Screenplay: Alvin Sargent, Sam Raimi</p>
<br>
<p>- Based on: Spider-Man by Stan Lee; Steve Ditko</p>
<br>
<p>- Cast: Tobey Maguire, Kirsten Dunst, James Franco</p>
<br>
<p>- Distribution: Sony Pictures</p>
<br>
<p>- Budget: 250 million USD</p>
<br>
<p>- Box office: 895 million USD</p>
<br>
<p>- Original title: Spider-Man 3</p>
<br> <p>- Continuation: Spider-Man 4 (Cancelled)</p>
</div>
<div class="info-filmes-gif">
<img src="./Assets/Imagens/Filmes/HOMEM-ARANHA 3 - GIF1.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/HOMEM-ARANHA 3 - GIF2.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/HOMEM-ARANHA 3 - GIF3.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/HOMEM-ARANHA 3 - GIF4.gif" class="gif" alt="tir">
</div>
</div>
<br>
<div class="sinopse">
<h3>Synopsis:</h3>
<br>
<p>Peter Parker (Tobey Maguire) has managed to find a middle ground between his duties as Spider-Man and his relationship with Mary Jane (Kirsten Dunst). However, his success as a hero and the flattery of his fans, including Gwen Stacy (Bryce Dallas Howard), causes Peter to become overconfident and neglect the people who care about him. However, the situation changes when he has to face Flint Marko (Thomas Haden Church), better known as the Sandman, who has links to the death of his Uncle Ben. Having to deal with the feeling of revenge, Peter starts to wear a strange black uniform, which adapts to his body.</p>
<br>
<p>Where to watch:<a href="https://play.max.com/movie/ccddf6f0-0c45-406b-bd56-d23425f538d2">Max</a>, <a href="https://www.netflix.com/title/70047101">Netflix</a>,<a href="https://www.primevideo.com/dp/amzn1.dv.gti.ee142670-0aa6-49be-9a59-176db5c98a93?autoplay=0&ref_=atv_cf_strg_wb">Prime Video</a></p>
</div>
<br>
<div class="line"></div>
<br>
<h3>The Amazing Spider-Man (2012)</h3>
<br>
<div class="background-filmes">
<img src="./Assets/Imagens/Filmes/ESPETACULAR - Poster.jpg" class="img-filmes" alt="Spiderman">
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/e6HIFQAzTkM?si=iuGOfwC1_DFYdH37" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen class="vid-filmes"></iframe> -->
<video controls src="./Assets/Video/Filmes/O Espetacular Homem-Aranha ｜ Trailer 3 Legendado ｜ 6 de julho nos cinemas.mp4" class="video">
</video>
</div>
<br>
<div class="info-filmes">
<div class="info-filmes-p">
<p>- Release Date:July 6, 2012 </p>
<br>
<p>- Duration: 2h 17min |Action, Adventure, Fantasy</p>
<br>
<p>- Director:Marc Webb</p>
<br>
<p>- Screenplay:James Vanderbilt, Alvin Sargent</p>
<br>
<p>- Based on:Spider-Man by Stan Lee;Steve Ditko</p>
<br>
<p>- Cast:Andrew Garfield,Emma Stone,Rhys Ifans</p>
<br>
<p>- Budget:230 million USD</p>
<br>
<p>- Box office:758 million USD</p>
<br>
<p>- Original title:The Amazing Spider-Man</p>
<br>
<p>- Sequel:The Amazing Spider-Man 2 - The Threat of Electro</p>
</div>
<div class="info-filmes-gif">
<img src="./Assets/Imagens/Filmes/ESPETACULAR - GIF1.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/ESPETACULAR - GIF2.gif" class="gif" alt="tir">
<div class="espaco"></div>
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/ESPETACULAR - GIF5.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/ESPETACULAR - GIF3.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/ESPETACULAR - GIF4.gif" class="gif" alt="tir">
</div>
</div>
<br>
<div class="sinopse">
<h3>Synopsis:</h3>
<br>
<p>In The Amazing Spider-Man, Peter Parker (Andrew Garfield) is a shy and studious boy who recently began dating the beautiful Gwen Stacy (Emma Stone), his schoolmate. He lives with his aunt and uncle, May (Sally Field) and Ben (Martin Sheen), since he was left by his parents, Richard (Campbell Scott) and Mary (Embeth Davidtz). One day, the young man finds a mysterious briefcase that belonged to his father. The artifact makes him visit Dr. Curt Connors' (Rhys Ifans) laboratory at Oscorp. Parker is searching for answers about what happened to his parents, but ends up on a collision course with Connors' dangerous alter-ego, the villain Lizard.</p>
<br>
<p>Where to watch:<a href="https://play.max.com/movie/94c66e31-450e-4868-8f57-0a892e877b5d">Max</a>, <a href="https://www.netflix.com/title/70208599">Netflix</a>,<a href="https://www.primevideo.com/dp/amzn1.dv.gti.8aace6fb-9e79-a88f-c05b-801980135695?autoplay=0&ref_=atv_cf_strg_wb">Prime Video</a></p>
</div>
<br>
<div class="line"></div>
<br>
<h3>The Amazing Spider-Man 2: Rise of Electro (2014)</h3>
<br>
<div class="background-filmes">
<img src="./Assets/Imagens/Filmes/asm2.jpg" class="img-filmes" alt="Spider-man">
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/PfUDLzyC1cM?si=-lxJ_6BimO1KaCjt" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen class="vid-filmes"></iframe> -->
<video controls src=".\Assets\Video\Filmes\THE AMAZING SPIDER-MAN 2 - Official Trailer (HD)(1).mp4" class="video">
</video>
</div>
<br>
<div class="info-filmes">
<div class="info-filmes-p">
<p>- Release date: May 1, 2014 </p>
<br>
<p>- Duration: 2h 22min | Action,Adventure,Fantasy</p>
<br>
<p>- Director:Marc Webb</p>
<br>
<p>- Screenplay:James Vanderbilt, Alex Kurtzman</p>
<br>
<p>- Based on:Stan Lee's Spider-Man;Steve Ditko</p>
<br>
<p>- Cast:Andrew Garfield,Emma Stone,Jamie Foxx</p>
<br>
<p>- Budget:230 million USD</p>
<br>
<p>- Box office:709 million USD</p>
<br>
<p>- Original title:The Amazing Spider-Man 2</p>
<br>
<p>- Sequel:The Amazing Spider-Man 3 (Cancelled)</p>
</div>
<div class="info-filmes-gif">
<img src="./Assets/Imagens/Filmes/ESPETACULAR 2 - GIF1.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/ESPETACULAR 2 - GIF2.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/ESPETACULAR 2 - GIF3.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/ESPETACULAR 2 - GIF4.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/ESPETACULAR 2 - GIF5.gif" class="gif" alt="tir">
</div>
</div>
<br>
<div class="sinopse">
<h3>Synopsis:</h3>
<br>
<p>In The Amazing Spider-Man 2, Peter Parker (Andrew Garfield) loves being Spider-Man, even though being the arachnid hero puts him in very complicated situations, especially with his girlfriend Gwen Stacy (Emma Stone) and his aunt May (Sally Field). Despite this, he balances his various facets the way he can. At the moment, Peter is more concerned with the ghost of the promise he made to Gwen's father, that he would stay away from her to protect her. At the same time, he has to deal with the return of an old friend, Harry Osborn (Dane DeHaan), and the emergence of a powerful villain: Electro (Jamie Foxx).</p>
<br>
<p>Where to watch:<a href="https://play.max.com/movie/9bd07f97-cf6d-4989-bd08-d05939643416">Max</a>, <a href="https://www.primevideo.com/dp/amzn1.dv.gti.20b7ed79-2edf-fc70-5137-e16527401630?autoplay=0&ref_=atv_cf_strg_wb">Prime Video</a></p>
</div>
<br>
<div class="line"></div>
<br>
<h3>Spider-Man: Homecoming (2017)</h3>
<br>
<div class="background-filmes">
<img src="./Assets/Imagens/Filmes/DE VOLTA AO LAR - Poster.jpg" class="img-filmes2" alt="Spiderman">
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/ntE5Jmsol70?si=q71jHNM8jtiRm61S" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen class="vid-filmes"></iframe> -->
<video controls src=".\Assets\Video\Filmes\SPIDER-MAN_ HOMECOMING - Official Trailer (HD).mp4" class="video">
</video>
</div>
<br>
<div class="info-filmes">
<div class="info-filmes-p">
<p>- Release date: July 6, 2017 In theaters </p>
<br>
<p>- Director: 2h 13min |Action,Adventure</p>
<br>
<p>- Director:Jon Watts</p>
<br>
<p>- Screenplay:Jon Watts,Christopher Ford</p>
<br>
<p>- Based on:Spider-Man by Stan Lee;Steve Ditko</p>
<br>
<p>- Cast:Tom Holland,Michael Keaton,Robert Downey Jr.</p>
<br>
<p>- Budget:175 million USD</p>
<br>
<p>- Box office:880.2 million USD</p>
<br>
<p>- Original title:Spider-Man:Homecoming</p>
<br>
<p>- Sequel:Spider-Man:Far From Home</p>
</div>
<div class="info-filmes-gif">
<img src="./Assets/Imagens/Filmes/DE VOLTA AO LAR - GIF1.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/DE VOLTA AO LAR - GIF2.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/DE VOLTA AO LAR - GIF3.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/DE VOLTA AO LAR - GIF4.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/DE VOLTA AO LAR - GIF5.gif" class="gif" alt="tir">
</div>
</div>
<br>
<div class="sinopse">
<h3>Synopse:</h3>
<br>
<p>In Spider-Man: Homecoming, after acting alongside the Avengers, it's time for Peter Parker (Tom Holland) to return home and to his life, which is no longer so normal. Fighting daily against petty crimes in the neighborhood, he thinks he has found his life's mission when the terrible villain Vulture (Michael Keaton) appears, frightening the city. The problem is that the task will not be as easy as he imagined..</p>
<br>
<p>Where to watch:<a href="https://www.netflix.com/title/80166369">Netflix</a>, <a href="https://www.primevideo.com/dp/amzn1.dv.gti.1ffec8c6-cf45-4b9c-b5f2-c7b924726c47?autoplay=0&ref_=atv_cf_strg_wb">Prime Video</a></p>
</div>
<br>
<div class="line"></div>
<br>
<h3>Spider-Man: Far From Home (2019)</h3>
<br>
<div class="background-filmes">
<img src="./Assets/Imagens/Filmes/LONGE DE CASA - Poster.jpg" class="img-filmes2" alt="Spiderman">
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/bTZucJi2Z3A?si=A0qMhW23L1uW4EaZ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen class="vid-filmes"></iframe> -->
<video controls src=".\Assets\Video\Filmes\SPIDER-MAN_ FAR FROM HOME - Official Trailer.mp4" class="video">
</video>
</div>
<br>
<div class="info-filmes">
<div class="info-filmes-p">
<p>- Release date: July 4, 2019 In theaters </p>
<br>
<p>- Duration: 2h 10min | Action,Adventure</p>
<br>
<p>- Director:Jon Watts</p>
<br>
<p>- Screenplay:Chris McKenna, Erik Sommers</p>
<br>
<p>- Based on:Spider-Man by Stan Lee;Steve Ditko</p>
<br>
<p>- Cast:Tom Holland,Jake Gyllenhaal,Zendaya</p>
<br>
<p>- Budget:175 million USD</p>
<br>
<p>- Box office:1.132 billion USD</p>
<br>
<p>- Distribution:Sony Pictures</p>
<br>
<p>- Original title:Spider-Man: Far From Home</p>
<br>
<p>- Sequel:Spider-Man: No Way Home</p>
</div>
<div class="info-filmes-gif">
<img src="./Assets/Imagens/Filmes/LONGE DE CASA - GIF1.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/LONGE DE CASA - GIF2.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/LONGE DE CASA - GIF3.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/LONGE DE CASA - GIF4.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/LONGE DE CASA - GIF5.gif" class="gif" alt="tir">
</div>
</div>
<br>
<div class="sinopse">
<h3>Synopse:</h3>
<br>
<p>In Spider-Man: Far From Home, Peter Parker (Tom Holland) is on a two-week trip to Europe with his high school friends when he is surprised by the visit of Nick Fury (Samuel L. Jackson). Needing help to face monsters called Elementals, Fury calls him to fight alongside Mysterio (Jake Gyllenhaal), a new hero who claims to have come from a parallel Earth. In addition to the new threat, Peter must deal with the gap left by Tony Stark, who left him his personal glasses, with access to an artificial intelligence system associated with Stark Industries.</p>
<br>
<p>Where to watch:<a href="https://www.primevideo.com/detail/0SP2T0F2VT868QB7T5OUUV18LG/ref=atv_sr_fle_c_Tn74RA_6_1_6?sr=1-6&pageTypeIdSource=ASIN&pageTypeId=B085NWVT1F&qid=1713132921879">Prime Video</a></p>
</div>
<br>
<div class="line"></div>
<br>
<h3>Spider-Man: No Way Home (2021)</h3>
<br>
<div class="background-filmes">
<img aut src="./Assets/Imagens/Filmes/SEM VOLTA PARA CASA - Poster.jpg" class="img-filmes2" alt="Spiderman">
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/CyiiEJRZjSU?si=iyJC3QRK0B4YHJz4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen class="vid-filmes"></iframe> -->
<video controls src=".\Assets\Video\Filmes\SPIDER-MAN_ NO WAY HOME - Official Trailer (HD).mp4" class="video">
</video>
</div>
<br>
<div class="info-filmes">
<div class="info-filmes-p">
<p>- Release date: December 16, 2021 In theaters </p>
<br>
<p>- Duration: 2h 10min | Action,Adventure</p>
<br>
<p>- Director:Jon Watts</p>
<br>
<p>- Screenplay:Chris McKenna,Erik Sommers</p>
<br>
<p>- Based on:Spider-Man by;Stan Lee;Steve Ditko</p>
<br>
<p>- Cast:Tom Holland,Zendaya,Benedict Cumberbatch</p>
<br>
<p>- Special appearances: Andrew Garfield and Tobey Maguire</p>
<br>
<p>- Budget:200 million USD</p>
<br>
<p>- Box office:1.916 billion USD</p>
<br>
<p>- Original title:Spider-Man: No Way Home</p>
<br>
<p>- Sequel:Spider-Man 4 (in production)</p>
</div>
<div class="info-filmes-gif">
<img src="./Assets/Imagens/Filmes/SEM VOLTA PARA CASA - GIF1.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/SEM VOLTA PARA CASA - GIF2.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/SEM VOLTA PARA CASA - GIF3.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/SEM VOLTA PARA CASA - GIF4.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/SEM VOLTA PARA CASA - GIF5.gif" class="gif" alt="tir">
</div>
</div>
<br>
<div class="sinopse">
<h3>Synopse:</h3>
<br>
<p>In Spider-Man: No Way Home, Peter Parker (Tom Holland) will have to deal with the consequences of his identity as the hero after it was revealed by the Daily Bugle report, with a recording made by Mysterio (Jake Gyllenhaal). Unable to separate his normal life from the adventures of being a superhero, in addition to having his reputation ruined and putting his loved ones at risk, Parker asks Doctor Strange (Benedict Cumberbatch) to make everyone forget his true identity. However, the spell does not go as planned and the situation becomes even more dangerous when villains from other versions of Spider-Man from other universes end up going to his world. Now, Peter must not only stop villains from his other versions and make them return to his original universe, but also learn that with great power comes great responsibility.</p>
<br>
<p>Where to watch:<a href="">Max</a>, <a href="https://www.primevideo.com/dp/amzn1.dv.gti.df5db546-ce75-4f60-8e7e-f9a68e00a2c1?autoplay=0&ref_=atv_cf_strg_wb">Prime Video</a></p>
</div>
<br>
<div class="line"></div>
<br>
<p>The Spider-Man films, in their various incarnations starring Tom Holland, Andrew Garfield and Tobey Maguire, transcend simple entertainment to become powerful narratives about hope and responsibility.</p>
<br>
<div class="versoes1">
<img src="./Assets/Imagens/Filmes/Homens-Aranha.gif" alt="">
</div>
<br>
<div class="versoes">
<img src="./Assets/Imagens/Filmes/Aranha - Tobey.gif" alt="">
<p>Tobey Maguire set the standard for many fans with his classic portrayal, conveying the enduring message that being a hero means being willing to sacrifice your own comfort for the good of others. His famous line, “With great power comes great responsibility,” resonates across generations, reminding us of the weight and honor of being a protector.</p>
</div>
<br>
<div class="versoes">
<img src="./Assets/Imagens/Filmes/Aranha - Andrew.gif" alt="">
<p>Andrew Garfield brought a layer of vulnerability to the character, showing us that being a hero often comes at a personal cost. His journey reminds us to never give up hope, even when all seems lost. As he states, “It’s not who I am inside, but what I do that defines me.”</p>
</div>
<br>
<div class="versoes">
<img src="./Assets/Imagens/Filmes/Aranha - Tom.gif" alt="">
<p>Tom Holland brought a vivacious, youthful quality to the role, highlighting Peter Parker’s journey to find his place in the world, reminding us that even in the midst of chaos, there is always a chance to do the right thing. As his Aunt May says, “With great power comes great responsibility.”</p>
</div>
<br>
<p>In each version, Spider-Man reminds us that even the most common among us can become extraordinary when we strive with hope and responsibility. It is that timeless message that makes these films so important and inspiring for so many..</p>
<br>
<div class="line"></div>
<br>
<h3>- Miles Morales</h3>
<br>
<p>The animated films starring Miles Morales, the iconic Spider-Man of a new generation, have proven to be not only creative masterpieces, but also box office juggernauts that have left an indelible mark on the history of cinema. With "Spider-Man: Into the Spider-Verse" (2018) and its sequel "Spider-Man: Into the Spider-Verse 2" (2022), the franchise has not only captured the hearts of viewers, but has also emerged as a commercially successful phenomenon.</p>
<br>
<p>Ultimately, the overwhelming success of the Miles Morales films at the box office not only validates the creative vision behind these works, but also demonstrates the audience's hunger for authentic and inclusive stories. By bringing to life a hero for a new generation, these films have not only captured the hearts of viewers, but have also left an indelible mark on the film industry, inspiring future generations of filmmakers and viewers to believe in the power of diversity and representation on the big screen.</p>
<br>
<p>See the web-slinger's films below:</p> <br> <h3>Spider-Man: Into the Spider-Verse (2018)</h3> <br>
<div class="background-filmes">
<img src="./Assets/Imagens/Filmes/smintospiderverse.jpg" class="img-filmes" alt="Spiderman">
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/SS6ABPkfmBE?si=KyHHJFfB5ZeTtsgt" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen class="vid-filmes"></iframe> -->
<video controls src=".\Assets\Video\Filmes\SPIDER-MAN_ INTO THE SPIDER-VERSE - Official Teaser Trailer.mp4" class="video">
</video>
</div>
<br>
<div class="info-filmes">
<div class="info-filmes-p">
<p>- Release date: December 14,2018 in theaters</p>
<br>
<p>- Duration: 1h 57min | Action,Animation,Family</p>
<br>
<p>- Director:Bob Persichetti,Peter Ramsey,Rodney Rothman</p>
<br>
<p>- Screenplay:Phil Lord,Rodney Rothman</p>
<br>
<p>- Based on:Spider-Man by;Stan Lee;Steve Ditko</p>
<br>
<p>- Cast:Shameik Moore,Jake Johnson,Hailee Steinfeld</p>
<br>
<p>- Budget:90 million USD</p>
<br>
<p>- Box office:384.3 million USD</p>
<br>
<p>- Distribution:Sony Animation</p>
<br>
<p>- Distribution:Pascal Pictures</p>
<br>
<p>- Original title:Spider-Man: Into the Spider-Verse</p>
<br>
<p>- Sequel:Spider-Man: Across the Spider-Verse</p>
<br>
<p>- Nominations:Oscar for Best Animated Feature Film (winner)</p>
</div>
<div class="info-filmes-gif">
<img src="./Assets/Imagens/Filmes/NO ARANHAVERSO - GIF1.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/NO ARANHAVERSO - GIF2.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/NO ARANHAVERSO - GIF3.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/NO ARANHAVERSO - GIF6.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/NO ARANHAVERSO - GIF4.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/NO ARANHAVERSO - GIF5.gif" class="gif" alt="tir">
</div>
</div>
<br>
<div class="sinopse">
<h3>Synopsis:</h3>
<br>
<p>In Spider-Man: Into the Spider-Verse, Miles Morales is a young black man from Brooklyn who became Spider-Man inspired by the legacy of the late Peter Parker. However, when visiting his idol's grave on a rainy night, he is surprised by the presence of Peter himself, wearing the arachnid hero's costume under an overcoat. The surprise is even greater when Miles discovers that he came from a parallel dimension, just like other versions of Spider-Man.</p>
<br>
<p>Where to watch:<a href="https://www.primevideo.com/dp/amzn1.dv.gti.1cb792e1-91a3-3326-9ce0-1b8ec73d6d5d?autoplay=0&ref_=atv_cf_strg_wb">Prime Video</a></p>
</div>
<br>
<div class="line"></div>
<br>
<h3>Spider-Man: Across the Spider-Verse (2023)</h3>
<br>
<div class="background-filmes">
<img src="./Assets/Imagens/Filmes/smacrossspiderverse.jpg" class="img-filmes" alt="Spiderman">
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/_4is7I_ZxTg?si=OZ5nCf-Z5dy2vhKp" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen class="vid-filmes"></iframe> -->
<video controls src=".\Assets\Video\Filmes\SPIDER-MAN_ ACROSS THE SPIDER-VERSE - Official Trailer (HD).mp4" class="video">
</video>
</div>
<br>
<div class="info-filmes">
<div class="info-filmes-p">
<p>- Release date: June 1, 2023 In theaters </p>
<br>
<p>- Duration: 2h 21min | Action, Adventure, Animation, Fantasy</p>
<br>
<p>- Director: Joaquim Dos Santos, Kemp Powers, Justin Thompson</p>
<br>
<p>- Screenplay: Phil Lord, Christopher Miller</p>
<br>
<p>- Based on: Spider-Man by; Stan Lee; Steve Ditko</p>
<br>
<p>- Cast: Shameik Moore, Hailee Steinfeld, Oscar Isaac</p>
<br>
<p>- Budget: 100 million USD</p>
<br>
<p>- Box office: 690.9 million USD</p>
<br>
<p>- Distribution: Sony Animation</p>
<br>
<p>- Original title: Spider-Man: Across The Spider-Verse</p>
<br>
<p>- Sequel: Spider-Man: Into the Spider-Verse</p> <br>
<p>- Nominations: Oscar for Best Animated Feature Film (lost)</p>
</div>
<div class="info-filmes-gif">
<img src="./Assets/Imagens/Filmes/ATRAVÉS DO ARANHAVERSO - GIF1.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/ATRAVÉS DO ARANHAVERSO - GIF2.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/ATRAVÉS DO ARANHAVERSO - GIF3.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/ATRAVÉS DO ARANHAVERSO - GIF6.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/ATRAVÉS DO ARANHAVERSO - GIF4.gif" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/ATRAVÉS DO ARANHAVERSO - GIF5.gif" class="gif" alt="tir">
</div>
</div>
<br>
<div class="sinopse">
<h3>Synopsis:</h3>
<br>
<p>Spider-Man: Across the Spider-Verse is the sequel to 2018’s Oscar-winning Spider-Man: Into the Spider-Verse, which follows Miles Morales (Shameik Moore), the friendly Spider-Man from Brooklyn. In this new chapter, Miles is back for a new mission in his busy life as a Super Hero. In the new film, Morales is transported on an epic adventure across the multiverse, and must join forces with Spider-Woman Gwen Stacy (Hailee Steinfeld) and a new team of Spider-People, made up of heroes from different dimensions. However, everything changes when the heroes clash over how to deal with a new threat, and Miles finds himself in a bind. And to make matters worse, they must face a villain far more powerful than anything they’ve encountered before. Now, to save the people he loves most in the world, Miles must redefine what it means to be a Super Hero.</p>
<br>
<p>Where to watch:<a href="https://play.max.com/movie/08f3260f-1512-4c90-a3df-fc2e407ba708">Max</a>, <a href="https://www.primevideo.com/dp/amzn1.dv.gti.64f13ee5-040c-4e40-9c01-5db1e1f58f6f?autoplay=0&ref_=atv_cf_strg_wb">Prime Video</a></p>
</div>
<br>
<div class="line"></div>
<br>
<h3>The Spider Within: A Tale of the Spider-Verse (2024) - Animated short</h3>
<br>
<div class="background-filmes">
<img src="./Assets/Imagens/Filmes/ARANHA INTERIOR - Poster.jpg" class="img-filmes2" alt="Spiderman">
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/FcGPpwFdE1Y?si=zVISZRqE6LnokqPn" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen class="vid-filmes"></iframe> -->
<video controls src="./Assets/Video/Filmes/THE SPIDER WITHIN： A SPIDER-VERSE STORY ｜ Official Short Film (Full) ｜ Sony Animation.webm" class="video">
</video>
</div>
<br>
<div class="info-filmes">
<div class="info-filmes-p">
<p>- Release date: March 27, 2024 - On YouTube </p>
<br>
<p>- Duration: 7min 14s | Action, Adventure, Animation, Fantasy</p>
<br>
<p>- Director: Jarelle Dampier</p>
<br>
<p>- Screenplay: Khaila Amazan</p>
<br>
<p>- Based on: Spider-Man by; Stan Lee; Steve Ditko</p>
<br>
<p>- Cast: Shameik Moore, Brian Tyree Henry</p>
<br>
<p>- Distribution: Sony Animation</p>
<br>
<p>- Original title: The Spider Within: A Spider-Verse Story</p>
</div>
<div class="info-filmes-gif">
<img src="./Assets/Imagens/Filmes/ARANHA INTERIOR - IMG1.jpg" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/ARANHA INTERIOR - IMG2.png" class="gif" alt="tir">
<div class="espaco"></div>
<img src="./Assets/Imagens/Filmes/ARANHA INTERIOR - IMG3.jpg" class="gif" alt="tir">
</div>
</div>
<br>
<div class="sinopse">
<h3>Synopsis:</h3>
<br>
<p>After returning home from a day of crime-fighting, Miles Morales is haunted by thoughts of his parents arguing with him and the new responsibilities he must take on. His father, Jefferson Davis, asks if he wants to watch horror movies with him, but a weary Miles tells him another time. As he tries to relax in his room, he is overcome by his fears, manifesting itself as a black silhouetted being with yellow eyes. Miles tries to fight off this creature, which transforms into a large spider and later into a massive infestation of smaller spiders. A frightened Miles cowers as his visions fade. Finally at ease, Miles leaves his room and asks his father if he would like to go for a walk with him. The two leave the apartment and begin a friendly conversation.</p>
<br>
<p>Where to watch:<a href="https://youtu.be/FcGPpwFdE1Y?si=rcTtRCDrzpNh4FDA">Youtube</a></p>
</div>
<br>
<div class="line"></div>
<br>
<p>The importance of these films goes beyond entertainment. They are a powerful reminder of the power of storytelling to foster understanding, empathy and acceptance. By telling the story of a young, diverse hero, they inspire a new generation of fans to believe in themselves, embrace their uniqueness and fight for what is right, even in the face of adversity.</p>
<br>
<div class="versoes">
<img src="./Assets/Imagens/Filmes/Aranha - Miles.gif" alt="">
<p>Miles Morales' approach to the films is an inspiring journey of self-discovery and responsibility. Since his debut, he has embodied diversity and representation, offering a new perspective for Spider-Man fans. </p>
</div>
<br>
<p>In a world where differences often divide us, the Miles Morales films remind us that, ultimately, we all have the potential to be heroes, no matter who we are or where we come from. And it is this message of hope and inclusion that makes them not only exceptional animated films, but also powerful testaments to the strength and resilience of the human spirit.</p>
</div>
<div id="right" class="border">
<!-- Right -->
</div>
<footer class="border">
<div class="scrool">
<a id="scroll-up" class="scroll-up" href="#">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"></path>
<path fill="rgba(255,255,255,1)" d="M11.9997 10.8284L7.04996 15.7782L5.63574 14.364L11.9997 8L18.3637 14.364L16.9495 15.7782L11.9997 10.8284Z">
</path>
</svg>
</a>
</div>
<div class="rodape">
<img src="./Assets/Imagens/Home/symbol.png" class="IMG-rodape" alt="Símbolo da máscara do Homem-Aranha">
<p>Spider-Man (2024)</p>
</div>
<div class="navigation-social2">
<p>Soundar Balaji J ©</p>
<a href="https://www.linkedin.com/in/soundar-balaji-j-133b691b9/">
<img src=".\Assets\Imagens\Home\link.png" width="24" height="24"></img>
</a>
<a href="https://www.instagram.com/soundar__msd/">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="#EDF1F7" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/>
</svg>
</a>
<a href="https://github.com/soundar3078">
<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M12.006 2a9.847 9.847 0 0 0-6.484 2.44 10.32 10.32 0 0 0-3.393 6.17 10.48 10.48 0 0 0 1.317 6.955 10.045 10.045 0 0 0 5.4 4.418c.504.095.683-.223.683-.494 0-.245-.01-1.052-.014-1.908-2.78.62-3.366-1.21-3.366-1.21a2.711 2.711 0 0 0-1.11-1.5c-.907-.637.07-.621.07-.621.317.044.62.163.885.346.266.183.487.426.647.71.135.253.318.476.538.655a2.079 2.079 0 0 0 2.37.196c.045-.52.27-1.006.635-1.37-2.219-.259-4.554-1.138-4.554-5.07a4.022 4.022 0 0 1 1.031-2.75 3.77 3.77 0 0 1 .096-2.713s.839-.275 2.749 1.05a9.26 9.26 0 0 1 5.004 0c1.906-1.325 2.74-1.05 2.74-1.05.37.858.406 1.828.101 2.713a4.017 4.017 0 0 1 1.029 2.75c0 3.939-2.339 4.805-4.564 5.058a2.471 2.471 0 0 1 .679 1.897c0 1.372-.012 2.477-.012 2.814 0 .272.18.592.687.492a10.05 10.05 0 0 0 5.388-4.421 10.473 10.473 0 0 0 1.313-6.948 10.32 10.32 0 0 0-3.39-6.165A9.847 9.847 0 0 0 12.007 2Z" clip-rule="evenodd"/>
</svg>
</a>
</div>
</footer>
</div>
</body>
</html>