How do I create a navbar and background like this?

General
4

https://www.w3schools.com/howto/howto_css_parallax.asp This will show you how to do the effect with images.

For keeping the nav bar at the top I used javascript to check when the user scrolls below the navbar, then setting the nav top to the scrollY value. If the user scrolls above a certain position I set the nav top to its beginning position.

https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY
https://developer.mozilla.org/en-US/docs/Web/Events/scroll

EDIT: Sorry I don’t use Bootstrap much.

How can I make my navigation bar fixed but on specific sections on my webpage?