-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (114 loc) · 5.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" href="src/icons/icon.jpg" type="image/x-icon">
<script defer src="scripts/index.js"></script>
<link rel="stylesheet" href="styles/index.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Messi | Home</title>
</head>
<body>
<header>
<div class="logo"><a href="index.html">MESSI</a><a href="index.html">HOME</a></div>
<input type="checkbox" id="toggleMenu">
<label for="toggleMenu"><div></div>
<div></div></label>
<ul>
<li><a href="statistics.html">Estadísticas</a></li>
<li><a href="history.html">Historia</a></li>
<li><a href="shop.html">Tienda</a></li>
</ul>
</header>
<main>
<div id="bg-text-container">
<div id="bg-text">
<p>GOAT</p>
<p>GOAT</p>
<p>GOAT</p>
<p>GOAT</p>
<p>GOAT</p>
<p>GOAT</p>
</div>
</div>
<img src="src/messi.png" alt="">
</main>
<section>
<img class="gif" src="src/messi.webp" alt="Messi festejando con sus compañeros">
<h1 id="titulo">Lionel "Fulbo" Messi</h1>
<p>No solo es considerado uno de los mejores jugadores de la historia, sino que también acaba de ganar la Copa del Mundo en el 2022 en Qatar, siendo este uno de los logros más destacados de su carrera.
Con su habilidad única para driblar, su visión de juego y su capacidad goleadora, Messi es un jugador que ha cautivado a aficionados y rivales por igual, y su triunfo en la Copa del Mundo de 2022 solo confirma su estatus como una leyenda del fútbol mundial. En esta página, exploraremos su trayectoria y su impacto en el deporte más popular del planeta.</p>
<p>Además de sus habilidades futbolísticas, Lionel Messi también es un ícono cultural y social en todo el mundo. Su carisma y su humildad lo han convertido en un modelo a seguir para muchos jóvenes y adultos, y su impacto se extiende mucho más allá del campo de juego.
Como jugador, Messi ha desafiado las expectativas y ha superado los obstáculos en su camino hacia la cima del fútbol mundial. Pero también ha utilizado su plataforma para promover causas importantes, como la lucha contra la pobreza y la defensa de los derechos de los niños.
</p>
<p>En resumen, Lionel Messi no solo es un jugador excepcional, sino también un ser humano ejemplar. Su influencia se extiende más allá de los estadios y las competiciones de fútbol, y su legado perdurará mucho tiempo después de que se retire del deporte que lo hizo famoso en todo el mundo.</p>
<p>Sus premios más destacados son:</p>
<ul>
<li>Mundial Qatar 2022</li>
<li>Copa América</li>
<li>Finalissima</li>
<li>Champions (x4)</li>
<li>Balón de oro (x7)</li>
<li>Bota de oro (x6)</li>
<li>The Best (x2)</li>
</ul>
</section>
<div class="form-container">
<h1>Suscríbete y recibe las últimas noticias del GOAT</h1>
<form id="suscripcion_form">
<div class="row">
<input type="text" name="nombre" pattern="\S(.*\S)?" required>
<p>Nombre</p>
</div>
<div class="row">
<input type="text" name="apellido" pattern="\S(.*\S)?" required>
<p>Apellido</p>
</div>
<div class="row">
<input type="email" name="email" pattern="\S(.*\S)?" required>
<p>Correo electrónico</p>
</div>
<div class="row captcha">
<input id="testCaptcha" type="text" name='captcha' pattern="\S(.*\S)?" required>
<p id="responseCaptcha"></p>
<p>Captcha</p>
<img src="/" alt="Captcha" id="captchaImage">
</div>
<button id="falsoSubmit">Enviar</button>
</form>
</div>
<div class="modal" id="modal">
<div class="content">
<p>Gracias <span id="spanNombre"></span> por suscribirte</p>
</div>
<div class="timer"></div>
</div>
<!-- -->
<footer>
<section>
<h2>Navegación</h2>
<ul>
<li><a href="index.html">Índice</a></li>
<li><a href="statistics.html">Estadísticas</a></li>
<li><a href="history.html">Historia</a></li>
<li><a href="shop.html">Tienda</a></li>
</ul>
</section>
<section>
<h2>Recursos</h2>
<ul>
<li><a href="styles/">CSS</a></li>
<li><a href="src/">Imagenes</a></li>
<li><a href="scripts/">Scripts</a></li>
</ul>
</section>
<section>
<h2>Red social</h2>
<ul>
<li><a target="_blank" href="https://www.instagram.com/leomessi/">Instagram oficial</a></li>
</ul>
</section>
</footer>
</body>
</html>