Udemy

Build a Single Page Website with HTML & CSS

Name: Build a Single Page Website with HTML & CSS
Availability: InStock
Rating: 4.6 (121 reviews)

4.6(121)2k studentsBEGINNER

Korshub's take

Overview

This project-based course has learners build a complete single-page website from scratch using HTML5 and CSS3, rather than working through isolated tutorials. The finished site includes a hero image, call-to-action elements, an icon grid, and a mobile-friendly layout.

Who it's for

Beginner to intermediate web developers who already have some HTML and CSS exposure and want the milestone of completing a full, polished project rather than more scattered lessons.

Key takeaways

Structuring and styling a full single-page site with HTML5 and CSS3
Building common design components — hero sections, CTAs, icon grids, footers
Applying the BEM naming convention for maintainable CSS
Making a layout responsive across phones and other devices

By the end, learners have a real, reusable site they can adapt for a small business or their own portfolio, not just a set of disconnected exercises.

About this course

When starting out as a web developer, one of the most valuable and rewarding milestones is to create a fully complete website that looks and feels good. Watching and reading tutorials are great for learning new things, but completing a project is key to taking your learning to another level.

In this course you'll be learning how to create a single page website (or micro-site) from scratch using the following technologies:

HTML5
CSS3
Icon Library
Fonts
Block Element Modifier (BEM) CSS naming convention

This course is perfect for people who have a beginner to intermediate level of experience in web development or web design. The website which we'll be creating is going to feature various different web design elements, including:

a hero image
call-to-action components
social media links
icon grid
body content
footer

On top of that, this website will be mobile-friendly, making it compatible with a wide range of devices including both iPhone and Android phones.

Not only will you learn how to create the above components but you'll also learn how to harness the power of HTML and CSS from a technical perspective in which you can then apply that knowledge into other aspects of web development.

Upon completing this course you'll know how to build a website like this for a small business, or even your own personal portfolio.