Build a Single Page Website with HTML & CSS

During the introduction I'll be explaining exactly what we are going to be creating during the course - which is a responsive, mobile-friendly single page website from scratch using plain HTML and CSS.

This lecture includes creating the base HTML and file structure for the web page - I'll also be showing you which applications I recommend you use for the course.

This lecture involves going over the hero image and the icon which will be used for the main "hero area" of the web page. We'll also begin creating some core elements and CSS styles which will give us a foundation for the rest of the course.

I've provided some sample images which you can use as downloadable materials.

This lecture involves creating a call-to-action (CTA) component that will encourage your users to click on a particular item - think things like a video or a sign up form.

This lecture involves adding social media links (and icons) to direct users to external sites such as Facebook, Twitter or YouTube.

This lecture involves adding some essential body content - things like paragraphs, headings, buttons and sections.

This lecture involves creating an icon grid which is typically used to either showcase services that a company or organisation provides, or display numbers (i.e. how many products sold, how many clients served etc.)

The final lecture involves adding the final touches which includes:

• making the site mobile friendly

• choosing a font

• adding a favicon (shortcut icon)

• adding a mobile theme color