<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>IPL 2025 - Teams, Players & Points Table</title>
<style>
:root {
--bg-color: #f4f4f4;
--text-color: #111;
--card-bg: #fff;
--table-head-bg: #1e40af;
--table-head-color: #fff;
[Link] {
--bg-color: #1a1a1a;
--text-color: #f9f9f9;
--card-bg: #222;
--table-head-bg: #444;
--table-head-color: #ffd700;
body {
font-family: Arial, sans-serif;
background-color: var(--bg-color);
color: var(--text-color);
margin: 0;
padding: 0;
transition: all 0.3s ease;
header, footer {
background-color: #1e40af;
color: white;
text-align: center;
padding: 20px;
.toggle-btn {
position: absolute;
top: 20px;
right: 20px;
background: #ffd700;
color: #000;
border: none;
padding: 8px 14px;
cursor: pointer;
border-radius: 5px;
font-weight: bold;
section {
padding: 20px;
.team {
background-color: var(--card-bg);
margin: 20px auto;
padding: 15px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
width: 90%;
max-width: 800px;
.team h3 {
margin-top: 0;
display: flex;
align-items: center;
gap: 15px;
color: var(--text-color);
.team-logo {
width: 40px;
height: 40px;
[Link] {
list-style-type: square;
padding-left: 20px;
table {
width: 90%;
margin: 0 auto;
border-collapse: collapse;
background-color: var(--card-bg);
color: var(--text-color);
th, td {
padding: 10px;
border: 1px solid #ccc;
thead {
background-color: var(--table-head-bg);
color: var(--table-head-color);
h2 {
text-align: center;
color: var(--text-color);
</style>
</head>
<body>
<button class="toggle-btn" onclick="toggleDarkMode()">Toggle Dark Mode</button>
<header>
<h1>IPL 2025 Teams & Players</h1>
<p>Explore all IPL teams, players and current standings</p>
</header>
<section>
<h2>IPL 2025 Points Table</h2>
<table>
<thead>
<tr>
<th>Position</th>
<th>Team</th>
<th>Played</th>
<th>Won</th>
<th>Lost</th>
<th>NRR</th>
<th>Points</th>
</tr>
</thead>
<tbody style="text-align: center;">
<tr>
<td>1</td>
<td><img src="[Link] alt="DC" width="25">
Delhi capitals</td>
<td>4</td><td>4</td><td>0</td><td>+1.278</td><td>8</td>
</tr>
<tr>
<td>2</td>
<td><img src="[Link] alt="GT" width="25">
Gujarat titans</td>
<td>6</td><td>4</td><td>2</td><td>+1.081</td><td>8</td>
</tr>
<tr>
<td>3</td>
<td><img src="[Link]
alt="LSG" width="25">Lucknow super giants</td>
<td>6</td><td>4</td><td>2</td><td>+0.161</td><td>12</td>
</tr>
<tr>
<td>4</td>
<td><img src="[Link]
alt="KKR" width="25"> Kolkata knight riders</td>
<td>6</td><td>3</td><td>3</td><td>+0.803</td><td>10</td>
</tr>
<tr>
<td>5</td>
<td><img src="[Link]
alt="RCB" width="25"> Royal challenges Bengaluru</td>
<td>5</td><td>3</td><td>2</td><td>+0.539</td><td>12</td>
</tr>
<tr>
<td>6</td>
<td><img src="[Link]
[Link]" alt="PBKS" width="25">Punjab kings</td>
<td>5</td><td>3</td><td>2</td><td>-0.065</td><td>10</td>
</tr>
<tr>
<td>7</td>
<td><img src="[Link]
alt="DC" width="25"> Rajasthan royals</td>
<td>5</td><td>2</td><td>3</td><td>-0.733</td><td>8</td>
</tr>
<tr>
<td>8</td>
<td><img
src="[Link]
[Link]%2fwp-content%2fuploads%2f2018%2f01%2fsun-
[Link]&ehk=JNlXX9iXQ%2bVF%2f%2bSnAMCAsUwRrfUhvKjszMkPjFNHnGg%3d&risl=&pid=ImgRaw&r=0_Logo.svg"
alt="SRH" width="25"> sunrises Hyderabad</td>
<td>6</td><td>2</td><td>4</td><td>-1.245</td><td>8</td>
</tr>
<tr>
<td>9</td>
<td><img src="[Link]
alt="MI" width="25"> Mumbai Indians</td>
<td>5</td><td>1</td><td>4</td><td>-0.010</td><td>6</td>
</tr>
<tr>
<td>10</td>
<td><img src="[Link] alt="CSK"
width="25">Chennai super kings</td>
<td>6</td><td>1</td><td>5</td><td>-1.554</td><td>6</td>
</tr>
<tr>
</tbody>
</table>
</section>
<section style="text-align: center;
padding: 30px;
background-color: var(--card-bg);
color: var(--text-color);
margin: 20px auto;
width: 90%;
max-width: 800px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);">
<h2 style="color: var(--text-color);"> Best Batsman of IPL 2025</h2>
<img src="[Link]
16x9_0.jpg?VersionId=[Link]" alt="Nicholas Pooran" style="width: 160px; height: auto;
border-radius: 10px; margin-top: 15px;">
<h3 style="margin: 10px 0;">Nicholas Pooran</h3>
<p><strong>Team:</strong> Lucknow super giants</p>
<p><strong>Runs:</strong> 349 runs in 6 matches</p>
<p><strong>Average:</strong>69.80</p>
<p><strong>Strike Rate:</strong> 215.43</p>
<p><strong>50s:</strong> 13 | <strong>100s:</strong> 2</p>
<img src="[Link] alt="" style="width:
160px; height: auto; border-radius: 10px; margin-top: 15px;">
<h3 style="margin: 10px 0;">Sai Sudarshan</h3>
<p><strong>Team:</strong> Gujarat titans</p>
<p><strong>Runs:</strong> 329 runs in 6 matches</p>
<p><strong>Average:</strong> 54.83</p>
<p><strong>Strike Rate:</strong> 151.61</p>
<p><strong>50s:</strong>20 | <strong>100s:</strong> 3</p>
</section>
<section style="text-align: center;
padding: 30px;
background-color: var(--card-bg);
color: var(--text-color);
margin: 20px auto;
width: 90%;
max-width: 800px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);">
<section style="text-align: center;
padding: 30px;
background-color: var(--card-bg);
color: var(--text-color);
margin: 20px auto;
width: 90%;
max-width: 900px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);">
<h2 style="color: var(--text-color);"> Best Bowlers of IPL 2025</h2>
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin-top: 20px;">
<!-- Bowler 1 -->
<div style="width: 250px; background-color: #3333; border-radius: 10px; padding: 15px;">
<img src="[Link] alt="Noor ahmad"
style="width: 100%; height: auto; border-radius: 8px;">
<h3 style="margin: 10px 0;">Noor Ahmad</h3>
<p><strong>Team:</strong>Chennai super kings</p>
<p><strong>Wickets:</strong> 12</p>
<p><strong>Economy:</strong> 7.45</p>
</div>
<!-- Bowler 2 -->
<div style="width: 250px; background-color: #3333; border-radius: 10px; padding: 15px;">
<img src="[Link]
16x9_0.jpg?VersionId=BteWsbwuoXu6VvcWMGi5mUM9pQKK2HOt&size=690:[Link]" alt="shardul thakur" style="width:
100%; height: auto; border-radius: 8px;">
<h3 style="margin: 10px 0;">Shardul thakur</h3>
<p><strong>Team:</strong> Lucknow super giants</p>
<p><strong>Wickets:</strong> 10</p>
<p><strong>Economy:</strong> 6.10</p>
</div>
</section>
<footer>
<p>© 2025 IPL Fan Page. Made with for cricket lovers!</p>
</footer>
<script>
function toggleDarkMode() {
[Link]("dark");
</script>
</body>
</html>
