user_invitation.mjml

<%= render :partial => 'shared_emails/header', :formats => [:html] %>

<mj-section mj-class="bg-main space-bottom-0">
  <mj-column>
    <mj-spacer mj-class="space-bottom-20" />
    <mj-image alt="<%= @membership_request.user.first_name %>'s photo" width="130px" src="<%= cl_avatar_attachment_path(@membership_request.user.avatar, width: 130, height: 130, radius: 0) %>" />
  </mj-column>
</mj-section>

<mj-section mj-class="bg-main" mj-class="space-bottom-0">
  <mj-column>
    <mj-text mj-class="font-primary text-regular color-regular space-bottom-30">Hi "Guest Name"! I invited you to my guest list. Now you have access to these listings:</mj-text>
  </mj-column>
</mj-section>

<% [1,2].each do |listing| %>
  <mj-section mj-class="bg-main">
    <mj-group>
      <mj-column width="40%">
        <mj-image alt="contextual listing name" width="170" src="https://unsplash.it/170/130/?random" href="http://google.com" />
      </mj-column>
      <mj-column width="60%">
        <mj-text mj-class="font-primary text-regular color-regular">
          <%= link_to "Listing name @ Property name", "http://google.com", target: "_blank", style: "color:#{@color_link};" %><br/>
          Listing Type (entire/room/shared)<br/>
          Address
        </mj-text>
      </mj-column>
    </mj-group>
  </mj-section>
<% end %>

<mj-section mj-class="bg-main">
  <mj-column>
    <mj-button mj-class="font-primary bg-primary rounded-corner middle-align text-regular space-bottom-30" href="<%= guest_list_memberships_url %>">
      Show my Memberships
    </mj-button>
  </mj-column>
</mj-section>

<%= render :partial => 'shared_emails/footer', :formats => [:html] %>