30 Amazing days of HTML & CSS

About Course

In this beginner’s course on HTML and CSS, you’ll learn the fundamental building blocks of web development. Starting with HTML, you’ll discover how to structure a webpage using elements like headings, paragraphs, lists, and links. You’ll also learn how to embed images, create tables, and incorporate forms to gather user input. By the end of the HTML section, you’ll be able to build a basic yet fully functional webpage.

Moving on to CSS, you’ll learn how to enhance your webpage’s appearance by styling text, adjusting colors, and managing layouts. You’ll gain skills in applying different fonts, creating attractive backgrounds, and organizing content.

By the end of this course, you’ll be equipped with the skills to create visually appealing and well-structured web pages.

Structure webpages with elements like headings, paragraphs, lists, and links.
Embed images, create tables, and incorporate forms for user input.
Build a basic yet fully functional webpage.
Style text, adjust colors, and manage layouts.
Apply different fonts, create attractive backgrounds, and organize content.
Explore responsive design techniques for websites that look great on various devices.

Course Content

Introduction & Basic Setup

Class 1: Intro to HTML & CSS – Setting up the environment

11:24

HTML Fundamentals

CSS Basics

Class 10: Introduction to CSS

14:26
Class 11: Color Systems in CSS

09:43
Class 12: Using ID,Classes and Div in CSS

08:21
Class 13: Text Properties in CSS

11:09
Class 14: Box Model CSS – Margin, Padding, Borders

26:27
Class 15: Display Properties in CSS

12:41
Class 16: Units in CSS

23:16
Class 17: Positions in CSS

30:33
Class 18: Flexbox Containers

21:07
Class 19: Flexbox Container Part 2

13:32
Class 20: Flexbox properties Part 3

14:49
Class 21: Media Query for responsive websites

10:41
Class 22: Transitions in CSS (Hover / Active Transitions)

12:49
Class 23: Transform in CSS – Rotate / Scale

07:35

Creating your first landing page with HTML & CSS

Implementation with WordPress – Specially in Elementor

Final Project – To be submitted by students

Student Ratings & Reviews

No Review Yet

30 Amazing days of HTML & CSS

About Course

What Will You Learn?

Course Content

Introduction & Basic Setup

Class 1: Intro to HTML & CSS – Setting up the environment

HTML Fundamentals

Class 2 Getting started with HTML & Basic HTML Document Structure

Class 3 More HTML tags – Getting deeper into HTML

Class 4 Attributes, Linking and Images

Class 5: Semantic vs Non-Semantic Tags

Class 6: Lists in HTML – Ordered vs Unordered Lists

Class 7: Tables in HTML

Class 8: Creating a Form in HTML

Class 9: Forms contd. & iframe codes

CSS Basics

Class 10: Introduction to CSS

Class 11: Color Systems in CSS

Class 12: Using ID,Classes and Div in CSS

Class 13: Text Properties in CSS

Class 14: Box Model CSS – Margin, Padding, Borders

Class 15: Display Properties in CSS

Class 16: Units in CSS

Class 17: Positions in CSS

Class 18: Flexbox Containers

Class 19: Flexbox Container Part 2

Class 20: Flexbox properties Part 3

Class 21: Media Query for responsive websites

Class 22: Transitions in CSS (Hover / Active Transitions)

Class 23: Transform in CSS – Rotate / Scale

Creating your first landing page with HTML & CSS

Implementation with WordPress – Specially in Elementor

Final Project – To be submitted by students