Celebrating 11 Years of Learning Excellence! Use: TP11

Build Projects in HTML and CSS

person icon Robert Nana Sarpong

4.5

Build Projects in HTML and CSS

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

updated on icon Updated on Jun, 2025

language icon Language - English

person icon Robert Nana Sarpong

English [CC]

category icon Development ,Web Development,CSS

Lectures -43

Resources -12

Duration -4 hours

Lifetime Access

4.5

Lifetime Access

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point 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.

Goals

  • 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.

Prerequisites

  • Basic knowledge of HTML and CSS


Build Projects in HTML and CSS

Curriculum

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

Intro

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 and a cybersecurity enthusiast with several certifications. He has experience in various programming languages such as JavaScript, PHP, React and Python. He enjoys learning new skills and technologies, as well as teaching others what he knows. He believes that cybersecurity and programming are essential for the modern world, and wants to share his passion and knowledge in an easy and understanding manner. With 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

Use your certificate to make a career change or to advance in your current career.

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
Annual Membership

Online Certifications

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

Explore Now
Online Certifications

Talk to us

1800-202-0515