From 9663ffe74a00c5d250613f86a4697290d07c7375 Mon Sep 17 00:00:00 2001 From: Alhassan Kassama Date: Sun, 12 May 2024 17:58:52 +0300 Subject: [PATCH] Alhassan Gymtastic --- aboutus.html | 54 +++++++++++++++++++++++++++ index.html | 52 ++++++++++++++++++++++++++ styles.css | 102 +++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 208 insertions(+) create mode 100644 aboutus.html create mode 100644 index.html create mode 100644 styles.css diff --git a/aboutus.html b/aboutus.html new file mode 100644 index 0000000..9dbe377 --- /dev/null +++ b/aboutus.html @@ -0,0 +1,54 @@ + + + + + + + About Us + + +
+ +
+ +
+

About Us!

+

+ Welcome to your one stop solution for + fitness! We provide to quality gym equipments + for our members. Our trainers are experienced + professionals dedicated to helping you succeed + and achieve your desired body weight and muscle gain. + +

+

Get your membership today and save a whopping 50%!

+

Membership

+

Visit our locations in:

+
+
    + Gyms in London
+
    Gyms in Cardiff
+
    Gyms in Glasgow
+ +
+
+ + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..0b88827 --- /dev/null +++ b/index.html @@ -0,0 +1,52 @@ + + + + + + + Gymtastic + + +
+ +
+ +
+

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%!

+

Membership

+

Follow us on

+
+
    + Instagram
+
    Facebook
+
    Youtube
+ +
+
+ + + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..92bfb1c --- /dev/null +++ b/styles.css @@ -0,0 +1,102 @@ +/* Resetting default margin and padding */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: Arial, sans-serif; +} + +/* Header */ +header { + width: 100%; + margin: auto; + background-color: rgb(45, 133, 206); + color: #fff; + padding: 15px 0; +} + +header nav ul li a { + color: #fff; + text-decoration: none; + display: inline-block; + margin-right: 30px; + font-size: 50; + font-weight: 700; +} + +/* Main section */ +main h1 { + background-size: cover; + color: rgb(45, 133, 206); + padding: 20px 0; + font-weight: 500; + text-align: left; + padding-left: 20px; +} +main p { + font-size: 17px; + padding-left: 20px; +} +main p span { + color: rgb(45, 133, 206); +} +#linkbutton { + padding: 10px 20px; + border: 10px 20px; + margin-right: 35px; + display: inline-block; + color: orange; + border-style: solid; + text-align: left; + border-radius: 10px; +} +#socialinstagram { + color: white; + font-weight: 200px; + padding: 10px 20px; + margin-right: 35px; + margin-bottom: 10px; + display: inline-block; + border: 10px 20px; + border-style: solid; + background-color: purple; + border-radius: 10px; + box-shadow: 0px 4px 1px -2px grey; +} +#socialfacebook { + color: white; + display: inline-block; + font-weight: 200px; + padding: 10px 20px; + margin-right: 35px; + margin-bottom: 10px; + border: 10px 20px; + border-style: solid; + background-color: blue; + border-radius: 10px; + box-shadow: 0px 4px 1px -2px grey; +} +#socialyoutube { + color: white; + display: inline-block; + font-weight: 200px; + padding: 10px 20px; + margin-right: 35px; + margin-bottom: 10px; + border: 10px 20px; + border-style: solid; + background-color: red; + border-radius: 10px; + box-shadow: 0px 4px 1px -2px grey; +} +footer { + background-color: rgb(45, 133, 206); + color: white; + padding: 20px; +} +#location { + padding-left: 40px; +}