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, table{
- background: #f3f3f3;
- padding: 50px;
- font-family: "Arial";
- }
- .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;
- 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;
- }
- button{
- text-align: center;
- width: 270px;
- height: 52px;
- border-radius: 30px;
- border: none;
- margin: auto;
- display: block;
- font-size: 1em;
- background: #00C4CB;
- color: #fff;
- font-weight: bold;
- }
- .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;
- }
- .blue-offert{
- text-align: center;
- display: block;
- margin-bottom: 25px;
- font-size: 2em;
- font-weight: bold;
- letter-spacing: 7px;
- color: #00C4CB;
- }
- .recomendations .row{
- margin-bottom: 20px;
- }
- .recomendations .col-1{
- width: 49%;
- display: inline-block;
- vertical-align: middle;
- text-align: center;
- }
- .recomendations .col-2{
- width: 49%;
- display: inline-block;
- vertical-align: middle;
- text-align: center;
- }
- span.box-text{
- font-weight: bold;
- color: #000;
- display: block;
- margin-top: 7px;
- }
- 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;
- }
- @media (min-width: 700px) and (max-width: 799px) {
- .white-box{
- padding: 50px 40px;
- }
- }
- @media (min-width: 600px) and (max-width: 699px) {
- .white-box{
- padding: 50px 40px;
- }
- .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;
- }
- .mail-title{
- font-size: 1.5em;
- }
- .list-text{
- width: 82%;
- }
- .star{
- width: 100%;
- }
- span.box-text{
- font-size: .9em;
- }
- }
- @media (max-width: 499px) {
- table, body{
- padding: 25px;
- }
- a.button{
- width: 240px;
- }
- .white-box{
- padding: 50px 40px;
- }
- .mail-title{
- font-size: 1.2em;
- }
- .list-container{
- padding-left: 0;
- }
- .list-text{
- width: 82%;
- }
- .star{
- width: 100%;
- }
- .unsubscribe-text{
- width: 100%;
- }
- .sing-experience-text{
- font-size: 0.9em;
- }
- span.box-text{
- font-size: .8em;
- }
- .ks-team-menber .lucero-img{
- width: 35%;
- }
- .lucero-description{
- width: 59%;
- }
- }
- @media (min-width: 420px) and (max-width: 450px){
- .ks-team-menber .lucero-img{
- width: 36%;
- }
- .lucero-description{
- width: 58%;
- }
- }
- </style>
- </head>
- <body>
- <table width=100% bgColor=#f3f3f3>
- <div class="logo"></div>
- <div class="white-box">
- <h1 class="mail-title"><span class="name-color">Andrea,</span> queremos que te diviertas cantando donde sea</h1>
- <p class="mail-subtitle">Descubre lo que tenemos para ti</p>
- <div class="recomendations">
- <div class="row">
- <div class="col-1">
- <img style="width: 100%;" src="https://ks-email.s3-sa-east-1.amazonaws.com/mailing_flujo_interactivo/2000s-preview.jpg">
- </div>
- <div class="col-2">
- <img style="width: 70%;" src="https://ks-email.s3-sa-east-1.amazonaws.com/mailing_flujo_interactivo/playlist-title.png">
- <span class="box-text">2000's</span>
- </div>
- </div>
- <div class="row">
- <div class="col-1">
- <img style="width: 70%;" src="https://ks-email.s3-sa-east-1.amazonaws.com/mailing_flujo_interactivo/artist-title.jpg">
- <span class="box-text">Kendrick Lamar</span>
- </div>
- <div class="col-2">
- <img style="width: 100%;" src="https://ks-email.s3-sa-east-1.amazonaws.com/mailing_flujo_interactivo/artista-img.jpg">
- </div>
- </div>
- <div class="row">
- <div class="col-1">
- <img style="width: 100%;" src="https://ks-email.s3-sa-east-1.amazonaws.com/mailing_flujo_interactivo/genre-img.jpg">
- </div>
- <div class="col-2">
- <img style="width: 70%;" src="https://ks-email.s3-sa-east-1.amazonaws.com/mailing_flujo_interactivo/genre-title.jpg">
- <span class="box-text">Pop</span>
- </div>
- </div>
- </div>
- <h2 class="sing-experience-text">¡Vuélvete Premium <br>y vive una nueva experiencia de canto!</h2>
- <span class="blue-offert">70% OFF</span>
- <a class="button">Quiero ser Premium</a>
- </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>
- </table>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement