dojo-templater/compiled/2.0 template/hero template.jade

Easy HTML emails with variables

!!! transitional
html(xmlns='http://www.w3.org/1999/xhtml')
head
  // If you delete this tag, the sky will fall on your head 
  meta(name='viewport', content='width=device-width')
  meta(http-equiv='Content-Type', content='text/html; charset=UTF-8')
  title ClassDojo Email Template
  link(rel='stylesheet', type='text/css', href='./stylesheets/email.css')
  // we'll process and inline styles before sending 
    style
  // make sure all images are moved to pstatic!

  body(bgcolor='#faf9f9')
    // HEADER 
    table.head-wrap
      tr
        td.header.container
          .content
            table
              tr
                td(align='center')
                  img(src='http://c.classdojo.com/img/email/trigger-email-logo.png', width='300', alt='ClassDojo')
    // End HEADER 
    // BODY 
    table.body-wrap
      tr
        td
        td.container(bgcolor='#FFFFFF')
          .content.paper
            table.body-wrap.clear
              tr
                td
                  h2 Welcome, Elijah Baily
                  p.lead
                    | You're one small step away from being able to use ClassDojo to build positive behavior and save hours of instructional time this year!
                  p.lead
                    a(href='') Add your students
                    | today and be ready for next week!
                  
            // Left buffer, ensures button centering in nice clients 
            .buffer  
            .buffer-container
              table.body-wrap(border='0')
                tr
                  // Left button cap 
                  td.btn-left
                  // Fluid, stretching center button section 
                  td.btn-center(width='260px', bgcolor='#FEA302')
                    a.call-to-action(href='/') Add your students
                  // Right button cap 
                  td.btn-right
            // Right buffer, ensures button centering in nice clients 
            .buffer  
            br.clear
            table.body-wrap.clear
              tr
                td
                  // <h3>Title Ipsum <small>This is a note.</small></h3> 
                  p
                    | Want us to upload your students for you? Just reply to this email with your class list and we'll get you all set up :)
                  p
                    img(src='http://c.classdojo.com/img/email/upload.png', width='100%')
                  p
                    | Again, welcome! And please let us know if there's ever anything we can do for you.
                  p
                  | Cheers,
                  br
                  | The ClassDojo team
              tr
                td(align='center', style='color: #db1259;', colspan='3')
                  | ♥
        td
    // End BODY 
    // FOOTER 
    table.footer-wrap
      tr
        td.container(colspan='3')
          // content 
          .content
            table
              tr
                td(align='center')
                  p.footer
                    a(href='#') About ClassDojo
                    span.dot   •   
                    a(href='#') Our Mission
                    span.dot   •   
                    a(href='#') Support
                    span.dot   •   
                    a(href='#') Unsubscribe
              tr
                td.signout(align='center')
                  | Sent with love from ClassDojo HQ at:
                  br
                  | 322 Sixth Street • Suite 6 • San Francisco, CA 94103
          // End content 
    // End FOOTER