What do i need to create single page website like this?

Question

I found this website and impressed on it https://kvellhome.com/

what technology do I need if I want to create a website like that

• Is it Ajax? (I tried to remove some article but it can reload itself when I changed article back)

• HTML5 history (I found that it can reach by direct link)

Answer 1

Ok, I think this can guide you to the right direction.

1- the homepage is a simple landing page that usese some animations to change colors and display text.

2 - when clicking on discover, it slides on the right and initialize a second slider that uses the projects's name as navigation dots (can easily be done using css pseudo elements using data attribute as content)

3 - you click on the project itself and it load a parallax page for that specific project.

Menu | contacts | about are pretty simple, they are pages on their own.

Some libraries you could possibly use:

fullscreenjs (to create the fullscreen pages and sliders. the home page can be the first slider and then on the second page you initialize a slider inside a slider (so that the animation to the right looks like the one on the website you provided)

animatecss to animate stuff

parallax for all the parallax effects

I think this is personal preference, but if I had to do a website like that, I will tackle it this way. Hope it helps