More details in clicking on a div

Question

How can I create a div with lesser details and when clicked it links to another page of more details of that div. The way it occurs in that link I posted
https://hoverboard-master.web.app/speakers/

Answer 1

Thank you very much for your detailed answer. But sadly I don't know Php and node.js. I was thinking some kind of Javascript combined with css can do that.

Answer 2

You're gonna need a well structured database for that with unique id for each entry.

Basically what you can do is:
If you're not using(don't know how to use) anything like php or node.js, then you have to learn it first because you're gonna need a server side language for making database calls.

Create the first page and make a request to database and once you get all data then display it.
You have to wrap all that data around in an <a> tag so that you can click on it and move to a new page. That <a> tag should be pointing to second page with id of each entry.
Like: second.php?id=dataId.

On the second page you can retrieve that id from url and again make request to database but this time with a condition where you check that your id and data id are same. Once you get it back then display it.