diff --git a/aboutus.css b/aboutus.css
new file mode 100644
index 0000000..5f09b34
--- /dev/null
+++ b/aboutus.css
@@ -0,0 +1,82 @@
+* {
+    margin: 0px;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+.header {
+    color: white;
+    background-color: #357ba6;
+}
+
+.header * {
+    padding: 15px;
+    display: inline-block;
+}
+
+.header p a {
+    color: white;
+    text-decoration: none;
+}
+
+.header p a:hover{
+    color: black;
+}
+
+.footer {
+    color: white;
+    background-color: #357ba6;
+    margin-top: 40px;
+}
+
+.footer h3 {
+    position: relative;
+    margin: 25px;
+    top: 30px;
+    font-weight: lighter;
+}
+
+.footer .gyms-near {
+    position: relative;
+    margin: 25px;
+    top: 30px;
+}
+
+.footer ol {
+    position: relative;
+    margin: 8px;
+    list-style-type: none;
+    top: 6px;
+}
+
+.footer .fitness {
+    position: relative;
+    margin: 25px;
+    bottom: 18px;
+}
+
+.footer .personal {
+    position: relative;
+    margin: 25px;
+    bottom: 42px;
+}
+
+.footer .gym-mermbership {
+    position: relative;
+    margin: 25px;
+    bottom: 65px;
+}
+
+.about-information h1 {
+    color: #367497;
+    margin: 25px;
+
+}
+
+.about-information h3 {
+    margin: 25px;
+}
+
+.about-information ol a {
+    display: block;
+    line-height: 50px;
+}
\ No newline at end of file
diff --git a/aboutus.html b/aboutus.html
new file mode 100644
index 0000000..2686884
--- /dev/null
+++ b/aboutus.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./aboutus.css">
+    <title>Document</title>
+</head>
+<body>
+    <div class="header">
+        <h2>Gymtastic</h2>
+        <p><a href="index.html">Home</a></p>
+        <p>About Us</p>
+        <p>Contact Us</p>
+    </div>
+
+    <div class="about-information">
+        <h1 id="gyms-near">About information</h1>
+        <h3>Gym locations</h3>
+        <ol><li>London<em><a href="https://maps.google.com/maps?hl=pt-PT&gl=pt&um=1&ie=UTF-8&fb=1&sa=X&ftid=0x48761cc5ecbf2cb5:0xd6fa9da0f50d0fcb" target="_blank">114 Vallance Rd, London E1 5BL</a></em><em><a href="8 Pemberton Pl, London E8 3RG, Reino Unido" target="_blank">8 Pemberton Pl, London E8 3RG, Reino Unido</a></em></li><li>Cardiff<em><a href="https://maps.google.com/maps?hl=pt-PT&gl=pt&um=1&ie=UTF-8&fb=1&sa=X&ftid=0x487e669049d8ef35:0xbb2de7da72dc2b34" target="_blank">Stadium Plaza, Wood St, Cardiff CF10 1LA</a></em><em><a href="https://maps.google.com/maps?hl=pt-PT&gl=pt&um=1&ie=UTF-8&fb=1&sa=X&ftid=0x486e1cb0999adb8d:0x883e8c22bda8a7d6" target="_blank">Queen St, Cardiff CF10 2BH</a></em><em><a href="https://maps.google.com/maps?hl=pt-PT&gl=pt&um=1&ie=UTF-8&fb=1&sa=X&ftid=0x486e030806fd3c15:0x1cfbf18c84cf5d0e" target="_blank">Unit L, Terrace 2, Cardiff Bay Retail Park</a></em></li><li>Glasgow<em><a href="https://maps.google.com/maps?hl=pt-PT&gl=pt&um=1&ie=UTF-8&fb=1&sa=X&ftid=0x488844272e2ce2fd:0xaedf03bdb836f8c4" target="_blank">140 Bath St, Glasgow G2 3ER</a></em><em><a href="https://maps.google.com/maps?hl=pt-PT&gl=pt&um=1&ie=UTF-8&fb=1&sa=X&ftid=0x4888442f247a7855:0x17fa93f957c5bd5f" target="_blank">113 St George's Rd, Glasgow G3 6JA</a></em></li></ol>
+    </div>
+
+    <div class="footer">
+        <h3>Popular features</h3>
+        <h4 class="gyms-near">Gyms Near Me</h4>
+        <ol><li><p>Gyms in London</p></li><li><p>Gyms in Cardiff</p></li><li><p>Gyms in Glasgow</p></li></ol>
+        <h4 class="fitness">Fitness Classes</h4><h4 class="personal">Personal Trainers</h4><h4 class="gym-mermbership">Gym Membership Deals & Offers</h4>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..b093294
--- /dev/null
+++ b/index.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./style.css">
+    <title>Document</title>
+</head>
+<body>
+    <div class="header">
+        <h2>Gymtastic</h2>
+        <p>Home</p>
+        <p><a href="aboutus.html">About Us</a></p>
+        <p>Contact Us</p>
+    </div>
+
+    <div class="inside">
+        <h1>Fitness for life!</h1>
+        <p>Every gym is designed with you in mind, from the way they're laid out, to the range of equipment available.<br/><br/>Get your membership today and save a whopping <span>50%</span>!</p>
+    </div>
+    
+    <div>
+        <p class="fake-button">Get membership</p>
+    </div>
+
+    <div class="social-media">
+        <h1>Follow us on</h1>
+        <p id="instagram">Instagram</p>
+        <p id="facebook">Facebook</p>
+        <p id="youtube">Youtube</p>
+    </div>
+
+    <div class="testimonial">
+        <h1>Testimonial</h1>
+        <p class="testimonial">"<em> They have great facilities. I live in Cardiff and am close to the gym. Great teachers and equipment. I recommend!</em> "<br/><br/>- <b>Leonardo Lodi</b></p>
+    </div>
+
+    <div class="footer">
+        <h3>Popular features</h3>
+        <h4 class="gyms-near"><a href="./aboutus.html#gyms-near">Gyms Near Me</a></h4>
+        <ol><li><p>Gyms in London</p></li><li><p>Gyms in Cardiff</p></li><li><p>Gyms in Glasgow</p></li></ol>
+        <h4 class="fitness">Fitness Classes</h4><h4 class="personal">Personal Trainers</h4><h4 class="gym-mermbership">Gym Membership Deals & Offers</h4>
+    </div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..d750606
--- /dev/null
+++ b/style.css
@@ -0,0 +1,164 @@
+* {
+    margin: 0px;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+.header {
+    color: white;
+    background-color: #357ba6;
+}
+
+.header * {
+    padding: 15px;
+    display: inline-block;
+}
+
+.inside h1 {
+    color: #367497;
+    margin: 25px;
+
+}
+
+.inside p {
+    margin: 25px;
+}
+
+.inside p span {
+    font-weight: bold;
+    color: #4485ad;
+}
+
+.fake-button {
+    color: #eb904b;
+    border: 2.5px solid #eb904b;
+    margin: 25px;
+    margin-top: -8px;
+    padding: 12px 18px;
+    border-radius: 12px;
+    text-transform: uppercase;
+    display: inline-flex;
+}
+
+.social-media h1 {
+    color: #367497;
+    margin: 25px;
+    margin-top: 15px;
+}
+
+.social-media #instagram {
+    color: white;
+    background-color: #874bf4;
+    margin: 25px;
+    padding: 15px 40px;
+    border-radius: 12px;
+    border: 1px solid #5c33a7;
+    font-weight: bold;
+    font-size: 20px;
+    display: inline;
+    box-shadow: 2px 2px 4px #c1c2c2;
+}
+
+.social-media #facebook {
+    color: white;
+    background-color: #3578ea;
+    padding: 15px 40px;
+    border-radius: 12px;
+    border: 1px solid #2b57a4;
+    font-weight: bold;
+    font-size: 20px;
+    display: inline;
+    color: white;
+    box-shadow: 2px 2px 4px #c1c2c2;
+}
+
+.social-media #youtube {
+    color: white;
+    background-color: #ea3223;
+    margin: 25px;
+    padding: 17px 40px;
+    border-radius: 12px;
+    font-weight: bold;
+    font-size: 20px;
+    display: inline;
+    box-shadow: 2px 2px 4px #c1c2c2;
+}
+
+.footer {
+    color: white;
+    background-color: #357ba6;
+    margin-top: 40px;
+}
+
+.footer h3 {
+    position: relative;
+    margin: 25px;
+    top: 30px;
+    font-weight: lighter;
+}
+
+.footer .gyms-near {
+    position: relative;
+    margin: 25px;
+    top: 30px;
+}
+
+.footer ol {
+    position: relative;
+    margin: 8px;
+    list-style-type: none;
+    top: 6px;
+}
+
+.footer .fitness {
+    position: relative;
+    margin: 25px;
+    bottom: 18px;
+}
+
+.footer .personal {
+    position: relative;
+    margin: 25px;
+    bottom: 42px;
+}
+
+.footer .gym-mermbership {
+    position: relative;
+    margin: 25px;
+    bottom: 65px;
+}
+
+.testimonial h1 {
+    margin: 25px;
+    display: inline-block;
+    margin-top: 38px;
+    margin-bottom: -20px;
+    color: #367497;
+}
+
+.testimonial p {
+    margin: 25px;
+    padding: 20px 40px;
+    border-radius: 20px;
+    background-color: #F0F0F0;
+    color: #000000;
+    text-align: center;
+    font-size: 18px;
+}
+
+.header p a {
+    color: white;
+    text-decoration: none;
+}
+
+.header p a:hover{
+    color: black;
+}
+
+.footer .gyms-near a {
+    color: white;
+    text-decoration: none;
+}
+
+.footer .gyms-near a:hover {
+    color: black;
+}
\ No newline at end of file
