Website Design Build a single Page Website Parallax site

Laurence Svekis, Web technology Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
24 Lessons (2h 13m)
    • 1. Website Design Build a single Page Website Parallax site

      2:04
    • 2. 1 Parallax Single Page Site Introduction

      2:53
    • 3. 2 Course Resources

      7:35
    • 4. 3 Create Wireframe of Website

      6:08
    • 5. 4 HTML structure create Navmenu

      5:28
    • 6. 5 Creating HTML sections

      5:08
    • 7. 7 Placeholder content

      3:18
    • 8. 8 Apply CSS to HTML

      4:26
    • 9. 9 How to create a Navbar from UL

      8:08
    • 10. 10 Full page size sections and background defaults

      6:05
    • 11. 11 Add background images

      4:46
    • 12. 12 Make your text standout

      4:59
    • 13. 13 Tweaking the navbar for responsive effects

      8:02
    • 14. 14 Responsive Updates and Fixes

      8:23
    • 15. 15 Navbar for small screens

      3:25
    • 16. 16 Adding Footer and updating sections

      7:36
    • 17. 18 Adding jQuery create event triggers

      7:09
    • 18. 19 jQuery binding window events

      3:12
    • 19. 20 Adding icon library

      2:33
    • 20. 21 Animate Scrolling with jQuery

      8:31
    • 21. 22 Slidemenu up jQuery

      3:08
    • 22. 23 Add Parallax effect

      6:37
    • 23. 24 Create a Contact Form

      9:56
    • 24. 25 Single Page Parallax site summary

      3:14

Project Description

Create your own version post links and your updated code.  Share URLs and web source code that you created from the lessons within this course

Student Projects