Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Vive Cantando</title>
- <link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap" rel="stylesheet">
- <style>
- body{
- background: #f3f3f3;
- padding: 50px;
- font-family: "Montserrat";
- }
- .logo{
- background-image: url("https://ks-email.s3-sa-east-1.amazonaws.com/mailing_flujo_interactivo/logo-negro.png");
- width: 255px;
- background-size: contain;
- height: 50px;
- background-repeat: no-repeat;
- margin: auto;
- }
- .white-box{
- background: #fff;
- padding: 50px 70px 0px;
- margin-top: 40px;
- margin-bottom: 40px;
- }
- .mail-title{
- font-weight: bold;
- text-align: center;
- color: #000;
- font-size: 2.46em;
- }
- .mail-title .name-color{
- color: #00C4CB;
- }
- .mail-subtitle{
- text-align: center;
- font-size: 1.2em;
- margin-bottom: 40px;
- }
- .list-container{
- padding-left: 20px;
- }
- .list-item {
- font-size: 1em;
- margin-bottom: 30px;
- list-style: none;
- color: #000;
- }
- .checklist-icon{
- background-image: url("https://ks-email.s3-sa-east-1.amazonaws.com/mailing_flujo_interactivo/Check.png");
- display: inline-block;
- height: 30px;
- background-repeat: no-repeat;
- background-size: contain;
- vertical-align: middle;
- margin-right: 26px;
- width: 6%;
- min-width: 20px;
- }
- .list-text{
- display: inline-block;
- width: 88%;
- vertical-align: middle;
- line-height: 23px;
- }
- .sing-experience-text{
- font-size: 1.2em;
- text-align: center;
- margin-top: 50px;
- margin-bottom: 30px;
- color: #000;
- }
- a.button{
- text-align: center;
- width: 270px;
- border-radius: 30px;
- border: none;
- margin: auto;
- display: block;
- font-size: 1em;
- background: #00C4CB;
- color: #fff;
- font-weight: bold;
- padding-top: 15px;
- padding-bottom: 15px;
- text-decoration: none;
- }
- .star{
- background-image: url("https://ks-email.s3-sa-east-1.amazonaws.com/mailing_flujo_interactivo/staryou.png");
- height: 260px;
- background-position: center 15%;
- background-repeat: no-repeat;
- width: 68%;
- margin: auto;
- margin-top: 35px;
- background-size: 110%;
- }
- .need-help-text{
- font-size: 1em;
- text-align: center;
- line-height: 25px;
- color: #000;
- margin-bottom: 40px;
- }
- .need-help-text span{
- display: block;
- font-weight: bold;
- }
- .ks-team-menber .lucero-img{
- background-image: url("https://ks-emails.s3-sa-east-1.amazonaws.com/promo/lucero.png");
- background-size: 60px;
- background-repeat: no-repeat;
- height: 60px;
- background-position: right;
- width: 45%;
- display: inline-block;
- }
- .lucero-description{
- width: 51%;
- float: right;
- line-height: 23px;
- font-size: 16px;
- color: #000;
- }
- .lucero-description p{
- margin: 0;
- margin-top: 9px;
- color: #000;
- }
- .lucero-description p span{
- display: block;
- font-weight: bold;
- }
- hr{
- margin-bottom: 40px;
- margin-top: 40px;
- }
- .follow-us-text{
- text-align: center;
- font-size: 1em;
- color: #000;
- opacity: 0.6;
- }
- .get-ks-text{
- text-align: center;
- color: #000;
- opacity: 0.6;
- margin-bottom: 30px;
- line-height: 23px;
- }
- .get-ks-text span{
- font-weight: bold;
- }
- .unsubscribe-text{
- text-align: center;
- width: 80%;
- margin: auto;
- margin-bottom: 30px;
- color: #000;
- opacity: 0.6;
- line-height: 23px;
- }
- .unsubscribe-text a{
- text-decoration: underline;
- font-weight: bold;
- color: #000;
- }
- .terms-and-conditions-text{
- text-align: center;
- color: #000;
- opacity: 0.6;
- line-height: 23px;
- }
- .terms-and-conditions-text a{
- text-decoration: underline;
- color: #000;
- }
- .copyright{
- text-align: center;
- margin-top: 30px;
- font-size: 0.8em;
- color: #000;
- opacity: 0.6;
- }
- .social-container{
- list-style: none;
- text-align: center;
- margin-top: 20px;
- margin-bottom: 20px;
- padding-left: 0;
- }
- .social-container li{
- display: inline-block;
- list-style: none;
- }
- .social-container li a{
- display: block;
- }
- .social-image{
- width: 30px;
- }
- .social-margin{
- margin-right: 10px;
- }
- @media (min-width: 700px) and (max-width: 799px) {
- .white-box{
- padding: 50px 40px 0px;
- }
- }
- @media (min-width: 600px) and (max-width: 699px) {
- .white-box{
- padding: 50px 40px 0px;
- }
- .list-text{
- width: 87%;
- }
- .mail-title{
- font-size: 2em;
- }
- .star{
- width: 82%;
- }
- }
- @media (min-width: 500px) and (max-width: 599px) {
- .white-box{
- padding: 50px 40px 0px;
- }
- .mail-title{
- font-size: 1.5em;
- }
- .list-text{
- width: 82%;
- }
- .star{
- width: 100%;
- }
- }
- @media (max-width: 499px) {
- body{
- padding: 25px;
- }
- .white-box{
- padding: 50px 25px 0px;
- }
- .mail-title{
- font-size: 1.2em;
- }
- .mail-subtitle{
- font-size: 0.9em;
- }
- .list-container{
- padding-left: 0;
- }
- .list-text{
- width: 74%;
- font-size: 0.9em;
- }
- .star{
- width: 100%;
- }
- .unsubscribe-text{
- width: 100%;
- }
- .sing-experience-text{
- font-size: 1em;
- }
- }
- </style>
- </head>
- <body>
- <div class="logo"></div>
- <div class="white-box">
- <h1 class="mail-title"><span class="name-color">Andrea,</span> estás a un paso de divertirte cantando</h1>
- <p class="mail-subtitle">Esto es lo que acabas de hacer:</p>
- <ul class="list-container">
- <li class="list-item"><span class="checklist-icon"></span><span class="list-text">Personalizar el contenido musical según tus preferencias.</span></li>
- <li class="list-item"><span class="checklist-icon"></span><span class="list-text">Crear tu cuenta para acceder en cualquier dispositivo.</span></li>
- <li class="list-item"><span class="checklist-icon"></span><span class="list-text">Crear tu perfil de usuario en la comunidad de canto.</span></li>
- </ul>
- <h2 class="sing-experience-text">¡Falta que vivas la experiencia de canto en tu TV!</h2>
- <a class="button">Conectarme a la TV</a>
- <div class="star"></div>
- </div>
- <p class="need-help-text">Si necesitas ayuda escríbenos al Whatsapp: <span>+51 941 410 822</span></p>
- <div class="ks-team-menber">
- <div class="lucero-img"></div>
- <div class="lucero-description">
- <p>Lucero de <span>Karaoke Smart</span></p>
- </div>
- </div>
- <hr>
- <div class="footert-section">
- <h3 class="follow-us-text">Síguenos:</h3>
- <ul class="social-container">
- <li><a target="_blank" href="https://www.facebook.com/karaokesmart.co/"><img class="social-image social-margin" src="https://ks-emails.s3-sa-east-1.amazonaws.com/promo/facebook.png"></a></li>
- <li><a target="_blank" href="https://www.instagram.com/karaokesmart/"><img class="social-image social-margin" src="https://ks-emails.s3-sa-east-1.amazonaws.com/promo/instagram.png"></a></li>
- <li><a target="_blank" href="https://www.youtube.com/channel/UCoE0MdrYjh1lWHm4_e5ef1w"><img class="social-image" src="https://ks-emails.s3-sa-east-1.amazonaws.com/promo/youtube.png"></a></li>
- </ul>
- <p class="get-ks-text">Obtén Karaoke Smart para: <span>IPhone</span> | <span>Android</span> | <span>Smart TV</span></p>
- <p class="unsubscribe-text">Recibes este correo porque te suscribiste a nuestra base de datos, puedes dejar de recibir nuestros correos <a target="_blank" href="https://karaokesmart.co">aquí.</a></p>
- <p class="terms-and-conditions-text"><a target="_blank" href="https://karaokesmart.co/termsAndConditions">Términos y condiciones</a> | <a target="_blank" href="https://karaokesmart.co/ayuda">Preguntas Frecuentes</a> | Contáctanos: 0800-76766</p>
- <p class="copyright">©2019 Karaoke Smart LLC., Delaware, USA</p>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement