From be17ab65fb1e3a6b9c70bf678a39d6487b03968a Mon Sep 17 00:00:00 2001 From: timsakande Date: Wed, 6 Mar 2024 23:18:20 +0000 Subject: [PATCH] main done --- .DS_Store | Bin 0 -> 6148 bytes index.html | 46 +++++++++++++++++++ style.css | 126 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 172 insertions(+) create mode 100644 .DS_Store create mode 100644 index.html create mode 100644 style.css diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..cd3a2cf86a516c8064df523e3cb54a7528c4c45a GIT binary patch literal 6148 zcmeHKOKQU~5S>X)F?8c)mbyZ2AcAuOU!aACP{;>bnzdIsSC7^=pN;Ew=WfCq7(Hn; zPeO0u@ra0SKVLT@ortt>L%G>7H`_O#*(xIngyW38d|Ze3^YL;%%(8zE823@$ + + + + + + + +
+ + +
+ 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 available.

+

Get your membership today and save a whopping 50%!

+ + +
+ + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..3fa9c46 --- /dev/null +++ b/style.css @@ -0,0 +1,126 @@ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + } + + + body { + font-family: 'Arial', sans-serif; + height: 80px; + background: #fff; + padding: 0px; + color: #333; + } + + + nav { + display: flex; + justify-content: left; + margin-bottom: 20px; + color: #f8f8f8; + font-weight: bold; + + } + + .logo { + color: white; + text-decoration: none; + font-size: 1.30em; + margin: 3px; + font-weight: bold; + + } + + .nav-items { + color: #fcfafa; + text-decoration: none; + padding: 1px 300px; + margin: 0; + position: relative; + top: -35px; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); + } + + + + + header { + font-size: 1.7em; + color: hwb(0 97% 3%); + margin-bottom: 1.0em; + background-color: rgb(90, 150, 200); + + + } + + + p { + margin-bottom: 1em; + } + + + .cta-button { + display: inline-block; + background-color: #faf8f4; + color: #f39005; + padding: 10px 20px; + margin: 20px 0; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 1em; + } + + .cta-button:hover { + background-color: #cc8400; + } + + + .social-media a { + display: inline-block; + width: 120px; + padding: 10px; + margin: 0 10px; + color: #fff; + border-radius: 5px; + font-size: 1em; + } + + .social-media a.instagram { + background: #c13584; + } + + .social-media a.facebook { + background: #3b5998; + } + + .social-media a.youtube { + background: #ff0000; + } + + + .footer a { + display: inline-block; + color: #333; + text-decoration: none; + padding: 5px; + margin: 5px 10px; + } + + .footer a:hover { + text-decoration: underline; + } + + .footer { + background-color: #f8f8f8; + padding: 20px; + margin-top: 20px; + } + + .logo { + color: white; + font-weight: bold; + } \ No newline at end of file