Skip to content
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