diff --git a/index.html b/index.html
new file mode 100644
index 0000000..b1fafe1
--- /dev/null
+++ b/index.html
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+ HTML Gymnastics
+
+
+
+
+
+ Fitness For Life!
+
+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% !
+GET MEMBERSHIP
+
+ Follow us on
+ Instagram
+ Facebook
+ Youtube
+
+
+
+
+ "Joining this Gym was the best decision I ever made."
+
+
Kyle Vann
+
+
+
+
+ "It ain’t about how hard you hit. It’s about how hard you can get hit and keep moving forward; how much you can take and keep moving forward. That’s how winning is done!"
+
+
Rocky Balboa
+
+
+
+
+
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..67139f5
--- /dev/null
+++ b/style.css
@@ -0,0 +1,143 @@
+header {
+ display: flex;
+ background-color: #357BA6;
+ justify-content: center;
+ align-items: center;
+}
+
+header span {
+ color: #fff;
+ font-size: 30px;
+ font-weight: 600;
+ padding: 15px;
+}
+
+h1 {
+ color: #357BA6;
+}
+
+h4 {
+ color: #FFFFFF;
+ font-weight: 400;
+ font-size: 20px;
+ display: block;
+
+}
+
+body {
+ padding: 0;
+ margin: 0;
+ font-family: "Roboto", sans-serif;
+}
+
+nav {
+ flex-grow: 1;
+}
+
+nav a {
+ padding: 15px;
+ color: #fff;
+
+}
+
+main {
+padding: 20px;
+}
+
+.discount-link {
+ color: #357BA6;
+ font-weight: 800;
+
+ }
+
+
+.main-button {
+ display: inline-block;
+ padding: 18px 50px;
+ color: #fff;
+ text-decoration: none;
+ border-radius: 15px;
+ outline: 0.5px solid #1F1F1F;
+ transition: background-color 0.3s ease;
+ box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2);
+ margin: 10px;
+
+}
+.solid-button {
+ font-weight: 800;
+}
+
+.orange-button {
+ background-color: #FFFFFF;
+ box-shadow: none;
+ color: #E78435;
+ outline: 3px solid #E78435;
+ margin-bottom: 20px;
+}
+.orange-button:hover {
+ background-color: #E79F65;
+}
+
+.purple-button {
+ background-color: #874CF4;
+}
+.purple-button:hover {
+ background-color: #AD87F5;
+}
+
+.blue-button {
+ background-color: #3677EA;
+}
+.blue-button:hover {
+ background-color: #81A7EB;
+}
+
+.red-button {
+ background-color: #E93223;
+}
+.red-button:hover {
+ background-color: #E98981;
+}
+
+.testimonial-section {
+ margin-top: 50px;
+ }
+
+ .testimonial {
+ margin-bottom: 30px;
+ }
+
+ .testimonial blockquote {
+ font-style: italic;
+ font-size: 18px;
+ color: #333;
+ }
+
+ .testimonial-author {
+ font-weight: bold;
+ margin-top: 10px;
+ }
+
+ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ display: block;
+ font-weight: 600;
+ }
+ul li ul {
+ margin-left: 20px;
+ font-weight: 400;
+}
+.footer {
+ background-color: #357BA6;
+ padding: 25px;
+ width: 100%;
+ height: auto;
+ color: #FFFFFF;
+ padding-top: 5px;
+ padding-bottom: 90px;
+}
+
+
+