From e5ac9733aaf2337e94fbc8ebbce443c799c33582 Mon Sep 17 00:00:00 2001 From: samisalehsaeed Date: Wed, 6 Mar 2024 10:43:15 +0000 Subject: [PATCH] samisaeed --- .vscode/settings.json | 3 ++ style.css | 84 +++++++++++++++++++++++++++++++++++++++++++ web.html | 51 ++++++++++++++++++++++++++ 3 files changed, 138 insertions(+) create mode 100644 .vscode/settings.json create mode 100644 style.css create mode 100644 web.html diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..61b47e5 --- /dev/null +++ b/style.css @@ -0,0 +1,84 @@ +.header{ + padding: 2%; + background-color: rgb(44, 127, 182); + font-size: 10px; + font-family: sans-serif; + color: white; + text-align: left; +} + +.subheading{ + color: rgb(44, 127, 182); + font-size: 40px; + font-family: sans-serif; +} + +p { + font-family: sans-serif; +} + +.membership { + background-color:white; + color: darkorange; + padding: 15px 32px; + text-align: center; + font-size: 16px; + display: inline-block; + border-color: darkorange; + border-radius: 12px; +} +.follow-us{ + color: rgb(44, 127, 182); + font-size: 40px; + font-family: sans-serif; +} +.instagram{ + background-color:rgba(148, 36, 193, 0.732); + color: white; + padding: 10px 40px; + text-align: center; + font-size: 12px; + display: inline-block; + border-radius: 12px; + font-family: sans-serif; + margin-top: 0px; + margin-bottom: 7px; + margin-right: 10px; + margin-left: 20px; +} +.Facebook{ + background-color:rgba(30, 93, 230, 0.732); + color: white; + padding: 10px 40px; + text-align: center; + font-size: 12px; + display: inline-block; + border-radius: 12px; + font-family: sans-serif; + margin-top: 0px; + margin-bottom: 7px; + margin-right: 10px; + margin-left: 20px; +} +.YouTube{ + background-color:red; + color: white; + padding: 10px 40px; + text-align: center; + font-size: 12px; + display: inline-block; + border-radius: 12px; + font-family: sans-serif; + margin-top: 0px; + margin-bottom: 7px; + margin-right: 10px; + margin-left: 20px; +} +.ending{ + padding: 2%; + background-color: rgb(44, 127, 182); + font-size: 20px; + font-family: sans-serif; + color: white; + text-align: left; +} \ No newline at end of file diff --git a/web.html b/web.html new file mode 100644 index 0000000..9961acf --- /dev/null +++ b/web.html @@ -0,0 +1,51 @@ + + + + + + + GYMTASTIC + + +
+

Gymtastic‎‎ ‎ ‎ ‎ ‎ Home ‎‎ ‎ ‎ ‎ ‎ About Us ‎‎ ‎ ‎ ‎ ‎ Contact Us

+
+ +
+
‎‎ ‎ Fitness for life!
+
+

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

‎‎ ‎ Get your membership today and save a whopping 50%! +

+ +
+

GET MEMBERSHIP

+

+ +
+
‎‎ ‎ Follow us on
+
+ +
+

Instagram

+
+
+

Facebook

+
+
+

YouTube

+
+


+
+

Popular features

+ Gyms Near Me
+ ‎‎ ‎ ‎ ‎ ‎ Gyms in London
+ ‎‎ ‎ ‎ ‎ ‎ Gyms in Cardiff
+ ‎‎ ‎ ‎ ‎ ‎ Gyms in Glasgow
+ Fitness Classes +
Personal Trainers +
Gym Membership Deals & Offers + + +

+
\ No newline at end of file