diff --git a/index.html b/index.html index a2d9c01ab..641039a60 100644 --- a/index.html +++ b/index.html @@ -1,9 +1,196 @@ -NPM Clone Nifty Penguin Magic npm Enterprise Products Solutions Resources Docs Support Search Join Log In Build amazing -things Essential JavaScript development tools that help you go to market faster and build powerful applications using -modern open source code. See plans Join for free Bring the best of open source to your company npm is the tool used by -over 11,000,000 JavaScript developers around the world. Your developers already use it. Your company depends on it. -Create an Org and get more out of the tools your team already knows and loves. Zero configuration Create an org, add -your team, and start collaborating. Nothing to configure, set up, or manage. Team management Control who has access to -what modules within your team namespace using straightforward team management capabilities. Familiar features npm Orgs -has 100% parity with all the public npm registry features your developers already use. npm audit Enjoy the security -auditing features built into the npm client, a zero-friction way to make open source software safer. Create an Org + + + Time to Practice + + + +
+

+ 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?

+
+
+

1. Training

+

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

+ training +
+
+

2. Get ready

+

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

+ get-ready +
+
+

3. Fly

+

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

+ fly +
+
+

4. Jump!

+

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

+ 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 +
+
+

Susan Phillips

+ Susan Phillips +
+
+

Taylor Roberts

+ Taylor Roberts +
+
+
+
+

Schedule

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

Schedule a Time Slot

+
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 000000000..0ba110f63 --- /dev/null +++ b/style.css @@ -0,0 +1,324 @@ +@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700|Roboto:100,300,700'); + +html, body { + margin: 0; + padding: 0; +} + +body { + font-family: 'Roboto', sans-serif; + font-size: 10px; + font-weight: 300; + line-height: 3.5em; +} + +* { + box-sizing: border-box; +} + +a { + color: inherit; + text-decoration: none; +} + +ul { + list-style-type: none; + padding: 0; +} + +/* CSS multiselector example */ + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: 'Roboto Condensed'; +} + +h1 { + font-size: 9em; + text-align: center; + text-transform: uppercase; + + margin: 0; +} + +h2 { + font-size: 5em; + text-align: center; + text-transform: uppercase; + + margin: 0; +} + +h3 { + font-size: 4.2em; + text-align: center; + line-height: 1em; +} + +h4 { + font-size: 1.5em; + letter-spacing: 0.4px; + line-height: 1em; + + margin-bottom: 15px; +} + +h5 { + font-size: 1.2em; + line-height: 1em; +} + + +h1, h2 { + line-height: 2em; +} + +.nav-bar { + background-color: rgb(25, 33, 41); + padding: 14px 0; +} + +.nav-bar a { + color: white; + text-decoration: none; + font-size: 2em; +} + +.nav-bar-ul { + width: 1200px; + margin: 0 auto; + + display: flex; + justify-content: space-evenly; +} + +.nav-bar-ul li { + list-style-type: none; + text-align: center; +} + +.header { + 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-size: cover; + + height: 650px; + padding-top: 50px; + + position: relative; +} + +h1 img { + display: inline-block; + vertical-align: middle; + margin-right: 10px; +} + +h2 { + color: white; + text-shadow: #020819 8px -20px 9px; +} + +.quote { + font-size: 2.5em; + + position: absolute; + left: 10%; + bottom: 100px; +} + +.dark-background { + background-color: rgb(25, 33, 41); + color: white; +} + +#general-information { + display: flex; + justify-content: space-evenly; +} + +#general-information .text { + font-size: 2em; + font-weight: 100; + text-align: center; + margin: 20px 0; +} + +#general-information .container { + display: flex; + flex-direction: column; + align-items: center; + width: 370px; +} + +.link-btn { + background-color: rgb(67, 163, 230); + font-family: 'Roboto Condensed'; + font-size: 2em; + letter-spacing: 0.5px; + text-align: center; + text-decoration: none; + + padding: 10px 30px; +} + +#structure > div { + display: flex; + justify-content: space-between; + flex-direction: row; + flex-wrap: wrap; +} + +.container { + width: 1200px; + margin: 0 auto; + padding: 75px 0; +} + +.service-box { + font-size: 1.7em; + text-align: center; + + border: 2px solid #eee; + border-radius: 20px; + box-sizing: border-box; + box-shadow: 2px 2px 10px 0 #eee; + + margin: 50px 5% 0 5%; + padding: 20px; + width: 40%; +} + +.service-box img { + width: 125px; +} + +#team { + padding: 75px 0; + margin: 0 auto; +} + +#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; +} + +#team p { + width: 60%; + margin: 10px auto; +} + +#team hr { + margin: 20px auto 30px auto; + width: 40%; +} + +/* Target direct children of #team */ +#team > div { + display: flex; + justify-content: space-evenly; + flex-direction: row; +} + +/* Center the names above the images inside each article */ +#team > div > article { + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + margin-bottom: 40px; +} + +.slot-form-container { + width: 40%; + margin: 18px auto 0 auto; + font-size: 1.5em; + text-align: center; +} + +.slot-form-container label { + line-height: 15px; + margin: 5px; +} + +.slot-form-container input, select { + height: 20px; + outline: none; + padding: 3px; + width: 100%; +} + +.slot-form-container button { + border: 1px solid black; + color: black; + background-color: white; + padding: 9px; + margin-top: 15px; +} + +.schedule-table { + margin: 0 auto 40px auto; + font-size: 1.5em; +} + +.schedule-table th, td { + border-bottom: solid 1px black; + + padding: 5px 10px; + text-align: center; +} + +.footer { + text-align: center; + font-size: 1.9em; + + padding: 40px 100px; + margin-bottom: 25px; + + display: flex; + justify-content: space-between; + align-items: center; +} + +.address { + font-style: normal; + font-size: 0.8em; + + margin-bottom: 30px; +} + +.footer a { + color: blue; + text-decoration: none; +} + +.footer ul { + list-style: none; + + padding: 0; +} + +footer h5 { + margin-top: 0; + margin-bottom: 0; +} + +.map-frame { + height: 375px; + width: 60%; +} \ No newline at end of file