Learn HTML and CSS by Examples

Take a look behind the curtains of web technologies

   Watch Promo

Complete three projects to understand what is HTML and CSS and how it works.

Project1: Create your own digital business card

In the first project, I will explain the basics of HTML and CSS, I will show you how you can publish your final work for free on GitHub Pages so it's accessible by anyone.

I will walk you through the whole process of creating your first HTML file and explain how to set up email form using a free web service called Formspree.

I will also explain how to make your digital business card responsive so it will look great even on mobile devices.

Project 2: Create a responsive blog header

In this project, we will built upon the knowledge from the first project and cover these topics:

  • How to use HTML header
  • How to create navigation links properly with unordered lists
  • How to use external CSS files
  • How to style the header
  • How to style navigation links and hide bullet points
  • How to create a responsive design using viewport and media queries
  • How to work with color transparency
  • How to use Javascript and jQuery

Project 3: Create a digital restaurant menu!

In this last project, we will further expand your knowledge by covering these topics:

  • How to use DIVs and background images
  • How to properly position elements
  • What is the difference between block and inline elements
  • How to use gradients in CSS
  • How to use third-party fonts on your web page
  • How to create a responsive design using viewport and media queries
  • How to use Javascript and jQuery

Your Instructor

Jan Zavrel
Jan Zavrel

Buy My New Book on Amazon:

THE SYSTEM2: Productivity Toolbox Built on the Evernote Platform

Get My Book for FREE:

THE DIGITAL INSTRUCTOR: How to Achieve Financial Freedom with Online Teaching

Hi, my name is Jan. I am Evernote Certified Consultant and the founder of THE SYSTEM2.

I run online consulting business at ZAVREL CONSULTING where I explain my methodology for a life of happiness and fulfillment which I call THE FULL CIRCLE.

I started my IT career as a Pascal programming language student in 1994. Later I discovered the potential of the web and co-founded WEBXP company, where I created websites and web applications for local businesses.

In 2000, I started working for a German-based company Caatoosee, where I was the part of a team creating the top of the line web shop for than famous Breuninger Mode & Beauty online kaufen.

At that time I also started my very own LAMP (Linux, Apache, MySQL, PHP) project and designed, developed and published one of the first so-called discussion servers, that were very popular in my country years before the Facebook became the worldwide success. After 16 years, I am working on its comeback! You can read more about it here.

In 2008, when iPhone SDK was introduced, I moved to mobile apps world and soon published my first verb dictionary for iPhone which you can still find on the App Store.

In 2015, I founded BOHEMIAPPS which evolved from simple iPhone app project to creativity platform focused on iOS and web development.

In 2016, I decided to push my mission even further with SMART PROFIT SCHOOL. I believe that everyone can teach and SMART PROFIT SCHOOL is about helping newcomers start their own online teaching career. I also published my first book in 2016, THE DIGITAL INSTRUCTOR.

In 2017 I focused primarily on productivity, became Evernote Certified Consultant, and published my second book, THE SYSTEM2.

Frequently Asked Questions

When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

Get started now!