html de bunu nasıl yapabilirim ?

<li class="menu-item"><a href="#0">Hakkımızda</a></li>

kodum bu

<div class="information message">  <h2>Information</h2>    <p>This is an 'information message' div. It helps people get to know the site a little better. </p></div>

butona tıklayınca bu pencere açılsın istiyorum
bunu nasıl yapabilirim ?

Wordpress kullandığınızı düşünerek yazıyorum.

- Menüler > Ekran Tercihleri(sağ üst) > Css sınıflarını açın.
- Hakkımızda menüsüne infoToggle classını verin.
- Altta ki kodu js dosyanıza ekleyin.

$( ".infoToggle" ).click(function() {
$(".information.message").slideToggle();
});

hocam kendi yazılımım , js dosyam bile yok içinde buna göre birdaha anlatır mısınız ?

https://getbootstrap.com/docs/4.4/components/modal/

local de değilse linki ilet pm ile bir bakayım o halde

Dışarıdan kaynak kullanabiliyorsan eğer https://sweetalert2.github.io/ sitesine bir bak derim sadece eklemen gereken 2 yada 3 tane kod var ardından da site içerisinden elde edebileceğin gibi bir kaç tane alert mesajını daha güzel bir şekilde yazdırabilirsin.

hocam bootstrap hakkında hiç bilgim yok, indirmem gerekiyor mu nasıl kullanırım çok araştırdım ama anlamadım bir türlü

Bootstrap dersleri diye arama yap, yazılanları okuyup ve videoları izleyerek öğrenebilirsin.

Kolay gelsin.