A modal is a web page element that displays in front of and deactivates all other page content. it is a popup box that is displayed on top of current website. To return to the main content, the user must engage with the modal by completing an action or by closing it.
A simple modal would consists of a modal header which has a title of the modal. A modal body which packs up the content of modal. And the modal footer which consists of some CTA.

Modal-Header

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Unde iste laudantium repellat nemo reiciendis fugit cum aut qui. Error corrupti inventore unde ut, nesciunt at consequuntur obcaecati perspiciatis quis sapiente ab reprehenderit repellendus soluta esse fuga voluptatibus dolore totam dolor.
Add the following javascript code in the script tag to make the opening and closing of modal work.
On This Page