From b60a422fdfdd41f2ad469cf7bb0e04345bc62d6d Mon Sep 17 00:00:00 2001 From: esmartdie Date: Thu, 16 May 2024 21:29:08 +0200 Subject: [PATCH 1/2] css v1 --- css/style.css | 153 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 153 insertions(+) diff --git a/css/style.css b/css/style.css index e69de29..7d9a8a3 100644 --- a/css/style.css +++ b/css/style.css @@ -0,0 +1,153 @@ + +html, body { + margin: 0; + padding: 0; +} + + +@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700|Roboto:100,300,700'); + + +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', sans-serif; +} + +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-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; +} + +.header h2 { + color: white; + text-shadow: #020819 8px -20px 9px; +} + +.quote { + font-size: 2.5em; +} + +/* Estilos específicos para la sección 1 */ +#general-information { + background-color: rgb(25, 33, 41); + color: white; +} + +#general-information .text { + font-size: 2em; + font-weight: 100; + text-align: center; +} + +/* section 1 */ +.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; + display: inline-block; + margin: 10px 0; + padding: 10px 20px; + border-radius: 5px; +} + +/* 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: rgb(67, 163, 230); + text-decoration: none; +} + +.footer ul { + list-style: none; +} From 392f5c97ac3a5725d2de05986c694fff728b9fc3 Mon Sep 17 00:00:00 2001 From: esmartdie Date: Thu, 16 May 2024 21:36:30 +0200 Subject: [PATCH 2/2] Updated index.html with new HTML structure and CSS --- index.html | 160 ++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 157 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index b8b04c7..1e9c317 100644 --- a/index.html +++ b/index.html @@ -4,11 +4,165 @@ + Ironskydive - - - + + + + +
+

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

+
+
+

Article 1 Title

+

Article 1 content

+ Training Icon +
+
+

Article 2 Title

+

Article 2 content

+ Get Ready Icon +
+
+

Article 3 Title

+

Article 3 content

+ Fly Icon +
+
+

Article 4 Title

+

Article 4 content

+ Jump Icon +
+
+
+ + +
+

Team

+

Meet our awesome team

+
+
+
+

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:00XXXXX
+

Schedule a Time Slot

+
+ + + \ No newline at end of file