Web Development


HTML5 + CSS3 + Bootstrap: The Beginner Web Design Course

Quickly learn HTML5 and CSS3 + Bootstrap - the basics of Web Development - to design your own responsive websites.

4.64 (1257 reviews)


8.5 hours


Feb 2021

Last Update
Regular Price

What you will learn

You will learn how to build a custom website with HTML, CSS, and Boostrap

You will learn real-world skills to build professional and modern websites

You will learn the basic building blocks to becoming a web developer

You will learn to build websites while you learn each building block - HTML, CSS, Bootstrap

You will get bonus downloadable cheat sheets and guides to help you quickly design your websites

You will learn how to use each skill in the real world with case studies

You will learn basic web design tips so your websites look and act professionally



Do you  want to learn how to build your own websites?

Do you want to become a web developer?

Do you just want to know how to customize the design of a website created with Wordpress (or other web-builder) so it looks like you want it to?

HTML & CSS are the basic building blocks of the website world! And this is the perfect course for you to dive right in and learn them.

Why should you enroll in this course?

1. It's great for absolute beginners, with NO coding or web development experience required!

Many of the other courses on HTML5 and CSS3 on Udemy are too advanced, or use language that is confusing to a beginner. We break down every definition and step of the process so you never get lost.

2. Project-based learning. Plus it's free to build websites!

Learning is better when you're actually doing. As you follow along with each section of the course, you'll be building your own websites. Plus, we'll be using free applications to do so - Brackets and Google Chrome. No matter what type of computer you have - Windows, Mac, Linux - you can get started.

Seriously, within the first hour of the course, you'll be building your own basic websites!

3. No more boring lectures!

If you've watched other HTML5 and CSS3 courses or tutorials before, you know that it can be difficult to make it interesting and fun. The instructors Nick and Phil strive to make each lesson fun and interesting, so you feel like you're actually learning something new... and progressing... all while having fun!

4. Real world case studies!

It's great to learn how to use HTML and CSS, but it's even better if you know how what you are learning applies to real-world websites. Throughout the entire course, Nick shows how real websites are using HTML and CSS today. Phil follows up with personal case studies of how even beginner's can use HTML and CSS to customize their own websites.


  • Start by understanding how to use HTML5, CSS3, and Bootstrap
  • Each section builds upon the previous ones to give you a complete understanding of the basics of HTML, CSS, and Bootstrap
  • Once you are in the Bootstrap section, you'll learn how to quickly develop and design beautiful responsive websites
  • Finally, you'll put all your knowledge together with full website projects such as creating a modern landing page


YES - if you are a complete beginner with no experience building a website.

YES - if you already know some HTML and CSS, but want to learn everything from the ground up so you know how to build a complete website.

YES - if you don't necessarily want to be a web developer, but want to understand how HTML and CSS work so you can customize your own WordPress site (or other type of website)

NO - if you already know the basics of HTML and CSS. If that's the case, we recommend a more advanced HTML and CSS course.


  • Lifetime access to all of our videos. Start whenever you want - and go at your own pace!
  • Download any of the lectures, so you can easily watch back on your computer or device.
  • Downloadable cheat sheets and guides that make writing website code much more efficient.
  • High quality support in the course Q&A for whenever you are stuck and have any questions.
  • An amazing new skill that is in high demand for getting a well paid job.


With our 30-day 100% money-back guarantee, there's no reason to hesitate. Enroll now to try out the course completely risk free!

We can't wait to see you in the course!

Nick and Phil


HTML5 + CSS3 + Bootstrap: The Beginner Web Design Course
HTML5 + CSS3 + Bootstrap: The Beginner Web Design Course
HTML5 + CSS3 + Bootstrap: The Beginner Web Design Course
HTML5 + CSS3 + Bootstrap: The Beginner Web Design Course



Welcome to the Course + 3 Tips for Better Learning

How to Install Brackets & Start Editing Websites


Quick Hello from Phil


Intro to the HTML Section

What is HTML? See how it's used EVERYWHERE!

Case Study: Changing the President's Tweets

Start a New HTML File & Use Tags

Header Tags: How to use them + why they are important.

Case Study: Using Header Tags to Improve SEO

Edit Text: Spacing, Styles, Paragraphs and more!

Links: Create Clickable Text-based Hyperlinks

Images: Add Images to Your Website with HTML

Case Study: Add an Clickable Image to My Website

Lists: Create Bullet-Point and Numbered Lists with HTML

Challenge Exercise 1: Build Your First Basic Website with HTML

Outro: Congrats, you know the basics of HTML!

HTML Source Code

Basic HTML for WordPress Users


Intro to CSS

How to Add CSS Styles

Case Study: Change the Header Style for My Website

Classes and Ids



Padding and Margin: Putting Space Between Elements

Case Study: Using Padding & Margins to Adjust My Website

Text Styles: Alignment, Justification, and more!

Divs: Add Styling to a Group of HTML Code

Positioning: Move Around Elements on Your Screen

Hover: Change the Style while Hovering

Easily Center Elements with CSS

Fonts: Change the Font of Your Website

Challenge Exercise 2: Create a Website with CSS

Outro: Congrats, you know the basics of CSS!


Intro to Bootstrap

Bootstrap Fix

Install Bootstrap: Get Started with Bootstrap

Indenting and Containers

The Grid System: Make Your Website Responsive

Images: Add Images with Bootstrap

Buttons: Create Beautiful Buttons with Bootstrap

Challenge Exercise 3: Create a Website with Bootstrap

Outro: Congrats, you know the basics of Bootstrap!

Bootstrap Source Code

Project 1 - Design a Landing Page

Intro to Website Project 1

Sketch Your Website

Design the Top Section of Your Website

Polish the Top Section of Your Website

Add Images to Your Website

Add Main Points to Your Website

Collect Emails: Add an Email Opt-in Form to Your Website

Challenge Exercise 4: Create Your Own Landing Page


Project 2 - Business Website



Fancy Font Logo

Carousel Basics

Carousel Extras

Text on Images

Phone GlypIcon

Google Maps

Font Awesome



Chicken King Source Code

Project 3 - Portfolio








Rick or Nick Source Code

Hosting - Getting Your Website on the Internet




Random Tips



Bonus Lecture: Get Any of Phil's Course for Up to 90% Off

Bonus Lecture: Nick


Sindhupandi23 September 2020

This is my first 100 percent completed course in udemy, very good course, thanks for you effort sir, if any one want to learn web development, first start from this course ( I mean start from HTML,CSS,Bootstrap), then you can go Javascript further. I said this because, I spend time in learning JS, React, python, Node directly, like this fancy traps, i lost my hope, and not able to learn, after finish this course i feel confident, please don't do this same mistake, if you beginner and non IT. course is awesome. Thank you Teachers.

Bolaji14 September 2020

Yes it was a good match for me. I am still having hard time with little functions but I know with time everything will fall in place.

grant7 September 2020

the section on bootstrap is out of date with what is offered, the grid has changed as has the support for images - still a good introduction and i was able to work it out but worth an update

Sai7 July 2020

Thanks, Rick or Nick for the lectures, it really helped me understand the concepts and implement them in reality.

Cornelius20 June 2020

Awesome. You guys are very engaging. Which makes listening to your videos easy. In turn, allowing the viewer to stay interested. I am only on course #6 and loving this content !!!

Archana16 February 2020

Nick has such engaging style. Keeps the interest level in the course high. Very informative course for beginners.

Christopher14 January 2020

Instructional and fun interactive material with the basics and main details laid all out for my use...... Much more exciting then other courses!!!

Armanda8 January 2020

Sorry to say this but the issue with the course I had was that the person coaching made a lot of mistakes through the videos and at one point (when it came to scaling fonts) he admitted he doesn’t know how to fix the issue himself and if he will figure it out he will let viewers know... this made me loose all belief in the teacher as I strongly believe you have to know what you are teaching very well to teach others. Also these are video lectures so if something goes wrong you should just film it again to give people quality content so this was a disappointment to me . Also there wasn’t anything about form fields and input fields which I believe should be part of basic introduction.

Greyson2 January 2020

Very well taught so far. know little code and have heard of using html5 and css3 with bootstrap to incorporate dynamic landing pages and websites. really loving the course so far!

Steve31 December 2019

I had a *blast*. With JQuery, Bootstrap and CSS web UI development doesn't suck anymore. Nick/Rick did an amazing job of teaching the core concepts in a way that enabled me to work ahead in most lectures once I understood the core concepts and even implement little extra things that made my website look pretty. Adding tips for finding hosting was a really nice touch.

Lee23 December 2019

Great course, really learned a lot. That said I will be reviewing the course and the modules again to go over what I have learnt, digested. I must also say thanks for the kind words and feedback in answering my questions, which is nice. When I had a question I posted it and got a reply which was great not all instructors on udemy respond so thank you for all your help, I will be back to review again.

Barbara23 December 2019

Yes, it has been a good match for me. The html was basically a review, because I have done it before, but CSS and Bootstrap have been kicking my butt, and that is what I needed. Thank you!

Nicola29 November 2019

Loving this course! The guys are both great tutors and have a lot of energy and enthusiasm which helps as it's not always easy to keep trucking.. ;) Thanks guys

Shawn25 November 2019

I developed websites with Apache/mod_perl and HTML4 15 yrs ago, thus some of the material is familiar. Good pace of material presentation. Brackets is a nice tool recommendation.

Victoria31 October 2019

I love how to the two instructors took the course, it was great experience for me since it was my first course like beginner so it wa very helpful how interactive it was, because at no time I got bored. I will expect to take other course with you guys in the future.


Udemy ID


Course created date


Course Indexed date
Course Submitted by