From fdc16d86444364210ddaaeacd693a4ab291a3a3d Mon Sep 17 00:00:00 2001 From: Kyle Vann Date: Tue, 5 Mar 2024 16:50:34 +0000 Subject: [PATCH 1/3] Kyle Vann --- index.html | 50 ++++++++++++++++++++++ style.css | 123 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 173 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..cb04e70 --- /dev/null +++ b/index.html @@ -0,0 +1,50 @@ + + + + + + + + + HTML Gymnastics + + + +
+ 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%!

+GET MEMBERSHIP +
+

Follow us on

+ Instagram + Facebook + Youtube + +
+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..1a9da7e --- /dev/null +++ b/style.css @@ -0,0 +1,123 @@ +header { + display: flex; + background-color: #357BA6; + justify-content: center; + align-items: center; +} + +header span { + color: #fff; + font-size: 30px; + font-weight: 600; + padding: 15px; +} + +h1 { + color: #357BA6; +} + +h4 { + color: #FFFFFF; + font-weight: 400; + font-size: 20px; + display: block; + +} + +body { + padding: 0; + margin: 0; + font-family: "Roboto", sans-serif; +} + +nav { + flex-grow: 1; +} + +nav a { + padding: 15px; + color: #fff; + +} + +main { +padding: 20px; +} + +.discount-link { + color: #357BA6; + font-weight: 800; + + } + + +.main-button { + display: inline-block; + padding: 18px 50px; + color: #fff; + text-decoration: none; + border-radius: 15px; + outline: 0.5px solid #1F1F1F; + transition: background-color 0.3s ease; + box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2); + margin: 10px; + +} +.solid-button { + font-weight: 800; +} + +.orange-button { + background-color: #FFFFFF; + box-shadow: none; + color: #E78435; + outline: 3px solid #E78435; + margin-bottom: 20px; +} +.orange-button:hover { + background-color: #E79F65; +} + +.purple-button { + background-color: #874CF4; +} +.purple-button:hover { + background-color: #AD87F5; +} + +.blue-button { + background-color: #3677EA; +} +.blue-button:hover { + background-color: #81A7EB; +} + +.red-button { + background-color: #E93223; +} +.red-button:hover { + background-color: #E98981; +} + +ul { + list-style-type: none; + margin: 0; + padding: 0; + display: block; + font-weight: 600; + } +ul li ul { + margin-left: 20px; + font-weight: 400; +} +.footer { + background-color: #357BA6; + padding: 25px; + width: 100%; + height: auto; + color: #FFFFFF; + padding-top: 5px; +} + + + From db688df6f82641ca26bebfd0046e780e03594a1f Mon Sep 17 00:00:00 2001 From: Kyle Vann Date: Tue, 5 Mar 2024 16:56:12 +0000 Subject: [PATCH 2/3] Kyle Vann --- style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/style.css b/style.css index 1a9da7e..f852fc6 100644 --- a/style.css +++ b/style.css @@ -117,6 +117,7 @@ ul li ul { height: auto; color: #FFFFFF; padding-top: 5px; + padding-bottom: 90px; } From 6d03b287ce01f222e96b96bbe6b4c79a4e7a0297 Mon Sep 17 00:00:00 2001 From: Kyle Vann Date: Tue, 5 Mar 2024 17:10:05 +0000 Subject: [PATCH 3/3] Extension 1 --- index.html | 15 +++++++++++++++ style.css | 19 +++++++++++++++++++ 2 files changed, 34 insertions(+) diff --git a/index.html b/index.html index cb04e70..b1fafe1 100644 --- a/index.html +++ b/index.html @@ -30,6 +30,21 @@

Follow us on

Facebook Youtube +
+
+
+ "Joining this Gym was the best decision I ever made." +
+

Kyle Vann

+
+ +
+
+ "It ain’t about how hard you hit. It’s about how hard you can get hit and keep moving forward; how much you can take and keep moving forward. That’s how winning is done!" +
+

Rocky Balboa

+
+