mail template imageless

index.html

<div style="width:100%;padding:24px 0 16px 0;background-color:#f5f5f5;text-align:center">
  <div style="display:inline-block;width:90%;max-width:680px;min-width:280px;text-align:left;font-family:Roboto,Arial,Helvetica,sans-serif">
    <div style="display:block;padding:0 2px">
      <div style="display:block;background:#fff;height:2px"></div>
    </div>
    <div>
      <div style="padding:24px 32px 32px 32px;background:#fff;border-right:1px solid #eaeaea;border-left:1px solid #eaeaea" dir="ltr">
        <div style="font-size:14px;line-height:18px;color:#444">
          <p>Hi Steve,</p>
          <p>
                      Officia quia et aut ut. Reiciendis ipsum dolorum sequi aut officiis similique nisi molestiae. Molestiae vel eum quia porro porro quia at ut. Molestiae qui voluptate vel voluptas iste. Exercitationem et et atque a ullam veniam quasi.
          </p>
<p>
  Maxime occaecati ad qui blanditiis cumque praesentium doloribus. Accusamus non et voluptatum fuga dolor aut. Rerum eveniet aspernatur ut possimus amet suscipit. Voluptate harum quaerat et et voluptas. Fugiat aliquid nobis quos a tempora. Quas magnam debitis at debitis eligendi.
Eius voluptatibus culpa quas deserunt sit autem ex. Sit et quia et voluptatem est. Eum eaque quo aliquid blanditiis magnam. Sit odit quia iusto sunt hic ducimus cumque. Voluptate explicabo non aut occaecati quam eveniet voluptates omnis. Eaque impedit minima qui pariatur dolorum repellat distinctio enim.
</p>
<p>Cheers,</p>
          <div style="height:12px"></div>
        </div>
      </div>
      <div style="height:17px"></div>
      <div style="line-height:20px;min-height:40px;">
        <span style="font-size:12px;font-family:Roboto,Arial,Helvetica,sans-serif;color:#646464;">@UlysseBN, another Dev
      </span>
        <span style="font-size:12px;font-family:Roboto,Arial,Helvetica,sans-serif;float:right;padding-left:8px;">
            <a href="https://github.com/buonomo" target="_blank" style="text-decoration: none;color: #3367d6;vertical-align:middle;">
              Github
            </a>
          
          </span>
        <span style="vertical-align:middle;float:right;padding-left:8px;font-family:Roboto,Arial,Helvetica,sans-serif;color:#646464;">|</span>


        <span style="font-size:12px;font-family:Roboto,Arial,Helvetica,sans-serif;float:right;padding-left:8px">
            <a href="http://stackoverflow.com/users/6320039/ulysse-bn" target="_blank" style="text-decoration: none;color: #3367d6;vertical-align:middle;">
              Stack Overflow
            </a>
          </span>
        <span style="vertical-align:middle;float:right;padding-left:8px;font-family:Roboto,Arial,Helvetica,sans-serif;color:#646464;">|</span>
        <span style="font-size:12px;font-family:Roboto,Arial,Helvetica,sans-serif;float:right;padding-left:8px">
            <a href="https://linkedin.com/in/ulysse-buonomo" target="_blank" style="text-decoration: none;color: #3367d6;vertical-align:middle;">Linkedin
            </a>
          </span>
      </div>
    </div>
  </div>

mail-template-imageless.markdown

mail template imageless

A Pen by Ulysse Buonomo on CodePen.

License.