diff --git a/a b/a new file mode 100644 index 000000000..8d2cdca08 --- /dev/null +++ b/a @@ -0,0 +1,6 @@ + + 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 playlists + for right now. Discover Enjoy new music every Monday with your own personal + playlist. Or sit back and enjoy Radio. \ No newline at end of file diff --git a/index.html b/index.html index 0697f92fe..236c4e6e3 100644 --- a/index.html +++ b/index.html @@ -5,14 +5,67 @@ Spotify Clone - + - Premium Discover Help Download Music for everyone. Spotify is now free on mobile, tablet and computer. Listen to the - right music, wherever you are. What’s on Spotify? Millions of Songs There are millions of songs on Spotify HD Music - Listen to music as if you were listening live 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 playlists for right now. Discover Enjoy new music every Monday with your - own personal playlist. Or sit back and enjoy Radio. +
+ +
+ +
+

Music for everyone.

+

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

+
+
+

What’s on Spotify?

+
+
+ music-icon +

Millions of Songs

+

There are millions of
songs on Spotify

+
+
+ 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
playlists + for right now.

+

Discover

+

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

+
+ spotify-icon-white + spotify-app +
diff --git a/styles/style.css b/styles/style.css index 55efb32c6..79d181816 100644 --- a/styles/style.css +++ b/styles/style.css @@ -1,8 +1,121 @@ -/* -Colors: - -Text: 1A1A1A -Green: #00B172 -White: #FFF +/*Colors: +Text: #1A1A1A; +Green: #00B172; +White: #FFFFFF; */ +.top-bar { + position: fixed; + top: 0; + left: 0; + width:100%; + background-color:#FFFFFF; +} +.spotify-logo{ + width: 200px; + position:fixed; + top:10px; + left:30px; + height:auto; +} +.top-bar ul { + display:flex; +justify-content:flex-end; + list-style: none; + gap: 25px; +} +.top-bar ul li { + margin: 20px 20px 0px 10px; + font-size: 25px; +} +.section1 { + background-image: url(/lab-css-spotify-clone/images/landing.jpg); + background-size: cover; + margin-top:30px; + width: 100%; + height: 800px; + color: white; + display:flex; + flex-direction:column; + justify-content:center; + align-items:center; +} +.section1 h1{ + font-size: 100px; + margin:0 0 30px 0 ; +} +.section1 p{ + font-size:30px; + margin-top: 0 +} +.section2 { + text-align:center; + padding: 0 20px; + background-color:#FFFFFF; +} +.section2 h2{ + margin: 50px 0 80px 0; + font-size: 40px; +} +.section2 { + display: flex; + flex-direction: column; + align-items: center; +} + +.article-container { + display: flex; + justify-content: space-evenly; + width: 100%; +} +.article-container h3 { + font-size: 30px; + color:#00B172; +} +.article-container p{ + font-size: 20px; +} +.images{ + width: 30%; +} +.section3 { + background-color: #00B172; + color: #FFFFFF; + display: flex; + justify-content: space-between; + align-items: center; +padding: 10px 100px; +} + +.kanye-west { + max-width: 30%; + font-size: 30px; + max-width:1000px; +} + +.kanye-west h2{ + font-size: 50px; +} +.hr-line { + position:relative; + bottom: 30px; + height:5px; + background-color:#FFFFFF; + +} +.kanye-west h3 { + font-size: 30px; +} +.kanye-west p { + font-size: 20px; +} +.spotify-icon-white { + width: 150px; + position:absolute; + left : 650px; +} + +.Kanye { + width: 350px; + height: auto; +}