Example Solution

Use HTML and CSS to closely approximate the screen-shot final image, using the information below and the provided images (in the images directory). Two css helpers, reset.css and normalize.css have been provided for your convenience. Feel free to use either, or neither.

Remember... small steps.

Have fun with this!

Pick your favorite font(s). Use your own copy. Just make sure the layout matches and everything is represented.

Background Color: #d6d6d6 Text Color: #000000 Link Color: #cc6633

POST: Ecard of the Day

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a consectetur purus. Pellentesque at leo erat, id pellentesque sapien. Cras id purus sem. Nulla lacinia consequat nulla, vitae porttitor urna venenatis id. Nam iaculis risus ac mauris vestibulum malesuada. Nulla dolor mi, cursus sed ornare vel, feugiat sed nibh. Suspendisse vitae pulvinar ligula. In eu dui erat. Etiam sit amet malesuada turpis. Duis dapibus feugiat euismod. Suspendisse vitae consequat nunc. Vivamus aliquet vulputate varius. [insert Download link here]

Posted by Steve Smith on August 2, 2012 / Comments (3)

POST: Doing the Big Work

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a consectetur purus. Pellentesque at leo erat, id pellentesque sapien. Cras id purus sem. Nulla lacinia consequat nulla, vitae porttitor urna venenatis id. Nam iaculis risus ac mauris vestibulum malesuada. Nulla dolor mi, cursus sed ornare vel, feugiat sed nibh. Suspendisse vitae pulvinar ligula. In eu dui erat. Etiam sit amet malesuada turpis. Duis dapibus feugiat euismod. Suspendisse vitae consequat nunc. Vivamus aliquet vulputate varius. [insert Download link here]

Posted by Melanie Stevens on August 6, 2012 / Comments (3)

ARCHIVE: January, February, March, April, May, June, July

BLOGROLL: Mailchimp, Shopify, The Next Web, Mint.com, Mashable