From 8706455c7a699b3457b0da385f80273d28570300 Mon Sep 17 00:00:00 2001 From: Thomas Jensen Date: Wed, 8 May 2024 18:21:03 +0200 Subject: [PATCH 1/3] Completed exercise and extensions --- .zed/settings.json | 9 +++ about-us.html | 115 ++++++++++++++++++++++++++++++++++++++ carousel.css | 39 +++++++++++++ home.html | 103 ++++++++++++++++++++++++++++++++++ styles.css | 134 +++++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 400 insertions(+) create mode 100644 .zed/settings.json create mode 100644 about-us.html create mode 100644 carousel.css create mode 100644 home.html create mode 100644 styles.css diff --git a/.zed/settings.json b/.zed/settings.json new file mode 100644 index 0000000..b2461b2 --- /dev/null +++ b/.zed/settings.json @@ -0,0 +1,9 @@ +// Folder-specific settings +// +// For a full list of overridable settings, and general information on folder-specific settings, +// see the documentation: https://zed.dev/docs/configuring-zed#folder-specific-settings +{ + "features": { + "copilot": false + } +} diff --git a/about-us.html b/about-us.html new file mode 100644 index 0000000..92f256c --- /dev/null +++ b/about-us.html @@ -0,0 +1,115 @@ + + + + + + + Gymtastic + + + + +
+
+
+ +
+
+

About Us

+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Ipsa odit sapiente odio modi, saepe officiis mollitia + placeat tempora! Minima at, eaque natus alias omnis + eligendi iure quia reiciendis unde velit. Lorem ipsum + dolor sit amet consectetur adipisicing elit. Vel dolore + quia, quos molestiae aliquam pariatur laboriosam, + dolorum perspiciatis beatae blanditiis dignissimos. + Labore architecto aspernatur fugiat ullam a maiores + error obcaecati? Lorem, ipsum dolor sit amet consectetur + adipisicing elit. Recusandae reprehenderit laudantium, + labore facere culpa magnam! Alias aperiam molestias + officiis nulla dolores adipisci. Vitae dolores iure + accusantium odio, quam assumenda a? +

+
+
+
+

Our Gyms

+
+
+
+
+

London

+

📍 Westminster

+

Open 24 hours

+
+
+

Cardiff

+

📍 Splott

+

Open 24 hours

+
+
+

Glasgow

+

📍 Govanhill

+

Open 24 hours

+
+
+

London

+

📍 Camden

+

Open 24 hours

+
+
+

London

+

📍 Leicester Square

+

Open 24 hours

+
+
+
+
+
+
+
+

Popular Features

+

Gyms Near Me

+
+

Gyms in London

+

Gyms in Cardiff

+

Gyms in Glasgow

+
+

Fitness Classes

+

Personal Trainers

+

Gym Membership Deals & Offers

+
+
+ + + diff --git a/carousel.css b/carousel.css new file mode 100644 index 0000000..c61dc56 --- /dev/null +++ b/carousel.css @@ -0,0 +1,39 @@ +.carousel { + width: 100%; + height: 166px; + margin-bottom: 50px; +} + +.card-container { + width: 100%; + display: flex; + overflow-x: auto; + overflow-y: hidden; + scroll-snap-type: x mandatory; + gap: 8px; + width: 100%; + margin: 8px; + flex: 0 0 100%; +} + +.card-container::-webkit-scrollbar { + display: none; +} + +.card { + min-width: 250px; + height: 150px; + scroll-snap-align: start; + display: inline; + text-align: center; + justify-content: center; + align-items: center; + border: 1px solid #181818; + color: white; + border-radius: 8px; + background-color: #3779a4; +} + +.card:hover { + background: #6ba4c9; +} diff --git a/home.html b/home.html new file mode 100644 index 0000000..b15bcab --- /dev/null +++ b/home.html @@ -0,0 +1,103 @@ + + + + + + + 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

+
+ + + +
+
+
+

Member Stories

+
+

+ This is the best gym ever! +
+ - Alva Jordal +

+

+ I love training at Gymtastic! +
+ - Ezeikel Pemberton +

+

+ It's fantastic with Gymtastic! +
+ - Carlo Minciacchi +

+
+
+
+
+

Popular Features

+

Gyms Near Me

+
+

Gyms in London

+

Gyms in Cardiff

+

Gyms in Glasgow

+
+

Fitness Classes

+

Personal Trainers

+

Gym Membership Deals & Offers

+
+
+ + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..d568087 --- /dev/null +++ b/styles.css @@ -0,0 +1,134 @@ +html, +body { + width: 100%; + height: 100%; + margin: 0; + box-sizing: border-box; +} + +.navbar { + display: flex; + background-color: #3779a4; +} + +ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; +} + +li { + float: left; +} + +li a { + display: block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +li a:hover { + background-color: #6ba4c9; +} + +.content { + margin: 20px; +} + +#discount { + color: #3779a4; + font-weight: bold; + text-decoration: none; +} + +.membership-button { + background-color: white; + color: orange; + border-style: solid; + border-width: 2px; + border-color: orange; + border-radius: 15px; +} + +.social-media-button { + box-shadow: + 0 4px 8px 0 rgba(0, 0, 0, 0.2), + 0 6px 20px 0 rgba(0, 0, 0, 0.19); + font-size: 20px; + color: white; + font-weight: bold; + border-style: solid; + border-width: 1px; + border-radius: 15px; + margin-right: 10px; +} + +button { + padding-top: 15px; + padding-bottom: 15px; + padding-left: 25px; + padding-right: 25px; +} + +.testimonials { + width: 100%; + margin: 20px; + margin-top: 50px; + margin-bottom: 50px; +} + +.quote-container { + display: flex; + overflow-x: scroll; +} + +.quote { + max-height: 50px; + width: 150px; + background: #f0f0f0; + padding: 20px; + border-radius: 15px; + margin-right: 10px; +} + +footer { + background-color: #3779a4; + color: white; + line-height: 0.5; + padding: 20px; +} + +.footer-heading { + padding-bottom: 10px; + font-size: 18px; +} + +.footer-list { + margin-left: 20px; +} + +.footer-text { + font-weight: bold; +} + +h1 { + color: #3779a4; +} + +#page-container { + position: relative; + min-height: 100%; +} + +#content-wrap { + padding-bottom: 2.5rem; +} + +#footer { + position: absolute; + bottom: 0; + width: 100%; +} From 011166d5c4c6fd8fd52b245e1c2353ba0b51739a Mon Sep 17 00:00:00 2001 From: Thomas Jensen Date: Wed, 8 May 2024 18:21:40 +0200 Subject: [PATCH 2/3] Added gitignore --- .gitignore | 2 ++ 1 file changed, 2 insertions(+) create mode 100644 .gitignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..0b87d0f --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.DS_Store +.zed From 586d4f39ba9c91c6256b493b6c64965ab7ac6240 Mon Sep 17 00:00:00 2001 From: Thomas Jensen <49057994+th0jensen@users.noreply.github.com> Date: Wed, 8 May 2024 18:21:59 +0200 Subject: [PATCH 3/3] Delete .zed directory --- .zed/settings.json | 9 --------- 1 file changed, 9 deletions(-) delete mode 100644 .zed/settings.json diff --git a/.zed/settings.json b/.zed/settings.json deleted file mode 100644 index b2461b2..0000000 --- a/.zed/settings.json +++ /dev/null @@ -1,9 +0,0 @@ -// Folder-specific settings -// -// For a full list of overridable settings, and general information on folder-specific settings, -// see the documentation: https://zed.dev/docs/configuring-zed#folder-specific-settings -{ - "features": { - "copilot": false - } -}