From 4f8c90693dfb9b9dc5811dcde4503db6ba5b92df Mon Sep 17 00:00:00 2001 From: Nozie6 Date: Wed, 6 Mar 2024 19:26:25 +0000 Subject: [PATCH] gymtastic core done --- index.html | 53 ++++++++++++++++++++++++ style.css | 117 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 170 insertions(+) create mode 100644 index.html create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..2ad498f --- /dev/null +++ b/index.html @@ -0,0 +1,53 @@ + + + + + + + + + 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 todat and save a whopping 50%!

+ get membership +

Follow us on

+ + +
+ + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..e766ac7 --- /dev/null +++ b/style.css @@ -0,0 +1,117 @@ +nav, footer { + background-color: rgb(7, 117, 157); +} +nav, footer, ul.links li { + color: white; +} +ul { + list-style: none; +} +nav li { + display: inline-block; + font-size: 20px; + padding-right: 35px; + margin-left: 20px; +} + +div.main, div.review { + margin-left: 30px; +} + +h1 { + color: rgb(18, 133, 174); + font-family: Arial, Helvetica, sans-serif; +} +p { + font-family: Arial, Helvetica, sans-serif; +} +p span { + color: rgb(23, 91, 163); + font-weight: bold; +} +div.main a.membership { + color: rgb(237, 159, 14); + text-transform: uppercase; + padding-left: 25px; + padding-right: 25px; + padding-top: 15px; + padding-bottom: 15px; + border: 3px solid orange; + border-radius: 15px; + margin-top: 10px; + margin-bottom: 5px; + display: inline-block; + font-weight: bolder; +} + +footer { + padding-top: 10px; + padding-bottom: 15px; + margin-left: 0px; + padding-left: 20px; + margin-top: 20px ; + +} +ul.links, ul { + padding-inline-start: 0px; +} + +ul.links li { + + display: inline-block; + font-size: 20px; + padding-top: 15px; + padding-bottom: 15px; + padding-left: 30px; + padding-right: 30px; + margin-right: 19px; + border-radius: 15px; + font-weight: bold; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; +} + li.instagram { + background-color: rgb(160, 12, 252); + box-shadow: rgb(128, 6, 204) 1px 1px 1px 1px; + } + li.facebook { + background-color: rgb(95, 122, 245); + box-shadow:rgb(52, 88, 248) 1px 1px 1px 1px; + } + li.youtube { + background-color: rgb(240, 62, 62); + box-shadow: rgb(247, 6, 6) 1px 1px 1px 1px; + } + div.review { + list-style: none; + + } + + .clearfix::after { + content: ""; + clear: both; + display: table; + } +ul.locations { + margin-block-start: 0px; + margin-block-end: 0px; + font-weight: bold; +} +ul.info, ul.location, ul.more-info { + margin-top: 0px; + margin-bottom: 0px; +} + + body, footer { + margin: 0px; + } + li.popular-features { + font-size: 19px; + } + li.near-me, li.more-info { + padding-top: 10px; + font-weight: bold; + font-size: 17px; + } + ul.location { + margin-left: 20px; + } \ No newline at end of file