Let's learn HTML and CSS in a visual way with this full course. We will create a portfolio website which you can use as your own and we will go through almost all the modern html and css functionality.

Here's the code on github - https://github.com/desech/tutorial-ht...

00:00:00 - Introduction 00:00:40 - Prerequisites 00:02:52 - Start 00:03:22 - Main HTML elements 00:05:09 - Block elements 00:07:24 - Popup reminder 00:08:02 - CSS code 00:10:02 - Text elements 00:12:05 - Block and text wrap-up 00:14:29 - CSS positioning columns 00:17:01 - CSS positioning rows 00:19:32 - Website structure 00:21:14 - Website header 00:26:01 - Attributes and copy/paste 00:28:04 - Margin and padding 00:32:49 - Header CSS 00:34:02 - Grid alignment 00:40:57 - Grid auto cells 00:42:44 - Grid cell span 00:46:31 - Grid areas 00:49:50 - Grid overview 00:51:10 - Grid cell unit measures 00:55:58 - Website header 00:57:19 - Fonts 01:00:30 - Font size and em/rem 01:03:46 - Text properties 01:08:46 - Backgrounds 01:21:30 - Border 01:27:33 - Back to website 01:28:08 - CSS inheritance 01:32:04 - Effects 01:45:25 - CSS selectors 01:51:02 - Website first main section 01:55:02 - Images 01:58:31 - File Manager 02:03:35 - Back to images 02:04:17 - Website first section 02:07:20 - CSS class components 02:10:36 - Animations 02:16:19 - Custom animations and custom code 02:20:26 - Transitions 02:23:35 - Website second section 02:28:44 - Website third section 02:33:59 - Min/max width/height 02:38:51 - Styling the third section 02:45:28 - Website fourth section 02:47:19 - Specificity 02:51:15 - Back to content section 02:56:41 - Website fifth section 02:59:01 - Website sixth section 03:06:49 - Elements panel 03:07:31 - Footer 03:12:47 - Links and scroll 03:14:12 - Responsive 03:26:40 - Responsive header 03:31:08 - Responsive first section 03:34:14 - Responsive second section 03:35:44 - Responsive third section 03:37:31 - Responsive fourth section 03:39:04 - Responsive fifth section 03:40:17 - Responsive sixth section 03:41:58 - Finish responsive 03:45:55 - New project, components 03:55:41 - Video 04:01:43 - Audio 04:03:04 - Iframe, object, viewport 04:05:03 - Forms 04:12:08 - Input field 04:17:47 - Select dropdown field 04:23:15 - Textarea 04:23:53 - Checkbox, radio 04:31:45 - Other form fields 04:36:51 - List elements 04:46:18 - List counters 04:51:14 - Definition list 04:52:27 - Text elements 04:55:35 - Table 05:00:22 - Inline text 05:05:41 - Pseudo classes 05:14:05 - Pseudo elements 05:16:00 - Finish selectors 05:22:56 - Flex 05:27:10 - Columns 05:30:56 - Position relative, absolute 05:37:11 - Outline 05:38:12 - Text advanced css 05:40:49 - SVG advanced css 05:44:32 - Finish