diff --git a/css/main.css b/css/main.css index 839fb7d0..dc998927 100644 --- a/css/main.css +++ b/css/main.css @@ -1,3 +1,137 @@ -/* - * Estilos de tu proyecto - */ \ No newline at end of file +/*Estilos de tu proyecto + */ +* { + box-sizing: border-box; + font-family: 'Montserrat', sans-serif; + margin: 0px; + width: 100%; + text-decoration: none; + list-style: none; + } + .fontcolor { + color: #352384; + } +#menu { + /*outline: 1px solid orange ;*/ + /*position: relative;*/ + /*float: right;*/ + +} + +.container { + background-image: url("../assets/images/hero.gif"); + background-size: cover; + height: 610px; + /*margin-top: -100px;*/ + background-position: bottom; + +} + +.navigator { + /*margin-top: 70px;*/ + outline: 1px solid red ; + position: fixed; + width: 100%; + height: 115px; + font-size: 18px; + background-color: transparent; +} +.lyft-white { + /*outline: 1px solid green;*/ + width: 68px; + height: 46px; + margin-left: 7%; + margin-top: 3%; + position: absolute; +} +.navigator ul { + padding-right: 130px; + padding-top: 45px; +} +.navigator ul li{ + /*outline: 1px solid red ;*/ + float: right; + display: inline; + width:100px; + text-align: center; + margin: 7px; + padding: 10px; + } + .li-border { + border-radius: 13%; + border-bottom-style: groove; + border: 2px solid white; + } + .navigator ul li a { + color: white; + } + +.container2 { + /*outline: 1px solid black ;*/ + width: 525px; + height: 420px; + background-color: white; + float: right; + margin-top: 185px; + text-align:left; +} +.form1 { + width: 482px; + height: 283px; +} +.pinkbutton { + width: 186px; + height: 53px; + +} +.uppercase { + text-transform: uppercase; +} + +.firstsection { + color: white; + width: 100%; + background:linear-gradient(#76278F, #2B1E66); + column-count: 2; + height: 640px; + text-align: left; + +} +.information { + margin-top: 12%; + margin-left: 21%; + width: 569px; + height: 437px; +} +.tittle1 { + margin-bottom: 3%; + font-size: 25px; +} +.information p { + margin-bottom: 7%; +} + +.aplicationpic img { + width: 477px; + height: 484px; + margin-top: 9%; + margin-left: -5%; +} +.section2 { + width: 100%; + height: 527px; + text-align: left; + display: inline; + +} +.about1 { + outline: 1px solid red; + width: 367px; + display: block; + margin: 9%; +} +.firstvideo iframe{ + float: none; + width: 935px; + height: 524px; +} diff --git a/index.html b/index.html index 67324f35..1487cf00 100644 --- a/index.html +++ b/index.html @@ -1 +1,79 @@ + + + + + + + + + lyft + + + +
+
+

a ride in minutes

+

Request a ride and you´ll be on your way in minutes. Request. Ride. Repeat.

+
+

serious about safety

+

From knowing the color of your driver´s car our 24/7 Trust & Safety Team, we got you

+
+

happy drivers.

+

happy riders.

+

Ride with us and you´ll see why 9 out of 10 rides end with five stars.

+
+ +
+
+
+
+
+
+

watch

+

amplify your ride

+

Lyft´s new emblem, Amp, is the secret to smooth pickups. Lighting up dashboards nationwide, the device makes it easy for passengers and drivers to find each other.

+
+
+ +
+ +
+
+ + +