diff --git a/Gymtastic.html b/Gymtastic.html
new file mode 100644
index 0000000..8b2010a
--- /dev/null
+++ b/Gymtastic.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Gymtastic</title>
+    <style>
+        /* Reset some basic styles */
+        body, h1, h2, h3, p, ul, li {
+            margin: 0;
+            padding: 0;
+            list-style: none;
+            font-family: Arial, sans-serif;
+        }
+
+        /* Styling for the header */
+        header {
+            background-color: #31708f;
+            padding: 20px;
+            text-align: center;
+        }
+
+        header h1 {
+            color: white;
+        }
+
+        header nav ul {
+            display: flex;
+            justify-content: center;
+            margin-top: 10px;
+        }
+
+        header nav ul li {
+            margin: 0 15px;
+        }
+
+        header nav ul li a {
+            color: white;
+            text-decoration: none;
+            font-size: 16px;
+        }
+
+        /* Main content styling */
+        main {
+            text-align: center;
+            padding: 20px;
+        }
+
+        .intro h2 {
+            font-size: 36px;
+            color: #2c3e50;
+            margin-bottom: 10px;
+        }
+
+        .intro p {
+            font-size: 18px;
+            margin-bottom: 10px;
+            color: #34495e;
+        }
+
+        .intro button {
+            padding: 15px 30px;
+            border: 2px solid orange;
+            background-color: white;
+            color: orange;
+            border-radius: 5px;
+            font-size: 16px;
+            cursor: pointer;
+        }
+
+        /* Social media section */
+        .social-media h3 {
+            font-size: 24px;
+            margin: 20px 0;
+            color: #2c3e50;
+        }
+
+        .social-media ul {
+            display: flex;
+            justify-content: center;
+            padding: 20px 0;
+        }
+
+        .social-media ul li {
+            margin: 0 10px;
+        }
+
+        .social-media button {
+            padding: 15px 30px;
+            border: none;
+            border-radius: 5px;
+            color: white;
+            font-size: 16px;
+            cursor: pointer;
+        }
+
+        .social-media button:nth-child(1) {
+            background-color: #c13584; /* Instagram */
+        }
+
+        .social-media button:nth-child(2) {
+            background-color: #3b5998; /* Facebook */
+        }
+
+        .social-media button:nth-child(3) {
+            background-color: #ff0000; /* YouTube */
+        }
+
+        /* Features Section */
+        .features {
+            background-color: #2c3e50;
+            color: white;
+            padding: 20px;
+        }
+
+        .features h4 {
+            font-size: 24px;
+            margin-bottom: 10px;
+        }
+
+        .features ul {
+            padding: 0;
+            margin: 0;
+        }
+
+        .features ul li {
+            font-size: 18px;
+            margin-bottom: 5px;
+        }
+
+        .features ul li:nth-child(1),
+        .features ul li:nth-child(5),
+        .features ul li:nth-child(6),
+        .features ul li:nth-child(7) {
+            font-weight: bold;
+        }
+
+        /* Footer styling */
+        footer {
+            text-align: center;
+            padding: 20px;
+            background-color: #31708f;
+            color: white;
+        }
+    </style>
+</head>
+<body>
+
+    <header>
+        <h1>Gymtastic</h1>
+        <nav>
+            <ul>
+                <li><a href="#">Home</a></li>
+                <li><a href="#">About Us</a></li>
+                <li><a href="#">Contact Us</a></li>
+            </ul>
+        </nav>
+    </header>
+
+    <main>
+        <section class="intro">
+            <h2>Fitness for life!</h2>
+            <p>Every gym is designed with you in mind, from the way they’re laid out, to the range of equipment available.</p>
+            <p>Get your membership today and save a whopping <strong style="color: blue;">50%</strong>!</p>
+            <button>GET MEMBERSHIP</button>
+        </section>
+
+        <section class="social-media">
+            <h3>Follow us on</h3>
+            <ul>
+                <li><button>Instagram</button></li>
+                <li><button>Facebook</button></li>
+                <li><button>YouTube</button></li>
+            </ul>
+        </section>
+
+        <section class="features">
+            <h4>Popular features</h4>
+            <ul>
+                <li>Gyms Near Me</li>
+                <li>Gyms in London</li>
+                <li>Gyms in Cardiff</li>
+                <li>Gyms in Glasgow</li>
+                <li>Fitness Classes</li>
+                <li>Personal Trainers</li>
+                <li>Gym Membership Deals & Offers</li>
+            </ul>
+        </section>
+    </main>
+
+    <footer>
+        <p>© 2024 Gymtastic</p>
+    </footer>
+
+</body>
+</html>
