From 8583285f26261c0b554a61aaf163e2bdbcdb063c Mon Sep 17 00:00:00 2001 From: Your Name Date: Tue, 5 Mar 2024 16:42:40 +0000 Subject: [PATCH 1/2] all done --- aboutus.css | 82 ++++++++++++++++++++++++++ aboutus.html | 30 ++++++++++ index.html | 46 +++++++++++++++ style.css | 164 +++++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 322 insertions(+) create mode 100644 aboutus.css create mode 100644 aboutus.html create mode 100644 index.html create mode 100644 style.css 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 @@ + + + + + + + Document + + +
+

Gymtastic

+

Home

+

About Us

+

Contact Us

+
+ +
+

About information

+

Gym locations

+
  1. London114 Vallance Rd, London E1 5BL8 Pemberton Pl, London E8 3RG, Reino Unido
  2. CardiffStadium Plaza, Wood St, Cardiff CF10 1LAQueen St, Cardiff CF10 2BHUnit L, Terrace 2, Cardiff Bay Retail Park
  3. Glasgow140 Bath St, Glasgow G2 3ER113 St George's Rd, Glasgow G3 6JA
+
+ +
+

Popular features

+

Gyms Near Me

+

  1. Gyms in London

  2. Gyms in Cardiff

  3. Gyms in Glasgow

+

Fitness Classes

Personal Trainers

Gym Membership Deals & Offers

+
+ + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..5013f8c --- /dev/null +++ b/index.html @@ -0,0 +1,46 @@ + + + + + + + Document + + +
+

Gymtastic

+

Home

+

About Us

+

Contact Us

+
+ +
+

Fitness for life!

+

Every gym is designed with you in mind, from the way they're laid out, the range of equipment available.

Get your membership today and save a whopping 50%!

+
+ +
+

Get membership

+
+ +
+

Follow us on

+

Instagram

+

Facebook

+

Youtube

+
+ +
+

Testimonial

+

" They have great facilities. I live in Cardiff and am close to the gym. Great teachers and equipment. I recommend! "

- Leonardo Lodi

+
+ +
+

Popular features

+

Gyms Near Me

+

  1. Gyms in London

  2. Gyms in Cardiff

  3. Gyms in Glasgow

+

Fitness Classes

Personal Trainers

Gym Membership Deals & Offers

+
+ + + \ 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 From b8290dcdeba26054168585ba955bf585965798e2 Mon Sep 17 00:00:00 2001 From: Your Name Date: Tue, 5 Mar 2024 16:45:48 +0000 Subject: [PATCH 2/2] small adding change --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 5013f8c..b093294 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,7 @@

Gymtastic

Fitness for life!

-

Every gym is designed with you in mind, from the way they're laid out, the range of equipment available.

Get your membership today and save a whopping 50%!

+

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