<div style="
position: relative;
">
<img src="{{ asset('img/subscribe-popup2.png') }}" alt="Подписка" style="width: 90%;" width="970" height="540">
<form action="{{ path('add_subscriber') }}" id="js-subscribe-form-popup">
<input type="email" name="email" placeholder="Введите email" style="
position: absolute;
padding-left: 12px;
bottom: 134px;
left: 34px;
width: 298px;
border: 1px solid #5fc6d3;
height: 38px;
border-radius: 4px 0 0 4px;
">
<button type="submit" style="
position: absolute;
color: white;
bottom: 134px;
left: 331px;
border: 1px solid #0da9be;
height: 38px;
font-weight: 700;
font-size: 16px;
background-color: #0da9be;
width: 125px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
text-align: center;
">Подписаться
</button>
<input type="checkbox" id="js-subscribe-popup-agree" style="
bottom: 100px;
position: absolute;
display: block;
width: 16px;
height: 16px;
cursor: pointer;
left: 34px;
">
<input type="hidden" class="g-recaptcha-response" name="g-recaptcha-response"/>
</form>
<a href="#" target="_blank" style="
position: absolute;
bottom: 80px;
left: 55px;
font-size: 14px;
font-weight: 600;
color: #a3a7b8;">Политика конфиденциальности</a>
<span href="#" style="
position: absolute;
bottom: 98px;
left: 55px;
font-size: 15px;
font-weight: 400;
color: #a3a7b8;
">Я согласен получать рассылку от Перина Перони</span>
<span style="
position: absolute;
top: 122px;
left: 35px;
font-size: 33px;
font-weight: 700;
line-height: 1.3;
text-align: center;
">Подписывайтесь<br> на рассылку и получайте <br><span style="color: red;
font-size: 36px;
text-transform: uppercase;">скидку 20%</span> <br>на первый заказ</span>
</div>
<script>
document.addEventListener("DOMContentLoaded", function (event) {
});
</script>