<!DOCTYPE html>
<html>
<head>
<title>Football Statistics</title>
<style>
/* Add your CSS styles here */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
text-align: center;
padding: 20px;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
}
/* Add more styles for tables, buttons, etc. */
</style>
</head>
<body>
<header>
<h1>Football Statistics</h1>
</header>
<div class="container">
<h2>Team Stats</h2>
<table>
<tr>
<th>Team</th>
<th>Goals Scored</th>
<th>Goals Conceded</th>
</tr>
<tr>
<td>Team A</td>
<td>30</td>
<td>15</td>
</tr>
<tr>
<td>Team B</td>
<td>25</td>
<td>20</td>
</tr>
<!-- Add more rows for other teams -->
</table>
<h2>Player Stats</h2>
<table>
<tr>
<th>Player Name</th>
<th>Goals</th>
<th>Assists</th>
</tr>
<tr>
<td>Player 1</td>
<td>10</td>
<td>5</td>
</tr>
<tr>
<td>Player 2</td>
<td>8</td>
<td>7</td>
</tr>
<!-- Add more rows for other players -->
</table>
</div>
</body>
</html>