Html & CSS tutorial

In this course we will learn everything you need to know about HTML and CSS. This course includes all modern topics such as flexbox, grids, sass. Overall Content of this course is SETUP TOOLS HTML CSS BASICS CSS POSITIONS AND FLOAT LAYOUT CREATE WEBSITE USING FLOAT RESPONSIVE WEB DESIGN FLEXBOX CREATE WEBSITE USING FLEXBOX CSS ANIMATIONS CSS GRID CREATE WEBSITE USING GRID SASS CREATE WEBSITE USING SASS WEBSITE DEPLOYMENT USE FIGMA TO CREATE UI DESIGNS I hope you will enjoy this course.

Beginner 0(0 Ratings) 73 Students enrolled
Created by Internee .pk Last updated Tue, 03-Sep-2024 English
What will i learn?
  • knowledge of Html CSS.

Curriculum for this course
100 Lessons 13:04:34 Hours
HTML
31 Lessons 02:47:29 Hours
  • HTML 00:02:45
  • What is HTML and CSS 00:04:52
  • Download and Install VsCode 00:01:59
  • VsCode Brief Tour 00:04:19
  • Chapter 2 Objective 00:01:32
  • Structure of HTML Page 00:06:26
  • Shortcut to write HTML starter Code 00:02:43
  • HTML Heading, paragraph , line breaks 00:07:10
  • Useful Extension 00:03:57
  • Exercise 1 00:00:37
  • Exercise 1 solution 00:01:45
  • Add links to your website 00:06:40
  • HTML Exercise 2 00:00:53
  • Exercise 2 Solution 00:03:03
  • HTML Images 00:08:21
  • HTML list 00:05:17
  • Some HTML tags for text formatting 00:04:12
  • Tables 00:05:19
  • HTML Form Part1: Input and Labels 00:09:20
  • HTML Form Part2: Action, Method, Name 00:06:23
  • HTML Form : Placeholder and Required 00:02:29
  • HTML Form : Radio Button 00:04:26
  • HTML Form : Dropdown List 00:04:14
  • Some more HTML Form elements 00:03:10
  • Exercise 3 00:01:02
  • ID and Classes 00:08:04
  • Div and Span Tag 00:08:55
  • What are HTML5 Semantic Elements 00:08:55
  • HTML Entities 00:04:03
  • Some HTML Meta Tags 00:04:00
  • Complete HTML Tutorial In One Video 00:30:38
  • CSS Fundamentals (Chapter 3 Objective) 00:01:41
  • What is CSS 00:04:27
  • Different Ways to Apply CSS 00:06:50
  • CSS Fonts 00:09:03
  • CSS Colors 00:07:47
  • Very Basic CSS Selectors 00:07:17
  • CSS Utility Classes & ID vs Classes 00:05:29
  • CSS Exercise 1 00:01:31
  • CSS Exercise 1 Solution 00:16:51
  • More CSS Selectors 00:16:48
  • CSS Attribute Selector 00:10:18
  • Get Familiar With Chrome Developer Tool 00:12:30
  • CSS Specificity Part 2 00:09:49
  • CSS Border 00:11:30
  • CSS Box Model 00:13:28
  • CSS Exercise 2 With Solution 00:08:23
  • CSS Margin Collapsing 00:04:12
  • Inline vs Block level Elements 00:12:25
  • Img element is different from other inline elements 00:03:52
  • Inline Block Display 00:05:25
  • CSS Exercise 3 (Must Try) 00:04:38
  • CSS Exercise 3 solution 00:11:36
  • CSS | Box Sizing: Border Box 00:10:30
  • Default Browser Styles and CSS Reset 00:04:41
  • CSS Inheritance 00:06:41
  • CSS Text Align Property 00:04:37
  • CSS Text Align Property 00:04:37
  • CSS Font Weight Property 00:07:57
  • CSS More Text Related Properties 00:05:57
  • CSS Pseudo Classes 00:08:50
  • pseudo class part 2 | Input Field Related 00:03:39
  • CSS | First child & first of type Pseudo Class 00:06:08
  • CSS | Last child & Last of type pseudo class 00:03:09
  • CSS | nth child & nth of type pseudo class 00:10:52
  • CSS | :root , :not and :empty Pseudo Classes 00:09:15
  • CSS | : :first-letter, ::first-word, ::selection Pseudo Elements 00:03:22
  • ::before & ::after Pseudo Elements 00:07:54
  • CSS IMPORTANT FUNDAMENTAL CONCEPTS IN ONE VIDEO 01:20:39
  • Objective of Chapter 4 00:01:03
  • CSS absolute Units 00:05:56
  • Understand % in CSS 00:11:14
  • Understand Rem unit in CSS 00:08:10
  • Understand em in CSS 00:07:09
  • em vs rem vs px 00:06:55
  • Viewport Units(vh, vw, vmin, vmax) 00:11:31
  • CSS Floats and Clear Explained 00:19:49
  • CSS Positions | Static, Relative, Absolute, Fixed, Sticky, Z-index 00:18:20
  • CSS PROJECT 1 OVERVIEW 00:03:28
  • CSS PROJECT 1 PART 2 ( PROJECT FOLDER STRUCTURE) 00:04:45
  • CSSP1 #3 CSS Background Image 00:13:48
  • CSSP1 #4 Navbar HTML 00:05:13
  • CSSP1 #5 Navbar CSS 00:07:17
  • CSSP1 #6 Utility Classes & Improve Navbar 00:23:30
  • CSSP1 #7 Container Utility Class 00:07:33
  • CSSP1 #7 Container Utility Class 00:07:33
  • CSSP1 #8 Link Hover 00:02:13
  • CSSP1 #9 Header Content Html 00:11:26
  • CSSP1 #10 Center Things in CSS 00:06:42
  • CSSP1 #11 Showcase Section HTML | Places Section 00:13:30
  • CSSP1 #12 Improve Showcase 00:09:00
  • CSSP1 #13 add button 00:07:49
  • CSSP1 #14 button hover 00:02:52
  • CSSP1 #15 Box Shadow 00:07:09
  • CSSP1 #16 feature section html 00:03:32
  • CSSP1 #17 Features section css 00:10:13
  • CSSP1 #18 Add Icons to Website 00:06:31
  • CSSP1 #19 Footer HTML 00:03:14
  • CSSP1 #20 Footer CSS 00:03:17
  • CSSP1 #21 Explore Places Button 00:01:45
Requirements
  • no requirments
+ View more
Description

In this course we will learn everything you need to know about HTML and CSS. This course includes all modern topics such as flexbox, grids, sass. Overall Content of this course is SETUP TOOLS HTML CSS BASICS CSS POSITIONS AND FLOAT LAYOUT CREATE  WEBSITE USING FLOAT RESPONSIVE WEB DESIGN FLEXBOX CREATE WEBSITE USING FLEXBOX CSS ANIMATIONS CSS GRID CREATE WEBSITE USING GRID SASS CREATE WEBSITE USING SASS WEBSITE DEPLOYMENT USE FIGMA TO CREATE UI DESIGNS I hope you will enjoy this course.

+ View more
Other related courses
About the instructor
  • 6 Reviews
  • 267 Students
  • 11 Courses
+ View more
Internee.pk kickstart student's tech careers with first internships, providing industry exposure, practical skills, and networking opportunities, paving the way for their success in the tech industry.

The ultimate platform designed to turbocharge the IT sector in Pakistan! We recognize the immense potential of talented individuals in the country and aim to bridge the gap between them and the thriving IT industry. Internee.pk offers a comprehensive range of virtual internship opportunities exclusively in the IT field.

Student feedback
0
Average rating
  • 0%
  • 0%
  • 0%
  • 0%
  • 0%
Reviews
Free
Includes:
  • 13:04:34 Hours On demand videos
  • 100 Lessons
  • Access on mobile and tv
  • Full lifetime access
  • Compare this course with other