Code your own portfolio – HTML & CSS basics

Aga Naplocha, Creative coder & designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
19 Lessons (3h 2m)
    • 1. Intro

      1:22
    • 2. HTML basics

      4:12
    • 3. First exercise in HTML

      13:01
    • 4. First steps with CSS

      11:52
    • 5. Playing with more CSS properties

      6:39
    • 6. Starting our portfolio project

      13:41
    • 7. Building remaining sections and elements in HTML

      13:06
    • 8. Web Typography

      9:14
    • 9. Placing elements on the defined grid

      21:40
    • 10. 1/2 Placing elements on the defined grid

      12:30
    • 11. 2/2 Placing elements on the defined grid – part 1.

      9:09
    • 12. Building the navigation

      15:54
    • 13. Tweaking the header

      10:31
    • 14. Adding background image and box shadow

      8:16
    • 15. Styling the list & project sections

      12:30
    • 16. Styling the footer

      4:37
    • 17. Styling navigation

      7:16
    • 18. CSS transition function

      5:21
    • 19. Summary of the course

      1:28
196 students are watching this class

Project Description

Please download the package.zip.

You're going to implement portfolio. I already prepared for you the layout and assets.  However, feel totally free to use your own colors, picture (of yourself!) and fonts. 

I can't wait to see you work!!! :) So it would be great if you could submit it to the Projects section. 

Resources(1)

Student Projects

project card
5 comments
project card
Sabrina Mattle
2 comments
project card
Griff
1 comment