Pharrell isn't quite happy, he needs some help coding the album cover for his hit song "Happy." His dev chops aren't quite as skilled as yours, so he's hired you to take care of business.
Pharrell did provide us with some specs for the design of the album, found in MOCKUP.jpg
. In industry, frontend developers are typically given specs just like this from the product team and then asked to write the code to make a website look just like the spec. Today, you're the developers and Pharrell is the product team.
You can view MOCKUP.jpg
by using the file navigator and double clicking on the file name.
Pharrell also provided us with the text for the album and all the legal mumbo-jumbo to give credit where credit is due. You can find that text in SOURCE.md
. Again, this is a typical industry standard workflow, where the developers are given copy for the site from the product team.
Each line of text in this file corresponds to a note in index.html
that will indicate where you'll need to add this information. It will be up to you to pick which HTML tags to use! If you're not sure which tags to use or how to write them, look back at your notes or do a Google search.
You'll want to write your code in index.html
. Your job is to make sure the text from SOURCE.md
makes it into index.html
surrounded by the appropriate HTML tags. Keep that file open in both your text editor (to make changes to the HTML) and the browser (to see if your changes worked).
Use the comments found in that file to help you determine which HTML tags to use.
When you're done with you're work, it's important to push your work to GitHub. Remember, that's your online developer portfolio.
View HTML Album Cover on Learn.co and start learning to code for free.