Можете посмотреть на любой пример создания модального окна. Самое главное вам научиться по клику выводить блок, который будет выше всех остальных окон по z-index. А сам уже внешний вид тут вторичен, ибо настраивается по вкусу.
Для удобства, с помощью JS можно менять блоку класс. Изначально у модалки класс, который скрывает (например с display: none), а при клике просто менять на класс, где будет display: block. Это чисто как пример.
По поводу примеров:
https://codepen.io/brycesnyder/pen/JGOwwX — это на чистом CSS
