0
8 (800) 300-50-20
Время работы: 09:00-18:00 Пн.-Вт.
  • 0
  • 0
  • 0

Модальное окно

Открыть модальное окно

HTML код для вставки на страницу в режиме HTML вставки.

<a href="#modalwindow">Открыть модальное окно</a>
<div id="modalwindow" class="modal">
    <div class="modal__body">
        <p>В Достависте Вы всегда сможете заказать курьера на замену. В течение 1-2 часов он будет у Вас. В любое время суток. Без бюрократии и выматывающих звонков диспетчеру. Просто заполните форму заказа курьерской службы!
        </p>
        <p>В Достависте Вы всегда сможете заказать курьера на замену. В течение 1-2 часов он будет у Вас. В любое время суток. Без бюрократии и выматывающих звонков диспетчеру. Просто заполните форму заказа курьерской службы!

        </p>
    </div>
    <a href="#" class="modal__full"></a>
</div>


CSS код для вставки в user.html

.modal {
    	position: fixed;
    	display: none;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
    	z-index: 200;
    	background: rgba(0, 0, 0, 0.7);
    	pointer-events: none;
	}
	.modal:target {
    	display: flex;
    	pointer-events: auto;
	}
	.modal__body {
    	position: relative;
    	z-index: 200;
    	display: block;
    	margin: auto;
    	padding: 15px;
    	background: #ffffff;
    	max-width: calc(100vw - 200px);
	}
	@media screen and (max-width: 900px) {
        	.modal__body {
        		max-width: calc(100vw - 50px);
        	}
	}
	.modal__full {
    	position: absolute;
    	display: block;
    	z-index: 0;
    	width: 100%;
    	height: 100%;
}