diff --git a/index.css b/index.css
new file mode 100644
index 0000000..32ade68
--- /dev/null
+++ b/index.css
@@ -0,0 +1,174 @@
+body, ul {
+ margin: 0;
+ padding: 0;
+ font-family: Arial, sans-serif;
+}
+
+.navbar {
+ background-color: #0056b3;
+ color: white;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 10px 20px;
+}
+
+.logo {
+ font-size: 24px;
+ font-weight: bold;
+}
+
+.nav-links {
+ list-style: none;
+}body, ul {
+ margin: 0;
+ padding: 0;
+ font-family: Arial, sans-serif;
+}
+
+.navbar {
+ background-color: #0056b3;
+ color: white;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 10px 20px;
+}
+
+.logo {
+ font-size: 24px;
+ font-weight: bold;
+}
+
+.nav-links {
+ list-style: none;
+}
+
+.nav-links li {
+ display: inline;
+ margin-left: 20px;
+}
+
+.nav-links a {
+ color: white;
+ text-decoration: none;
+ font-size: 16px;
+}
+
+
+.nav-links li {
+ display: inline;
+ margin-left: 20px;
+}
+
+.nav-links a {
+ color: white;
+ text-decoration: none;
+ font-size: 16px;
+}
+
+body {
+ font-family: Arial, sans-serif;
+ margin: 20px;
+ padding: 0;
+ background: #fff;
+ color: #333;
+}
+
+header h1 {
+ color: #333;
+ text-align: center;
+}
+
+.discount {
+ color: blue;
+ font-weight: bold;
+}
+
+.first-button {
+ background-color: orange;
+ border: none;
+ border-radius: 5px;
+ color: white;
+ padding: 10px 20px;
+ text-transform: uppercase;
+ display: block;
+ margin: 20px auto;
+ cursor: pointer;
+}
+
+.social-button {
+ border: none;
+ border-radius: 5px;
+ color: white;
+ padding: 10px 20px;
+ margin-right: 10px;
+ cursor: pointer;
+}
+
+.instagram {
+ background-color: #c13584;
+}
+
+.facebook {
+ background-color: #3b5998;
+}
+
+.youtube {
+ background-color: #c4302b;
+}
+
+section {
+ text-align: center;
+ margin-top: 20px;
+}
+body {
+ font-family: Arial, sans-serif;
+ margin: 0;
+ padding: 0;
+}
+
+.footer {
+ background-color: #0056b3;
+ color: white;
+ padding: 20px;
+ text-align: left;
+ margin-top: 13px;
+}
+
+.footer h2 {
+ margin-top: 0;
+}
+
+.footer-links p, .footer-links ul {
+ margin: 5px 0;
+}
+
+.footer-links ul {
+ padding-left: 20px;
+}
+
+.footer-links li {
+ list-style-type: none;
+}
+
+.testimonials {
+ background-color: #f0f0f0;
+ padding: 20px;
+ margin-top: 20px;
+}
+
+.testimonial {
+ text-align: center;
+ margin-top: 10px;
+}
+
+.testimonial p {
+ font-style: italic;
+}
+
+.testimonial cite {
+ display: block;
+ margin-top: 5px;
+ color: #555;
+}
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..ea94f4a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,57 @@
+
+
+
+
+
+ html-gymtastic
+
+
+
+
+
+
+ Every gym is designed with you in mind, from the way they're laid out, to the range of equipment available.
+ Get your membership today and save a whopping 50%!
+
+
+ Follow us on
+
+
+
+
+
+ What Our Members Say
+
+
"Joining Fitness for Life was the best decision I ever made! The facilities are top-notch and the staff is always helpful."
+
— Faruq
+
+
"The variety of equipment and classes available is amazing. I've improved my health significantly since joining."
+
— Faruq
+