From a70f62e7d5e744ed85c0e0cc94a1c779b193b84f Mon Sep 17 00:00:00 2001 From: Akintayo Durotoye Date: Mon, 13 May 2024 09:00:37 +0100 Subject: [PATCH] gymstatic completed! --- index.html | 59 +++++++++++++++++++++++++++++++ style.css | 101 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 160 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..18a236a --- /dev/null +++ b/index.html @@ -0,0 +1,59 @@ + + + + + + + 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 today and save a whopping 50%! +

+
+ + +

Follow us on

+
+ + + +
+
+ + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..0b07598 --- /dev/null +++ b/style.css @@ -0,0 +1,101 @@ +body { + margin: 0; + padding: 0; + color: rgb(44, 43, 43); + font-family: sans-serif; +} + +.navbar ul { + list-style-type: none; +} +.navbar a { + color: white; + text-decoration: none; + padding: 20px; +} + +.navbar a:hover { + background-color: rgb(89, 149, 228); + color: black; +} +/* HEADER */ +header { + position: relative; +} +.navbar { + background-color: rgb(91, 91, 236); + height: 70px; + width: 100%; + margin: 0 auto; + padding: 0; + display: flex; + align-items: center; + justify-content: space-around; +} +.navbar .logo { + font-size: 24px; + font-weight: bold; + /* float: left; */ +} +.navbar .links { + display: flex; + gap: 20px; +} +main { + padding: 20px; + margin-right: 20px; +} +h1 { + color: rgb(13, 110, 236); +} +span { + color: blue; + font-size: bold; +} +.get-btn { + padding: 10px 20px; + border-radius: 8px; + margin: 0 5px; + color: orangered; + border: 2px solid orangered; +} +.btn { + color: white; + font-size: medium; + background-color: blueviolet; + border: none; + padding: 10px 32px; + margin-left: 10px; + border-radius: 8px; + box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); +} +.insta-btn:hover { + background-color: rgb(175, 119, 231); + color: black; +} +.fb-btn { + background-color: rgb(91, 91, 236); +} +.fb-btn:hover { + background-color: blue; + color: black; +} +.yt-btn { + background-color: rgb(230, 32, 32); +} +.yt-btn:hover { + background-color: rgb(126, 21, 21); + color: black; +} +footer { + background-color: rgb(91, 91, 236); + padding: 20px; + color: white; +} +footer ul li { + list-style: none; +} +a { + text-decoration: none; + color: white; +}