diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6b665aa --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} diff --git a/css/style.css b/css/style.css index e69de29..8e8fd9f 100644 --- a/css/style.css +++ b/css/style.css @@ -0,0 +1,160 @@ +@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:700|Roboto:100,300,700"); + +/* General Settings */ +html, +body { + margin: 0; + padding: 0; +} + +/* Body Font Settings */ +body { + font-family: "Roboto", sans-serif; + font-size: 10px; + line-height: 3.5em; + font-weight: 300; +} + +/* Header Font Settings */ +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Roboto Condensed", sans-serif; +} + +/* Header Text Properties */ +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; +} + +/* Colors */ +:root { + --blue: rgb(67, 163, 230); + --dark-blue: rgb(25, 33, 41); + --text-color: rgb(0, 0, 0); +} + +/* Navigation Bar */ +.nav-bar { + background-color: var(--dark-blue); +} + +.nav-bar a { + color: white; + text-decoration: none; + font-size: 2em; +} + +/* Header */ +.header { + background: url("https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironhack-skydive-background.jpg") + 0 0 no-repeat; + background-size: cover; + height: 650px; +} + +.header h2 { + color: white; + text-shadow: #020819 8px -20px 9px; +} + +.quote { + font-size: 2.5em; +} + +/* Sections */ +.dark-background { + background-color: var(--dark-blue); + color: white; +} + +.text { + font-size: 2em; + font-weight: 100; + text-align: center; +} + +.link-btn { + background-color: var(--blue); + color: white; + font-family: "Roboto Condensed", sans-serif; + font-size: 2em; + letter-spacing: 0.5px; + text-align: center; + text-decoration: none; +} + +/* Section 2 */ +.service-box { + font-size: 1.7em; + text-align: center; +} + +.service-box img { + width: 125px; +} + +/* Section 3 */ +#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 */ +.footer { + text-align: center; + font-size: 1.9em; +} + +.address { + font-style: normal; + font-size: 0.8em; +} + +.footer a { + color: var(--blue); + text-decoration: none; +} + +.footer ul { + list-style: none; +} diff --git a/index.html b/index.html index b8b04c7..7dfb8f4 100644 --- a/index.html +++ b/index.html @@ -1,14 +1,168 @@ + - Ironskydive + + IronSkydive + - - - + + +
+

IronSkydive LogoIronSkydive

+

Let the trip begin

+ +
+ +
+
+

Hello!

+

Welcome to IronSkydiving, the best adventure you will ever have

+ Learn More +
+
+

About us

+

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

+ Watch Video +
+
+

Wanna join?

+

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

+ Register +
+
+ +
+

How do we structure the day?

+
+
+

1. Training

+ Training +

We teach you everything you need to know to jump from a plane

+
+
+

2. Get ready

+ Get Ready +

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

+
+
+

3. Fly

+ Fly +

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

+
+
+

4. Jump

+ Jump +

The complicated part is out of the way. Just one step left. Jump!

+
+
+
+ +
+

Team

+

Our team collectively has 76 years of experience. Odds are, when you jump out of the + plane with these guys (and girls), you won't go splat!

+
+
+
+

Harold Rothstein

+ Harold Rothstein +
+
+

Susan Phillips

+ Susan Phillips +
+
+

Taylor Roberts

+ Taylor Roberts +
+
+
+ +
+

Schedule

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

Schedule a Time Slot

+
+ + + \ No newline at end of file