<!--
  templateType: page
  isAvailableForNewContent: true
  label: About
  screenshotPath: ../images/template-previews/about.png
-->
{% extends "./layouts/base.html" %}

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

  {# Two column image left #}
  {% dnd_section
    vertical_alignment="TOP"
  %}
    {% dnd_column %}
      {% dnd_row %}
        {% dnd_module "team_image"
          path="@hubspot/linked_image",
          label="Team Image",
          width=6,
          img={
            "alt": "Coworkers sitting together and smiling outside.",
            "loading": "eager",
            "max_height": 449,
            "max_width": 605,
            "size_type": "auto_custom_max",
            "src": get_asset_url("../images/sample/team-image.jpg") ~ "?width=605&height=449&format=webp&quality=85",
            "srcset": get_asset_url("../images/sample/team-image.jpg") ~ "?width=605&format=webp 1x, " ~ get_asset_url("../images/sample/team-image.jpg") ~ "?width=1210&format=webp 2x"
          }
        %}
        {% end_dnd_module %}
        {% dnd_module "team_text"
          path="@hubspot/rich_text",
          label="Team Text",
          width=6,
          offset=6
        %}
          {% module_attribute "html" %}
            <h1>Meet our team</h1>
            <p>Use this page to help your visitors learn more about you. Include images so that folks will recognize you at conferences and events.</p>
          {% end_module_attribute %}
        {% end_dnd_module %}
      {% end_dnd_row %}
    {% end_dnd_column %}
  {% end_dnd_section %}

{% end_dnd_area %}
{% endblock body %}
