search

sancsoft / hq

Harlequin management system
MIT License
1 stars 1 forks source link

Email Template #196

Closed rmaffitsancsoft closed 4 months ago

rmaffitsancsoft commented 4 months ago

image

rmaffitsancsoft commented 4 months ago 
<mjml>
  <mj-head>
    <mj-title>HQ</mj-title>
    <!-- Set styles -->
    <mj-attributes>
      <mj-text font-family="open Sans, sans-serif" color="#fff" font-size="14px" line-height="175%" />
      <mj-body background-color="#3e3e3e" />
      <mj-button font-family="open Sans, sans-serif" align="center" background-color="#f17d15"> />
      <mj-class name="btn" align="left" font-size="14px" color="#202631" font-weight="500" background-color="#b2edf1" />
    </mj-attributes>
    <mj-style>
      .heading-1 {
        font-size: 22px;
        line-height: 1.05;
        font-weight: 400;
        color: #ffaf30;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 15px;
      }
    </mj-style>
  </mj-head>
  <mj-body>

    <!-- Company Header -->
    <mj-section>
      <mj-column>
        <mj-image align="center" padding="10px 25px" src="https://www.sancsoft.com/Images/logo.png" width="145px"></mj-image>
      </mj-column>
    </mj-section>
    <!-- Title -->

    <!-- Info -->
    <mj-section background-color="#313131" padding-top="40px" padding-bottom="40px">
      <mj-column width="550px">
        <mj-text>
          <h1 class="heading-1">Lorem ipsum dolor sit amet</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis hendrerit velit, sodales dictum augue tempor vitae. Donec ipsum ipsum, tempus id imperdiet vitae, condimentum molestie dui. Donec eget felis hendrerit, rutrum leo eget, convallis leo. Phasellus venenatis consequat urna, sit amet imperdiet lacus tristique ac. Vivamus varius eleifend nulla quis tincidunt. Aenean ut rutrum sapien. Vivamus rutrum risus mi, in condimentum libero feugiat molestie. Maecenas scelerisque dui turpis, ac pharetra enim suscipit ut. Pellentesque eget turpis nec nulla euismod tempor sit amet vitae sapien. Maecenas hendrerit neque ipsum, sit amet aliquet metus volutpat at. Mauris suscipit sit amet felis at aliquam.</p>
          <p>Praesent sed erat scelerisque, dapibus nisl porta, interdum felis. Sed eget accumsan nunc, et convallis eros. Nam vehicula enim ex, non pulvinar sem suscipit vel. Curabitur ac nisl aliquet, gravida risus id, molestie lorem. Ut egestas congue est sed congue. Integer in ex libero. Nunc at velit finibus magna semper viverra nec vel neque. Pellentesque maximus, ligula in interdum congue, metus sapien malesuada ipsum, sed scelerisque turpis sem eu ex. Vestibulum porttitor massa quis laoreet semper. Aliquam eget ipsum nec velit tempus convallis. Integer convallis gravida lorem, vitae varius erat hendrerit id. </p>
        </mj-text>
        <mj-button mj-class="btn" href="https://google.com" target="_blank">Action Button</mj-button>
      </mj-column>
    </mj-section>

    <!-- Company Information -->
    <mj-section padding-top="10px" padding-bottom="50px">
      <mj-column width="500px">
        <mj-button align="center" font-style="normal" color="#707070" background-color="transparent"  href="https://www.sancsoft.com/" padding="0" target="_blank">&copy; Sanctuary Software Studio Inc.</mj-button>
      </mj-column>
    </mj-section>

  </mj-body>
</mjml>