membership-preferences.html

<!--
  templateType: page
  isAvailableForNewContent: true
  label: Membership Preferences
-->
{% extends "./layouts/base.html" %}

{% block body %}
{% dnd_area "dnd_area"
  label="Main section",
  class="body-container body-container--about"
%}

  {# created from "Copy as HubL" function #}
  {% dnd_section %}
    {% dnd_column
      offset=0,
      width=12
    %}
      {% dnd_row %}
        {% dnd_module
          path="@hubspot/header",
          offset=0,
          width=12,
          value="Your Account"
        %}
        {% end_dnd_module %}
      {% end_dnd_row %}
      {% dnd_row %}
        {% dnd_column
          offset=0,
          width=6,
          padding={
            "default" : {
              "left" : "0px",
              "right" : "0px"
            }
          }
        %}
          {% dnd_row %}
            {% dnd_module
              path="@hubspot/rich_text",
              offset=0,
              width=12
            %}
              {% module_attribute "html" %}
                <h2>Your personal information</h2>
                <div data-hs-responsive-table="true" style="overflow-x: auto; max-width: 100%; width: 100%; margin-left: auto; margin-right: auto;">
                <table style="width: 100%; border-collapse: collapse; table-layout: fixed; border: 1px solid #99acc2; height: 216px;">
                <tbody>
                <tr style="height: 42.5938px;">
                <td style="width: 24.9616%; padding: 4px; height: 43px;">First Name:</td>
                <td style="width: 75.0384%; padding: 4px; height: 43px;">{{ personalization_token('contact.firstname', '') }}</td>
                </tr>
                <tr style="height: 42.5938px;">
                <td style="width: 24.9616%; padding: 4px; height: 43px;">Last Name:</td>
                <td style="width: 75.0384%; padding: 4px; height: 43px;">{{ personalization_token('contact.lastname', '') }}</td>
                </tr>
                <tr style="height: 42.5938px;">
                <td style="width: 24.9616%; padding: 4px; height: 43px;">Job Title:</td>
                <td style="width: 75.0384%; padding: 4px; height: 43px;">{{ personalization_token('contact.jobtitle', '') }}</td>
                </tr>
                <tr style="height: 42.5938px;">
                <td style="width: 24.9616%; padding: 4px; height: 43px;">Phone:</td>
                <td style="width: 75.0384%; padding: 4px; height: 43px;">{{ personalization_token('contact.phone', '') }}</td>
                </tr>
                <tr style="height: 42.5938px;">
                <td style="width: 24.9616%; padding: 4px; height: 43px;">Email:</td>
                <td style="width: 75.0384%; padding: 4px; height: 43px;">{{ personalization_token('contact.email', '') }}</td>
                </tr>
                </tbody>
                </table>
                </div>
                <h2>Subscription Settings</h2>
                <div data-hs-responsive-table="true" style="overflow-x: auto; max-width: 100%; width: 100%; margin-left: auto; margin-right: auto;">
                <table style="width: 100%; border-collapse: collapse; table-layout: fixed; border: 1px solid #99acc2; height: 45.4219px;">
                <tbody>
                <tr style="height: 44.4219px;">
                <td style="width: 36.8136%; padding: 4px; height: 44px;">Announcements:</td>
                <td style="width: 63.1864%; padding: 4px; height: 44px;">{{ personalization_token('contact.blog_announcements_for_our_customers_69205395229_subscription', '') }}</td>
                </tr>
                </tbody>
                </table>
                </div>
                <p><a href="/account/update" rel="noopener">Update your account information</a></p>
              {% end_module_attribute %}
            {% end_dnd_module %}
          {% end_dnd_row %}
        {% end_dnd_column %}
        {% dnd_column
          offset=6,
          width=6
        %}
          {% dnd_row %}
            {% dnd_module
              path="/demo-theme/modules/Associations - Companies",
              offset=0,
              width=12
            %}
            {% end_dnd_module %}
          {% end_dnd_row %}
        {% end_dnd_column %}
      {% end_dnd_row %}
    {% end_dnd_column %}
  {% end_dnd_section %}

{% end_dnd_area %}
{% endblock body %}