Learn HTML and CSS by Examples

Take a look behind the curtains of web technologies

What you'll learn:

• The basics of HTML and CSS
• How to use GitHub Pages
• How to use Formspree for creating free email forms
• How to create a responsive design using viewport and media queries
• How to create navigation links with unordered lists
• How to work with color transparency
• How to properly position elements
• How to use gradients in CSS
• How to use third-party fonts on your website

Complete three projects to understand what isHTML and CSS and how theywork.

Project1:Create your own digital business card

In the first project,I will explain the basics ofHTMLandCSS, I willshow you how you can publish your final work for free onGitHub Pagesso 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 emailformusing a free web service calledFormspree.

I will also explain how to make your digital business cardresponsiveso it will look great even onmobile devices.

Project 2: Create a responsive blog header

In this project,we will buildupon the knowledge from the first project andcover 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 aresponsive 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!

• 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