Riyadh Blog

Create the website page shown in the provided screenshot image.

Tasks for LearnIDE Environment Users

  1. Click the "OPEN IDE" button

Tasks for Local Environment Users

  1. Fork this repository.
  2. Clone your fork locally.
  3. cd into the local repo you just cloned.

Process

  1. In the index.html file use the comments in the code to place the content from SOURCE.md in the proper locations. The image file MOCKUP.jpg can be used as a reference to build the index.html page as it appears.
  2. HINT: If you'd like to take a look at your handiwork, you can preview this in your browser by following these steps.

Bonus

Use CSS in the style.css file in the css folder to change different aspects about your page such as:

  • font color
  • font size
  • font family
  • change the background image to a color
  • change the background color to a gradient

You can also try modifying these styles on-the-fly by modifying them with the developer tools of your browser.

View Code Challenge 1 - Riyadh Blog on Learn.co and start learning to code for free.