Pop up inferior

Posted on: Jue, 16/09/2021 - 18:47 By: dalbarracin

 <style>
             .modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    height:auto;
    margin:auto;
    padding:0;
    left:0;
    bottom:0;
    width:100%;
    Z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    text-align:center;

}
.modalDialog:target {
    opacity:1;
pointer-events: auto;
}
.modalDialog &gt; div {
    
     width: 100%;
    color:#7C4C8A;
    background: #D8C6E0;
     -webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
    font-size:1.2em;
    padding-right:25px;
}
.close {
    background: #ffffff;
    color: #666;
    
    line-height: 25px;
    position: absolute;
    right: 12px;
    text-align: center;
    top: 12px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    
   
}
.close:hover { background: #ccc; border:solid 1px #000000; }
         </style>
      <a href="#openModal" style="display:none"/>
      <div id="openModal" class="modalDialog">
        <div>
          <br/>
          <br/>
          <a href="#close" title="Close" class="close">X</a>
          <p> ¡Aprovecha los últimos días de inscripción al curso <strong>Embajadores de la Inclusión!</strong> Haz click aquí para adquirirlo  &amp;gt;     <a class="btn  btn-gamma" href="https://www.cursosintegralis.org/shop/product/embajadores-de-la-inclusion-16762">Inscribite</a></p>
          <br/>
        </div>
      </div>
      <br/>
      <br/>
      <script>function openPopup() {
  window.location.hash = 'openModal';
}

window.onload = openPopup;</script>