doctype html
html(lang='en')
  head
    meta(http-equiv='Content-Type', content='text/html; charset=UTF-8')
    meta(http-equiv='X-UA-Compatible', content='IE=edge')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    meta(name='description', content='Cuba admin is super flexible, powerful, clean & modern responsive bootstrap 5 admin template with unlimited possibilities.')
    meta(name='keywords', content='admin template, Cuba admin template, dashboard template, flat admin template, responsive admin template, web app')
    meta(name='author', content='pixelstrap')
    link(rel='icon', href='../assets/images/favicon.png', type='image/x-icon')
    link(rel='shortcut icon', href='../assets/images/favicon.png', type='image/x-icon')
    title Email Template 2 Cuba - Premium Admin Template
    link(rel='stylesheet', type='text/css', href='../assets/css/vendors/icofont.css')
    link(rel='stylesheet', type='text/css', href='../assets/css/vendors/fontawesome.css')
    link(href='https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900', rel='stylesheet')
    link(href='https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i', rel='stylesheet')
    link(href='https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i', rel='stylesheet')
    style(type='text/css').
      body{
      text-align: center;
      font-family: Rubik, sans-serif;
      background-color: #f6f7fb;
      margin: 0 auto;
      padding: 0 12px;
      display: block;
      }
      ul{
      margin:0;
      padding: 0;
      }
      li{
      display: inline-block;
      text-decoration: unset;
      }
      a{
      text-decoration: none;
      }
      h5{
      margin:10px;
      color:#777;
      }
      .text-center{
      text-align: center
      }
      img.max-w-full.h-auto{
        max-width: 100%;
        height: auto;
      }
      .main-bg-light{
      background-color: #fafafa;
      }
      .title{
      color: #444444;
      font-size: 22px;
      font-weight: bold;
      margin-top: 0px;
      margin-bottom: 10px;
      padding-bottom: 0;
      text-transform: uppercase;
      display: inline-block;
      line-height: 1;
      }
      .menu{
      width:100%;
      }
      .menu li a{
      text-transform: capitalize;
      color:#444;
      font-size:16px;
      margin-right:15px
      }
      .menu li a:hover{
        color: #7366FF !important;
      }
      .main-logo{
      padding: 10px 20px;
      margin-bottom: -5px;
      }
      .product-box .product {
      text-align: center;
      position: relative;
      }
      .product-info {
      margin-top: 15px;
      }
      .product-info h6 {
      line-height: 1;
      margin-bottom: 0;
      padding-bottom: 5px;
      font-size: 14px;
      font-family: "Roboto", sans-serif;
      color: #777;
      margin-top: 0;
      }
      .product-info h4 {
      font-size: 16px;
      color: #444;
      font-weight: 700;
      margin-bottom: 0;
      margin-top: 5px;
      padding-bottom: 5px;
      line-height: 1;
      }
      .footer-social-icon tr td img{
      margin-left:5px;
      margin-right:5px;
      }
       .temp-social td{
        display: inline-block;
      }
      .temp-social td i{
        width:40px;
        height:40px;
        border-radius:50%;
        display:flex;
        justify-content:center;
        align-items:center;
        color:#52526c;       
        border:1px solid #52526c;
        transition:all 0.5s ease;
      }
      .temp-social td i:hover{
        background-color:#52526c;
        color:#ffffff;
      }   
      .temp-social td:nth-child(n+2){
         margin-left:15px;
      }
      @media only screen and (max-width: 767px){
        table tbody table.slider tr th:first-child {
          display: none;
        }
        table tbody table.slider tr th:nth-child(2) {
          width: 100% !important;
        }
        table tbody table.slider tr th:nth-child(2) table {
          width: 100%;
        }
        table tbody table.slider tr th:nth-child(2) table tbody td {
          text-align: center !important;
        }
        table tbody table.slider tr th:nth-child(2) table tbody td.h2-white {
          font-size: 40px !important;
          line-height: 1 !important;
        }
        table tbody table.slider tr th:nth-child(2) table tbody td.text-button {
          display: inline-block;
        }
        table tbody table.slider tr th:nth-child(2) table tbody td p {
          text-align: center !important;
        }
        table tbody table tr.header td.menu ul li a {
          margin-right: 10px;
          font-size: 14px;
        }
        table tbody table .display-width-inner tbody td h3 {
          font-size: 22px;
        }
        table tbody table.product-sec tbody tr {
          display: flex;
          flex-wrap: wrap;
        }
        table tbody table.product-sec tbody tr td {
          width: 50%;
          flex: 0 0 auto;
        }
        table tbody table .display-width-inner tbody tr {
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
        }
        table tbody table .display-width-inner tbody tr td.img-sec {
          width: 100% !important;
        }
        table tbody table .display-width-inner tbody tr td.img-sec img {
          border-radius: 0 !important;
          margin-bottom: 0 !important;
        }
        table tbody table .display-width-inner tbody tr td {
          width: 45% !important;
          border-radius: 0 !important;
        }
        table tbody table.main-bg-light tbody tr.add-with-banner {
          display: flex;
          flex-wrap: wrap;
        }
        table tbody table.main-bg-light tbody tr.add-with-banner td {
          width: 100%;
        }
        table tbody table.main-bg-light tbody tr.add-with-banner td + td {
          margin-top: 15px;
        }
        table tbody table.product-sec .product-box {
          padding: 0 !important;
        }
        table tbody table.product-sec tbody tr td {
          width: 100%;
        }
        table tbody table.product-banner tbody tr {
          display: flex;
          flex-wrap: wrap;
        }
        table tbody table.product-banner tbody tr td {
          width: 100%;
        }
        table tbody table.product-banner tbody tr td + td {
          margin-top: 20px;
        }
        table tbody table .display-width-inner:nth-child(2) tbody tr td.img-sec {
          order: -1;
        }
        .temp-social td i {
          width: 32px !important;
          height: 32px !important;
        }
        .temp-social td:nth-child(n+2) {
          margin-left: 6px !important;
        }
      }
      @media only screen and (max-width:575px){
        table tbody table .display-width-inner tbody tr td {
          width: 50% !important;
        }
        tr.header td{
          display: block;
          text-align: center;
        }
        tr.header td + td{
          margin: 0 0 12px;
        }
        table tbody table tr.header td.menu ul li a{
          margin-right: 6px;
        }
      }
      @media only screen and (max-width: 360px){
        table tbody table .display-width-inner tbody tr td {
          width: 75% !important;
        }
        table tbody table tr.header td.menu ul li a{
          font-size: 13px;
        }
      }
  body(style='margin: 20px auto;')
    table(align='center', border='0', cellpadding='0', cellspacing='0', style='background-color: #fff; -webkit-box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.2705882353);box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.2705882353);')
      tbody
        tr
          td
            table(align='center', border='0', cellpadding='0', cellspacing='0', width='100%')
              tbody
                tr.header
                  td(align='left', valign='top')
                    img.main-logo(src='../assets/images/logo/logo.png')
                  td.menu(align='right')
                    ul
                      li
                        a(href='index.html' target="_blank") Home
                      li
                        a(href='wishlist.html' target="_blank") Wishlist
                      li
                        a(href='cart.html' target="_blank") My cart
                      li
                        a(href='contacts.html' target="_blank") Contact
            table.slider(align='center', border='0', cellpadding='0', cellspacing='0', width='100%')
              tbody
                tr
                  th(align='center', width='40%')
                    img(src='../assets/images/email-template/slider.jpg', alt='', style='margin-bottom: -5px;')
                  th(width='60%', style='background-color: #7366FF;padding: 30px;')
                    table(align='center', border='0', cellpadding='0', cellspacing='0', width='100%')
                      tbody
                        tr
                          td(style='color:#ffffff;font-size: 16px;line-height:20px;text-transform:uppercase;text-align:left;padding-bottom: 5px;') New Color
                        tr
                          td.h2-white.left.pb20(style="color:#ffffff; font-family: 'Roboto', sans-serif; font-size:52px; line-height:58px; text-transform:uppercase; font-weight:bold; text-align:left; padding-bottom:20px;")
                            | new 
                            br
                            | season
                        tr
                          td(style='')
                            p(style='font-size:13px;color:#4e54cb;text-align:left;color:#fff;') We are committed to your satisfaction with every order.
                    table
                      tbody
                        tr
                          td.text-button.white-button(style='font-size:14px; line-height:18px; text-align:center; text-transform:uppercase; padding:10px; background:#ffffff; color:#838383; font-weight:bold;')
                            a(href='#!', target='_blank', style='color:#4e54cb; text-decoration:none;')
                              span(style='color:#fc564a; text-decoration:none;') shop now
            h4.title(style='width: 100%; text-align:center;margin-top: 50px;') trending product
            p(style='margin:0') GET EVEN 25% OFF DISCOUNT
            table.product-sec(align='center', border='0', cellpadding='0', cellspacing='0', width='100%', style='margin-top:30px;')
              thead
                tr
              tbody
                tr
                  td
                    .product-box.hover
                      .product.border-theme.br-0
                        img(src='../assets/images/email-template/7.jpg', alt='product', style='width: 100%;')
                      .product-info
                        .rating
                          i.fa-solid.fa-star(style="color:#ffb829;")
                          i.fa-solid.fa-star(style="color:#ffb829;")
                          i.fa-solid.fa-star(style="color:#ffb829;")
                          i.fa-solid.fa-star(style="color:#ffb829;")
                          i.fa-solid.fa-star(style="color:#ffb829;")
                        a(href='#!', tabindex='0')
                          h6 When an unknown.
                        h4 $45.00
                  td
                    .product-box.hover
                      .product.border-theme.br-0
                        img(src='../assets/images/email-template/8.jpg', alt='product', style='width: 100%;')
                      .product-info
                        .rating
                          i.fa-solid.fa-star(style="color:#ffb829;")
                          i.fa-solid.fa-star(style="color:#ffb829;")
                          i.fa-solid.fa-star(style="color:#ffb829;")
                          i.fa-solid.fa-star(style="color:#ffb829;")
                          i.fa-solid.fa-star(style="color:#ffb829;")
                        a(href='#!', tabindex='0')
                          h6 When an unknown.
                        h4 $75.00
            table(border='0', cellpadding='0', cellspacing='0', align='center', style='margin-top:30px;')
              tbody
                tr.add-with-banner(align='center')
                  td
                    a(href='#!')
                      img(src='../assets/images/email-template/banner.jpg', alt='product', style='width: 100%;')
            table(border='0', cellpadding='0', cellspacing='0', align='center', style='margin-top:30px;')
              tbody
                tr
                  td
                    img(src='../assets/images/email-template/banner-2.jpg', alt='', style='width: 100%;')
            table(align='center', border='0', cellpadding='0', cellspacing='0', width='100%', style='margin-top: 30px;')
              tbody
                tr
                  td(align='center')
                    table.display-width-inner(align='center', border='0', cellpadding='0', cellspacing='0', width='100%', style='max-width:450px;')
                      tbody
                        tr
                          td(align='center', style='width: 40%;')
                            img(src='../assets/images/email-template/10.jpg', alt='', style='width: 225px;margin-bottom: -4px;')
                          td(align='center', style='background-color: #fafafa;width: 60%;')
                            h3(style='margin: 0;') Product One
                            div(style='color:#E01931; font-weight:600; font-size:16px; line-height:27px; letter-spacing:1px;margin: 4px;')
                              span.txt-price1(style='color:#666666; font-weight:600; font-size:15px; line-height:25px; letter-spacing:1px;', data-color='Price1', data-size='Price1', data-min='10', data-max='35')
                                strike $25.00
                              span.txt-price2    
                              | $20.90
                            div(style='padding: 15px 0px;text-transform: uppercase;font-size: 11px;letter-spacing: 1px;')
                              a(href='#!', style='color: #ffffff;text-decoration: none;background: #000;padding: 8px 12px;') SHOP NOW
                    table.display-width-inner(align='center', border='0', cellpadding='0', cellspacing='0', width='100%', style='max-width:450px;')
                      tbody
                        tr
                          td(align='center', style='background-color: #fafafa;width: 60%;')
                            h3(style='margin: 0;') Product One
                            div(style='color:#E01931; font-weight:600; font-size:16px; line-height:27px; letter-spacing:1px;margin: 4px;')
                              span.txt-price1(style='color:#666666; font-weight:600; font-size:15px; line-height:25px; letter-spacing:1px;', data-color='Price1', data-size='Price1', data-min='10', data-max='35')
                                strike $25.00
                              span.txt-price2    
                              | $20.90
                            div(style='padding: 15px 0px;text-transform: uppercase;font-size: 11px;letter-spacing: 1px;')
                              a(href='#!', style='color: #ffffff;text-decoration: none;background: #000;padding: 8px 12px;') SHOP NOW
                          td(align='center', style='width: 40%;')
                            img(src='../assets/images/email-template/11.jpg', alt='', style='width: 225px;margin-bottom: -4px;')
                    table.display-width-inner(align='center', border='0', cellpadding='0', cellspacing='0', width='100%', style='max-width:450px;')
                      tbody
                        tr
                          td(align='center', style='width: 40%;')
                            img(src='../assets/images/email-template/12.jpg', alt='', style='width: 225px;margin-bottom: -4px;')
                          td(align='center', style='background-color: #fafafa;width: 60%;')
                            h3(style='margin: 0;') Product One
                            div(style='color:#E01931; font-weight:600; font-size:16px; line-height:27px; letter-spacing:1px;margin: 4px;')
                              span.txt-price1(style='color:#666666; font-weight:600; font-size:15px; line-height:25px; letter-spacing:1px;', data-color='Price1', data-size='Price1', data-min='10', data-max='35')
                                strike $25.00
                              span.txt-price2    
                              | $20.90
                            div(style='padding: 15px 0px;text-transform: uppercase;font-size: 11px;letter-spacing: 1px;')
                              a(href='#!', style='color: #ffffff;text-decoration: none;background: #000;padding: 8px 12px;') SHOP NOW
            table.main-bg-light.text-center(align='center', border='0', cellpadding='0', cellspacing='0', width='100%', style='margin-top:30px;')
              tbody
                tr
                  td(style='padding: 30px;')
                    div
                      h4.title(style='margin:0') Follow us
                    table.footer-social-icon(border='0' cellpadding='0' cellspacing='0' align='center' style='margin-top:20px;')
                      tbody
                        tr.temp-social
                          td
                            a(href='https://www.facebook.com')
                              i.fa-brands.fa-facebook-f
                          td
                            a(href='https://www.youtube.com/')
                              i.fa-brands.fa-youtube
                          td
                            a(href='https://twitter.com')
                              i.fa-brands.fa-x-twitter
                          td
                            a(href='https://www.linkedin.com')
                              i.fa-brands.fa-linkedin-in
                          td
                            a(href='https://in.pinterest.com/')
                              i.fa-brands.fa-pinterest-p
                    div(style='border-top: 1px solid #ddd; margin: 20px auto 0;')
                    table(border='0', cellpadding='0', cellspacing='0', width='100%', style='margin: 20px auto 0;')
                      tbody
                        tr
                          td
                            a(href='#!', style='font-size:13px; color:#7366FF;') Want to change how you receive these emails? 
                        tr
                          td
                            p(style='font-size:13px; margin:0;') 2024 - 25 Copy Right by Themeforest powered by Pixel Strap
                        tr
                          td
                            a(href='#!', style='font-size:13px; margin:0;text-decoration: underline; color:#7366FF;') Unsubscribe
