Tuesday, January 28

Keep Calm and Carry On

Keep Calm Poster
  • Tonight we will create a webpage based upon the “Keep Calm and Carry On” motivational poster.
  • Log-in to codepen.io
  • Type the following code in the HTML box.
Type the following code in the HTML panel.
  • Create a footer below the closing div.
Code for footer
  • Now lets add some style – CSS
CSS code for Keep Calm Poster
  • Make the following changes:
    • Align the footer center.
    • Change the color of the footer text to white.
    • Make the body of the page black.
  • Now, create a new pen in CodePen and recreate this Courage poster