Skip to content

Instantly share code, notes, and snippets.

@lirenyeo
Created March 17, 2020 10:13
Show Gist options
  • Save lirenyeo/42fcc18ea6c1086d8cbfad8b90331a6c to your computer and use it in GitHub Desktop.
Save lirenyeo/42fcc18ea6c1086d8cbfad8b90331a6c to your computer and use it in GitHub Desktop.

Now that you understand the basics of HTML and CSS, let's put that to test by building a webpage that looks like this:

demo1.png

Some of the resources you might need:

  1. Font - Solway Google Font
  2. Book Image - https://images-eu.ssl-images-amazon.com/images/I/410%2BtmN-P%2BL.jpg
  3. Navbar and Footer color - #3a3a3a
  4. Middle section background color: lightgray

CSS Properties that you can use to achieve the same result:

  • line-height
  • text-align
  • padding
  • margin
  • background
  • font-family
  • color
  • font-size
  • border
  • border-radius
  • font-weight
  • height
  • width
  • :first-letter selector
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment