Initial commit: CloudOps infrastructure platform
This commit is contained in:
root
@@ -0,0 +1,26 @@
|
||||
# Workflow name:
|
||||
name: Close Pull Requests
|
||||
|
||||
# Workflow triggers:
|
||||
on:
|
||||
pull_request_target:
|
||||
types: [opened]
|
||||
|
||||
# Workflow jobs:
|
||||
jobs:
|
||||
run:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: superbrothers/close-pull-request@v3
|
||||
with:
|
||||
comment: |
|
||||
Thank you for submitting a pull request. :raised_hands:
|
||||
|
||||
We greatly appreciate your willingness to submit a contribution. However, we are not accepting pull requests against this repository, as all development happens on the [main project repository](https://github.com/mautic/mautic).
|
||||
|
||||
We kindly request that you submit this pull request against the respective directory `/themes/_1-2-1-2-column` of the [main repository](https://github.com/mautic/mautic) where we'll review and provide feedback. If this is your first Mautic contribution, be sure to read the [contributing guide](https://mau.tc/create-pr) which provides guidelines and instructions for submitting contributions.
|
||||
|
||||
Thank you again, and we look forward to receiving your contribution! :smiley:
|
||||
|
||||
Best,
|
||||
The Mautic team
|
||||
@@ -0,0 +1,5 @@
|
||||
# 1-2-1-2 Column theme for Mautic
|
||||
|
||||
## This theme is managed centrally in https://github.com/mautic/mautic/ and this is a read-only mirror repository.
|
||||
|
||||
**📣 Please make PRs and issues against Mautic Core, not here!**
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "mautic/theme-1-2-1-2-column",
|
||||
"description": "1:2:1:2 Column",
|
||||
"type": "mautic-theme",
|
||||
"keywords": ["mautic","theme"],
|
||||
"minimum-stability": "dev",
|
||||
"require": {
|
||||
"mautic/core-lib": "^7.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "1:2:1:2 Column",
|
||||
"author": "Dropsolid",
|
||||
"authorUrl": "https://dropsolid.io",
|
||||
"builder": ["grapesjsbuilder"],
|
||||
"features": ["email"]
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/base.html.twig' %}
|
||||
@@ -0,0 +1,131 @@
|
||||
<mjml>
|
||||
<mj-head>
|
||||
<!-- CSS-STYLE -->
|
||||
<mj-style inline="inline"> p, li {margin:0 !important; padding:0; line-height:1.4em;}
|
||||
</mj-style>
|
||||
</mj-head>
|
||||
<!-- BODY -->
|
||||
<mj-body background-color="#d0d0d0">
|
||||
<mj-section background-color="#ffffff">
|
||||
<mj-column>
|
||||
<mj-text font-size="11px" align="center">
|
||||
<p>
|
||||
<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{webview_text}</span></span>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-logo.png') }}" width="70px" padding-bottom="0px">
|
||||
</mj-image>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#ffffff">
|
||||
<mj-column width="550px">
|
||||
<mj-text font-size="30px" align="center" font-weight="700">
|
||||
<p>Your main headline goes here
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="16px" align="center">
|
||||
<p>Customize these sections with your brand voice, specific products or services, and relevant images. The key is to make each section informative, engaging, and aligned with your email marketing goals.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#f4f4f4">
|
||||
<mj-column width="275px">
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-size="22px" align="center" font-weight="700">
|
||||
<p>Column title
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="16px" align="center">
|
||||
<p>Share a story about your company, team, or production process.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column width="275px">
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#ffffff">
|
||||
<mj-column width="550px">
|
||||
<mj-text font-size="16px" align="center">
|
||||
<p>You can also encourage readers to subscribe to your newsletter. Briefly explain what kind of content they can expect and how often.
|
||||
</p>
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#f4f4f4">
|
||||
<mj-column width="275px">
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column width="275px">
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-size="22px" align="center" font-weight="700">
|
||||
<p>Inverse column title
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="16px" align="center">
|
||||
<p>Keep it brief but engaging.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section padding-top="0" padding-bottom="20px" background-color="#{{ getBrandPrimaryColor() }}">
|
||||
<mj-column>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-social font-size="12px" icon-size="30px" border-radius="12px" mode="horizontal">
|
||||
<mj-social-element name="facebook" border-radius="{{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px" padding-right="10px" color="#000000" background-color="#{{ getBrandPrimaryColor() }}">
|
||||
</mj-social-element>
|
||||
<mj-social-element name="instagram" border-radius="{{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px" padding-right="10px" padding-left="10px" color="#000000" background-color="#{{ getBrandPrimaryColor() }}">
|
||||
</mj-social-element>
|
||||
<mj-social-element name="youtube" border-radius="{{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px" padding-left="10px" color="#000000" background-color="#{{ getBrandPrimaryColor() }}">
|
||||
</mj-social-element>
|
||||
</mj-social>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-family="Ubuntu, Helvetica, Arial, sans-serif" line-height="1.5" align="center" padding-top="0px" padding-bottom="0px" font-size="12px" color="#{{ getTextOnBrandColor() }}">
|
||||
<p>{brand=name}
|
||||
<br/>11111 Beautiful City, 1212 Nice Street
|
||||
<br/>Brazil
|
||||
<br/>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-size="11px" align="center" color="#{{ getTextOnBrandHelperColor() }}">
|
||||
<p>Fancy seeing you down here. You’re getting this email because you gave us your email address.
|
||||
</p>
|
||||
<p>Want to change how you receive these emails?
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="11px" align="center" color="#{{ getTextOnBrandHelperColor() }}">
|
||||
<p>
|
||||
<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{unsubscribe_text}</span></span>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
</mj-body>
|
||||
</mjml>
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/message.html.twig' %}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
@@ -0,0 +1,26 @@
|
||||
# Workflow name:
|
||||
name: Close Pull Requests
|
||||
|
||||
# Workflow triggers:
|
||||
on:
|
||||
pull_request_target:
|
||||
types: [opened]
|
||||
|
||||
# Workflow jobs:
|
||||
jobs:
|
||||
run:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: superbrothers/close-pull-request@v3
|
||||
with:
|
||||
comment: |
|
||||
Thank you for submitting a pull request. :raised_hands:
|
||||
|
||||
We greatly appreciate your willingness to submit a contribution. However, we are not accepting pull requests against this repository, as all development happens on the [main project repository](https://github.com/mautic/mautic).
|
||||
|
||||
We kindly request that you submit this pull request against the respective directory `/themes/_1-2-1-column` of the [main repository](https://github.com/mautic/mautic) where we'll review and provide feedback. If this is your first Mautic contribution, be sure to read the [contributing guide](https://mau.tc/create-pr) which provides guidelines and instructions for submitting contributions.
|
||||
|
||||
Thank you again, and we look forward to receiving your contribution! :smiley:
|
||||
|
||||
Best,
|
||||
The Mautic team
|
||||
@@ -0,0 +1,5 @@
|
||||
# 1-2-1 Column theme for Mautic
|
||||
|
||||
## This theme is managed centrally in https://github.com/mautic/mautic/ and this is a read-only mirror repository.
|
||||
|
||||
**📣 Please make PRs and issues against Mautic Core, not here!**
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "mautic/theme-1-2-1-column",
|
||||
"description": "1:2:1 Column",
|
||||
"type": "mautic-theme",
|
||||
"keywords": ["mautic","theme"],
|
||||
"minimum-stability": "dev",
|
||||
"require": {
|
||||
"mautic/core-lib": "^7.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "1:2:1 Column",
|
||||
"author": "Dropsolid",
|
||||
"authorUrl": "https://dropsolid.io",
|
||||
"builder": ["grapesjsbuilder"],
|
||||
"features": ["email"]
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/base.html.twig' %}
|
||||
@@ -0,0 +1,109 @@
|
||||
<mjml>
|
||||
<mj-head>
|
||||
<!-- CSS-STYLE -->
|
||||
<mj-style inline="inline"> p, li {margin:0 !important; padding:0; line-height:1.4em;}
|
||||
</mj-style>
|
||||
</mj-head>
|
||||
<!-- BODY -->
|
||||
<mj-body background-color="#d0d0d0">
|
||||
<mj-section background-color="#ffffff">
|
||||
<mj-column>
|
||||
<mj-text font-size="11px" align="center">
|
||||
<p>
|
||||
<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{webview_text}</span></span>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-logo.png') }}" width="70px" padding-bottom="0px">
|
||||
</mj-image>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#ffffff">
|
||||
<mj-column width="550px">
|
||||
<mj-text font-size="30px" align="center" font-weight="700">
|
||||
<p>Your main headline goes here
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="16px" align="center">
|
||||
<p>Use this space to build excitement about your new line. Explain the inspiration behind it, mention key pieces, and tell readers why they shouldn't miss out.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#f4f4f4">
|
||||
<mj-column>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">
|
||||
<p>Button text here
|
||||
</p>
|
||||
</mj-button>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">
|
||||
<p>Button text here
|
||||
</p>
|
||||
</mj-button>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#ffffff">
|
||||
<mj-column width="550px">
|
||||
<mj-text font-size="16px" align="center">
|
||||
<p>Share a useful tip, trick, or how-to advice related to your products.
|
||||
</p>
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section padding-top="0" padding-bottom="20px" background-color="#{{ getBrandPrimaryColor() }}">
|
||||
<mj-column>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-social font-size="12px" icon-size="30px" border-radius="12px" mode="horizontal">
|
||||
<mj-social-element name="facebook" border-radius="14px 14px 14px 14px" padding-right="10px" color="#000000" background-color="#{{ getBrandPrimaryColor() }}">
|
||||
</mj-social-element>
|
||||
<mj-social-element name="instagram" border-radius="14px 14px 14px 14px" padding-right="10px" padding-left="10px" color="#000000" background-color="#{{ getBrandPrimaryColor() }}">
|
||||
</mj-social-element>
|
||||
<mj-social-element name="youtube" border-radius="14px 14px 14px 14px" padding-left="10px" color="#000000" background-color="#{{ getBrandPrimaryColor() }}">
|
||||
</mj-social-element>
|
||||
</mj-social>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-family="Ubuntu, Helvetica, Arial, sans-serif" line-height="1.5" align="center" padding-top="0px" padding-bottom="0px" font-size="12px" color="#ffffff">
|
||||
<p>{brand=name}
|
||||
<br/>11111 Beautiful City, 1212 Nice Street
|
||||
<br/>Brazil
|
||||
<br/>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-size="11px" align="center" color="#{{ getTextOnBrandHelperColor() }}">
|
||||
<p>Fancy seeing you down here. You’re getting this email because you gave us your email address.
|
||||
</p>
|
||||
<p>Want to change how you receive these emails?
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="11px" align="center" color="#{{ getTextOnBrandHelperColor() }}">
|
||||
<p>
|
||||
<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{unsubscribe_text}</span></span>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
</mj-body>
|
||||
</mjml>
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/message.html.twig' %}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
@@ -0,0 +1,26 @@
|
||||
# Workflow name:
|
||||
name: Close Pull Requests
|
||||
|
||||
# Workflow triggers:
|
||||
on:
|
||||
pull_request_target:
|
||||
types: [opened]
|
||||
|
||||
# Workflow jobs:
|
||||
jobs:
|
||||
run:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: superbrothers/close-pull-request@v3
|
||||
with:
|
||||
comment: |
|
||||
Thank you for submitting a pull request. :raised_hands:
|
||||
|
||||
We greatly appreciate your willingness to submit a contribution. However, we are not accepting pull requests against this repository, as all development happens on the [main project repository](https://github.com/mautic/mautic).
|
||||
|
||||
We kindly request that you submit this pull request against the respective directory `/themes/_1-2-column` of the [main repository](https://github.com/mautic/mautic) where we'll review and provide feedback. If this is your first Mautic contribution, be sure to read the [contributing guide](https://mau.tc/create-pr) which provides guidelines and instructions for submitting contributions.
|
||||
|
||||
Thank you again, and we look forward to receiving your contribution! :smiley:
|
||||
|
||||
Best,
|
||||
The Mautic team
|
||||
@@ -0,0 +1,5 @@
|
||||
# 1-2 Column theme for Mautic
|
||||
|
||||
## This theme is managed centrally in https://github.com/mautic/mautic/ and this is a read-only mirror repository.
|
||||
|
||||
**📣 Please make PRs and issues against Mautic Core, not here!**
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "mautic/theme-1-2-column",
|
||||
"description": "1:2 Column",
|
||||
"type": "mautic-theme",
|
||||
"keywords": ["mautic","theme"],
|
||||
"minimum-stability": "dev",
|
||||
"require": {
|
||||
"mautic/core-lib": "^7.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "1:2 Column",
|
||||
"author": "Dropsolid",
|
||||
"authorUrl": "https://dropsolid.io",
|
||||
"builder": ["grapesjsbuilder"],
|
||||
"features": ["email"]
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/base.html.twig' %}
|
||||
@@ -0,0 +1,90 @@
|
||||
<mjml>
|
||||
<mj-head>
|
||||
<!-- CSS-STYLE -->
|
||||
<mj-style inline="inline"> p, li {margin:0 !important; padding:0; line-height:1.4em;}
|
||||
</mj-style>
|
||||
</mj-head>
|
||||
<!-- BODY -->
|
||||
<mj-body background-color="#f4f4f4">
|
||||
<mj-section padding-top="40px" background-color="#ffffff">
|
||||
<mj-column width="275px">
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-logo.png') }}" width="70px" padding-bottom="0px" padding-top="0px" align="left">
|
||||
</mj-image>
|
||||
</mj-column>
|
||||
<mj-column width="275px">
|
||||
<mj-text font-size="11px" align="right">
|
||||
<p>
|
||||
<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{webview_text}</span></span>
|
||||
</p>
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#ffffff">
|
||||
<mj-column width="550px">
|
||||
<mj-text font-size="24px" font-weight="700">
|
||||
<p>Start customizing your email
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="16px">
|
||||
<p>This is where you add your primary message. Keep it concise and engaging. Explain the purpose of your email and what action you want the reader to take.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" align="left" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
|
||||
</mj-button>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-divider border-width="2px" border-color="#d0d0d0">
|
||||
</mj-divider>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#ffffff" padding-bottom="30px">
|
||||
<mj-column width="275px">
|
||||
<mj-text font-size="16px">
|
||||
<p>Build a compelling email structure by mixing and matching content sections.
|
||||
</p>
|
||||
<p>
|
||||
<br data-cke-filler="true"/>
|
||||
</p>
|
||||
<p>Try different combinations to create a unique and engaging layout.
|
||||
</p>
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
<mj-column width="275px">
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section padding-top="0" padding-bottom="20px" background-color="#{{ getBrandPrimaryColor() }}">
|
||||
<mj-column>
|
||||
<mj-spacer height="40px">
|
||||
</mj-spacer>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-logo-inverse.png') }}" width="70px" padding-bottom="0px">
|
||||
</mj-image>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-family="Ubuntu, Helvetica, Arial, sans-serif" line-height="1.5" align="center" padding-top="0px" padding-bottom="0px" font-size="12px" color="#{{ getTextOnBrandColor() }}">
|
||||
<p>{brand=name}
|
||||
<br/>11111 Beautiful City, 1212 Nice Street
|
||||
<br/>Brazil
|
||||
<br/>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-size="11px" align="center" color="#{{ getTextOnBrandHelperColor() }}">
|
||||
<p>Fancy seeing you down here. You’re getting this email because you gave us your email address.
|
||||
</p>
|
||||
<p>Want to change how you receive these emails?
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="11px" align="center" color="#{{ getTextOnBrandHelperColor() }}">
|
||||
<p>
|
||||
<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{unsubscribe_text}</span></span>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
</mj-body>
|
||||
</mjml>
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/message.html.twig' %}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
@@ -0,0 +1,26 @@
|
||||
# Workflow name:
|
||||
name: Close Pull Requests
|
||||
|
||||
# Workflow triggers:
|
||||
on:
|
||||
pull_request_target:
|
||||
types: [opened]
|
||||
|
||||
# Workflow jobs:
|
||||
jobs:
|
||||
run:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: superbrothers/close-pull-request@v3
|
||||
with:
|
||||
comment: |
|
||||
Thank you for submitting a pull request. :raised_hands:
|
||||
|
||||
We greatly appreciate your willingness to submit a contribution. However, we are not accepting pull requests against this repository, as all development happens on the [main project repository](https://github.com/mautic/mautic).
|
||||
|
||||
We kindly request that you submit this pull request against the respective directory `/themes/_1-3-1-3-column` of the [main repository](https://github.com/mautic/mautic) where we'll review and provide feedback. If this is your first Mautic contribution, be sure to read the [contributing guide](https://mau.tc/create-pr) which provides guidelines and instructions for submitting contributions.
|
||||
|
||||
Thank you again, and we look forward to receiving your contribution! :smiley:
|
||||
|
||||
Best,
|
||||
The Mautic team
|
||||
@@ -0,0 +1,5 @@
|
||||
# 1-3-1-3 Column theme for Mautic
|
||||
|
||||
## This theme is managed centrally in https://github.com/mautic/mautic/ and this is a read-only mirror repository.
|
||||
|
||||
**📣 Please make PRs and issues against Mautic Core, not here!**
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "mautic/theme-1-3-1-3-column",
|
||||
"description": "1:3:1:3 Column",
|
||||
"type": "mautic-theme",
|
||||
"keywords": ["mautic","theme"],
|
||||
"minimum-stability": "dev",
|
||||
"require": {
|
||||
"mautic/core-lib": "^7.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "1:3:1:3 Column",
|
||||
"author": "Dropsolid",
|
||||
"authorUrl": "https://dropsolid.io",
|
||||
"builder": ["grapesjsbuilder"],
|
||||
"features": ["email"]
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/base.html.twig' %}
|
||||
@@ -0,0 +1,167 @@
|
||||
<mjml>
|
||||
<mj-head>
|
||||
<!-- CSS-STYLE -->
|
||||
<mj-style inline="inline"> p, li {margin:0 !important; padding:0; line-height: 1.4em;}
|
||||
</mj-style>
|
||||
</mj-head>
|
||||
<!-- BODY -->
|
||||
<mj-body background-color="#d0d0d0">
|
||||
<mj-section padding-top="40px" background-color="#ffffff">
|
||||
<mj-column>
|
||||
<mj-text font-size="11px" align="center">
|
||||
<p>
|
||||
<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{webview_text}</span></span>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-logo.png') }}" width="70px" padding-bottom="0px" padding-top="0px">
|
||||
</mj-image>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#ffffff">
|
||||
<mj-column>
|
||||
<mj-text font-size="24px" align="center" font-weight="700">
|
||||
<p>Start customizing your email
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer align="center">
|
||||
</mj-spacer>
|
||||
<mj-text font-size="16px" align="center">
|
||||
<p>Design a standout email by strategically placing content blocks in key areas. Test different layouts to maximize reader engagement and conversion.
|
||||
</p>
|
||||
<p>
|
||||
<br data-cke-filler="true"/>
|
||||
</p>
|
||||
<p>Adjust colors, fonts, and spacing to align with your brand and enhance visual appeal.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#f4f4f4">
|
||||
<mj-column>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
<mj-text font-size="14px" align="center">
|
||||
<p>Showcase your best sellers here.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
|
||||
</mj-button>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
<mj-text font-size="14px" align="center">
|
||||
<p>Showcase your best sellers here.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
|
||||
</mj-button>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
<mj-text font-size="14px" align="center">
|
||||
<p>Showcase your best sellers here.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
|
||||
</mj-button>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#ffffff">
|
||||
<mj-column>
|
||||
<mj-text font-size="16px" align="center">
|
||||
<p>Design a standout email by strategically placing content blocks in key areas. Test different layouts to maximize reader engagement and conversion.
|
||||
</p>
|
||||
<p>
|
||||
<br data-cke-filler="true"/>
|
||||
</p>
|
||||
<p>Adjust colors, fonts, and spacing to align with your brand and enhance visual appeal.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#f4f4f4">
|
||||
<mj-column>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
<mj-text font-size="14px" align="center">
|
||||
<p>Showcase your best sellers here.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
|
||||
</mj-button>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
<mj-text font-size="14px" align="center">
|
||||
<p>Showcase your best sellers here.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
|
||||
</mj-button>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
<mj-text font-size="14px" align="center">
|
||||
<p>Showcase your best sellers here.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
|
||||
</mj-button>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section padding-top="0" padding-bottom="20px" background-color="#{{ getBrandPrimaryColor() }}">
|
||||
<mj-column>
|
||||
<mj-spacer height="40px">
|
||||
</mj-spacer>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-logo-inverse.png') }}" width="70px" padding-bottom="0px">
|
||||
</mj-image>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-family="Ubuntu, Helvetica, Arial, sans-serif" line-height="1.5" align="center" padding-top="0px" padding-bottom="0px" font-size="12px" color="#{{ getTextOnBrandColor() }}">
|
||||
<p>{brand=name}
|
||||
<br/>11111 Beautiful City, 1212 Nice Street
|
||||
<br/>Brazil
|
||||
<br/>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-size="11px" align="center" color="#{{ getTextOnBrandHelperColor() }}">
|
||||
<p>Fancy seeing you down here. You’re getting this email because you gave us your email address.
|
||||
</p>
|
||||
<p>Want to change how you receive these emails?
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="11px" align="center" color="#{{ getTextOnBrandHelperColor() }}">
|
||||
<p>
|
||||
<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{unsubscribe_text}</span></span>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
</mj-body>
|
||||
</mjml>
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/message.html.twig' %}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
@@ -0,0 +1,26 @@
|
||||
# Workflow name:
|
||||
name: Close Pull Requests
|
||||
|
||||
# Workflow triggers:
|
||||
on:
|
||||
pull_request_target:
|
||||
types: [opened]
|
||||
|
||||
# Workflow jobs:
|
||||
jobs:
|
||||
run:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: superbrothers/close-pull-request@v3
|
||||
with:
|
||||
comment: |
|
||||
Thank you for submitting a pull request. :raised_hands:
|
||||
|
||||
We greatly appreciate your willingness to submit a contribution. However, we are not accepting pull requests against this repository, as all development happens on the [main project repository](https://github.com/mautic/mautic).
|
||||
|
||||
We kindly request that you submit this pull request against the respective directory `/themes/_1-3-column` of the [main repository](https://github.com/mautic/mautic) where we'll review and provide feedback. If this is your first Mautic contribution, be sure to read the [contributing guide](https://mau.tc/create-pr) which provides guidelines and instructions for submitting contributions.
|
||||
|
||||
Thank you again, and we look forward to receiving your contribution! :smiley:
|
||||
|
||||
Best,
|
||||
The Mautic team
|
||||
@@ -0,0 +1,5 @@
|
||||
# 1-3 Column theme for Mautic
|
||||
|
||||
## This theme is managed centrally in https://github.com/mautic/mautic/ and this is a read-only mirror repository.
|
||||
|
||||
**📣 Please make PRs and issues against Mautic Core, not here!**
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "mautic/theme-1-3-column",
|
||||
"description": "1:3 Column",
|
||||
"type": "mautic-theme",
|
||||
"keywords": ["mautic","theme"],
|
||||
"minimum-stability": "dev",
|
||||
"require": {
|
||||
"mautic/core-lib": "^7.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "1:3 Column",
|
||||
"author": "Dropsolid",
|
||||
"authorUrl": "https://dropsolid.io",
|
||||
"builder": ["grapesjsbuilder"],
|
||||
"features": ["email"]
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/base.html.twig' %}
|
||||
@@ -0,0 +1,122 @@
|
||||
<mjml>
|
||||
<mj-head>
|
||||
<!-- CSS-STYLE -->
|
||||
<mj-style inline="inline"> p, li {margin:0 !important; padding:0; line-height:1.4em;}
|
||||
</mj-style>
|
||||
</mj-head>
|
||||
<!-- BODY -->
|
||||
<mj-body background-color="#f4f4f4">
|
||||
<mj-section padding-top="40px" background-color="#ffffff">
|
||||
<mj-column width="275px">
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-logo.png') }}" width="70px" padding-bottom="0px" padding-top="0px" align="left">
|
||||
</mj-image>
|
||||
</mj-column>
|
||||
<mj-column width="275px">
|
||||
<mj-text font-size="11px" align="right">
|
||||
<p>
|
||||
<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{webview_text}</span></span>
|
||||
</p>
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#ffffff">
|
||||
<mj-column width="550px">
|
||||
<mj-text font-size="24px" font-weight="700">
|
||||
<p>Start customizing your email
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-size="16px">
|
||||
<p>This is where you add your primary message. Keep it concise and engaging. Explain the purpose of your email and what action you want the reader to take.
|
||||
</p>
|
||||
<p>
|
||||
<br data-cke-filler="true"/>
|
||||
</p>
|
||||
<p>Craft your perfect email by positioning diverse content elements throughout the template.
|
||||
</p>
|
||||
<p>
|
||||
<br data-cke-filler="true"/>
|
||||
</p>
|
||||
<p>Play with the arrangement to achieve the most effective presentation.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-divider border-width="2px" border-color="#d0d0d0">
|
||||
</mj-divider>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#ffffff">
|
||||
<mj-column width="183px">
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
<mj-text font-size="14px" align="center">
|
||||
<p>Showcase your best sellers here. Replace placeholders with photos of your top products.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
|
||||
</mj-button>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column width="183px">
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
<mj-text font-size="14px" align="center">
|
||||
<p>Showcase your best sellers here. Replace placeholders with photos of your top products.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
|
||||
</mj-button>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column width="183px">
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
<mj-text font-size="14px" align="center">
|
||||
<p>Showcase your best sellers here. Replace placeholders with photos of your top products.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
|
||||
</mj-button>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section padding-top="0" padding-bottom="20px" background-color="#{{ getBrandPrimaryColor() }}">
|
||||
<mj-column>
|
||||
<mj-spacer height="40px">
|
||||
</mj-spacer>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-logo-inverse.png') }}" width="70px" padding-bottom="0px">
|
||||
</mj-image>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-family="Ubuntu, Helvetica, Arial, sans-serif" line-height="1.5" align="center" padding-top="0px" padding-bottom="0px" font-size="12px" color="#{{ getTextOnBrandColor() }}">
|
||||
<p>{brand=name}
|
||||
<br/>11111 Beautiful City, 1212 Nice Street
|
||||
<br/>Brazil
|
||||
<br/>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-size="11px" align="center" color="#{{ getTextOnBrandHelperColor() }}">
|
||||
<p>Fancy seeing you down here. You’re getting this email because you gave us your email address.
|
||||
</p>
|
||||
<p>Want to change how you receive these emails?
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="11px" align="center" color="#{{ getTextOnBrandHelperColor() }}">
|
||||
<p>
|
||||
<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{unsubscribe_text}</span></span>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- SECTION POLICY -->
|
||||
</mj-body>
|
||||
</mjml>
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/message.html.twig' %}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
@@ -0,0 +1,26 @@
|
||||
# Workflow name:
|
||||
name: Close Pull Requests
|
||||
|
||||
# Workflow triggers:
|
||||
on:
|
||||
pull_request_target:
|
||||
types: [opened]
|
||||
|
||||
# Workflow jobs:
|
||||
jobs:
|
||||
run:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: superbrothers/close-pull-request@v3
|
||||
with:
|
||||
comment: |
|
||||
Thank you for submitting a pull request. :raised_hands:
|
||||
|
||||
We greatly appreciate your willingness to submit a contribution. However, we are not accepting pull requests against this repository, as all development happens on the [main project repository](https://github.com/mautic/mautic).
|
||||
|
||||
We kindly request that you submit this pull request against the respective directory `/themes/attract` of the [main repository](https://github.com/mautic/mautic) where we'll review and provide feedback. If this is your first Mautic contribution, be sure to read the [contributing guide](https://mau.tc/create-pr) which provides guidelines and instructions for submitting contributions.
|
||||
|
||||
Thank you again, and we look forward to receiving your contribution! :smiley:
|
||||
|
||||
Best,
|
||||
The Mautic team
|
||||
@@ -0,0 +1,5 @@
|
||||
# Attract theme for Mautic
|
||||
|
||||
## This theme is managed centrally in https://github.com/mautic/mautic/ and this is a read-only mirror repository.
|
||||
|
||||
**📣 Please make PRs and issues against Mautic Core, not here!**
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 596 B |
Binary file not shown.
|
After Width: | Height: | Size: 508 B |
Binary file not shown.
|
After Width: | Height: | Size: 291 B |
Binary file not shown.
|
After Width: | Height: | Size: 386 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "mautic/theme-attract",
|
||||
"description": "Attract email theme",
|
||||
"type": "mautic-theme",
|
||||
"keywords": ["mautic","theme"],
|
||||
"minimum-stability": "dev",
|
||||
"require": {
|
||||
"mautic/core-lib": "^7.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
{
|
||||
"name": "Attract",
|
||||
"author": "Dropsolid",
|
||||
"authorUrl": "https://dropsolid.com",
|
||||
"builder": ["grapesjsbuilder"],
|
||||
"features": [
|
||||
"email"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/base.html.twig' %}
|
||||
@@ -0,0 +1,392 @@
|
||||
<mjml>
|
||||
<mj-head>
|
||||
<mj-style inline="inline">
|
||||
p, li {margin:0 !important; padding:0; line-height:1.4em;}
|
||||
</mj-style>
|
||||
</mj-head>
|
||||
<mj-body background-color="#f4f4f4">
|
||||
<!-- Header Part Start -->
|
||||
<mj-section background-color="#FFFFFF" padding="25px 0">
|
||||
<mj-column width="50%">
|
||||
<mj-image src="{{ getAssetUrl('themes/@defaults/placeholder-logo.png', null, null, true) }}" width="70px" align="left">
|
||||
</mj-image>
|
||||
</mj-column>
|
||||
<mj-column width="50%">
|
||||
<mj-text align="right"><p>{webview_text}</p></mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Header Part End -->
|
||||
|
||||
<!-- Banner Part Start -->
|
||||
<mj-section padding-top="0px" padding-bottom="0px" padding-right="0px" padding-left="0px">
|
||||
<mj-column width="100%" padding-top="0px" padding-bottom="0px" padding-right="0px" padding-left="0px">
|
||||
<mj-image src="{{ getAssetUrl('themes/'~template~'/assets/banner.jpg', null, null, true) }}" width="600px" height="400px" padding-top="0px" padding-bottom="0px" padding-right="0px" padding-left="0px">
|
||||
</mj-image>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Banner Part End -->
|
||||
|
||||
<!-- Introduction Part Start -->
|
||||
<mj-section background-color="#002b5c" padding="60px 0">
|
||||
<mj-column width="500px">
|
||||
<mj-spacer></mj-spacer>
|
||||
<mj-text align="center" font-size="16px" line-height="16px" color="#fff" font-weight="normal" padding-bottom="0px">
|
||||
<p>Find your dream home today with</p>
|
||||
</mj-text>
|
||||
<mj-text align="center" font-size="40px" line-height="60px" color="#fff" font-weight="bold" padding-top="0px">
|
||||
<p>HomeFinder</p>
|
||||
</mj-text>
|
||||
<mj-button background-color="#004080" font-size="14px" font-weight="bold" border-radius="50px" inner-padding="12px 30px" href="#">
|
||||
<p>Explore our listings</p>
|
||||
</mj-button>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Introduction Part End -->
|
||||
|
||||
<!-- Featured Listings Part Start -->
|
||||
<mj-section background-color="#FFFFFF" padding="50px 0">
|
||||
<mj-column width="500px">
|
||||
<mj-spacer></mj-spacer>
|
||||
<mj-text font-size="48px" line-height="48px" color="#000000" font-weight="bold" padding-top="0px">
|
||||
<p>Featured Listings</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="30px" line-height="30px" color="#000000">
|
||||
<p>Explore our premium properties available now</p>
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
<!-- Example of a featured listing -->
|
||||
<mj-column width="250px">
|
||||
<!-- Replace with an image of the property -->
|
||||
<mj-image src="{{ getAssetUrl('themes/'~template~'/assets/listing1.jpg', null, null, true) }}" width="215px" height="180px" border-radius="12px"></mj-image>
|
||||
<mj-text font-size="24px" line-height="24px" color="#000000"><p>Sunset Villa</p></mj-text>
|
||||
<mj-text font-size="14px" line-height="16px" color="#004080"><p>View Listing</p></mj-text>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column width="250px">
|
||||
<mj-image src="{{ getAssetUrl('themes/'~template~'/assets/listing2.jpg', null, null, true) }}" width="215px" height="180px" border-radius="12px"></mj-image>
|
||||
<mj-text font-size="24px" line-height="24px" color="#000000"><p>City Apartment</p></mj-text>
|
||||
<mj-text font-size="14px" line-height="16px" color="#004080"><p>View Listing</p></mj-text>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column width="500px">
|
||||
<mj-image src="{{ getAssetUrl('themes/'~template~'/assets/listing3.jpg', null, null, true) }}" width="450px" height="220px" border-radius="12px"></mj-image>
|
||||
<mj-text font-size="24px" line-height="34px" color="#000000">
|
||||
<p>Beachside Bungalow: Perfect for Coastal Living</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" line-height="16px" color="#004080"><p>View Listing</p></mj-text>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Featured Listings Part End -->
|
||||
|
||||
<!-- Statistics Part Start -->
|
||||
<mj-section background-color="#e0e0e0" padding="75px 0">
|
||||
<mj-column width="500px">
|
||||
<mj-spacer></mj-spacer>
|
||||
<mj-text font-size="30px" line-height="40px" color="#000000">
|
||||
<p>Our achievements highlight our commitment to excellence.</p>
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
<!-- Replace with relevant statistics -->
|
||||
<mj-column width="166px">
|
||||
<mj-text font-size="30px" line-height="33px" color="#000000" font-weight="bold"><p>150+</p></mj-text>
|
||||
<mj-text font-size="18px" line-height="18px" color="#000000" padding-top="0px">
|
||||
<p>Listings</p>
|
||||
</mj-text>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column width="166px">
|
||||
<mj-text font-size="30px" line-height="33px" color="#000000" font-weight="bold"><p>50+</p></mj-text>
|
||||
<mj-text font-size="18px" line-height="18px" color="#000000" padding-top="0px">
|
||||
<p>Agents</p>
|
||||
</mj-text>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column width="166px">
|
||||
<mj-text font-size="30px" line-height="33px" color="#000000" font-weight="bold"><p>300+</p></mj-text>
|
||||
<mj-text font-size="18px" line-height="18px" color="#000000" padding-top="0px">
|
||||
<p>Sold Properties</p>
|
||||
</mj-text>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Statistics Part End -->
|
||||
|
||||
<!-- Gallery Part Start -->
|
||||
<mj-section padding-top="0px" padding-bottom="0px" padding-right="0px" padding-left="0px">
|
||||
<mj-column width="280px" padding="0">
|
||||
<!-- Replace with images showcasing your properties or team -->
|
||||
<mj-image src="{{ getAssetUrl('themes/'~template~'/assets/gallery1.jpg', null, null, true) }}" width="280px" height="400px" padding-top="0px" padding-bottom="0px" padding-right="0px" padding-left="0px"></mj-image>
|
||||
</mj-column>
|
||||
<mj-column width="320px" padding="0">
|
||||
<mj-image src="{{ getAssetUrl('themes/'~template~'/assets/gallery2.jpg', null, null, true) }}" width="320px" height="200px" padding-top="0px" padding-bottom="0px" padding-right="0px" padding-left="0px"></mj-image>
|
||||
<mj-image src="{{ getAssetUrl('themes/'~template~'/assets/gallery3.jpg', null, null, true) }}" width="320px" height="200px" padding-top="0px" padding-bottom="0px" padding-right="0px" padding-left="0px"></mj-image>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Gallery Part End -->
|
||||
|
||||
<!-- Latest Updates Part Start -->
|
||||
<mj-section background-color="#FFFFFF" padding="50px 0">
|
||||
<mj-column width="500px">
|
||||
<!-- Section heading for updates -->
|
||||
<mj-spacer></mj-spacer>
|
||||
<mj-text font-size="14px" line-height="24px" color="#000000" text-transform="uppercase" padding-bottom="0px">
|
||||
<p>What's new?</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="48px" line-height="48px" color="#000000" font-weight="bold" padding-top="0px">
|
||||
<p>Updates</p>
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
<!-- Example update -->
|
||||
<mj-column width="250px">
|
||||
<mj-text font-size="16px" line-height="16px" color="#004080" padding-bottom="0px">
|
||||
<p>15 September 2024</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="20px" color="#000"><p>New Neighborhood Open Houses</p></mj-text>
|
||||
<mj-text font-size="14px" color="#6f6f6f" padding-top="0px">
|
||||
<p>Join us for exclusive open house events in the newly developed Riverside area.</p>
|
||||
</mj-text>
|
||||
<!-- Button to read more about the update -->
|
||||
<mj-button background-color="#004080" font-size="12px" font-weight="bold" border-radius="50px" inner-padding="10px 20px" align="left" href="#">
|
||||
<p>Read more</p>
|
||||
</mj-button>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
<!-- Example image related to the update -->
|
||||
<mj-column width="250px">
|
||||
<mj-image src="{{ getAssetUrl('themes/'~template~'/assets/update1.jpg', null, null, true) }}" width="240px" height="165px" padding-top="0px" padding-bottom="0px" padding-right="0px" padding-left="0px" border-radius="12px"></mj-image>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#e0e0e0" padding="50px 0">
|
||||
<mj-column width="250px">
|
||||
<mj-image src="{{ getAssetUrl('themes/'~template~'/assets/update2.jpg', null, null, true) }}" width="240px" height="165px" padding-top="0px" padding-bottom="0px" padding-right="0px" padding-left="0px" border-radius="12px"></mj-image>
|
||||
</mj-column>
|
||||
<mj-column width="250px">
|
||||
<mj-text font-size="16px" line-height="16px" color="#004080" padding-bottom="0px">
|
||||
<p>16 September 2024</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="20px" color="#000"><p>Webinar on Real Estate Investing</p></mj-text>
|
||||
<mj-text font-size="14px" color="#6f6f6f" padding-top="0px">
|
||||
<p>Join our experts for insights on maximizing your real estate investments.</p>
|
||||
</mj-text>
|
||||
<mj-button background-color="#004080" font-size="12px" font-weight="bold" border-radius="50px" inner-padding="10px 20px" align="left" href="#">
|
||||
<p>Reserve your spot</p>
|
||||
</mj-button>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Latest Updates Part End -->
|
||||
|
||||
<!-- Services Part Start -->
|
||||
<mj-section background-color="#FFFFFF" padding="95px 0">
|
||||
<mj-column width="500px">
|
||||
<mj-spacer></mj-spacer>
|
||||
<mj-text font-size="14px" line-height="24px" color="#000000" text-transform="uppercase" padding-bottom="0px">
|
||||
<p>Our Expertise</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="48px" line-height="48px" color="#000000" font-weight="bold" padding-top="0px">
|
||||
<p>Services We Offer</p>
|
||||
</mj-text>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
<!-- Highlight different real estate services -->
|
||||
<mj-column width="250px" padding-top="20px">
|
||||
<mj-image src="{{ getAssetUrl('themes/'~template~'/assets/icon1.png', null, null, true) }}" width="32px" height="32px" align="left"></mj-image>
|
||||
<mj-text font-size="24px" line-height="24px" color="#000000"><p>Residential Sales</p></mj-text>
|
||||
<mj-text font-size="15px" color="#6f6f6f" line-height="24px" padding-top="0px">
|
||||
<p>Helping you find your dream home with personalized service.</p>
|
||||
</mj-text>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column width="250px" padding-top="20px">
|
||||
<mj-image src="{{ getAssetUrl('themes/'~template~'/assets/icon2.png', null, null, true) }}" width="32px" height="32px" align="left"></mj-image>
|
||||
<mj-text font-size="24px" line-height="24px" color="#000000"><p>Commercial Leasing</p></mj-text>
|
||||
<mj-text font-size="15px" color="#6f6f6f" line-height="24px" padding-top="0px">
|
||||
<p>Providing top-tier commercial spaces to boost your business.</p>
|
||||
</mj-text>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column width="250px" padding-top="20px">
|
||||
<mj-image src="{{ getAssetUrl('themes/'~template~'/assets/icon3.png', null, null, true) }}" width="32px" height="32px" align="left"></mj-image>
|
||||
<mj-text font-size="24px" line-height="24px" color="#000000"><p>Property Management</p></mj-text>
|
||||
<mj-text font-size="15px" color="#6f6f6f" line-height="24px" padding-top="0px">
|
||||
<p>Comprehensive management services to maintain and enhance your property value.</p>
|
||||
</mj-text>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column width="250px" padding-top="20px">
|
||||
<mj-image src="{{ getAssetUrl('themes/'~template~'/assets/icon4.png', null, null, true) }}" width="32px" height="32px" align="left"></mj-image>
|
||||
<mj-text font-size="24px" line-height="24px" color="#000000"><p>Real Estate Consulting</p></mj-text>
|
||||
<mj-text font-size="15px" color="#6f6f6f" line-height="24px" padding-top="0px">
|
||||
<p>Expert advice to navigate the real estate market effectively.</p>
|
||||
</mj-text>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Services Part End -->
|
||||
|
||||
<!-- Why Choose Us Part Start -->
|
||||
<mj-section padding-top="0px" padding-bottom="0px" padding-right="0px" padding-left="0px">
|
||||
<!-- Left Column -->
|
||||
<mj-column width="50%" background-color="#002b5c" padding="30px">
|
||||
<!-- Explain why customers should choose your real estate services -->
|
||||
<mj-text font-size="15px" line-height="15px" color="#fff" align="center">
|
||||
<p>Why choose us</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="24px" line-height="24px" color="#fff" font-weight="bold" align="center">
|
||||
<p>HomeFinder Advantage</p>
|
||||
</mj-text>
|
||||
<!-- Button to learn more about your services -->
|
||||
<mj-button background-color="#004080" font-size="12px" font-weight="bold" border-radius="50px" inner-padding="10px 20px" href="#">
|
||||
<p>Learn more</p>
|
||||
</mj-button>
|
||||
</mj-column>
|
||||
<!-- Right Column -->
|
||||
<mj-column width="50%" background-color="#004080" padding="30px">
|
||||
<!-- Highlight additional benefits or features -->
|
||||
<mj-text font-size="15px" line-height="15px" color="#fff" align="center">
|
||||
<p>Your trusted partner</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="24px" line-height="24px" color="#fff" font-weight="bold" align="center">
|
||||
<p>24/7 customer support</p>
|
||||
</mj-text>
|
||||
<!-- Button to contact your support team -->
|
||||
<mj-button background-color="#002b5c" font-size="12px" font-weight="bold" border-radius="50px" inner-padding="10px 20px" href="#">
|
||||
<p>Contact us</p>
|
||||
</mj-button>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Why Choose Us Part End -->
|
||||
|
||||
<!-- Clients Part Start -->
|
||||
<mj-section background-color="#FFFFFF" padding="50px 0">
|
||||
<mj-column width="500px">
|
||||
<!-- Section heading for clients -->
|
||||
<mj-spacer></mj-spacer>
|
||||
<mj-text align="center" font-size="14px" line-height="18px" color="#000000" text-transform="uppercase" padding-bottom="0px">
|
||||
<p>Our Valued Clients</p>
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
<!-- Replace with logos of your partner companies or satisfied clients -->
|
||||
<mj-column width="166px">
|
||||
<mj-image src="{{ getAssetUrl('themes/@defaults/placeholder-logo.png', null, null, true) }}" width="70px"></mj-image>
|
||||
</mj-column>
|
||||
<mj-column width="166px">
|
||||
<mj-image src="{{ getAssetUrl('themes/@defaults/placeholder-logo.png', null, null, true) }}" width="70px"></mj-image>
|
||||
</mj-column>
|
||||
<mj-column width="166px">
|
||||
<mj-image src="{{ getAssetUrl('themes/@defaults/placeholder-logo.png', null, null, true) }}" width="70px"></mj-image>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Clients Part End -->
|
||||
|
||||
<!-- Testimonial Part Start -->
|
||||
<mj-section background-color="#FFFFFF" padding="50px 0">
|
||||
<mj-column width="500px">
|
||||
<mj-spacer></mj-spacer>
|
||||
<mj-text font-size="14px" line-height="24px" color="#000000" text-transform="uppercase" padding-bottom="0px">
|
||||
<p>What our clients think</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="48px" line-height="48px" color="#000000" font-weight="bold">
|
||||
<p>Testimonials</p>
|
||||
</mj-text>
|
||||
<mj-divider border-width="1px" padding="45px 0"></mj-divider>
|
||||
</mj-column>
|
||||
<!-- Example testimonial -->
|
||||
<mj-column width="500px">
|
||||
<mj-text font-size="18px" line-height="26px" color="#000000">
|
||||
<p>Their expertise helped us find the perfect home quickly!</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="18px" line-height="18px" color="#000000" font-weight="bold">
|
||||
<p>Sarah L.</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="16px" line-height="16px" color="#000000">
|
||||
<p>Homeowner</p>
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
<mj-column width="250px" padding-top="20px">
|
||||
<mj-image src="{{ getAssetUrl('themes/'~template~'/assets/quote1.png', null, null, true) }}" width="30px" height="22px" align="left"></mj-image>
|
||||
<mj-text font-size="16px" color="#000000">
|
||||
<p>Exceptional service and support throughout our home buying journey!</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" line-height="14px" color="#000000" font-weight="bold">
|
||||
<p>John D.</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" line-height="18px" color="#000000">
|
||||
<p>Investor</p>
|
||||
</mj-text>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
<mj-column width="250px" padding-top="20px">
|
||||
<mj-image src="{{ getAssetUrl('themes/'~template~'/assets/quote1.png', null, null, true) }}" width="30px" height="22px" align="left"></mj-image>
|
||||
<mj-text font-size="16px" color="#000000">
|
||||
<p>A seamless experience from start to finish. Highly recommend!</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" line-height="14px" color="#000000" font-weight="bold">
|
||||
<p>Linda K.</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="14px" line-height="18px" color="#000000">
|
||||
<p>First-time Buyer</p>
|
||||
</mj-text>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Testimonial Part End -->
|
||||
|
||||
<!-- Greeting Part Start -->
|
||||
<mj-section background-color="#002b5c" padding="50px 0">
|
||||
<mj-column width="500px">
|
||||
<mj-spacer></mj-spacer>
|
||||
<mj-text font-size="24px" line-height="28px" color="#fff">
|
||||
<p>We're glad you're here!</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="16px" color="#fff">
|
||||
<p>Thank you for choosing HomeFinder. We are committed to helping you navigate the real estate market with ease and confidence.</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="13px" color="#fff" font-weight="600">
|
||||
<p>Mark T. Johnson, Client Relations Manager</p>
|
||||
</mj-text>
|
||||
<mj-spacer></mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Greeting Part End -->
|
||||
|
||||
<!-- Footer Part Start -->
|
||||
<mj-section padding="0" padding-top="0" padding-bottom="20px" background-color="#ffffff">
|
||||
<mj-column>
|
||||
<mj-spacer></mj-spacer>
|
||||
<!-- Social media links: Replace href attributes with your social media URLs -->
|
||||
<mj-social font-size="12px" icon-size="30px" border-radius="12px" mode="horizontal">
|
||||
<mj-social-element name="facebook" background-color="#000000" border-radius="14px" padding-right="10px">
|
||||
</mj-social-element>
|
||||
<mj-social-element name="instagram" background-color="#000000" border-radius="14px" padding="0 10px">
|
||||
</mj-social-element>
|
||||
<mj-social-element name="youtube" background-color="#000000" border-radius="14px" padding-left="10px">
|
||||
</mj-social-element>
|
||||
</mj-social>
|
||||
<mj-spacer></mj-spacer>
|
||||
<!-- Replace with your company's address and contact information -->
|
||||
<mj-text font-family="Ubuntu, Helvetica, Arial, sans-serif" line-height="1.5" align="center" padding="0" font-size="12px">
|
||||
<p>HomeFinder</p>
|
||||
<p>123 Realty Lane, Suite 100</p>
|
||||
<p>Metropolis, 54321</p>
|
||||
<p>Country</p>
|
||||
</mj-text>
|
||||
<mj-spacer></mj-spacer>
|
||||
<!-- Unsubscribe information: Customize the unsubscribe text as needed -->
|
||||
<mj-text font-size="11px" align="center" color="#6d6d6d">
|
||||
<p>You’re receiving this email because you opted in via our website.</p>
|
||||
<p>Want to change how you receive these emails?</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="11px" align="center" color="#6d6d6d">
|
||||
<p>
|
||||
<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{unsubscribe_text}</span></span>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer height="60px"></mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<!-- Footer Part End -->
|
||||
</mj-body>
|
||||
</mjml>
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/message.html.twig' %}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
@@ -0,0 +1,26 @@
|
||||
# Workflow name:
|
||||
name: Close Pull Requests
|
||||
|
||||
# Workflow triggers:
|
||||
on:
|
||||
pull_request_target:
|
||||
types: [opened]
|
||||
|
||||
# Workflow jobs:
|
||||
jobs:
|
||||
run:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: superbrothers/close-pull-request@v3
|
||||
with:
|
||||
comment: |
|
||||
Thank you for submitting a pull request. :raised_hands:
|
||||
|
||||
We greatly appreciate your willingness to submit a contribution. However, we are not accepting pull requests against this repository, as all development happens on the [main project repository](https://github.com/mautic/mautic).
|
||||
|
||||
We kindly request that you submit this pull request against the respective directory `/themes/blend` of the [main repository](https://github.com/mautic/mautic) where we'll review and provide feedback. If this is your first Mautic contribution, be sure to read the [contributing guide](https://mau.tc/create-pr) which provides guidelines and instructions for submitting contributions.
|
||||
|
||||
Thank you again, and we look forward to receiving your contribution! :smiley:
|
||||
|
||||
Best,
|
||||
The Mautic team
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "mautic/theme-blend",
|
||||
"description": "Mautic Blend Theme",
|
||||
"type": "mautic-theme",
|
||||
"keywords": ["mautic","theme"],
|
||||
"minimum-stability": "dev",
|
||||
"require": {
|
||||
"mautic/core-lib": ">=7.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Blend",
|
||||
"author": "Dropsolid",
|
||||
"authorUrl": "https://dropsolid.io",
|
||||
"builder": ["grapesjsbuilder"],
|
||||
"features": ["page"]
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/base.html.twig' %}
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/message.html.twig' %}
|
||||
@@ -0,0 +1,216 @@
|
||||
{% extends "@themes/"~template~"/html/base.html.twig" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="sidebars">
|
||||
<div class="sidebar--left">
|
||||
<img class="logo--medium" src="{{ getOverridableUrl('images/placeholder-logo.png') }}">
|
||||
<div class="h3">
|
||||
<p>Download your material</p>
|
||||
</div>
|
||||
<div class="subtitle subtitle--header">
|
||||
<p>Just a quick form below ↓</p>
|
||||
</div>
|
||||
<div style="padding: 10px;">
|
||||
<p>{form=INSERT_FORM_ID_HERE}</p>
|
||||
</div>
|
||||
<div class="subtitle subtitle--footer">
|
||||
<p>I understand that I can unsubscribe at any time. By clicking "submit" above, I consent to allow {brand=name} to store and process the personal information submitted above to provide me the content requested. Security and privacy matter to us. For more info, please review our <a href="https://">privacy policy</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar--right">
|
||||
<div><p>To replace the background:<br>Click on it<br>→ Find "Decorations" in the menu<br>→ Select "Background"<br>→ Click "Image"<br>→ Select the new image</p></div>
|
||||
<div class="quote--text">
|
||||
<p>"Use this space to highlight what's truly important for your audience."</p>
|
||||
</div>
|
||||
<div class="quote--author">
|
||||
<p>Michelle Cox</p>
|
||||
</div>
|
||||
<div class="quote--position">
|
||||
<p>Founder, CEO</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: 'Inter';
|
||||
src: url("{{ getAssetUrl('themes/'~template~'/assets/InterDisplay-Medium.woff2', null, null, true) }}") format('woff2');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Inter';
|
||||
src: url("{{ getAssetUrl('themes/'~template~'/assets/InterDisplay-ExtraBold.woff2', null, null, true) }}") format('woff2');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: 'Inter', sans-serif;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
.sidebars {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 10px;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.sidebar--left {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
height: 100%;
|
||||
border-radius: {{ getRoundedCorners('lg') }}px;
|
||||
background-color: #f5f6f4;
|
||||
padding: 65px 15px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
box-sizing: border-box;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.sidebar--right {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-width: 290px;
|
||||
height: auto;
|
||||
min-height: 200px;
|
||||
margin: 0;
|
||||
padding: 100px 25px;
|
||||
background-repeat: repeat;
|
||||
background-position: center center;
|
||||
background-attachment: scroll;
|
||||
background-size: cover;
|
||||
background-image: url({{ getAssetUrl('themes/'~template~'/assets/mymind-3dmu0gu23uc-unsplash.jpg', null, null, true) }});
|
||||
border-radius: 44px 0px 44px 0px;
|
||||
}
|
||||
|
||||
.sidebar--left .mauticform_wrapper {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.h3 {
|
||||
padding: 0 10px;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 15px;
|
||||
display: flex;
|
||||
font-size: 27px;
|
||||
max-width: fit-content;
|
||||
font-weight: bold;
|
||||
font-feature-settings: "cv10" 1, "cv06" 1, "cv11" 1, "ss08" 1, "ss07" 1, "ss02" 1, "dlig" 1, "calt" 1, "cv12" 1, "cv13" 1;
|
||||
}
|
||||
|
||||
.h3 p {
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
padding: 0 10px;
|
||||
font-size: 13px;
|
||||
color: #525252;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
max-width: fit-content;
|
||||
}
|
||||
|
||||
.subtitle.subtitle--header {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.subtitle.subtitle--footer {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.quote--text {
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
font-feature-settings: "cv10" 1, "cv06" 1, "cv11" 1, "ss08" 1, "ss07" 1, "ss02" 1, "dlig" 1, "calt" 1, "cv12" 1, "cv13" 1;
|
||||
}
|
||||
|
||||
.quote--author {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
padding-bottom: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.quote--position {
|
||||
opacity: 0.7;
|
||||
font-size: 14px;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.logo--medium {
|
||||
padding: 0 10px;
|
||||
height: 50px;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
/* Media Queries for Larger Screens */
|
||||
|
||||
/* Tablet and Up */
|
||||
@media (min-width: 768px) {
|
||||
.sidebars {
|
||||
flex-direction: row;
|
||||
justify-content: end;
|
||||
flex-wrap: nowrap;
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.sidebar--left {
|
||||
min-width: 350px;
|
||||
max-width: 420px;
|
||||
padding: 50px 35px;
|
||||
}
|
||||
|
||||
.sidebar--right {
|
||||
width: 50%;
|
||||
padding: 50px;
|
||||
align-self: stretch;
|
||||
}
|
||||
|
||||
.quote--text {
|
||||
font-size: 50px;
|
||||
}
|
||||
|
||||
.h3 {
|
||||
font-size: 37px;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
max-width: fit-content;
|
||||
}
|
||||
}
|
||||
/* Desktop and Up */
|
||||
@media (min-width: 1200px) {
|
||||
.sidebars {
|
||||
gap: 100px;
|
||||
padding: 40px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 504 KiB |
@@ -0,0 +1,26 @@
|
||||
# Workflow name:
|
||||
name: Close Pull Requests
|
||||
|
||||
# Workflow triggers:
|
||||
on:
|
||||
pull_request_target:
|
||||
types: [opened]
|
||||
|
||||
# Workflow jobs:
|
||||
jobs:
|
||||
run:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: superbrothers/close-pull-request@v3
|
||||
with:
|
||||
comment: |
|
||||
Thank you for submitting a pull request. :raised_hands:
|
||||
|
||||
We greatly appreciate your willingness to submit a contribution. However, we are not accepting pull requests against this repository, as all development happens on the [main project repository](https://github.com/mautic/mautic).
|
||||
|
||||
We kindly request that you submit this pull request against the respective directory `/themes/capture` of the [main repository](https://github.com/mautic/mautic) where we'll review and provide feedback. If this is your first Mautic contribution, be sure to read the [contributing guide](https://mau.tc/create-pr) which provides guidelines and instructions for submitting contributions.
|
||||
|
||||
Thank you again, and we look forward to receiving your contribution! :smiley:
|
||||
|
||||
Best,
|
||||
The Mautic team
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 381 B |
Binary file not shown.
|
After Width: | Height: | Size: 366 B |
Binary file not shown.
|
After Width: | Height: | Size: 5.6 MiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 346 B |
Binary file not shown.
|
After Width: | Height: | Size: 607 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "mautic/theme-capture",
|
||||
"description": "Mautic Capture Theme",
|
||||
"type": "mautic-theme",
|
||||
"keywords": ["mautic","theme"],
|
||||
"minimum-stability": "dev",
|
||||
"require": {
|
||||
"mautic/core-lib": ">=7.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Capture",
|
||||
"author": "Dropsolid",
|
||||
"authorUrl": "https://dropsolid.io",
|
||||
"builder": ["grapesjsbuilder"],
|
||||
"features": ["page"]
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/base.html.twig' %}
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/message.html.twig' %}
|
||||
@@ -0,0 +1,369 @@
|
||||
{% extends "@themes/"~template~"/html/base.html.twig" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="wrapper">
|
||||
<div class="wrapper--row wrapper--header">
|
||||
<img class="logo--medium" src="{{ getOverridableUrl('images/placeholder-logo.png') }}">
|
||||
<div><a href="#" target="_blank" class="button">Call us now</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper--content">
|
||||
<div class="wrapper--content-header">
|
||||
<div class="content-header--main">
|
||||
<div class="prefix">
|
||||
<p>Local business</p>
|
||||
</div>
|
||||
<div class="h3">
|
||||
<p>HVAC service</p>
|
||||
</div>
|
||||
<div class="subtitle subtitle--header">
|
||||
<p>Expert HVAC repair at your door today.</p>
|
||||
<p>Simple, fast, done right.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper--content-body">
|
||||
<div style="padding: 10px;">
|
||||
<p>{form=1}</p>
|
||||
</div>
|
||||
<div class="wrapper--row security-info">
|
||||
<img class="icon--small" src="{{ getAssetUrl('themes/'~template~'/assets/lock-fill.png', null, null, true) }}">
|
||||
<div class="text--secondary">
|
||||
<p></p><p>100% secure. We never share your information.</p><p></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper--row stars">
|
||||
<div>
|
||||
<img alt="star-s-fill.png" src="{{ getAssetUrl('themes/'~template~'/assets/star-s-fill.png', null, null, true) }}" id="ions8">
|
||||
<img alt="star-s-fill.png" src="{{ getAssetUrl('themes/'~template~'/assets/star-s-fill.png', null, null, true) }}" id="ib1us">
|
||||
<img alt="star-s-fill.png" src="{{ getAssetUrl('themes/'~template~'/assets/star-s-fill.png', null, null, true) }}" id="ilkl4">
|
||||
<img alt="star-s-fill.png" src="{{ getAssetUrl('themes/'~template~'/assets/star-s-fill.png', null, null, true) }}" id="i3ouj">
|
||||
<img alt="star-s-fill.png" src="{{ getAssetUrl('themes/'~template~'/assets/star-s-fill.png', null, null, true) }}" id="ivxvj">
|
||||
</div>
|
||||
<div>
|
||||
<p>4.9/5 stars by 200+ customers</p>
|
||||
</div>
|
||||
</div>
|
||||
<iframe frameborder="0" src="https://maps.google.com/maps?&q=Moutstraat 60 9000 Ghent&z=15&t=q&output=embed" class="gmap"></iframe>
|
||||
<div class="subtitle subtitle--footer">
|
||||
<p>Moutstraat 60, 9000 Ghent | Belgium</p>
|
||||
<p>+12 3 456 78 90</p>
|
||||
<p>example.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wrapper--content">
|
||||
<div class="wrapper--content-header wrapper--content-header--secondary">
|
||||
<div>
|
||||
<p>Customer reviews</p>
|
||||
</div>
|
||||
<img src="{{ getAssetUrl('themes/'~template~'/assets/chat-quote-line.png', null, null, true) }}">
|
||||
</div>
|
||||
<div class="wrapper--content-body">
|
||||
<div class="wrapper--row customer-review">
|
||||
<img class="customer-review--picture" src="{{ getAssetUrl('themes/'~template~'/assets/user-smile-fill_2.png', null, null, true) }}">
|
||||
<div>
|
||||
<img src="{{ getAssetUrl('themes/'~template~'/assets/double-quotes-l.png', null, null, true) }}">
|
||||
<div class="customer-review--name">
|
||||
<p>Jhonny Mayo</p>
|
||||
</div>
|
||||
<div class="customer-review--text text--secondary">
|
||||
<p>Excellent service at a reasonable rate. They were on time and the job done was immaculate. I'll definitely be using them again in the future</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper--row customer-review">
|
||||
<img class="customer-review--picture" src="{{ getAssetUrl('themes/'~template~'/assets/user-smile-fill_2.png', null, null, true) }}">
|
||||
<div>
|
||||
<img src="{{ getAssetUrl('themes/'~template~'/assets/double-quotes-l.png', null, null, true) }}">
|
||||
<div class="customer-review--name">
|
||||
<p>Sarah Miller</p>
|
||||
</div>
|
||||
<div class="customer-review--text text--secondary">
|
||||
<p>Fast response time and top-notch work. The technician explained everything clearly and had my AC running perfectly in no time. Couldn't be happier with the service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper--row customer-review">
|
||||
<img class="customer-review--picture" src="{{ getAssetUrl('themes/'~template~'/assets/user-smile-fill_2.png', null, null, true) }}">
|
||||
<div>
|
||||
<img src="{{ getAssetUrl('themes/'~template~'/assets/double-quotes-l.png', null, null, true) }}">
|
||||
<div class="customer-review--name">
|
||||
<p>Mike Patterson</p>
|
||||
</div>
|
||||
<div class="customer-review--text text--secondary">
|
||||
<p>Called in the morning with a broken furnace, and they were here by afternoon. Clean, professional, and efficient work. No surprises on the bill - exactly what was quoted.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: 'IBM Plex Sans';
|
||||
src: url("{{ getAssetUrl('themes/'~template~'/assets/ibm-plex-sans-v19-latin-500.woff2', null, null, true) }}") format('woff2');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'IBM Plex Sans';
|
||||
src: url("{{ getAssetUrl('themes/'~template~'/assets/ibm-plex-sans-v19-latin-700.woff2', null, null, true) }}") format('woff2');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 10px;
|
||||
gap: 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
background-image: url('{{ getAssetUrl('themes/'~template~'/assets/elimende-inagella-zx7VUt9txos-unsplash.jpg', null, null, true) }}');
|
||||
}
|
||||
|
||||
.wrapper--content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
box-sizing: border-box;
|
||||
font-size: 12px;
|
||||
border-radius: {{ getRoundedCorners('lg') }}px;
|
||||
box-shadow: rgb(0 0 0 / 30%) 0px 6px 24px 5px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
|
||||
}
|
||||
|
||||
.wrapper--content-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: linear-gradient(160deg, rgba(0,0,0,1) 20%, rgba(0,0,0,0.3) 100%);
|
||||
backdrop-filter: blur(8px);
|
||||
border-radius: {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px 0 0;
|
||||
padding: 20px 20px 15px;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.wrapper--content-header--secondary {
|
||||
background-color: #161616;
|
||||
}
|
||||
|
||||
.wrapper--content-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #ffffff;
|
||||
padding: 25px 20px;
|
||||
border-radius: {{ getRoundedCorners('lg') }}px;
|
||||
}
|
||||
|
||||
.prefix {
|
||||
text-transform: uppercase;
|
||||
font-size: 80%;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.wrapper--content-header + .wrapper--content-body {
|
||||
border-radius: 0 0 {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
border-radius: {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px;
|
||||
background-color: #000000;
|
||||
font-size: 16px;
|
||||
color: #ffffff;
|
||||
border: 10px solid #000000;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wrapper--content .mauticform_wrapper {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wrapper--content .mauticform-button-wrapper {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wrapper--row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wrapper--header {
|
||||
justify-content: space-between;
|
||||
min-width: 420px;
|
||||
max-width: 480px;
|
||||
padding: 0px 15px;
|
||||
}
|
||||
|
||||
.content-header--main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.security-info {
|
||||
margin-bottom: 20px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.stars {
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.customer-review {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.customer-review + .customer-review {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.customer-review--name {
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.customer-review--picture {
|
||||
height: 60px;
|
||||
width: fit-content;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.gmap {
|
||||
border-radius: {{ getRoundedCorners('md') }}px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.text--secondary {
|
||||
font-size: 11px;
|
||||
color: #525252;
|
||||
}
|
||||
|
||||
.icon--small {
|
||||
height: 14px;
|
||||
width: fit-content;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.h3 {
|
||||
padding: 0 10px;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
display: flex;
|
||||
font-size: 35px;
|
||||
max-width: fit-content;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.h3 p {
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
padding: 0 10px;
|
||||
font-size: 13px;
|
||||
color: #525252;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
max-width: fit-content;
|
||||
align-self: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.subtitle.subtitle--header {
|
||||
margin-bottom: 20px;
|
||||
text-align: center;
|
||||
color: #c5c5c5;
|
||||
}
|
||||
|
||||
.subtitle.subtitle--footer {
|
||||
margin-top: 60px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.logo--medium {
|
||||
padding: 0 10px;
|
||||
height: 50px;
|
||||
width: fit-content;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
/* Media Queries for Larger Screens */
|
||||
|
||||
/* Tablet and Up */
|
||||
@media (min-width: 768px) {
|
||||
.wrapper {
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.wrapper--content {
|
||||
width: 30%;
|
||||
min-width: 420px;
|
||||
max-width: 470px;
|
||||
}
|
||||
|
||||
.wrapper--content-body {
|
||||
padding: 40px 35px;
|
||||
}
|
||||
|
||||
.wrapper--content-header {
|
||||
padding: 15px 30px 12px;
|
||||
}
|
||||
|
||||
.h3 {
|
||||
font-size: 44px;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
max-width: fit-content;
|
||||
}
|
||||
|
||||
.wrapper-header {
|
||||
padding: 0 35px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 764 KiB |
@@ -0,0 +1,26 @@
|
||||
# Workflow name:
|
||||
name: Close Pull Requests
|
||||
|
||||
# Workflow triggers:
|
||||
on:
|
||||
pull_request_target:
|
||||
types: [opened]
|
||||
|
||||
# Workflow jobs:
|
||||
jobs:
|
||||
run:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: superbrothers/close-pull-request@v3
|
||||
with:
|
||||
comment: |
|
||||
Thank you for submitting a pull request. :raised_hands:
|
||||
|
||||
We greatly appreciate your willingness to submit a contribution. However, we are not accepting pull requests against this repository, as all development happens on the [main project repository](https://github.com/mautic/mautic).
|
||||
|
||||
We kindly request that you submit this pull request against the respective directory `/themes/chord` of the [main repository](https://github.com/mautic/mautic) where we'll review and provide feedback. If this is your first Mautic contribution, be sure to read the [contributing guide](https://mau.tc/create-pr) which provides guidelines and instructions for submitting contributions.
|
||||
|
||||
Thank you again, and we look forward to receiving your contribution! :smiley:
|
||||
|
||||
Best,
|
||||
The Mautic team
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "mautic/theme-chord",
|
||||
"description": "Chord",
|
||||
"type": "mautic-theme",
|
||||
"keywords": ["mautic","theme"],
|
||||
"minimum-stability": "dev",
|
||||
"require": {
|
||||
"mautic/core-lib": ">=7.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Chord",
|
||||
"author": "Dropsolid",
|
||||
"authorUrl": "https://dropsolid.io",
|
||||
"builder": ["legacy"],
|
||||
"features": ["form"]
|
||||
}
|
||||
@@ -0,0 +1,378 @@
|
||||
<style type="text/css" scoped>
|
||||
:root {
|
||||
--form-primary-60: #f4f0ec;
|
||||
--form-primary-70: hsl(30, 27%, 90%);
|
||||
--form-primary-80: hsl(30, 27%, 86%);
|
||||
--form-font-family: Arial, Helvetica, sans-serif;
|
||||
|
||||
--form-field: #ffffff;
|
||||
--form-field-hover: #ffffff;
|
||||
|
||||
--form-border-interactive: var(--form-primary-60);
|
||||
--form-border-subtle: #d1d1d1;
|
||||
--form-border-strong: rgb(29, 29, 27);
|
||||
--form-border-inverse: #161616;
|
||||
--form-border-disabled: #c6c6c6;
|
||||
|
||||
--form-text-primary: #303030;
|
||||
--form-text-secondary: #525252;
|
||||
--form-text-placeholder: #a8a8a8;
|
||||
--form-text-on-color: #ffffff;
|
||||
--form-text-on-color-disabled: #8d8d8d;
|
||||
--form-text-helper: #6f6f6f;
|
||||
--form-text-error: #da1e28;
|
||||
--form-text-inverse: #ffffff;
|
||||
--form-text-disabled: #16161640;
|
||||
|
||||
--form-link-primary: var(--form-primary-60);
|
||||
--form-link-primary-hover: var(--form-primary-70);
|
||||
--form-link-secondary: var(--form-primary-70);
|
||||
--form-link-inverse: var(--form-primary-40);
|
||||
--form-link-visited: #8a3ffc;
|
||||
|
||||
--form-button-primary: #1d1d1b;
|
||||
--form-button-primary-hover: #ffffff;
|
||||
--form-button-primary-active: #ffffff;
|
||||
--form-button-secondary: #393939;
|
||||
--form-button-secondary-hover: #4c4c4c;
|
||||
--form-button-secondary-active: #6f6f6f;
|
||||
--form-button-tertiary: var(--form-primary-60);
|
||||
--form-button-tertiary-hover: var(--form-primary-70);
|
||||
--form-button-tertiary-active: var(--form-primary-80);
|
||||
--form-button-danger-primary: #da1e28;
|
||||
--form-button-danger-secondary: #da1e28;
|
||||
--form-button-danger-hover: #ba1b23;
|
||||
--form-button-danger-active: #750e13;
|
||||
--form-button-separator: #e0e0e0;
|
||||
--form-button-disabled: #c6c6c6;
|
||||
|
||||
--form-support-error: #da1e28;
|
||||
--form-support-success: #24a148;
|
||||
--form-support-warning: #f1c21b;
|
||||
--form-support-info: #0043ce;
|
||||
--form-support-error-inverse: #ff787f;
|
||||
--form-support-success-inverse: #42be65;
|
||||
--form-support-warning-inverse: #f1c21b;
|
||||
--form-support-info-inverse: #6da2ff;
|
||||
|
||||
--form-focus: var(--form-primary-60);
|
||||
--form-focus-inset: #ffffff;
|
||||
--form-focus-inverse: #ffffff;
|
||||
|
||||
--form-interactive: var(--form-button-primary);
|
||||
--form-highlight: var(--form-primary-20);
|
||||
|
||||
--form-duration-productive: 150ms;
|
||||
--form-duration-expressive: 300ms;
|
||||
|
||||
--form-easing-standard-productive: cubic-bezier(0.2, 0, 0.38, 0.9);
|
||||
--form-easing-standard-expressive: cubic-bezier(0.4, 0.14, 0.3, 1);
|
||||
|
||||
--form-transition-all-productive: all var(--form-duration-productive) var(--form-easing-standard-productive);
|
||||
--form-transition-all-expressive: all var(--form-duration-expressive) var(--form-easing-standard-expressive);
|
||||
}
|
||||
|
||||
.mauticform_wrapper {
|
||||
max-width: 600px;
|
||||
margin: 10px auto;
|
||||
font-family: var(--form-font-family);
|
||||
}
|
||||
|
||||
.mauticform-innerform {}
|
||||
|
||||
.mauticform-post-success {}
|
||||
|
||||
.mauticform-name {
|
||||
font-weight: bold;
|
||||
font-size: 1.5em;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.mauticform-description {
|
||||
margin-top: 2px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.mauticform-error {
|
||||
margin-bottom: 10px;
|
||||
color: var(--form-support-error);
|
||||
}
|
||||
|
||||
.mauticform-message {
|
||||
margin-bottom: 10px;
|
||||
color: var(--form-support-success);
|
||||
}
|
||||
|
||||
.mauticform-row {
|
||||
display: block;
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
|
||||
.mauticform-label {
|
||||
font-size: 13px;
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
margin-bottom: 5px;
|
||||
color: var(--form-text-primary);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.mauticform-row.mauticform-required .mauticform-label:after {
|
||||
color: var(--form-support-error);
|
||||
content: " *";
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.mauticform-helpmessage {
|
||||
display: block;
|
||||
font-size: 0.9em;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.mauticform-errormsg {
|
||||
display: block;
|
||||
color: var(--form-support-error);
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.mauticform-selectbox,
|
||||
.mauticform-input,
|
||||
.mauticform-textarea {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 12px;
|
||||
border: none;
|
||||
border-bottom: 1px solid var(--form-border-subtle);
|
||||
background: var(--form-field);
|
||||
box-shadow: none;
|
||||
border-radius: 0px;
|
||||
box-sizing: border-box;
|
||||
transition: var(--form-transition-all-productive);
|
||||
}
|
||||
|
||||
.mauticform-selectbox:focus,
|
||||
.mauticform-input:focus,
|
||||
.mauticform-textarea:focus,
|
||||
.mauticform-selectbox:active,
|
||||
.mauticform-input:active,
|
||||
.mauticform-textarea:active {
|
||||
background: var(--form-field-hover);
|
||||
border-color: var(--form-border-strong);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.mauticform-input::placeholder {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
|
||||
.mauticform-checkboxgrp-row {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.mauticform-checkboxgrp-label {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.mauticform-checkboxgrp-checkbox {
|
||||
aspect-ratio: 1 / 1;
|
||||
height: 16px;
|
||||
vertical-align: -3px;
|
||||
background-color: var(--form-field);
|
||||
appearance: none;
|
||||
border: 1px solid var(--form-border-strong);
|
||||
border-radius: {{ getRoundedCorners('sm') }}px;
|
||||
margin: 0;
|
||||
align-items: center;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
-webkit-transition: var(--form-transition-all-productive);
|
||||
-o-transition: var(--form-transition-all-productive);
|
||||
transition: var(--form-transition-all-productive);
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 1px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.mauticform-checkboxgrp-checkbox:checked {
|
||||
background-color: var(--form-interactive);
|
||||
border: 1px solid var(--form-interactive);
|
||||
}
|
||||
|
||||
.mauticform-checkboxgrp-checkbox:checked:before {
|
||||
content: "";
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M9.9997%2015.1709L19.1921%205.97852L20.6063%207.39273L9.9997%2017.9993L3.63574%2011.6354L5.04996%2010.2212L9.9997%2015.1709Z%22/%3E%3C/svg%3E');
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.mauticform-radiogrp-row {
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
align-items: baseline;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.mauticform-radiogrp-label {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.mauticform-radiogrp-radio {
|
||||
width: 16px;
|
||||
aspect-ratio: 1 / 1;
|
||||
accent-color: black;
|
||||
}
|
||||
|
||||
.mauticform-button-wrapper .mauticform-button.btn-ghost,
|
||||
.mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-ghost {
|
||||
color: #5d6c7c;
|
||||
background-color: #ffffff;
|
||||
border-color: #dddddd;
|
||||
}
|
||||
|
||||
.mauticform-button-wrapper .mauticform-button,
|
||||
.mauticform-pagebreak-wrapper .mauticform-pagebreak {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
background-image: none;
|
||||
border: 1px solid transparent;
|
||||
white-space: nowrap;
|
||||
padding: 16px 30px;
|
||||
font-size: 13px;
|
||||
line-height: 1.3856;
|
||||
border-radius: {{ getRoundedCorners('lg') }}px;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background-color: var(--form-button-primary);
|
||||
color: var(--form-text-on-color);
|
||||
transition: var(--form-transition-all-expressive);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.mauticform-button-wrapper .mauticform-button:hover,
|
||||
.mauticform-pagebreak-wrapper .mauticform-pagebreak:hover {
|
||||
background-color: var(--form-button-primary-hover);
|
||||
color: var(--text-primary);
|
||||
border-color: var(--form-button-primary);
|
||||
}
|
||||
|
||||
.mauticform-button-wrapper .mauticform-button.btn-ghost[disabled],
|
||||
.mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-ghost[disabled] {
|
||||
background-color: #ffffff;
|
||||
border-color: #dddddd;
|
||||
opacity: 0.75;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.mauticform-pagebreak-wrapper .mauticform-button-wrapper {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* Make fields display inline when using width classes */
|
||||
.mauticform-page-wrapper {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
margin: 0 -10px;
|
||||
}
|
||||
|
||||
/* Ensure field containers respect width classes */
|
||||
.mauticform-row {
|
||||
box-sizing: border-box;
|
||||
padding: 0 10px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
/* Responsive adjustment for mobile */
|
||||
@media (max-width: 767px) {
|
||||
.mauticform-three-quarters-width,
|
||||
.mauticform-two-thirds-width,
|
||||
.mauticform-half-width,
|
||||
.mauticform-one-third-width,
|
||||
.mauticform-one-quarter-width {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* @see https://github.com/TarekRaafat/autoComplete.js/blob/master/dist/css/autoComplete.02.css.
|
||||
*/
|
||||
.autoComplete_wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.autoComplete_wrapper>input::placeholder {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.autoComplete_wrapper>ul {
|
||||
position: absolute;
|
||||
max-height: 226px;
|
||||
overflow-y: scroll;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 0;
|
||||
margin: 0.5rem 0 0 0;
|
||||
border-radius: 4px;
|
||||
background-color: #fff;
|
||||
border: 1px solid rgba(33, 33, 33, 0.1);
|
||||
z-index: 1000;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.autoComplete_wrapper>ul>li {
|
||||
padding: 10px 20px;
|
||||
list-style: none;
|
||||
text-align: left;
|
||||
font-size: 16px;
|
||||
color: #212121;
|
||||
transition: all 0.1s ease-in-out;
|
||||
border-radius: 3px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.autoComplete_wrapper>ul>li>span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.autoComplete_wrapper>ul>li::selection {
|
||||
color: rgba(#ffffff, 0);
|
||||
background-color: rgba(#ffffff, 0);
|
||||
}
|
||||
|
||||
.autoComplete_wrapper>ul>li:hover {
|
||||
cursor: pointer;
|
||||
background-color: rgba(123, 123, 123, 0.1);
|
||||
}
|
||||
|
||||
.autoComplete_wrapper>ul>li mark {
|
||||
background-color: transparent;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.autoComplete_wrapper>ul>li mark::selection {
|
||||
background-color: rgba(#ffffff, 0);
|
||||
}
|
||||
|
||||
.autoComplete_wrapper>ul>li[aria-selected="true"] {
|
||||
background-color: rgba(123, 123, 123, 0.1);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
.autoComplete_wrapper>input {
|
||||
width: 18rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
{% if page is defined %}
|
||||
<title>{pagetitle}</title>
|
||||
<meta name="description" content="{pagemetadescription}">
|
||||
{% endif %}
|
||||
{% block stylesheets %}{% endblock %}
|
||||
{{ outputHeadDeclarations() }}
|
||||
</head>
|
||||
<body>
|
||||
{{ outputScripts('bodyOpen') }}
|
||||
{% block content %}{% endblock %}
|
||||
{{ outputScripts('bodyClose') }}
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,26 @@
|
||||
# Workflow name:
|
||||
name: Close Pull Requests
|
||||
|
||||
# Workflow triggers:
|
||||
on:
|
||||
pull_request_target:
|
||||
types: [opened]
|
||||
|
||||
# Workflow jobs:
|
||||
jobs:
|
||||
run:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: superbrothers/close-pull-request@v3
|
||||
with:
|
||||
comment: |
|
||||
Thank you for submitting a pull request. :raised_hands:
|
||||
|
||||
We greatly appreciate your willingness to submit a contribution. However, we are not accepting pull requests against this repository, as all development happens on the [main project repository](https://github.com/mautic/mautic).
|
||||
|
||||
We kindly request that you submit this pull request against the respective directory `/themes/_connect-through-content` of the [main repository](https://github.com/mautic/mautic) where we'll review and provide feedback. If this is your first Mautic contribution, be sure to read the [contributing guide](https://mau.tc/create-pr) which provides guidelines and instructions for submitting contributions.
|
||||
|
||||
Thank you again, and we look forward to receiving your contribution! :smiley:
|
||||
|
||||
Best,
|
||||
The Mautic team
|
||||
@@ -0,0 +1,5 @@
|
||||
# Connect Through Content theme for Mautic
|
||||
|
||||
## This theme is managed centrally in https://github.com/mautic/mautic/ and this is a read-only mirror repository.
|
||||
|
||||
**📣 Please make PRs and issues against Mautic Core, not here!**
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "mautic/theme-connect-through-content",
|
||||
"description": "Connect through content",
|
||||
"type": "mautic-theme",
|
||||
"keywords": ["mautic","theme"],
|
||||
"minimum-stability": "dev",
|
||||
"require": {
|
||||
"mautic/core-lib": "^7.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "Connect through content",
|
||||
"author": "Dropsolid",
|
||||
"authorUrl": "https://dropsolid.io",
|
||||
"builder": ["grapesjsbuilder"],
|
||||
"features": ["email"]
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/base.html.twig' %}
|
||||
@@ -0,0 +1,171 @@
|
||||
<mjml>
|
||||
<mj-head>
|
||||
<!-- CSS-STYLE -->
|
||||
<mj-style inline="inline"> p, li {margin:0 !important; padding:0; line-height:1.4em;}
|
||||
</mj-style>
|
||||
</mj-head>
|
||||
<!-- BODY -->
|
||||
<mj-body background-color="#d0d0d0">
|
||||
<mj-section padding-top="40px" background-color="#ffffff">
|
||||
<mj-column>
|
||||
<mj-text font-size="11px" align="center">
|
||||
<p>
|
||||
<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{webview_text}</span></span>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-logo.png') }}" width="70px" padding-bottom="0px" padding-top="0px">
|
||||
</mj-image>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#ffffff">
|
||||
<mj-column width="550px">
|
||||
<mj-text font-size="24px" align="center" font-weight="700">
|
||||
<p>Connect through content
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer align="center">
|
||||
</mj-spacer>
|
||||
<mj-text font-size="16px" align="center">
|
||||
<p>Build brand loyalty with engaging newsletters. Highlight blog posts, showcase products, or announce upcoming events.
|
||||
</p>
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#ffffff">
|
||||
<mj-column>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}" padding-right="0px" padding-left="0px" padding-bottom="0px">
|
||||
</mj-image>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#ffffff">
|
||||
<mj-column width="275px">
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-size="22px" font-weight="700">
|
||||
<p>Spotlight your main attraction
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="16px">
|
||||
<p>Lead with a standout feature to make your email scannable. Whether it's a fresh article or a new product launch, make it pop.
|
||||
</p>
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
<mj-column width="275px">
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-size="16px">
|
||||
<p>Customize with your visuals or choose a bold background color.
|
||||
</p>
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section background-color="#ffffff" padding-top="0px">
|
||||
<mj-column padding-top="0px">
|
||||
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px" padding-top="0px">
|
||||
<p>Discover more
|
||||
</p>
|
||||
</mj-button>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section padding-top="40px" padding-bottom="40px" background-color="#f4f4f4">
|
||||
<mj-column width="275px">
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
</mj-column>
|
||||
<mj-column width="275px">
|
||||
<mj-text font-size="22px" font-weight="700">
|
||||
<p>Showcase your expertise
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="14px">
|
||||
<p>Feature an image of your latest offering or a recent successful project.
|
||||
</p>
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section padding-top="40px" padding-bottom="40px" background-color="#ffffff">
|
||||
<mj-column width="275px">
|
||||
<mj-text font-size="22px" font-weight="700">
|
||||
<p>Enhance your articles
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="14px">
|
||||
<p>Pair eye-catching visuals with compelling text to boost click-through rates.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="14px">
|
||||
<p>
|
||||
<u>Explore further
|
||||
</u>
|
||||
</p>
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
<mj-column width="275px">
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section padding-top="40px" padding-bottom="40px" background-color="#f4f4f4">
|
||||
<mj-column width="275px">
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||||
</mj-image>
|
||||
</mj-column>
|
||||
<mj-column width="275px">
|
||||
<mj-text font-size="22px" font-weight="700">
|
||||
<p>What's on the horizon
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="14px">
|
||||
<p>Tease upcoming events or give a preview of soon-to-launch collections.
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="14px">
|
||||
<p>
|
||||
<u>Save your spot
|
||||
</u>
|
||||
</p>
|
||||
</mj-text>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
<mj-section padding-top="0" padding-bottom="20px" background-color="#{{ getBrandPrimaryColor() }}">
|
||||
<mj-column>
|
||||
<mj-spacer height="40px">
|
||||
</mj-spacer>
|
||||
<mj-image src="{{ getOverridableUrl('images/placeholder-logo-inverse.png') }}" width="70px" padding-bottom="0px">
|
||||
</mj-image>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-family="Ubuntu, Helvetica, Arial, sans-serif" line-height="1.5" align="center" padding-top="0px" padding-bottom="0px" font-size="12px" color="#{{ getTextOnBrandColor() }}">
|
||||
<p>{brand=name}
|
||||
<br/>11111 Beautiful City, 1212 Nice Street
|
||||
<br/>Brazil
|
||||
<br/>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
<mj-text font-size="11px" align="center" color="#{{ getTextOnBrandHelperColor() }}">
|
||||
<p>Fancy seeing you down here. You’re getting this email because you gave us your email address.
|
||||
</p>
|
||||
<p>Want to change how you receive these emails?
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-text font-size="11px" align="center" color="#{{ getTextOnBrandHelperColor() }}">
|
||||
<p>
|
||||
<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{unsubscribe_text}</span></span>
|
||||
</p>
|
||||
</mj-text>
|
||||
<mj-spacer>
|
||||
</mj-spacer>
|
||||
</mj-column>
|
||||
</mj-section>
|
||||
</mj-body>
|
||||
</mjml>
|
||||
@@ -0,0 +1 @@
|
||||
{% extends '@MauticCore/Theme/message.html.twig' %}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user