Website From Scratch HTML CSS Responsive Design

Laurence Svekis, Web technology Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
17 Lessons (1h 53m)
    • 1. Promo Video

      1:33
    • 2. 1 Website design course introduction

      2:32
    • 3. 2 Tools and Resources from Course

      4:21
    • 4. 3 Website Wireframe plan

      5:57
    • 5. 4 Build HTML Structure Layout

      8:40
    • 6. 6 Floating Elements

      11:36
    • 7. 7 Update header elements

      4:56
    • 8. 8 Build nav menu CSS

      7:20
    • 9. 10 Margins Padding Logo area update

      9:39
    • 10. 13 update styling nav menu updates

      10:08
    • 11. 14 Main wrapper update set selected item in menu

      7:02
    • 12. 15 Use jQuery to get URL page value

      9:00
    • 13. 16 jQuery Dynamic Classes

      5:18
    • 14. 18 Add web fonts Google Fonts to website

      2:21
    • 15. 19 select page styling

      10:12
    • 16. 20 Images products resize

      8:31
    • 17. 21 Course Summary

      3:58

Project Description

Use the source code to create your own project to post on jsfiddle or codepen.   Share links to your projects and examples of modifications you have done and learned from the lessons

Student Projects