|
1 | 1 |  |
2 | 2 |
|
3 | | -# JS | Spotify Clone |
| 3 | +# CSS | Spotify Clone |
4 | 4 |
|
5 | 5 | ## Introduction |
6 | 6 |
|
7 | 7 | Everyone likes music, right? Odds are if you do, you've heard of Spotify. Today we're going to copy an older (and simpler) version of the Spotify home page: |
8 | 8 |
|
9 | 9 |  |
10 | 10 |
|
11 | | -All of the necessary assets and images are included in the starter code. If you'd like a full length PDF version of the webite as reference, [check out this link](https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/spotify-prototype.pdf). |
| 11 | +All of the necessary assets and images are included in the starter code. If you'd like a full length PDF version of the website as reference, [check out this link](https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/spotify-prototype.pdf). |
12 | 12 |
|
13 | 13 | ## Exercise |
14 | 14 |
|
15 | 15 | ## Requirements |
16 | 16 |
|
17 | | -- [Fork this repo](https://guides.github.com/activities/forking/) |
18 | | -- Clone this repo into your `~/code/labs` |
19 | | -- You must use 1 descendant selector, and 1 multi selector. You can use more. |
20 | | -- Animate the green Spotify logo in the upper left-hand corner to jump up and down when a user hovers over it. |
| 17 | +- Fork this repo |
| 18 | +- Clone this repo |
21 | 19 |
|
22 | | -## Submission Instructions |
| 20 | +## Submission |
23 | 21 |
|
24 | | -Upon completion, run the following commands |
| 22 | +Upon completion, run the following commands: |
25 | 23 | ``` |
26 | 24 | $ git add . |
27 | 25 | $ git commit -m "done" |
28 | 26 | $ git push origin master |
29 | 27 | ``` |
30 | | -Navigate to your repo and create a Pull Request -from your master branch to the original repository master branch. |
| 28 | +Create Pull Request so your TAs can check up your work. |
31 | 29 |
|
32 | | -In the Pull request name, add your name and last names separated by a dash "-" |
33 | 30 |
|
34 | | -## Deliverables |
| 31 | +## Instructions |
35 | 32 |
|
36 | 33 | You will receive the images and resources in the starter code. Write your CSS and HTML in the provided files. Remember to follow good practices. |
37 | 34 |
|
@@ -60,3 +57,6 @@ The page is split into 4 sections. |
60 | 57 | ### Starter code |
61 | 58 |
|
62 | 59 | The starter-code contains all the files, images, and text content needed to create the page. The text is in the `index.html`, and a css file is created in `main.css` with colors. |
| 60 | + |
| 61 | + |
| 62 | +Happy coding! ❤️ |
0 commit comments