Made with MJML App

email.mjml

<mjml>
  <mj-body>
    <mj-container background-color="#d7dde5">
   
      <mj-section background-color="#ffffff" full-width="full-width">
        <mj-column width="33.33333333333333%" vertical-align="middle">
          <mj-image src="http://newbw.sastratechnologies.biz/sites/all/themes/bwlanding/logo.png" alt="OnePage" padding-bottom="0" padding-top="10">

          </mj-image>
        </mj-column>
        <mj-column width="66.66666666666666%" vertical-align="middle">
          <mj-text align="center" padding-bottom="0" padding-top="10">
            <span style="font-size: 15px;  line-height: 30px;">The Comprehensive restaurant & CRM Systems

</span>
          </mj-text>
        </mj-column>
      </mj-section>
      <mj-section background-url="http://newbw.sastratechnologies.biz/sites/all/themes/bwheadless/email_assets/home-welcome.jpg" vertical-align="middle" background-size="cover" full-width="full-width" background-repeat="no-repeat">
        <mj-column width="100%" vertical-align="middle">
          <mj-text align="center" font-size="14" color="#ffffff" padding-bottom="10" padding-top="45">
            <span style="font-size: 30px; line-height: 30px;">Hello Baiuca Backery</span><br><br>You are One Step away to use booking wire.
          </mj-text>
          <mj-button align="center" background-color="#746087" color="#fff" border-radius="24px" href="https://mjml.io" font-family="Ubuntu, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif" padding-bottom="45" padding-top="10">
            Activate the account
          </mj-button>
        </mj-column>
      </mj-section>

      <mj-section background-color="#746087" vertical-align="middle" full-width="full-width">
        <mj-column width="100%" vertical-align="middle">
          <mj-text align="center" color="#ffffff" font-size="18" padding-bottom="10" padding-top="25">
            Why choose us?
          </mj-text>
          <mj-divider border-color="#fff" border-style="solid" border-width="1px" padding-left="100" padding-right="100" padding-bottom="20" padding-top="20">

          </mj-divider>
          <mj-text align="center" color="#ffffff" font-size="11" padding-bottom="25" padding-top="20">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
          </mj-text>
        </mj-column>
      </mj-section>
      
      
      <mj-section vertical-align="middle" background-color="#ffffff" full-width="full-width">

        <mj-column width="q00%" vertical-align="middle">
          <mj-text align="left" color="#9da3a3" font-size="11" padding-bottom="25" padding-top="25">
            <span style="font-weight: bold; font-size: 14px; color: #45474e">Great newsletter for the best company out there</span><br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
          </mj-text>
          <mj-button align="left" background-color="#746087" color="#fff" border-radius="24px" font-size="11" href="https://mjml.io" font-family="Ubuntu, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif" padding-bottom="45" padding-top="10">
            READ MORE
          </mj-button>
        </mj-column>
      </mj-section>
      <mj-section locked="true" background-color = "#746087" full-width="full-width">
        <mj-column width="35%">
<mj-text align="center" font-size="12" color="#ffffff" padding-bottom="10" padding-top="10">
          <span style="font-size: 13px; line-height: 20px;"> Booking wire,319-321 King Street, London W6 9NH, UK.</span>
</mj-text>


        </mj-column>
        
                <mj-column width="35%">
<mj-text align="center" font-size="12" color="#ffffff" padding-bottom="10" padding-top="10">
          <span style="font-size: 13px; line-height: 20px;"> Ph.  +44 3330124352</br>contact@bookingwire.co.uk</span>
</mj-text>


        </mj-column>
        
        <mj-column width="30%" vertical-align="middle">
          <mj-social
      mode="horizontal"
      display="google facebook twitter"
      google-icon-color="#D95232"
      facebook-icon-color="#465B9A"
      facebook-content = ""
      google-content = ""
      twitter-content = ""
      padding-top="10"
      facebook-href="https://www.facebook.com/bookingwire"
      twitter-href = "https://twitter.com/bookingwire"
      google-href="https://plus.google.com/u/0/104047875762371531146"/>
        </mj-column>
      </mj-section>
    </mj-container>
  </mj-body>
</mjml>