From b5dfabb0f036d94ae42fcc67bd145433941a877a Mon Sep 17 00:00:00 2001 From: Periklis Date: Tue, 5 Mar 2024 17:37:25 +0200 Subject: [PATCH 1/3] Done main and first extension --- index.html | 73 ++++++++++++++++++++++++++ style.css | 150 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 223 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..8eb1ae9 --- /dev/null +++ b/index.html @@ -0,0 +1,73 @@ + + + + + + + + Gymnastic + + +
+

Gymnastic

+

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%!

+
+ +
+

Follow us on

+ + + +
+ +
+

They said about us:

+
Person 1:

"Lorem ipsum dolor sit amet consectetur adipisicing elit."

+
Person 2:

"Expedita ipsam laboriosam nostrum modi delectus, rerum voluptatibus ad maiores ipsa fugit sit eius, harum voluptate"

+
Person 3:

"Harum voluptate facilis odit autem facere non molestiae"

+ +
+ + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..43b6f6d --- /dev/null +++ b/style.css @@ -0,0 +1,150 @@ +* { + /* background-color: grey; */ + font-family: sans-serif; + /* background-color: white; */ + margin: 0; +} + +header { + background-color: #357ba6; + padding-top: 30px; + padding-bottom: 35px; + padding-left: 25px; + /* margin: 0; */ +} + +.logo { + display: inline; + color: white; + background-color: #357ba6; + font-weight: bolder; + /* padding-left: 5px; */ + padding-right: 35px; + padding-bottom: 3px; +} + +header h2 { + display: inline; + color: white; + font-weight: bold; + + background-color: #357ba6; + padding-right: 30px; +} + +body h1 { + color: #367497; + font-size: 45px; + font-weight: bolder; + padding: 50px; +} + +.why { + padding-left: 50px; + padding-bottom: 20px; + font-size: 30px; +} + +.promo { + padding-left: 50px; + padding-bottom: 20px; + font-size: 30px; +} + +.promo span { + font-weight: bold; + color: #4c8bb1; +} + +.enroll { + margin-top: 20px; + margin-left: 50px; + margin-bottom: 50px; + padding: 20px 50px; + border: 3px solid #e87e2c; + border-radius: 20px; + font-size: 25px; + font-weight: 195; + color: #e87e2c; + background-color: white; +} + +.social p { + margin-left: 50px; + color: #367497; + font-size: 45px; + font-weight: bolder; +} + +.social button { + margin-top: 20px; + margin-left: 50px; + margin-bottom: 50px; + padding: 20px 70px; + border: 1px solid black; + border-radius: 20px; + font-size: 35px; + font-weight: bold; + background-color: #874bf4; + color: white; + box-shadow: 5px 5px 10px lightgray; +} +.social .youtube { + background-color: #ea3223; +} + +.testimonials div { + display: inline-block; + background-color: #828b88; + color: white; + /* margin: 20px 30px; */ + margin-top: 40px; + margin-bottom: 40px; + margin-right: 20px; + margin-left: 15px; + padding: 50px; + font-size: 18px; + font-style: italic; + text-align: center; + line-height: 30px; +} + + + +.bottom { + /* display: */ + background-color: #357ba6; + padding-top: 35px; + padding-left: 50px; + padding-bottom: 150px; +} + +.bottom h2 { + padding-bottom: 20px; + color: white; + font-weight: lighter; + font-size: 25px; +} + +.bottom h3 { + /* padding-bottom: 20px; */ + color: white; + font-weight: bold; + font-size: 25px; +} + +.locations a { + /* display: block */ + text-decoration: none; + margin-left: 30px; + color: white; + font-size: 25px; +} + +.features a { + /* margin-left: 30px; */ + text-decoration: none; + color: white; + font-size: 25px; + font-weight: bold; +} \ No newline at end of file From d3b7975e10acdc307767fd0c9bd75498b6f221a5 Mon Sep 17 00:00:00 2001 From: Periklis Date: Tue, 5 Mar 2024 18:59:45 +0200 Subject: [PATCH 2/3] Core corrected. Extensions done --- about.html | 89 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 19 +++++++----- style.css | 57 +++++++++++++++++++++++++--------- 3 files changed, 143 insertions(+), 22 deletions(-) create mode 100644 about.html diff --git a/about.html b/about.html new file mode 100644 index 0000000..5bd39bf --- /dev/null +++ b/about.html @@ -0,0 +1,89 @@ + + + + + + + + Gymnastic + + +
+

Gymnastic

+ +

Home

+ +

About Us

+

Contact Us

+
+ + +

About Us

+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quibusdam totam quod rem. Quisquam error + iusto molestiae nostrum, velit reiciendis tenetur sapiente nobis cupiditate possimus natus fugiat at sequi, + explicabo incidunt?

+ + +
+

Our Locations:

+
+
Glasgow:
+

Lorem ipsum dolor sit amet


+

consectetur adipisicing elit.


+

Lorem ipsum dolor sit amet consectetur.

+
+
+
Cardiff:
+

Lorem ipsum dolor sit amet


+

consectetur adipisicing elit.


+

Lorem ipsum dolor sit amet consectetur.

+
+
+
London:
+

Lorem ipsum dolor sit amet


+

consectetur adipisicing elit.


+

Lorem ipsum dolor sit amet consectetur.

+
+ +
+ + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index 8eb1ae9..264c0b4 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@

Gymnastic

Home

-

About Us

+

About Us

Contact Us

@@ -27,15 +27,18 @@

Fitness for life!

They said about us:

-
Person 1:

"Lorem ipsum dolor sit amet consectetur adipisicing elit."

-
Person 2:

"Expedita ipsam laboriosam nostrum modi delectus, rerum voluptatibus ad maiores ipsa fugit sit eius, harum voluptate"

-
Person 3:

"Harum voluptate facilis odit autem facere non molestiae"

+
Person 1:

"Expedita ipsam laboriosam nostrum modi delectus,
+ rerum voluptatibus ad maiores ipsa fugit sit eius, harum voluptate"

+
Person 2:

"Expedita ipsam laboriosam nostrum modi delectus,
+ rerum voluptatibus ad maiores ipsa fugit sit eius, harum voluptate"

+
Person 3:

"Expedita ipsam laboriosam nostrum modi delectus,
+ rerum voluptatibus ad maiores ipsa fugit sit eius, harum voluptate"

@@ -50,10 +53,10 @@

Gyms Near Me

Gyms in London

- Gyms in London + Gyms in Cardiff

- Gyms in London + Gyms in Glasgow

diff --git a/style.css b/style.css index 43b6f6d..8211e0a 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,5 @@ * { - /* background-color: grey; */ - font-family: sans-serif; - /* background-color: white; */ + font-family: sans-serif; margin: 0; } @@ -9,7 +7,7 @@ header { background-color: #357ba6; padding-top: 30px; padding-bottom: 35px; - padding-left: 25px; + /* padding-left: 5px; */ /* margin: 0; */ } @@ -39,9 +37,10 @@ body h1 { padding: 50px; } -.why { +.why, +.who { padding-left: 50px; - padding-bottom: 20px; + padding-bottom: 40px; font-size: 30px; } @@ -61,10 +60,10 @@ body h1 { margin-left: 50px; margin-bottom: 50px; padding: 20px 50px; - border: 3px solid #e87e2c; + border: 4px solid #e87e2c; border-radius: 20px; font-size: 25px; - font-weight: 195; + font-weight: 500; color: #e87e2c; background-color: white; } @@ -89,24 +88,54 @@ body h1 { color: white; box-shadow: 5px 5px 10px lightgray; } -.social .youtube { + +.social button:nth-of-type(2) { + background-color: #3778e8; +} + +.social button:nth-of-type(3) { background-color: #ea3223; } + .testimonials div { display: inline-block; background-color: #828b88; color: white; - /* margin: 20px 30px; */ - margin-top: 40px; - margin-bottom: 40px; + margin: 40px 25px 40px 15px; + /* margin-bottom: 40px; margin-right: 20px; - margin-left: 15px; + margin-left: 15px; */ padding: 50px; font-size: 18px; font-style: italic; text-align: center; - line-height: 30px; + line-height: 30px; +} + +.testimonials section { + font-style: normal; +} + + +.gym-locations div { + display: inline-block; + background-color: #a9aead; + color: white; + margin-top: 20px; + margin-bottom: 80px; + margin-right: 20px; + margin-left: 25px; + padding: 30px; + font-size: 18px; + text-align: center; + line-height: 15px; +} + +.gym-locations section { + font-size: 26px; + font-weight: bold; + margin-bottom: 25px; } From aede9b6db0e997c327c911b46b092c71e2a9d629 Mon Sep 17 00:00:00 2001 From: Periklis Date: Tue, 5 Mar 2024 20:07:05 +0200 Subject: [PATCH 3/3] Final --- about.html | 6 +++--- index.html | 6 +++--- style.css | 4 ++++ 3 files changed, 10 insertions(+), 6 deletions(-) diff --git a/about.html b/about.html index 5bd39bf..866d31a 100644 --- a/about.html +++ b/about.html @@ -50,9 +50,9 @@

Our Locations:

diff --git a/index.html b/index.html index 264c0b4..4cc9569 100644 --- a/index.html +++ b/index.html @@ -26,9 +26,9 @@

Fitness for life!

diff --git a/style.css b/style.css index 8211e0a..5bf93d9 100644 --- a/style.css +++ b/style.css @@ -97,6 +97,10 @@ body h1 { background-color: #ea3223; } +.social a { + text-decoration: none; + color: white; +} .testimonials div { display: inline-block;