10 minute html email coding

email-coding-dem0

---
subject: The latest and greatest Pokemon Go lures
title: 
preheader: Once you read this you'll send me all your monies :)
---

<container>

  <spacer size="16"></spacer>
  
  <row>
    <columns small="12" large="12">
      <img src="http://placehold.it/150x75" class="" height="" width="" alt="logo">
    </columns>
    <columns small="12" large="12" valign="middle">
      <menu>
        <item href="#">Community</item>
        <item href="#">Friends</item>
        <item href="#">Get $25</item>
        <item href="#">Log In</item>
      </menu>
    </columns>
  </row>

  <row>
    <columns small="12" large="12">
      
      <img src="http://placehold.it/600x300" class="" height="" width="600" alt="main image">
      <spacer size="16"></spacer>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut deserunt iusto velit quas, sit neque reiciendis, nesciunt illo dolores asperiores necessitatibus facere corporis sint dolorem dolor!</p>

      <spacer size="10"></spacer>

      <center>
        <button href="#" class="">Find Your Next Beach Getaway</button>
      </center>

      <spacer size="10"></spacer>

    </columns>
  </row>

  {{#repeat 3}}
  <row>
    <columns small="12" large="6">
      <img src="http://placehold.it/300x300" class="small-expanded" height="" width="" alt="">
    </columns>
    <columns small="12" large="6">
      <img src="http://placehold.it/300x300" class="small-expanded" height="" width="" alt="">
    </columns>
  </row>
  {{/repeat}}

  <row>
    <columns small="12" large="12">
      <button href="#" class="expanded">Find A Place To Stay</button>
    </columns>
  </row>

  <row>
    <columns small="12" large="12">
      <hr>
    </columns>
  </row>

  <row>
    <columns small="12" large="12">
      <center>
        <menu>
          {{#repeat 4}}
          <item href="#"><img src="http://placehold.it/30x30" class="" height="30" width="30" alt="social icon"></item>
          {{/repeat}}
        </menu>
      </center>
    </columns>
  </row>

  <row>
    <columns small="12" large="12">
      <p class="text-center">Sent with &hearts; from ZURB</p>
      <p class="text-center">100 W Rincon Ave, Campbell, CA</p>
      <p class="text-center"><unsubscribe>Unsubscribe</unsubscribe></p>
    </columns>
  </row>

  <row>
    <columns small="12" large="2">&nbsp;</columns>
    <columns small="6" large="4">
      <button href="#" class="expanded">Google</button>
    </columns>
    <columns small="6" large="4">
      <button href="#" class="expanded">Apple</button>
    </columns>
    <columns small="12" large="2">&nbsp;</columns>
  </row>
</container>