Complete three projects to understand what is HTML and CSS and how they work.
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 build 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!
- 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
