How to make a landing page divided into 2 categories?

Question

css

Hello, maybe you have an example of a landing page where there are 2 buttons on the main screen:
[I'm a BUYER] [I'm a SELLER]
and when you click on the [I'm a buyer] button below, the rest of the site is loaded for buyers and similarly with [I'm a seller]
Or tell me how it can be implemented. Thanks:)

Answer 1

Do this: when the site loads, the seller and buyer blocks have display:none. And when you click where you need to change this property through jquery.

Answer 2

I'm afraid the division into two categories breaks the idea of ​​landing pages a bit. As well as loading content with ajax, etc. It is best to make everything on one page (no uploads), and show the user the part that he has chosen (buyer / seller), but the text goes as if it were one.

Answer 3

Jikveri onclick slideup .
Actually it's shitty. Because a person opens a page, starts scrolling and sees nothing. Make either a parallel statement or a block for the buyer, and below for the seller. In this case, you can make two buttons in the header and scroll depending on the button pressed to the part for the buyer / seller.