Build Projects in HTML and CSS

person icon Robert Nana Sarpong

Build Projects in HTML and CSS

Sharpen Your HTML & CSS Knowledge By Building 7 Cool Projects.

updated on icon Updated on Sep, 2023

language icon Language - English

person icon Robert Nana Sarpong

architecture icon Web Design,Web Development,Web Design Business,Development


30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 19,000+ top Tutorialspoint courses anytime, anywhere.

Course Description

Hello, welcome to this course, where you will create modern and beautiful projects with just HTML and CSS. This course is aimed at people with basic knowledge of HTML and CSS, who are looking to build projects in order to have more experience and sharpen their design skills.

We will build together 7 creative projects which are full of modern, nice, and beautiful animations and other effects.

All of the projects are created from scratch. There will be no already-made codes. We will write out all of the HTML & CSS completely from start to finish and I will explain each step I take as we move forward.

After this course, you will have enough knowledge and experience to move on to other technologies like front-end frameworks and libraries like bootstrap and other highly demanded stacks.

Listed below are the projects we will be building.

  • Glassmorphism Credit Card
  • A Price Card
  • A Login Page
  • A Shopping Item Product With Beautiful Animation
  • A Landing Page Website With Collapsible Navbar
  • A Gym Website
  • A Modern-Looking Contact Form

During this, some of what we learn about and use are font-awesome icons, google fonts, pseudo selectors, gradients, and more.

All the projects are fully responsive and also, and most importantly, the projects we will build are useful and can be integrated or used on any website.

What are you waiting for? Enroll now and join the fun.


What will you learn in this course:

  • Enhance your knowledge of HTML and CSS.

  • Aimed at beginners and intermediates looking to build projects which can also be used in websites.

  • Uses modern styling including grid, flexbox, CSS animations, pseudo selectors, etc

  • Responsive design to make websites work on every possible device.


What are the prerequisites for this course?

  • Basic knowledge of HTML and CSS

Build Projects in HTML and CSS


Check out the detailed breakdown of what’s inside the course

1 Lectures
  • play icon Introduction 03:48 03:48
Project 1: Glass Debit Card
4 Lectures
Project 2: Price Card
5 Lectures
Project 3: Product Item
5 Lectures
Project 4: Login Page
4 Lectures
Project 5: Green Project Website
5 Lectures
Project 6: Gym Website
14 Lectures
Project 7: Contact Form
5 Lectures

Instructor Details

Robert Nana Sarpong

Robert Nana Sarpong

Robert N. Sarpong is a full stack developer. Even though he teaches, he also spends most of his day learning and building things with code. He enjoys coding and the challenge of learning something new everyday. He has worked with several languages such as JavaScript, React, PHP, Node JS, Java, C++,C,VB among others. With over 5 years of teaching experience under his belt, he will make sure to teach you easy, yet effective ways to become a professional in no time!

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
People having fun around a laptop

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
People having fun around a laptop

Talk to us