Untitled

mail@pastecode.io avatar
unknown
plain_text
13 days ago
13 kB
1
Indexable
Never
<!--
  templateType: page
  isAvailableForNewContent: true
  label: Landing page
  screenshotPath: ../images/template-previews/landing-page.png
-->

{% extends "./layouts/base.html" %}

{% block header %}
{% endblock header %}

{% block body %}
  <main class="body-container-wrapper">
    {% dnd_area "dnd_area"
      class="body-container body-container--landing-page",
      label="Main section" %}

      {# Top Offer Section #}
      {% dnd_section
        background_image={
          "backgroundPosition": "MIDDLE_CENTER",
          "backgroundSize": "cover",
          "imageUrl": get_asset_url("../images/main-banner.jpg")
        },
        padding={
          "top": 60,
          "bottom": 80
        },
        vertical_alignment="MIDDLE" %}
        {% dnd_column %}
          {% dnd_row %}
            {% dnd_module
              path="@hubspot/logo",
              label="Landing page logo",
              horizontal_alignment="CENTER",
              img={
                "alt": "Rally Logo",
                "height": "81",
                "override_inherited_src": true,
                "src": get_asset_url("../images/logo-w-background.jpg"),
                "width": "75",
                "loading": "eager"
              } %}
            {% end_dnd_module %}
          {% end_dnd_row %}
          {% dnd_row
            padding={
              "top": 60,
              "bottom": 0
            },
            vertical_alignment="MIDDLE" %}
            {% dnd_column
              margin={
                "top": 0,
                "bottom": 30
              },
              width=3 %}
              {% dnd_row %}
                {% dnd_module
                  path="@hubspot/linked_image",
                  horizontal_alignment="CENTER",
                  img={
                    "alt": "Master Class: Free Guide, Mastering: The Client Meeting (Ebook cover)",
                    "loading": "disabled",
                    "max_height": 376,
                    "max_width": 265,
                    "size_type": "auto_custom_max",
                    "src": get_asset_url("../images/placeholder_ebook-cta.jpg")
                  } %}
                {% end_dnd_module %}
              {% end_dnd_row %}
            {% end_dnd_column %}
            {% dnd_column
              margin={
                "top": 0,
                "bottom": 30
              },
              offset=3,
              width=5 %}
              {% dnd_row %}
                {% dnd_module
                  path="@hubspot/rich_text" %}
                  {% module_attribute "html" %}
                    <h4 style="color: #ffffff">Master Class: Free Guide</h4>
                    <h3 style="color: #ffffff">Mastering the client meeting</h3>
                    <br />
                    <p style="color: #ffffff">
                      Use text and images to tell your company’s story. Explain what makes your
                      product or service extraordinary. Describe what users can expect from your
                      offer and how it solves a problem they are looking to solve.
                    </p>
                  {% end_module_attribute %}
                {% end_dnd_module %}
              {% end_dnd_row %}
            {% end_dnd_column %}
            {% dnd_column
              margin={
                "top": 0,
                "bottom": 30
              },
              offset=8,
              width=4 %}
              {% dnd_row %}
                {% dnd_module
                  path="@hubspot/form" %}
                {% end_dnd_module %}
              {% end_dnd_row %}
            {% end_dnd_column %}
          {% end_dnd_row %}
        {% end_dnd_column %}
      {% end_dnd_section %}
      {# End Top Offer Section #}

      {# Bottom Offer Detail Section #}
      {% dnd_section %}
        {% dnd_column %}
          {% dnd_row %}
            {% dnd_module
              path="@hubspot/rich_text" %}
              {% module_attribute "html" %}
                <h4>WHAT'S INSIDE?</h4>
              {% end_module_attribute %}
            {% end_dnd_module %}
          {% end_dnd_row %}
          {% dnd_row
            padding={
              "top": 20
            } %}
            {% dnd_column
              width=4 %}
              {% dnd_row
                margin={
                  "bottom": 40
                },
                vertical_alignment="MIDDLE" %}
                {% dnd_module
                  path="../modules/icon",
                  accessibility={
                    "purpose": "decorative"
                  },
                  icon_field={
                    "name": "check-square",
                    "type": "SOLID"
                  },
                  override_default_style="true",
                  width=2 %}
                  {% module_attribute "style"
                    is_json=True %}
                    { "color": { "color": "#EB4E54" }, "size": 30 }
                  {% end_module_attribute %}
                {% end_dnd_module %}
                {% dnd_module
                  path="@hubspot/rich_text",
                  offset=2,
                  width=10 %}
                  {% module_attribute "html" %}
                    <br />
                    <h5>Provide detail here</h5>
                    <p>
                      Use text and images to tell your company’s story. Explain what makes your
                      product or service extraordinary.
                    </p>
                  {% end_module_attribute %}
                {% end_dnd_module %}
              {% end_dnd_row %}
              {% dnd_row
                margin={
                  "bottom": 40
                },
                vertical_alignment="MIDDLE" %}
                {% dnd_module
                  path="../modules/icon",
                  accessibility={
                    "purpose": "decorative"
                  },
                  icon_field={
                    "name": "check-square",
                    "type": "SOLID"
                  },
                  override_default_style="true",
                  width=2 %}
                  {% module_attribute "style"
                    is_json=True %}
                    { "color": { "color": "#EB4E54" }, "size": 30 }
                  {% end_module_attribute %}
                {% end_dnd_module %}
                {% dnd_module
                  path="@hubspot/rich_text",
                  offset=2,
                  width=10 %}
                  {% module_attribute "html" %}
                    <br />
                    <h5>Provide detail here</h5>
                    <p>
                      Use text and images to tell your company’s story. Explain what makes your
                      product or service extraordinary.
                    </p>
                  {% end_module_attribute %}
                {% end_dnd_module %}
              {% end_dnd_row %}
            {% end_dnd_column %}
            {% dnd_column
              offset=4,
              width=4 %}
              {% dnd_row
                margin={
                  "bottom": 40
                },
                vertical_alignment="MIDDLE" %}
                {% dnd_module
                  path="../modules/icon",
                  accessibility={
                    "purpose": "decorative"
                  },
                  icon_field={
                    "name": "check-square",
                    "type": "SOLID"
                  },
                  override_default_style="true",
                  width=2 %}
                  {% module_attribute "style"
                    is_json=True %}
                    { "color": { "color": "#EB4E54" }, "size": 30 }
                  {% end_module_attribute %}
                {% end_dnd_module %}
                {% dnd_module
                  path="@hubspot/rich_text",
                  offset=2,
                  width=10 %}
                  {% module_attribute "html" %}
                    <br />
                    <h5>Provide detail here</h5>
                    <p>
                      Use text and images to tell your company’s story. Explain what makes your
                      product or service extraordinary.
                    </p>
                  {% end_module_attribute %}
                {% end_dnd_module %}
              {% end_dnd_row %}
              {% dnd_row
                margin={
                  "bottom": 40
                },
                vertical_alignment="MIDDLE" %}
                {% dnd_module
                  path="../modules/icon",
                  accessibility={
                    "purpose": "decorative"
                  },
                  icon_field={
                    "name": "check-square",
                    "type": "SOLID"
                  },
                  override_default_style="true",
                  width=2 %}
                  {% module_attribute "style"
                    is_json=True %}
                    { "color": { "color": "#EB4E54" }, "size": 30 }
                  {% end_module_attribute %}
                {% end_dnd_module %}
                {% dnd_module
                  path="@hubspot/rich_text",
                  offset=2,
                  width=10 %}
                  {% module_attribute "html" %}
                    <br />
                    <h5>Provide detail here</h5>
                    <p>
                      Use text and images to tell your company’s story. Explain what makes your
                      product or service extraordinary.
                    </p>
                  {% end_module_attribute %}
                {% end_dnd_module %}
              {% end_dnd_row %}
            {% end_dnd_column %}
            {% dnd_column
              offset=8,
              width=4 %}
              {% dnd_row
                margin={
                  "bottom": 40
                },
                vertical_alignment="MIDDLE" %}
                {% dnd_module
                  path="../modules/icon",
                  accessibility={
                    "purpose": "decorative"
                  },
                  icon_field={
                    "name": "check-square",
                    "type": "SOLID"
                  },
                  override_default_style="true",
                  width=2 %}
                  {% module_attribute "style"
                    is_json=True %}
                    { "color": { "color": "#EB4E54" }, "size": 30 }
                  {% end_module_attribute %}
                {% end_dnd_module %}
                {% dnd_module
                  path="@hubspot/rich_text",
                  offset=2,
                  width=10 %}
                  {% module_attribute "html" %}
                    <br />
                    <h5>Provide detail here</h5>
                    <p>
                      Use text and images to tell your company’s story. Explain what makes your
                      product or service extraordinary.
                    </p>
                  {% end_module_attribute %}
                {% end_dnd_module %}
              {% end_dnd_row %}
              {% dnd_row
                vertical_alignment="MIDDLE" %}
                {% dnd_module
                  path="../modules/icon",
                  accessibility={
                    "purpose": "decorative"
                  },
                  icon_field={
                    "name": "check-square",
                    "type": "SOLID"
                  },
                  override_default_style="true",
                  width=2 %}
                  {% module_attribute "style"
                    is_json=True %}
                    { "color": { "color": "#EB4E54" }, "size": 30 }
                  {% end_module_attribute %}
                {% end_dnd_module %}
                {% dnd_module
                  path="@hubspot/rich_text",
                  offset=2,
                  width=10 %}
                  {% module_attribute "html" %}
                    <br />
                    <h5>Provide detail here</h5>
                    <p>
                      Use text and images to tell your company’s story. Explain what makes your
                      product or service extraordinary.
                    </p>
                  {% end_module_attribute %}
                {% end_dnd_module %}
              {% end_dnd_row %}
            {% end_dnd_column %}
          {% end_dnd_row %}
        {% end_dnd_column %}
      {% end_dnd_section %}
      {# End Bottom Offer Detail Section #}

    {% end_dnd_area %}
  </main>
{% endblock body %}

{% block footer %}
{% endblock footer %}
Leave a Comment