From c28ac3b71705d144b6b8fededcf900d0570118cc Mon Sep 17 00:00:00 2001 From: davidnunezbeigar Date: Thu, 16 May 2024 19:42:21 +0200 Subject: [PATCH 1/3] solved --- css/style.css | 142 ++++++++++++++++++++++++++++++++++ index.html | 209 +++++++++++++++++++++++++++++++++++++++++++++++--- 2 files changed, 340 insertions(+), 11 deletions(-) diff --git a/css/style.css b/css/style.css index e69de29..c9c8cd3 100644 --- a/css/style.css +++ b/css/style.css @@ -0,0 +1,142 @@ +html, +body { + margin: 0; + padding: 0; +} + +body { + font-family: "Roboto", sans-serif; + font-size: 10px; + line-height: 3.5em; + font-weight: 300; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Roboto Condensed"; +} + +h1 { + font-size: 9em; + text-align: center; + text-transform: uppercase; +} + +h2 { + font-size: 5em; + text-align: center; + text-transform: uppercase; + line-height: 4em; +} + +h3 { + font-size: 4.2em; + text-align: center; + line-height: 1em; +} + +h4 { + font-size: 1.5em; + letter-spacing: 0.4px; + line-height: 1em; +} + +h5 { + font-size: 1.2em; + line-height: 1em; +} + +.nav-bar { + background-color: rgb(25, 33, 41); +} + +.nav-bar a { + color: white; + text-decoration: none; + font-size: 2em; +} + +.header { + background: url(https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironhack-skydive-background.jpg); + background-position: 0 0; + background-repeat: no-repeat; + background-size: cover; + height: 650px; +} + +.header h2 { + color: white; + text-shadow: #020819 8px -20px 9px; +} + +.quote { + font-size: 2.5em; +} + +.dark-background { + background-color: rgb(25, 33, 41); + color: white; +} + +.text { + font-size: 2em; + font-weight: 100; + text-align: center; +} + +.link-btn { + background-color: rgb(67, 163, 230); + color: white; + font-family: 'Roboto Condensed', sans-serif; + font-size: 2em; + letter-spacing: 0.5px; + text-align: center; + text-decoration: none; +} + +.service-box { + font-size: 1.7em; + text-align: center; +} + +.service-box img { + width: 125px; +} + +#team .section-text { + font-size: 1.9em; + text-align: center; +} + +#team .member-name { + font-size: 1.5em; + font-weight: 700; +} + +#team img { + width: 250px; + height: 180px; +} + +.footer { + text-align: center; + font-size: 1.9em; +} + +.address { + font-style: normal; + font-size: 0.8em; +} + +.footer a { + color: rgb(67, 163, 230); + text-decoration: none; +} + +.footer ul { + list-style: none; +} \ No newline at end of file diff --git a/index.html b/index.html index b8b04c7..0297151 100644 --- a/index.html +++ b/index.html @@ -1,14 +1,201 @@ - - - - - Ironskydive - - - - - - + + + + + + Document + + + +
+

+ IronSkydive Logo + IronSkydive +

+

Let the trip begin

+ +
+
+
+

Hello!

+

+ Welcome to IronSkydive, the best adventure you will ever + have. +

+ Learn More +
+
+

About us

+

+ We like a lot programming websites, but we also love to + practice sport. +

+ Watch Video +
+
+

Wanna join?

+

+ Join our fitness program to be in good shape while learning. +

+ Register +
+
+
+

How do we structure the day?

+
+
+ Books icon +

1. Training

+

+ We teach all the necessary things to jump from the plane + without any kind of problem. +

+
+
+ User icon +

2. Get ready

+

+ You are already prepared, you just need the suit and a + parachute. All sizes available. +

+
+
+ Plane icon +

3. Fly

+

+ You are ready, and the plane is waiting for us in the + hangar. Let's fly! +

+
+
+ Parachute icon +

4. Jump!

+

+ You have done the most complicated. Just one step + left...jump! +

+
+
+
+
+

Team

+

+ Our team collectively has 75 years of experience. Odds are, when + you jump out of the plane whith these professionals, you won't + go splat. +

+
+
+
+

Harold Rothstein

+ Harold Rothstein photo +
+
+

Susan Phillips

+ Susan Phillips photo +
+
+

Taylor Roberts

+ Taylor Roberts photo +
+
+
+
+

Schedule

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
TimeMondayTuesdayWednesdayThursdayFridaySaturday
9:00 - 11:00XXX
9:00 - 11:00XX
9:00 - 11:00XXX
+

Schedule a Time Slot

+
+ + \ No newline at end of file From 5be04603626d7be9c5898631ab83716ec07aca19 Mon Sep 17 00:00:00 2001 From: davidnunezbeigar Date: Thu, 16 May 2024 19:50:21 +0200 Subject: [PATCH 2/3] re-solved --- css/style.css | 33 ++--- index.html | 338 ++++++++++++++++++++++---------------------------- 2 files changed, 166 insertions(+), 205 deletions(-) diff --git a/css/style.css b/css/style.css index c9c8cd3..8793726 100644 --- a/css/style.css +++ b/css/style.css @@ -1,15 +1,15 @@ +@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700|Roboto:100,300,700'); + html, body { - margin: 0; - padding: 0; + margin: 0; + padding: 0; + font-family: 'Roboto'; + font-size: 10px; + line-height: 3.5rem; + font-weight: 300; } -body { - font-family: "Roboto", sans-serif; - font-size: 10px; - line-height: 3.5em; - font-weight: 300; -} h1, h2, @@ -17,7 +17,7 @@ h3, h4, h5, h6 { - font-family: "Roboto Condensed"; + font-family: 'Roboto Condensed'; } h1 { @@ -50,6 +50,7 @@ h5 { line-height: 1em; } + .nav-bar { background-color: rgb(25, 33, 41); } @@ -61,9 +62,9 @@ h5 { } .header { - background: url(https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironhack-skydive-background.jpg); + background-image: url('https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironhack-skydive-background.jpg'); background-position: 0 0; - background-repeat: no-repeat; + background-repeat: none; background-size: cover; height: 650px; } @@ -77,12 +78,13 @@ h5 { font-size: 2.5em; } + .dark-background { background-color: rgb(25, 33, 41); color: white; } -.text { +#general-information p { font-size: 2em; font-weight: 100; text-align: center; @@ -91,7 +93,7 @@ h5 { .link-btn { background-color: rgb(67, 163, 230); color: white; - font-family: 'Roboto Condensed', sans-serif; + font-family: 'Roboto Condensed'; font-size: 2em; letter-spacing: 0.5px; text-align: center; @@ -107,6 +109,7 @@ h5 { width: 125px; } + #team .section-text { font-size: 1.9em; text-align: center; @@ -122,6 +125,7 @@ h5 { height: 180px; } + .footer { text-align: center; font-size: 1.9em; @@ -139,4 +143,5 @@ h5 { .footer ul { list-style: none; -} \ No newline at end of file + padding: 0; +} diff --git a/index.html b/index.html index 0297151..a0df0b4 100644 --- a/index.html +++ b/index.html @@ -1,201 +1,157 @@ - - - - - - Document - - - -
-

- IronSkydive Logo - IronSkydive -

-

Let the trip begin

- -
-
+ + + + + + Document + + + + +
+

IronSkydive logoIronSkydive

+

Let the trip begin

+ +
+ +
+
+

Hello!

+

Welcome to IronSkydive, the best adventure you will ever have

+ Learn More +
+
+

About Us

+

We like a lot programming websites, but we also love to practice sport.

+ Watch Video +
+
+

Wanna join?

+

Join our fitness program to be in good shape while learning

+ Register +
+
+ +
+

How do we structure the day?

+
+ Training +

Training

+

We teach all the necessary things to jump from the plane without any kind of problem.

+
+
+ Get ready +

Get ready

+

You are already prepared, you just need the suit and a parachute. All sizes available.

+
+
+ Fly +

Fly

+

You are ready, and the plane is waiting for us in the angar. Let's fly.

+
+
+ Jump +

Jump!

+

You have done the most complicated. Just one step left... jump!

+
+
+ +
+

Team

+

Our team collectivelly have 75 years of experience. Odds are when you jump out of the plane with these professionals, you won't go splat.

+
+
-

Hello!

-

- Welcome to IronSkydive, the best adventure you will ever - have. -

- Learn More +

Harold Rothstein

+ Harold Rothstein
-

About us

-

- We like a lot programming websites, but we also love to - practice sport. -

- Watch Video +

Susan Phillips

+ Susan Phillips
-

Wanna join?

-

- Join our fitness program to be in good shape while learning. -

- Register +

Taylor Roberts

+ Taylor Roberts
+
+
+ +
+

Schedule

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
TimeMondayTuesdayWednesdayThursdayFridaySaturday
9:00 - 11:00XXX
12:00 - 14:00XX
15:00 - 17:00XXXX
+

Schedule a Time Slot

+
+ +
+
+
Contact Information
+
IronSkydive
33 Rue la Fayette,
75009 Paris,
France
+33 (0) 619 193 088
+
Follow Us
+
-
-

How do we structure the day?

-
-
- Books icon -

1. Training

-

- We teach all the necessary things to jump from the plane - without any kind of problem. -

-
-
- User icon -

2. Get ready

-

- You are already prepared, you just need the suit and a - parachute. All sizes available. -

-
-
- Plane icon -

3. Fly

-

- You are ready, and the plane is waiting for us in the - hangar. Let's fly! -

-
-
- Parachute icon -

4. Jump!

-

- You have done the most complicated. Just one step - left...jump! -

-
-
-
-
-

Team

-

- Our team collectively has 75 years of experience. Odds are, when - you jump out of the plane whith these professionals, you won't - go splat. -

-
-
-
-

Harold Rothstein

- Harold Rothstein photo -
-
-

Susan Phillips

- Susan Phillips photo -
-
-

Taylor Roberts

- Taylor Roberts photo -
-
-
-
-

Schedule

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
TimeMondayTuesdayWednesdayThursdayFridaySaturday
9:00 - 11:00XXX
9:00 - 11:00XX
9:00 - 11:00XXX
-

Schedule a Time Slot

-
-
-
-
Contact Information
-
- IronSkydive
33 Rue la Fayette,
75009 Paris,
- France
+33 (0) 619 193 088 -
-
Follow Us
- -
-
- +
+ + \ No newline at end of file From e8e3b7bb0c302eabda60f95adde5cee1d193578c Mon Sep 17 00:00:00 2001 From: davidnunezbeigar Date: Thu, 16 May 2024 20:00:02 +0200 Subject: [PATCH 3/3] reresolved --- css/style.css | 2 +- index.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index 8793726..914d3b3 100644 --- a/css/style.css +++ b/css/style.css @@ -64,7 +64,7 @@ h5 { .header { background-image: url('https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironhack-skydive-background.jpg'); background-position: 0 0; - background-repeat: none; + background-repeat: no-repeat; background-size: cover; height: 650px; } diff --git a/index.html b/index.html index a0df0b4..0b5ae2a 100644 --- a/index.html +++ b/index.html @@ -134,7 +134,7 @@

Schedule

Schedule a Time Slot

-