diff --git a/SPORTS WEBSITE/BUNDESLIGA.jpeg b/SPORTS WEBSITE/BUNDESLIGA.jpeg
new file mode 100644
index 00000000..8e81775b
Binary files /dev/null and b/SPORTS WEBSITE/BUNDESLIGA.jpeg differ
diff --git a/SPORTS WEBSITE/CHAMPIONS LEAGUE.jpeg b/SPORTS WEBSITE/CHAMPIONS LEAGUE.jpeg
new file mode 100644
index 00000000..2162c84c
Binary files /dev/null and b/SPORTS WEBSITE/CHAMPIONS LEAGUE.jpeg differ
diff --git a/SPORTS WEBSITE/EURO 2020.jpeg b/SPORTS WEBSITE/EURO 2020.jpeg
new file mode 100644
index 00000000..8be02a07
Binary files /dev/null and b/SPORTS WEBSITE/EURO 2020.jpeg differ
diff --git a/SPORTS WEBSITE/FIFA WC.jpg b/SPORTS WEBSITE/FIFA WC.jpg
new file mode 100644
index 00000000..31d244d2
Binary files /dev/null and b/SPORTS WEBSITE/FIFA WC.jpg differ
diff --git a/SPORTS WEBSITE/IPL 2024.webp b/SPORTS WEBSITE/IPL 2024.webp
new file mode 100644
index 00000000..5eecafd7
Binary files /dev/null and b/SPORTS WEBSITE/IPL 2024.webp differ
diff --git a/SPORTS WEBSITE/ODI WC.webp b/SPORTS WEBSITE/ODI WC.webp
new file mode 100644
index 00000000..9c9c48ff
Binary files /dev/null and b/SPORTS WEBSITE/ODI WC.webp differ
diff --git a/SPORTS WEBSITE/PREMIER LEAGUE.jpg b/SPORTS WEBSITE/PREMIER LEAGUE.jpg
new file mode 100644
index 00000000..27ac2e97
Binary files /dev/null and b/SPORTS WEBSITE/PREMIER LEAGUE.jpg differ
diff --git a/SPORTS WEBSITE/ROHIT-KOHLI.jpeg b/SPORTS WEBSITE/ROHIT-KOHLI.jpeg
new file mode 100644
index 00000000..6dc9a7f1
Binary files /dev/null and b/SPORTS WEBSITE/ROHIT-KOHLI.jpeg differ
diff --git a/SPORTS WEBSITE/T20WC.jpg b/SPORTS WEBSITE/T20WC.jpg
new file mode 100644
index 00000000..9011082f
Binary files /dev/null and b/SPORTS WEBSITE/T20WC.jpg differ
diff --git a/SPORTS WEBSITE/index2.html b/SPORTS WEBSITE/index2.html
new file mode 100644
index 00000000..9ae2c0ac
--- /dev/null
+++ b/SPORTS WEBSITE/index2.html	
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Sport Events Layout</title>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap');
+        
+        :root {
+            --primary-color: #121212;
+            --secondary-color: #181818;
+            --text-color: #f0f0f0;
+            --highlight-color: springgreen;
+            --border-color: #444;
+        }
+
+        body {
+            background-color: var(--primary-color);
+            font-family: "Poppins", sans-serif;
+            color: var(--text-color);
+            margin: 0;
+        }
+
+        header {
+            background-color: var(--secondary-color);
+            padding: 1rem;
+            text-align: center;
+        }
+
+        nav ul {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+            display: flex;
+            justify-content: center;
+            gap: 1rem;
+            flex-wrap: wrap;
+        }
+
+        nav ul li {
+            display: inline-block;
+        }
+
+        nav a {
+            text-decoration: none;
+            color: var(--highlight-color);
+            padding: 0.5rem 1rem;
+            transition: color 0.3s ease;
+            font-weight: 500;
+        }
+
+        nav a:hover {
+            color: crimson;
+        }
+
+        .container {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: center;
+            gap: 2rem;
+            padding: 2rem;
+            max-width: 1200px;
+            margin: auto;
+        }
+
+        .box {
+            border: 1px solid var(--border-color);
+            border-radius: 8px;
+            overflow: hidden;
+            width: 280px;
+            height: 200px;
+            transition: transform 0.3s ease, box-shadow 0.3s ease;
+            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
+            background-color: var(--secondary-color);
+        }
+
+        .box img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+            display: block;
+        }
+
+        .box:hover {
+            transform: scale(1.05);
+            box-shadow: 0px 8px 16px rgba(0, 255, 127, 0.6);
+        }
+
+        footer {
+            background-color: var(--secondary-color);
+            padding: 1rem;
+            text-align: center;
+            color: var(--text-color);
+            font-size: 0.9rem;
+            margin-top: 2rem;
+        }
+    </style>
+</head>
+<body>
+
+<header>
+    <nav>
+        <ul>
+            <li><a href="https://www.icc-cricket.com/tournaments/t20cricketworldcup/index">T20 WC 2024</a></li>
+            <li><a href="https://www.iplt20.com/">IPL</a></li>
+            <li><a href="https://www.icc-cricket.com/tournaments/cricketworldcup">ODI WC</a></li>
+            <li><a href="https://www.fifa.com/en/tournaments/mens/worldcup">FIFA WC</a></li>
+            <li><a href="https://www.uefa.com/euro2024/">EURO 2024</a></li>
+            <li><a href="https://www.uefa.com/uefachampionsleague/">CHAMPIONS LEAGUE</a></li>
+            <li><a href="https://www.premierleague.com/">PREMIER LEAGUE</a></li>
+            <li><a href="https://www.bundesliga.com/en/bundesliga">BUNDESLIGA</a></li>
+            <li><a href="https://www.laliga.com/en-GB">LA LIGA</a></li>
+            <li><a href="https://olympics.com/en/paris-2024">OLYMPICS</a></li>
+        </ul>
+    </nav>
+</header>
+
+<main>
+    <div class="container">
+        <div class="box"><img src="T20WC.jpg" alt="T20 World Cup 2024"></div>
+        <div class="box"><img src="ROHIT-KOHLI.jpeg" alt="Rohit and Kohli"></div>
+        <div class="box"><img src="IPL 2024.webp" alt="IPL 2024"></div>
+        <div class="box"><img src="ODI WC.webp" alt="ODI World Cup"></div>
+        <div class="box"><img src="FIFA WC.jpg" alt="FIFA World Cup"></div>
+        <div class="box"><img src="EURO 2020.jpeg" alt="Euro 2024"></div>
+        <div class="box"><img src="CHAMPIONS LEAGUE.jpeg" alt="Champions League"></div>
+        <div class="box"><img src="PREMIER LEAGUE.jpg" alt="Premier League"></div>
+        <div class="box"><img src="BUNDESLIGA.jpeg" alt="Bundesliga"></div>
+    </div>
+</main>
+
+<footer>
+    &copy; 2024 Sports Events | All Rights Reserved
+</footer>
+
+</body>
+</html>
