DIGITAL AGENCY WEBSITE WITH CSS FLEXBOX AND JQUERY

John Smilga

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
38 Lessons (6h 14m)
    • 1. 001 fa project intro

      5:35
    • 2. 001 fa project setup custom

      0:55
    • 3. 001 fa project setup

      9:26
    • 4. 2 fa preloader

      6:26
    • 5. 3 fa banner title

      13:54
    • 6. 4 fa header video

      9:42
    • 7. 5 fa video overlay

      3:52
    • 8. 6 fa header nav navbar html

      4:46
    • 9. 8 fa navBtn css

      7:07
    • 10. 9 fa navbar css

      7:46
    • 11. 10 fa navbar js

      2:37
    • 12. 11 fa social links html

      2:54
    • 13. 12 fa social icons css

      5:42
    • 14. 13 fa video toggle btn html css

      10:42
    • 15. 14 fa video toggle btn js

      4:52
    • 16. 15 fa services html

      10:07
    • 17. 16 fa services css

      17:05
    • 18. 17 fa contact section

      15:37
    • 19. 18 fa projects html

      8:37
    • 20. 19 fa projects css

      15:03
    • 21. 20 fa projects magnific

      7:43
    • 22. 21 fa progress html

      8:52
    • 23. 22 fa progress css

      13:49
    • 24. 23 fa about html

      13:49
    • 25. 24 fa about css

      17:00
    • 26. 25 fa about js

      7:31
    • 27. 26 fa numbers section

      11:27
    • 28. 27 fa team html

      11:25
    • 29. 28 fa team css

      19:57
    • 30. 29 fa team js

      16:51
    • 31. 30 fa pricing html

      9:56
    • 32. 31 fa pricing css

      14:20
    • 33. 32 fa blog html

      5:42
    • 34. 33 fa blog css

      14:59
    • 35. 34 fa quotes html

      7:37
    • 36. 35 fa quotes css

      10:09
    • 37. 36 fa quotes owl

      8:45
    • 38. 37 fa map section

      11:34

About This Class

135df79d

Two fundamental languages of the web are HTML, CSS and

Html is used for structure, CSS is used for styling.

Everyone who has ever worked with CSS knows  it's biggest flaw - no layout support.

CSS Flexbox  fixes that by providing simple yet powerful solutions.

Reasons to Use CSS Flexbox 

Number One - create more advanced layouts

Number Two - write less code

Number Three - avoid using CSS hacks

Number Four - forget CSS floats ever existed

Number Five (this should be number one) - have fun while doing it.

This step by step course is intended for everyone who wants to start working with CSS Flexbox 

A basic knowledge of HTML, CSS would be preferred. 

We will cover what is CSS Flexbox , how to add CSS Flexbox  to our projects, how to start working with CSS Flexbox  and step by step we will cover CSS Flexbox  syntax. After that we will dive deep into world of CSS Flexbox and  by creating interesting website projects (small and big) because learning the syntax is only the first step - IF YOU WANT TO BECOME CSS FLEXBOX  NINJA - you need to know how to implement CSS Flexbox and  in real world situations.