Build Responsive Real-World Websites with HTML and CSS


Build Responsive Real World Websites with HTML5 and CSS3

Learn modern HTML, CSS, and web design by building a stunning website for your portfolio! Includes flexbox and CSS Grid

What you’ll learn

  • Become a modern and confident HTML and CSS developer, no prior knowledge needed!
  • Design and build a stunning real-world project for your portfolio from scratch
  • Modern, semantic and accessible HTML5
  • Modern CSS (previous CSS3), including flexbox and CSS Grid for layout
  • Important CSS concepts such as the box model, positioning schemes, inheritance, solving selector conflicts, etc.
  • A web design framework with easy-to-use rules and guidelines to design eye-catching websites
  • How to plan, sketch, design, build, test, and optimize a professional website
  • How to make websites work on every possible mobile device (responsive design)
  • How to use common components and layout patterns for professional website design and development
  • Developer skills such as reading documentation, debugging, and using professional tools
  • How to find and use free design assets such as images, fonts, and icons
  • Practice your skills with 10+ challenges (solutions included)


  • No coding or design experience necessary
  • Any computer will do — Windows, OSX or Linux
  • You don’t need to buy any software — we will use the best free web development editor in the world


*** The #1 bestselling HTML and CSS course on Udemy! ***

*** Completely re-built from scratch in July 2021 (35+ hours video) ***

“Having gone through other related courses on other platforms, I can say this course is the most practical and readily applicable course on web design and development I have taken.” — Bernie Pacis

Open a new browser tab, type in, and take a look around. I will wait here…

Amazing, right? What if you knew exactly how to design and build a website like that, completely from scratch? How amazing would that be?

Well, I’m here to teach you HTML, CSS, and web design, all by building the stunning website that you just saw, step-by-step.

So, after finishing this course, you will know exactly how to build a beautiful, professional, and ready-to-launch website just like Omnifood, by following a 7-step process. And it will even look great on any computer, tablet, and smartphone.

But what if you want to build a completely different website? Well, no problem! I designed the course curriculum with exactly this goal: to enable you to design and build any website that you can think of, not just copy the course project.

So, in order to become a confident and independent developer, capable of building your own websites in the future, you will learn:

  • The fundamentals of modern and semantic HTML, CSS, and building layouts in a small separate project, which will prepare you for the main course project ( This includes modern flexbox and CSS Grid!
  • How to design beautiful websites, by learning a web design framework I created just for this course. It consists of easy-to-use guidelines for design aspects like typography, colors, images, spacing, and more (this is like a small standalone course!).
  • How to use well-established website components and layout patterns in order to come up with professional-looking designs
  • How to make any website work on any mobile device, no matter the design and layout (responsive design)
  • How to use the 7 steps of building a professional website in practice: planning, sketching, designing, building, testing, optimizing, and launching
  • How to find and use free design assets such as images, fonts, and icons
  • Important developer skills such as reading documentation, fixing code errors on your own, and using professional web development tools

Does this sound like fun? Then join me and 200,000+ other developers and start building websites today!

Or are you not sold yet and need to know more? No problem, just keep reading…

[01] Why should you learn HTML and CSS in the first place?

Building websites allows you to do fun and creative work, from anywhere in the world, and it even pays well. Web development is one of the most future-proof and highest-paying industries in the world. And HTML and CSS is the entry point to this world!

But you already know all this, that’s why you want to learn HTML and CSS too. Well, you came to the right place!

This is the best and most complete course for starting your web development journey that you will find on Udemy. It’s an all-in-one package that takes you from knowing nothing about HTML and CSS, to building beautiful websites using tools and technologies that professional web developers use every single day.

[02] Why is this course so unique and popular?

Reason #1: The course is completely project-based

Simple demos are boring, and therefore you’re gonna learn everything by building actual projects! In the final project (, together we hand-code a beautiful and responsive landing page for a fictional company that I made up just for the course.

Reason #2: You will not just learn how to code

Coding is great, but it’s not everything! That’s why we will go through the entire 7-step process of building and launching our website project.

So the huge Omnifood project will teach you real-world skills to build real-world HTML and CSS websites: how to plan projects and page layouts, how to implement designs using HTML and CSS techniques, how to write clean and organized code, how to optimize websites for good speed performance, and many more.

On top of that, this course has a huge focus on beautiful design. In fact, this is the only course on the market that focuses on both coding and designing, together.

Reason #3: I’m the right teacher for you

With the right guidance and a well-structured curriculum, building websites can be quite easy and fun to learn. With a bunch of random tutorials and YouTube videos? Not so much. And that’s where I come in.

My name is Jonas, I’m an experienced web developer and designer, and one of Udemy’s top instructors. I have been teaching this bestselling course since 2015 to over 200,000 developers, always listening to feedback and understanding exactly how students actually learn.

Using that feedback, I recently rebuilt this course from scratch and designed the ideal course curriculum for every type of student. It’s a unique blend of projects, deep explanations, theory lectures, and challenges. I’m sure you’re gonna love it!

[03] Why is this course so long?

Reason #1: I take time to explain every single concept that I teach, so that you actually learn, and not just copy code from the screen (this is a course, not a tutorial)

Reason #2: I go into topics that other HTML and CSS courses shy away from: professional web design, component and layout patterns, some CSS theory, website planning in theory and practice, and developer skills. I believe you need all of this to be successful!

Reason #3: There is a lot of repetition, so that you actually assimilate and practice what you learn. Practice is the single most important ingredient to learning, and therefore I provide plenty of opportunities for you to sharpen your skills

[04] Here is what’s also included in the package:

  • Up-to-date HD-quality videos, that are easy to search and reference (great for Udemy Business students)
  • Professional English captions (not the auto-generated ones)
  • Downloadable design assets + starter code and final code for each section
  • Downloadable slides for 20+ theory videos (not boring, I promise!)
  • Access to countless free design and development resources that I curated over many years
  • Free support in the course Q&A
  • 10+ coding challenges to practice your new skills (solutions included)

[05] This course is for you if…

  • … you are a complete beginner with no idea of how to build a website.
  • … you already know a bit of HTML and CSS from some tutorials or videos, but struggle to put together a good-looking, complete website.
  • … you are a designer and want to expand your skills into HTML and CSS, because all your designer friends are learning how to code (they are smart!).

Basically, if you are an HTML and CSS master, and build the most beautiful websites in the world, then DON’T take the course. Everyone else: you should take the course, today.

So, does all of this sound great? Then join me and 200,000+ other developers and start your web development journey today!

Who this course is for:

  • Complete beginners who want to learn how to build a professional, beautiful and responsive website
  • Students with some knowledge about HTML and CSS, but who struggle to put together a great website
  • Designers who want to expand their skill set into HTML5 and CSS3

Created by Jonas Schmedtmann
Last updated 6/2023
English, French [Auto-generated]

Size: 15.35 GB

Google Drive Links

Download Part 1 | Download Part 2 | Download Part 3

Torrent Links

Download Now

  1. Manuel says

    Thanks a lot, this course is updated!!!

    1. FCS says

      @Manuel yes this course is updated

  2. Aidyn!! says

    THANKS a lot!

  3. Kevin says


  4. Lano says

    seed please.

  5. Tushar says

    Seed Please

  6. J says

    Seed Please

  7. Antoine says

    update please

  8. JOEL says


  9. Tanimul Islam says

    Please update this course

  10. Roman says

    Seed Please

  11. Roman Atam says

    Seed Please

  12. Taufik Suroso says

    if you want to download it from google drive you can download it from here — >

  13. zuyufullah says

    Seed Please…spéed is slow

  14. Rambo says

    video quality is bad please upload a good one!

  15. Doni Junior says

    Seed Please.

  16. FCS says

    Updated With High Quality

    1. Mozam says

      Thank You So Much Brother !

  17. yashboura303 says

    please seed,thanks

  18. Akash says

    Speed is so slow please seed it freecoursesite

  19. Gabriel says

    Can you reupload the course? theres some videos that doesnt work .

  20. Simon says

    Multiple videos do not work. Please please fix the issue and update the course. Thank you so much btw 🙂

  21. Payne says

    Thanks So much, this is really great. I downloaded the course and I’m really pleased and happy. Thank you

    How can I get the Ebook that was mentioned in the course?

  22. Henry says

    Thanks So much, this is really great. I downloaded the course and I’m really pleased and happy. Thank you

    How can I get the Ebook that was mentioned in the course?

  23. Trisha says

    I can’t seem to download any of the links from free course, redirects me to a connection timeout error 502 even though my network is proper

  24. Evan says

    This course is completely remade from scratch so if you can please update it, thank you very much.

  25. Roger says

    please update this courseeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

  26. jonas says

    update the course please

  27. Alex jones says

    This course has been re-done, can you please publish the new one? Thanks!

  28. Silver Tigers says

    I beg you to update, there are few lectures missing in this version (they are fixed in august)

  29. niccolo says

    why my mp4 videos are encrypted ??


    1. mithun says

      I am also facing the same issue

  30. Hasan says

    Why are the videos encrypted,bro?Can anyone please help me?

  31. John says

    Help please, videos are encrypted.

  32. Aniket says

    videos are encrypted . can you please fix them

  33. Malik says

    Only videos that’s played on the udemy in the course content are watchable. remaining all videos are encrypted

  34. Mostafa says

    how am i supposed to decrypt the videos???

  35. Roushan Kumar says

    All videos are encrypted

  36. veeresh says

    Please share how to decrypt the videos

  37. Jonjoe says

    The videos are encrypted!! Help us solve that please, Thank you!

    1. curator says

      did you decrypt the videos?

  38. A says

    lecture 139 & 143 are incomplete ( the video is missing half of it ) pls reupload.

    1. keskui says

      does anyone have lessons 139 and 143?

    2. Peter says

      Yes, this is a little bit a problem. U can open subtitle file to read rest of the video and try to imagine what u should do. Its annoying

  39. Abhilash says

    download link is redirecting to but not downloading

  40. Luffy says

    Why there are no get link button after I click verify button in this course. Hope the admin will fix it

  41. send_me_noodles says

    Please update this course to 06/2022 update.

  42. karna says

    i am not getting the link.

  43. Tushar Sharma says

    Please upload this course on some file sharing site. Google drive or anywhere else.

  44. Phurba says

    got issue of invalid CSRF, am I the only to get this error? Can you please fix this?

    1. FCS says


      1. Phurba says

        No, way so quick, really appreciate your time and effort. Thank you so much.

  45. Zoro says

    I cant download the google drive link. It says quota exceeded. Too much users have downloaded the file. Can it be fixed? Thank you

  46. Usama Malik says

    Please Update this course

Leave A Reply

Your email address will not be published.