From 2a7c10a204a84f7e8490f8e9862bc8a629876f90 Mon Sep 17 00:00:00 2001 From: gent009 <167322651+gent009@users.noreply.github.com> Date: Thu, 9 May 2024 13:04:28 +0100 Subject: [PATCH] gymtastic --- AboutUs.html | 36 +++++++++++++++ index.html | 72 ++++++++++++++++++++++++++++++ style.css | 122 +++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 230 insertions(+) create mode 100644 AboutUs.html create mode 100644 index.html create mode 100644 style.css diff --git a/AboutUs.html b/AboutUs.html new file mode 100644 index 0000000..12680e3 --- /dev/null +++ b/AboutUs.html @@ -0,0 +1,36 @@ + + + + + + About Us + + + +
+ + +
+
+
+

About Us

+

+ We are dedicated to providing the best fitness solutions tailored to + meet yourneeds. +

+
+
+

Our Locations

+
Gym in London
+
Gym in Cardiff
+
Gym in Glasgow
+
+
+ + diff --git a/index.html b/index.html new file mode 100644 index 0000000..248e13b --- /dev/null +++ b/index.html @@ -0,0 +1,72 @@ + + + + + + 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 membershiptoday and save a whopping 50%!

+ +
+
+

What Our Members Say

+

+ "I've never felt more at home in a gym. The equipment and staff are + top-notch!" - Jane Doe +

+

+ "The personal trainers really know their stuff. I've gotten in the + best shape of my life!" - John Smith +

+
+ +
+ + + +
+ +
+
+

Popular features

+
    +
  • Gyms Near Me
    • +
  • Gyms in London
    • +
  • Gyms in Cardiff
    • +
  • Gyms in Glasgow
    • +
  • Fitness Classes
    • +
  • Personal Trainers
    • +
  • Gym Membership Deals&Offers
    • +
+
+
+
+ + diff --git a/style.css b/style.css new file mode 100644 index 0000000..c2b2864 --- /dev/null +++ b/style.css @@ -0,0 +1,122 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f4f4f4; +} + +header { + background-color: #0077cc; + color: white; + padding: 10px 20px; + display: flex; + justify-content: space-between; + align-items: center; +} + +nav ul { + list-style-type: none; + margin: 0; + padding: 0; +} + +nav ul li { + display: inline; + margin-right: 20px; +} + +nav ul li a { + color: white; + text-decoration: none; +} + +#hero { + text-align: center; + padding: 20px; +} + +button { + background-color: orange; + border: none; + color: white; + padding: 10px 20px; + font-size: large; + border-radius: 5px; + cursor: pointer; +} +#promo { + text-align: center; +} +#social-media { + text-align: left; + margin: 20px 0; +} +#testimonials { + background-color: #f4f4f4; + color: #333; + text-align: center; + padding: 20px; + margin-top: 20px; +} + +.social-button { + display: inline-block; + padding: 10px 20px; + color: white; + text-decoration: none; + border-radius: 5px; +} + +.instagram { + background-color: #c13584; + color: black; + text-decoration: none; + margin: 10px; + padding: 10px; +} +.facebook { + background-color: #3b5998; + color: black; + text-decoration: none; + margin: 10px; + padding: 10px; +} +.youtube { + background-color: #ff0000; + color: black; + text-decoration: none; + margin: 10px; + padding: 10px; +} + +#features { + background-color: #0077cc; + color: white; + text-align: center; + padding: 20px; + margin-top: 20px; +} + +#features ul { + list-style-type: none; + padding: 0; +} + +#features li { + margin-bottom: 10px; +} +#about-info, +#locations { + background-color: white; + color: #333; + text-align: center; + padding: 20px; + margin-top: 20px; +} +.locations-card { + background-color: #0077cc; + color: white; + margin: 10px; + padding: 10px; + display: inline-block; +}