<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Liga Tetines vs Rayos</title>
<style>
body {
font-family: Arial, sans-serif;
background: #f0f0f0;
padding: 20px;
text-align: center;
}
h1 {
color: #1b70f0;
margin-bottom: 30px;
}
h2 {
color: #444;
margin-top: 40px;
}
table {
margin: 0 auto;
width: 80%;
background: white;
border-collapse: collapse;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
th, td {
padding: 10px;
border: 1px solid #ddd;
}
th {
background: #1b70f0;
color: white;
}
ul {
list-style: none;
padding: 0;
background: white;
width: 70%;
margin: 10px auto;
padding: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
text-align: left;
border-radius: 6px;
}
li {
padding: 5px 0;
}
</style>
</head>
<body>
<h1>Liga Tetines vs Rayos</h1>
<h2>Tabla de Posiciones</h2>
<table>
<tr>
<th>Equipo</th>
<th>Puntos</th>
<th>Goles</th>
</tr>
<tr>
<td>Tetines</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>Rayos</td>
<td>0</td>
<td>0</td>
</tr>
</table>
<h2>Goleadores</h2>
<table>
<tr>
<th>Jugador</th>
<th>Equipo</th>
<th>Goles</th>
</tr>
<tr><td>Matías</td><td>Tetines</td><td>0</td></tr>
<tr><td>Juan Pablo</td><td>Tetines</td><td>0</td></tr>
<tr><td>Oliver</td><td>Rayos</td><td>0</td></tr>
<tr><td>Leo</td><td>Rayos</td><td>0</td></tr>
<tr><td>Axel</td><td>Rayos</td><td>0</td></tr>
</table>
<h2>Porteros</h2>
<table>
<tr>
<th>Portero</th>
<th>Equipo</th>
<th>Goles Recibidos</th>
</tr>
<tr><td>Panza</td><td>Tetines</td><td>0</td></tr>
<tr><td>Farid</td><td>Rayos</td><td>0</td></tr>
</table>
<h2>Plantilla Tetines</h2>
<ul>
<li><b>Portero:</b> Panza</li>
<li><b>Defensas:</b> Toro, Tortas</li>
<li><b>Medios:</b> Yato, Mora</li>
<li><b>Delanteros:</b> Matías, Juan Pablo</li>
</ul>
<h2>Plantilla Rayos</h2>
<ul>
<li><b>Portero:</b> Farid</li>
<li><b>Defensa:</b> Mateo</li>
<li><b>Medios:</b> Mauricio, Bryan</li>
<li><b>Delanteros:</b> Oliver, Leo, Axel</li>
</ul>
</body>
</html>