Where can I find additional HTML and CSS projects to practice with?

Looking to get even more practice with your new HTML & CSS skills? Try taking on some of these projects! They make excellent additions to your personal portfolio of work.

Sites to find free Downloadable PSDs
Behance.net (search for ‘website mockup’ or similar)
Freebiesbug.com (select ‘+ Website templates' under Free PSD on left-hand side)
UIFuse.com (select ‘website’)

PSD Mockups
Bakery PSD website template
Notes: This is a free one-page, desktop only HTML & CSS project.

MoGo
Notes: This is a free one-page, desktop only HTML & CSS project.

Tajam: PSD website template for agencies
Notes: This is a free one-page, desktop only HTML & CSS project.

Thomsoon: free landing page
Notes: This is a free one-page responsive project that can grow with you throughout the Front End Developer Course! Start by coding the HTML & CSS framework. After 206, make the project responsive. After 102, make it interactive by adding in jQuery functionality.

Personal Blog PSD Templates
Notes: This is an advanced, multiple page WordPress Blog mockup. It includes two versions of the homepage - Version 1 includes some complex floating, Version 2 is suggested for less of a challenge. This is a free download but requires an email subscription.

Sites for Inspiration
Are you feeling especially brave? Do you want to code the things that real designers and developers are making? Take a gander at these! Dig into these sites and recreate them using your HTML & CSS skills. Pare it down by skipping the responsiveness and JavaScript functionality (for now) and focus on making an awesome desktop version of the site. Open up the Chrome Inspector tool when you’re stuck and show off your finished products in the student community.

Awwards
CSS Nectar
Inspiration UI
Niice
Site Inspire

Still need help? Contact Us Contact Us