Build Projects in HTML and CSS
Sharpen Your HTML & CSS Knowledge By Building 7 Cool Projects.
Web Design,Web Development,Web Design Business,Development
Lectures -43
Resources -12
Duration -4 hours
30-days Money-Back Guarantee
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 Build Projects in HTML and CSS](https://d3mxt5v3yxgcsr.cloudfront.net/courses/12247/course_12247_image.png)
Curriculum
Check out the detailed breakdown of what’s inside the course
Intro
1 Lectures
-
Introduction 03:48 03:48
Project 1: Glass Debit Card
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Project 2: Price Card
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Project 3: Product Item
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Project 4: Login Page
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Project 5: Green Project Website
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Project 6: Gym Website
14 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Project 7: Contact Form
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![Robert Nana Sarpong](https://www.tutorialspoint.com/assets/profiles/69552/profile/200_2363763-1666392811.png)
Robert Nana Sarpong
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual 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 Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)