Home Courses Instructor Labs

Learn HTML & CSS with Projects

(23 Ratings) 2380 Students Enrolled
Created By Harish Gowda Last Updated Sun, 08-Mar-2020 English
  • Course Duration
    3 Hours
  • Mode of Training
    Self-Paced
  • Lessons
    24 Lessons
  • Placement Assistance
    Guaranteed
Free
12k+ satisfied learners Read Reviews
What Will I Learn?
  • Build your own wesite with the basic knowledge of HTML and CSS
  • Create a fully responsiveness website using Bootstrap, media queries and and coding
  • Learn how to use Bootstrap framework to develop the website easily
  • Link web projects to JavaScript to improve cross browser compatability
  • How to improve load times on various devices
  • Learn how to build a new website from scratch and kickstart your career as Web Developer

Requirements
  • Basic Computer knowledge
  • Passion to become a web developer
+ View More
Description

In this course, you will learn how to build website from scratch by learning essential ingredients such as HTML and CSS.

This course is totally project based where you learn 3 complete projects. At the end of the course, you will be creating a beautiful and functional websites. I always believe this is the best way to learn.

The following are the projects, you will be learning:

Project 1:

Create a recipe website from scratch and also learn the fundamentals of HTML and CSS.

Project 2:

Create a college website from scratch which looks good on all devices.

Project 3:

In this project, you will be building a most responsiveness website using the most popular Bootstrap framework which results in great looking website faster and easier

Curriculum For This Course
24 Lessons 3 Hours
  • Welcome and what we will be building 00:02:52 Preview
  • File Folder Structure 00:04:02
  • Basic HTML Structure 00:09:39
  • Useful resources 00:06:25
  • HTML Header Adding the menu and responsive images 00:09:57
  • HTML5 Header Section 00:11:23 Preview
  • Styling the Header 00:16:53
  • HTML Main content area 00:09:02
  • Styling the main content 00:14:54
  • HTML Adding the footer 00:03:22
  • Styling the footer 00:05:36
  • Setting up our responsive project 00:13:25 Preview
  • Adding the final HTML 00:16:47
  • Mobile first styling Header section 00:12:52
  • Mobile first styling Header section continued 00:05:03
  • Final CSS for mobile view 00:10:47
  • Introduction to CSS3 Media Queries and styling the tablet view 00:10:12
  • Tablet styling continued 00:09:52
  • Final CSS for larger devices and desktops 00:07:19
  • Introduction to Bootstrap Setting up 00:05:34 Preview
  • Adding the responsive navigation bar 00:06:13
  • Including the sliding carousel marketing area 00:08:29
  • Finishing off with the featured area and footer 00:07:38
  • Thank you and what now? 00:00:42

Learn HTML & CSS with Projects