Name: Learn HTML & CSS – Full Course for Beginners
Availability: InStock

Course content

Section 1: Introduction

0 / 20 71 min
- Introduction Preview 1:32
- 1: Welcome to the HTML & CSS Course 2:40
- 2: HTML Tags 3:21
- 3: Write a news article 2:10
- 4: The image tag 5:00
- 5: Nesting 2:50
- 6: Internet superpowers 5:01
- 7: Interactive elements 2:03
- 8: Interactive elements 5:00
- 9: Let 3:51
- 10: Aside 4:36
- 11: Add an anchor tag to Google.com 1:39
- 12: Proper document structure 5:46
- 13: Aside: Lists 3:58
- 14: Build a personal Website 8:48
- 15: Deploy your Personal Website 3:15
- 16: HTML Recap 1:36
- 1: Let 1:00
- 2: Write your first lines of CSS! 4:17
- 3: Write your first lines of CSS! Solution 3:36
Section 2: Part 2: 4: Let

0 / 20 66 min
- 4: Let 1:57
- 5: Link to the CSS file 2:39
- 6: Set the width of the elements 2:09
- 7: Inline vs block elements 2:18
- 8: Margin top 1:16
- 9: Divs rule the world 2:05
- 10: CSS classes 3:57
- 11: Aside 5:57
- 12: Add space between our elements 1:08
- 13: Aside 3:27
- 14: Centering our content 1:22
- 15: Aside 5:22
- 16: Aside 5:10
- 17: Aside challenge 5:03
- 18: Fix the input field 4:46
- 19: Center the button 2:20
- 20: Style the button 4:31
- 21: Why we can 4:29
- 22: Aside 3:43
- 23: Centering both buttons with flexbox 2:55
Section 3: Part 3: 24: Google clone recap

0 / 20 57 min
- 24: Google clone recap 2:07
- 1: Building your digital business card 1:00
- 2: Fix the image path 2:56
- 3: Add alt attribute 4:28
- 4: Make image smaller 1:16
- 5: Add a border and padding 3:50
- 6: Aside 3:41
- 7: Flex item containers 1:40
- 8: Add a utility class 3:13
- 9: Justify the items 2:09
- 10: Center the card 2:00
- 11: Aside 4:18
- 12: Center the text via inheritance 3:01
- 13: Add colors 3:25
- 14: Web 5:09
- 15: Aside 4:03
- 16: Use the margin & padding shorhands 1:17
- 17: Deploy your Digital Business Card 4:50
- 18: Business Card Recap 2:01
- 1: Let 1:00
Section 4: Part 4: 2: Add a background image from unsplash

0 / 20 65 min
- 2: Add a background image from unsplash 4:00
- 3: Center elements and Style button 3:18
- 4: Add a Google font 4:22
- 5: @font 2:05
- 6: Aside 3:58
- 7: Add an underline using a span 1:50
- 8: Use an ID for the logo 4:24
- 9: Replace the jpg with a webp 2:34
- 10: Choose a color palette from an image 2:53
- 11: Add the terms & conditions section 3:59
- 12: Aside 6:00
- 13: Improving the readability with text shadows 2:00
- 14: Space 1:45
- 1: Let 1:11
- 2: Add basic header styling 3:34
- 3: Set the colors 1:26
- 4: Add shadow on text 3:21
- 5: We have a problem that flexbox can fix 2:36
- 6: Aside 6:03
- 7: Aside 4:29
Section 5: Advanced Topics

0 / 19 61 min
- 8: Turn the header into a flexbox 1:44
- 9: Fix date and age design 4:10
- 10: Create the first gift 5:20
- 11: Replace the img with a div 4:18
- 12: Aside 2:54
- 13: Add the hover effect 2:09
- 14: Create the next GIFt 4:22
- 15: Create two more GIFts 2:36
- 16: Create the final GIFt 3:23
- 17: Add the footer 3:40
- 18: Add a background gradient 3:28
- 19: Personalize the Birthday GIFt Site 1:39
- 20: Use GitHub Desktop to publish your Birthday GIFt Site 5:19
- 21: Deploying your Birthday GIFt Site 1:01
- 22: Use VS Code to edit your Birthday GIFt 4:51
- 23: GIFt site recap 1:53
- 1: It 2:18
- 2: Solo Project 4:07
- 3: Congrats on completing the course! 1:50

Enroll to watch this lesson

Get full lifetime access to all course material.

Enroll now