diff --git a/css/style.css b/css/style.css index e69de29..6382417 100644 --- a/css/style.css +++ b/css/style.css @@ -0,0 +1,129 @@ +@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700|Roboto:100,300,700'); + +html, +body { + margin: 0; + padding: 0; + font: 10px 'Roboto', sans-serif; + line-height: 3.53em; + font-weight: 300; +} +/* CSS multiselector example */ + +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 { + /* styles to be added here */ + color: white; + text-decoration: none; + font-size: 2em; + } + +.header { + height: 650px; + background-image: url("https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironhack-skydive-background.jpg"); + position: 0 0; + background-repeat: no-repeat; + size: cover; + } + +h2 { + color: white; + text-shadow: #020819 8px -20px 9px; +} + +.quote { + font-size: 2em; + margin: 0 100; +} + +/*class selector*/ +.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'; + 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 { + font-size: 1.7em; + text-align: center; + } + + #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 address { + font-style: normal; + font-size: 0.8em; + } + + footer a { + color: rgb(67, 163, 230); + text-decoration: none; + } + +footer ul { + list-style: none; + } + diff --git a/index.html b/index.html index b8b04c7..ff85b67 100644 --- a/index.html +++ b/index.html @@ -5,10 +5,155 @@ Ironskydive + - - + + +
+

+ Ironskydive logo + IronSkydive +

+

Let the trip begin

+ +

Ariel Quinones & Gonzalo Manrique, Ironhack Founders

+
+ +
+
+

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 practise sport.

+ Watch video +
+
+

Wanna join?

+

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

+ Register +
+
+ +
+

+ How do we structure the day? +

+
+
+ training image +

Training

+

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

+
+
+ Get ready image +

Get Ready

+

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

+
+
+ Fly image +

Fly

+

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

+
+
+ jump image +

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 with these professionals, + you won't go splat.

+
+
+
+

Harold Rothstein

+ Harold Rothstein portrait +
+
+

Susan Phillips

+ Susan Phillips portrait +
+
+

Taylor Roberts

+ Taylor Roberts portrait +
+
+ +
+ +
+

Schedule

+

Schedule a time slot

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
TimeMondayTuesdayWednesdayThursdayFridaySaturday
9.00-11.00xxx
12.00-14.00xx
15.00-17.00xxxx
+
+ + \ No newline at end of file