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 Tailwind 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 Basic Email Cuba - Premium Admin Template
    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{
      font-family: Rubik, sans-serif;
      background-color: #f6f7fb;
      display: block;
      width: 650px;
      padding: 0 12px;
      }
      a{
      text-decoration: none;
      }
      span {
      font-size: 14px;
      }
      p {
        font-size: 13px;
        line-height: 1.7;
        letter-spacing: 0.7px;
        margin-top: 0;
      }
      .text-center{
      text-align: center
      }
      @media only screen and (max-width: 767px){
        body{
            width: auto;
            margin: 20px auto;
        }
        .logo-sec{
          width: 500px !important;
        }
      }
      @media only screen and (max-width: 575px){
        .logo-sec{
          width: 400px !important;
        }
      }
      @media only screen and (max-width: 480px){
        .logo-sec{
          width: 300px !important;
        }
      }
      @media only screen and (max-width: 360px){
        .logo-sec{
          width: 250px !important;
        }
      }
  body(style='margin: 30px auto;')
    table(style='width: 100%')
      tbody
        tr
          td
            table(style='background-color: #f6f7fb; width: 100%')
              tbody
                tr
                  td
                    table(style='margin: 0 auto; margin-bottom: 30px')
                      tbody
                        tr.logo-sec(style='display: flex; align-items: center; justify-content: space-between; width: 650px;')
                          td
                            img.max-w-full.h-auto(src='../assets/images/other-images/logo-login.png', alt='')
                          td(style='text-align: right; color:#999')
                            span Some Description
                    table(style='margin: 0 auto; background-color: #fff; border-radius: 8px')
                      tbody
                        tr
                          td(style='padding: 30px') 
                            p Hi There,
                            p Sometimes you just want to send a simple HTML email with a simple design and clear call to action.
                            .text-center
                              a(href='contacts.html' style='padding: 10px; background-color: #7366ff; color: #fff; display: inline-block; border-radius: 4px; margin-bottom: 18px') Call To Action 
                            p This is a really simple email template. It's sole purpose is to get the recipient to click the button with no distractions.
                            p(style='margin-bottom: 0') Good luck! Hope it works.
                    table(style='margin: 0 auto; margin-top: 30px')
                      tbody        
                        tr(style='text-align: center')
                          td 
                            p(style='color: #999; margin-bottom: 0') 333 Woodland Rd. Baldwinsville, NY 13027
                            p(style='color: #999; margin-bottom: 0') Don't Like These Emails? 
                              a(href='#', style='color: #7366ff') Unsubscribe
                            p(style='color: #999; margin-bottom: 0') Powered By Cuba Admin
