From 090dafadbbd8e9709948f8ff4c0215d40cd1784f Mon Sep 17 00:00:00 2001 From: Robert Ledezma Date: Sun, 22 Mar 2020 15:27:05 +0100 Subject: [PATCH 1/2] =?UTF-8?q?Lista=20a=C3=BAn=20no=20ajustada?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .DS_Store | Bin 0 -> 6148 bytes index.html | 63 +++++++++++++++++++++++++++++++++++++++++--- styles/style.css | 66 +++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 126 insertions(+), 3 deletions(-) create mode 100644 .DS_Store diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..e391d85dd1b2823fb46e7064f0d2ce7eb56a687d GIT binary patch literal 6148 zcmeHK!EVz)5S>j!u#FHoAj;8~N*t;xDIh8#B$K9x9*_{O+5@20#!+L*^;WS%C?Soes%_$bRDjp6MJXLnMEg`4PYN|os4qB<>$nByA^3|1O(1tv5VsHwsn zF@&Zg@0+^7V5L#hNtnZjFn1Q_gd)`4F}|9J-8S$48-G9l*GaZ# z6|f52DFsBcANG5glG$75CdYfN58s2cab2bHih@9G#i-@2_$gc&@;(Q^z+j~j8JPVM NP%_xYD)3JgxB!uIgmeG^ literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 0697f92fe..9ab71dd85 100644 --- a/index.html +++ b/index.html @@ -1,18 +1,75 @@ + Spotify Clone - + - Premium Discover Help Download Music for everyone. Spotify is now free on mobile, tablet and computer. Listen to the + + + + +
+ +

MUSIC FOR EVERYONE

+

Spotify is now free on mobile, table and computer. +
Listen to the right music wherever you are. +

+
+
+

What's on Spotify?

+
+
+
+ +

Millions of songs

+

There are millions of songs on Spotify

+
+
+ +
+
+ +
+
+
+
+ +
diff --git a/styles/style.css b/styles/style.css index 55efb32c6..06d04541b 100644 --- a/styles/style.css +++ b/styles/style.css @@ -6,3 +6,69 @@ Green: #00B172 White: #FFF */ +body{ + font-family: 'Raleway', sans-serif; +} + +.enlaces{ + color: #1A1A1A; + display: flex; + flex-direction: row; + text-decoration: none; + list-style: none; + justify-content: flex-end; +} + +.navegador{ + position: sticky; + top: 0; + height: 45; + padding: 10px; + display: flex; + flex-direction: row; + background-color: white; + top: 0; +} +.enlaces a { + padding-top: 20%; + display: flex; + color: #1A1A1A; + text-decoration: none; + align-items: center; + letter-spacing: 2px; +} + +.background{ + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + position:relative; + background-image: url(../images/landing.jpg); + background-position: 0 0; + background-repeat: no-repeat; + background-size:cover; + height: 800px; + padding-top:50px; + } +.logo-spoty{ + width: 10%; + padding-right: 2%; +} + +.titulo{ + text-align: center; + color: white; +} + +.titulo h4{ + font-weight: lighter; +} + +.whatOn{ + text-align: center; +} +hr{ + width: 15%; + height: 3px; +} \ No newline at end of file From 08971fb1f2b921bef2a81012de6469631783f0c9 Mon Sep 17 00:00:00 2001 From: Robert Ledezma Date: Sun, 22 Mar 2020 19:49:08 +0100 Subject: [PATCH 2/2] =?UTF-8?q?Lo=20m=C3=A1s=20parecido=20que=20he=20podid?= =?UTF-8?q?o=20hacer=20de=20momento?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 53 ++++++++++++++++++++++++++----- styles/style.css | 81 ++++++++++++++++++++++++++++++++++++++++++++++-- 2 files changed, 124 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index 9ab71dd85..db0d37013 100644 --- a/index.html +++ b/index.html @@ -51,24 +51,61 @@

Spotify is now free on mobile, table and computer.
Listen to the right music wherever you are.

+ + +

What's on Spotify?

-
-
- +
+ +
+ Icon Music

Millions of songs

There are millions of songs on Spotify

-
- + +
+ Icon high-quality-icon +

HD Music

+

Listen to music as if you were listening live

-
- + +
+ devices-icon +

Stream Everywhere

+

Stream music on your smartphone, tablet or computer

-
+ + + +
+
+

It's as yeezy as Kanye West

+

Search

+

Know what you want to listen to?
+ Just search and hit play.

+

Browse

+

Check out the latest charts,
+ brand new releases and great
+ playlist for right now.

+

Discover

+

Enjoy new muis every Monday
+ with your own personal playlist.
+ Or sit back and enjoy Radio.

+ + +
+ +
+ spotify-icon-white +
+ +
+ App +
diff --git a/styles/style.css b/styles/style.css index 06d04541b..495c7ce70 100644 --- a/styles/style.css +++ b/styles/style.css @@ -20,7 +20,7 @@ body{ } .navegador{ - position: sticky; + position: static; top: 0; height: 45; padding: 10px; @@ -30,7 +30,6 @@ body{ top: 0; } .enlaces a { - padding-top: 20%; display: flex; color: #1A1A1A; text-decoration: none; @@ -71,4 +70,82 @@ body{ hr{ width: 15%; height: 3px; +} + +li{ + margin: 0 10px; +} + +.iconos{ + width: 125px; +} + +.qualities{ + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; +} + +.qualititesOrder{ + display: flex; + flex-direction: column; + text-align: center; +} + +.iconos-box{ + font-size: 20px; + text-align: center; + /*RETO DE CLASES AGREGADAS*/ + box-sizing: border-box; + padding: 10px; + width: 25%; +} + +.iconos-box h3{ + font-weight: bolder; + color: #00B172; +} + +.iconos-box p{ + font-weight:normal ; + color: #1A1A1A; +} + +.footer{ + flex-wrap: wrap; + padding: 2%; + display: flex; + flex-direction: row; + background-color: #00B172; + justify-content:space-around; + align-items: center; +} + +#logoBlanco{ + width: 30%; +} + +.footer div{ + width: 20%; + margin: 0 10px; +} + +#app{ + width: 60%; +} + +#copyBlanco{ + color: white; + display: flex; + flex-direction: column; + justify-content: flex-end; +} + +.lineaFinal{ + border-bottom: white 3px; +} + +#hrfinal{ +border-bottom: 3px solid white; +padding-bottom: 5px; } \ No newline at end of file