Mensaje emergente html css con nota y boton
DISCULPE
En el modo DEMO los accesos son limitados, por favor adquiera uno de nuestros paquetes para poder usar todas las funciones.
Y emprenda su propia Compañía Multinivel.
Nosotros te ayudaremos a lograr tus metas.
<script>
<!--
document.write(unescape("%3C%21DOCTYPE%20html%3E%0A%3Chtml%20lang%3D%22en%22%3E%0A%3Chead%3E%0A%20%20%20%20%3Cmeta%20charset%3D%22UTF-8%22%3E%0A%20%20%20%20%3Cmeta%20http-equiv%3D%22X-UA-Compatible%22%20content%3D%22IE%3Dedge%22%3E%0A%20%20%20%20%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%2C%20initial-scale%3D1.0%22%3E%0A%20%20%20%20%3Ctitle%3Eedit_mail_content-28.html%3C/title%3E%0A%3C/head%3E%0A%3Cbody%3E%0A%20%20%20%20%0A%3Cstyle%3E%0A%20%20%20%20.window-notice%20%7B%0A%20%20%20%20background%3A%20rgba%2833%2C%2041%2C%2052%2C%20.85%29%3B%0A%20%20%20%20left%3A%200%3B%0A%20%20%20%20bottom%3A%200%3B%0A%20%20%20%20right%3A%200%3B%0A%20%20%20%20top%3A%200%3B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20position%3A%20fixed%3B%0A%20%20%20%20z-index%3A%20999%3B%0A%7D%0A.window-notice%20.content%20%7B%0A%20%20%20%20background%3A%20%23fff%3B%0A%20%20%20%20border-radius%3A%202px%3B%0A%20%20%20%20box-shadow%3A%200%201px%203px%20rgba%2833%2C%2041%2C%2052%2C%20.75%29%3B%0A%20%20%20%20box-sizing%3A%20content-box%3B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20flex-direction%3A%20column%3B%0A%20%20%20%20margin%3A%20auto%3B%0A%20%20%20%20max-width%3A%20600px%3B%0A%20%20%20%20min-width%3A%20320px%20%21important%3B%0A%20%20%20%20overflow%3A%20hidden%3B%0A%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20padding%3A%202rem%3B%0A%20%20%20%20font-size%3A%201.3rem%3B%0A%7D%0A.btq%7B%0A%20%20%20%20background%3A%20rgb%28146%2C%20250%2C%20186%29%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20padding%3A%2010px%3B%0A%7D%0A.content-text%7B%0A%20%20%20%20font-size%3A%2015px%3B%0A%20%20%20%20font-family%3A%20arial%3B%0A%20%20%20%20text-align%3A%20justify%3B%0A%20%20%20%20width%3A%2080%25%3B%0A%7D%0A%3C/style%3E%0A%0A%20%20%20%20%3Cdiv%20class%3D%22window-notice%22%20id%3D%22window-notice%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22content%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22content-text%22%3E%3Ch1%3EDISCULPE%3C/h1%3E%20%3Cbr%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cb%3EEn%20el%20modo%20DEMO%20los%20accesos%20son%20limitados%2C%20por%20favor%20adquiera%20uno%20de%20nuestros%20paquetes%20para%20poder%20usar%20todas%20las%20funciones.%20%3Cbr%3E%3Cbr%3E%20Y%20emprenda%20su%20propia%20Compa%F1%EDa%20Multinivel.%20%3Cbr%3E%3Ci%3ENosotros%20te%20ayudaremos%20a%20lograr%20tus%20metas.%3C/i%3E%3C/b%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/div%3E%3Cbr%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22content-buttons%22%3E%3Ca%20href%3D%22backoffice.html%22%20id%3D%22close-button%22%3E%3Cbutton%20class%3D%22btq%22%3E%3Cb%3ECERRAR%3C/b%3E%3C/button%3E%3C/a%3E%3C/div%3E%0A%20%20%20%20%20%20%20%20%3C/div%3E%0A%20%20%20%20%3C/div%3E%0A%0A%3C/body%3E%0A%3C/html%3E"));
//-->
</script>
-----------------------------------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>edit_mail_content-28.html</title>
</head>
<body>
<style>
.window-notice {
background: rgba(33, 41, 52, .85);
left: 0;
bottom: 0;
right: 0;
top: 0;
display: flex;
position: fixed;
z-index: 999;
}
.window-notice .content {
background: #fff;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(33, 41, 52, .75);
box-sizing: content-box;
display: flex;
flex-direction: column;
margin: auto;
max-width: 600px;
min-width: 320px !important;
overflow: hidden;
position: relative;
width: 100%;
padding: 2rem;
font-size: 1.3rem;
}
.btq{
background: rgb(146, 250, 186);
border: none;
padding: 10px;
}
.content-text{
font-size: 15px;
font-family: arial;
text-align: justify;
width: 80%;
}
</style>
<div class="window-notice" id="window-notice">
<div class="content">
<div class="content-text"><h1>DISCULPE</h1> <br>
<b>En el modo DEMO los accesos son limitados, por favor adquiera uno de nuestros paquetes para poder usar todas las funciones. <br><br> Y emprenda su propia Compañía Multinivel. <br><i>Nosotros te ayudaremos a lograr tus metas.</i></b>
</div><br>
<div class="content-buttons"><a href="backoffice.html" id="close-button"><button class="btq"><b>CERRAR</b></button></a></div>
</div>
</div>
</body>
</html>
Comentarios
Publicar un comentario