Untitled

<!DOCTYPE html><html> <head> <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,700" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Nunito:300,400,500,700" rel="stylesheet" type="text/css"> <style>.wrapper{background: #f2f2f2; width: 100%; position: absolute; top: 0; left: 0; padding: 16px}.card{background: white; border-radius: 10px; min-height: 100px; box-shadow: 0px 0px 8px -2px #BABABA; display: grid; justify-content: center; padding: 24px}.card-logo{width: 100%; padding: 16px 0px; text-align: center}.card-title{font-size: 24px; padding: 16px 0px; width: 310px; height: 26px; font-size: 24px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.21; letter-spacing: 0.48px; text-align: left;}.success{color: #0dc179;}.accent{color: #f05323}.mutted{color: #707070;}.w-30{width: 350px;}.w-30-m{width: 380px; display: grid;}.centered{justify-self: center; margin: auto;}.SmartPass_Logo_Oficial{width: 148px; height: 20px; object-fit: contain;}.card-description{font-size: 14px; font-weight: normal; color: #707070; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left;}.card-subtitle{font-size: 18px; font-weight: normal; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left;}.faded-outline-button{min-height: 44px; width: 100%; background: none; border: 2px solid #f2f2f2; border-radius: 10px; color:#0dc179; font-weight: bold; text-align: center; font-size: 14px}.bold{font-weight: bold}.solid-outline-button{min-height: 44px; width: 100%; background: none; border: 2px solid #2f2f2f; border-radius: 10px; color:#2f2f2f; font-weight: bold; text-align: center; font-size: 14px}.sub-card{border: 2px solid #f2f2f2; border-radius: 8px; padding: 16px; display: grid;}.img-container{width: 100%; max-width: 100%; border-radius: 8px}.full-img{width: 100%; object-fit: contain; border-radius: 8px}.small-text{font-size: 12px; padding: 2px 0px}.medium-text{font-size: 14px; padding: 2px 0px}.text-center{text-align: center}.label{padding-top: 8px;}.sub-wrapper{padding: 8px 16px; display: grid}.rules-box{margin-top: 16px;}@media print{.rules-box{margin-top: 0px !important; margin-left: 24px}.hide-print{display: none}body{transform: scale(0.8)}.card-logo{padding: 16px 0px}.wrapper{display: flex; justify-content: space-between;}}*{font-family: Raleway, Arial, Helvetica, sans-serif; color: #2f2f2f}</style> </head><body style="background: #f2f2f2"> <div class="wrapper"> <div class="card w-30 centered"> <span class="card-logo"> <img src="https://cdnbr.nyc3.digitaloceanspaces.com/tmp/avatar1575647848.png" class="SmartPass_Logo_Oficial"> </span> <span class="card-title success hide-print">Vamos curtir juntos!</span> <span style="padding-bottom: 16px" class="card-description mutted hide-print">Você recebeu um ingresso de <b>{{senderName}}</b> para o evento Smartpass Brasil, Baixe agora ou acesse o site para visualizar seu ingresso. </span> <span class="hide-print" style="padding: 16px 0px"> <a href="https://smartpass.com.br/perfil/ingressos"><button class="faded-outline-button"> <span class="success"> smartpass.com.br/perfil/ingressos </span> </button></a> </span>{% if siteLink|default(false) %}<span class="hide-print" style="padding: 0px 0px 16px 0px"> <a href="{{siteLink}}"> <button class="solid-outline-button"> <span>Baixar ingresso</span> </button></a> </span>{% endif %}<span class="card-subtitle mutted bold hide-print" style="padding: 24px 0px"> Seu ingresso </span> <span class="sub-card"> <img class="full-img" src="{{eventThumbnail}}"> <span class="card-description" style="padding: 16px 0px 8px 0px">{{eventLocation}}</span> <span class="card-subtitle bold">{{eventName}}</span> <span class="card-description"> <span class="bold accent" style="padding-right: 8px">{{eventDate}}</span> <span class="muted">{{eventWeekTime}}</span> </span> <span class="muted medium-text" style="padding: 8px 0px 24px 0px">{{eventRating}}</span> <span class="medium-text">{{assignedName}}</span> <span class="medium-text">Documento <span class="bold">{{assignedDocument}}</span></span> <span class="medium-text bold">{{ticketDetails}}</span> <span class="medium-text bold">{{ticketTypePrice}}</span> <span class="text-center" style="padding: 16px 0px 0px 0px"> <img class="full-img" src="{{ticketQr}}"> </span> <span class="text-center small-text">#ID{{ticketId}}</span> </span> <span class="card-title"> Ingresso #{{ticketId}}</span> <img class="full-img" src="{{ticketBarcode}}"> <span class="sub-wrapper"> <span class="label bold">Nome do titular</span> <span class="medium-text mutted">{{ownerName}}</span> <span class="label bold">CPF do titular</span> <span class="medium-text mutted">{{ownerDocument}}</span> </span> </div><div class="card w-30 centered rules-box" style="margin-top: 16px"> <span class="card-subtitle mutted bold"> Regras </span> <span class="mutted"> <ul class="mutted">{% for rule in rules %}<li style="padding: 8px 0px" class="mutted">{{rule}}</li>{% endfor %}</ul> </span> </div><div class="centered w-30-m hide-print"> <span class="bold medium-text" style="padding: 8px 0px"> Caso tenha alguma dúvida, fale com a gente. </span> <span class="mutted medium-text" style="padding: 8px 0px"> Nosso atendimento está a sua disposição, fique à vontade para nos contatar em atendimento@smartpass.com.br ou abrindo um chamado em nosso site smartpass.com.br. </span> <div style="width: 100%; padding-top: 16px hide-print"> <div style="font-size: 14px; display:flex; align-items: center; color: #2f2f2f"> <span> <img src="https://ingressos.nyc3.digitaloceanspaces.com/images/db-5c41d203766fd5751b91c2a1/age7ilcs9xrk19y21hwrre.png" width="24px"> </span> <span> <img src="https://ingressos.nyc3.digitaloceanspaces.com/images/db-5c41d203766fd5751b91c2a1/g8ro6oozs2hva8iedr5v9.png" width="24px"> </span> <span> <b>/smartpassbrasil</b> </span> </div><div style="padding: 4px 0px;font-size: 14px; color: #2f2f2f"> <b>smartpass.com.br</b> </div></div></div></body></html>