<div class="section my-4 py-5 clearfix nobottommargin bg-white">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="row align-items-stretch align-items-center clearfix">
                    <div class="col-md-7" style="background: url('<?= theme("assets/shop/images/sections/3.jpg");?>') center center no-repeat; background-size: cover;">
                        <div class="vertical-middle pl-5">
                            <!--                                    <h2 class="pl-5"><strong>Confira</strong><br>Condições<br> Especiais</h2>-->
                        </div>
                    </div>
                    <div class="col-md-5 bg-gray">
                        <div class="card noborder py-2 bg-gray">
                            <div class="card-body bg-gray">
                                <h3 class="card-title mb-4 ls0">Inscreva-se em nossa newsletter.</h3>
                                <p>Estamos cadastrando revendedores e profissionais de decoração com condições especiais de lançamento.</p>
                                <p>Solicite sua amostra!</p>
                                <!--                                        <ul class="iconlist ml-3">-->
                                <!--                                            <li><i class="icon-circle-blank text-black-50"></i> Receive Exclusive Sale Alerts</li>-->
                                <!--                                            <li><i class="icon-circle-blank text-black-50"></i> 30 Days Return Policy</li>-->
                                <!--                                            <li><i class="icon-circle-blank text-black-50"></i> Cash on Delivery Accepted</li>-->
                                <!--                                        </ul>-->
                                <a href="#myModal1" data-lightbox="inline" class="button button-rounded ls0 t600 ml-0 mb-2 nott px-4">Se inscreva</a><br>
                                <small class="font-italic text-black-50">Não divulgamos seu email!</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<div class="modal1 mfp-hide subscribe-widget" id="myModal1">
    <div class="block dark divcenter" style="background: url('<?= theme("assets/images/modal1.jpg")?>') no-repeat; background-size: cover; max-width: 700px;" data-height-xl="400">
        <div style="padding: 50px;">
            <div class="heading-block nobottomborder bottommargin-sm" style="max-width:500px;">
                <h3>Inscreva-se</h3>
                <span>Se inscreva em nossa newsletter para ter acesso às nossas melhores promoções e conteúdo exclusivo.</span>
            </div>
            <div class="widget-subscribe-form-result"></div>
            <form class="widget-subscribe-form2" action="<?= url("newsletter")?>" method="post" style="max-width: 350px;">
                <input type="email" id="widget-subscribe-form2-email" name="email" class="form-control form-control-lg not-dark required email" placeholder="Seu melhor email">
                <input type="hidden" name="action" value="newsletter">

                <button class="button button-rounded button-border button-light noleftmargin" type="submit" style="margin-top:15px;">Inscrever-se</button>
            </form>
            <p class="nobottommargin"><small><em>*Seu email não será divulgado em listas de email</em></small></p>
        </div>
    </div>
</div>