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 @@ + + +
+ + + + 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
+
Popular features
+ Gyms Near Me
+ Gyms in London
+ Gyms in Cardiff
+ Gyms in Glasgow
+ Fitness Classes
+
Personal Trainers
+
Gym Membership Deals & Offers
+
+
+