Initial commit: CloudOps infrastructure platform
26
docker-compose/mautic-setup/mautic-backup-files/docroot/themes/cards/.github/workflows/close_pull_requests.yml
vendored
Executable file
@@ -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](https://github.com/mautic/mautic/blob/head/plugins/GrapesJsBuilderBundle) of the main repository where we'll review and provide feedback. If this is your first Mautic contribution, be sure to read the [contributing guide](https://github.com/mautic/mautic/blob/4.x/.github/CONTRIBUTING.md) 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 @@
|
||||
# Cards theme for Mautic
|
||||
|
||||
## This theme is managed centrally in https://github.com/mautic/mautic/blob/head/themes/cards and this is a read-only mirror repository.
|
||||
|
||||
**📣 Please make PRs and issues against Mautic Core, not here!**
|
||||
|
After Width: | Height: | Size: 103 KiB |
|
After Width: | Height: | Size: 138 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 113 KiB |
|
After Width: | Height: | Size: 296 KiB |
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"name": "mautic/theme-cards",
|
||||
"description": "Mautic Cards Theme",
|
||||
"type": "mautic-theme",
|
||||
"keywords": ["mautic","theme"],
|
||||
"extra": {
|
||||
"install-directory-name": "cards"
|
||||
},
|
||||
"minimum-stability": "dev",
|
||||
"require": {
|
||||
"mautic/core-lib": "^7.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"name": "Cards",
|
||||
"author": "Mautic",
|
||||
"authorUrl": "http://www.mautic.com",
|
||||
"features": [
|
||||
"email"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
<style type="text/css" scoped>
|
||||
.mauticform_wrapper { max-width: 600px; margin: 10px auto; font-family: Helvetica, Arial, sans-serif; color: #676767;}
|
||||
.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: red; }
|
||||
.mauticform-message { margin-bottom: 10px;color: green; }
|
||||
.mauticform-row { display: block; margin-bottom: 20px; }
|
||||
.mauticform-label { font-size: 1.1em; display: block; font-weight: bold; margin-bottom: 5px; }
|
||||
.mauticform-row.mauticform-required .mauticform-label:after { color: #e32; content: " *"; display: inline; }
|
||||
.mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; }
|
||||
.mauticform-errormsg { display: block; color: red; margin-top: 2px; }
|
||||
.mauticform-selectbox, .mauticform-input, .mauticform-textarea { width: 100%; padding: 0.5em 0.5em; border: 1px solid #CCC; background: #fff; box-shadow: 0px 0px 0px #fff inset; border-radius: 4px; box-sizing: border-box; }
|
||||
.mauticform-checkboxgrp-row {}
|
||||
.mauticform-checkboxgrp-label { font-weight: normal; }
|
||||
.mauticform-checkboxgrp-checkbox {}
|
||||
.mauticform-radiogrp-row {}
|
||||
.mauticform-radiogrp-label { font-weight: normal; }
|
||||
.mauticform-radiogrp-radio {}
|
||||
.mauticform-button-wrapper .mauticform-button.btn-default { color: #5d6c7c;background-color: #ffffff;border-color: #dddddd;}
|
||||
.mauticform-button-wrapper .mauticform-button { display: inline-block;margin-bottom: 0;font-weight: 600;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 13px;line-height: 1.3856;border-radius: 3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
|
||||
.mauticform-button-wrapper .mauticform-button.btn-default[disabled] { background-color: #ffffff; border-color: #dddddd;}
|
||||
</style>
|
||||
@@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
{% if page is defined %}
|
||||
<title>{pagetitle}</title>
|
||||
<meta name="description" content="{pagemetadescription}">
|
||||
{% endif %}
|
||||
{{ outputHeadDeclarations() }}
|
||||
</head>
|
||||
<body>
|
||||
{{ outputScripts('bodyOpen') }}
|
||||
{% block content %}{% endblock %}
|
||||
{{ outputScripts('bodyClose') }}
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,611 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="robots" content="noindex, nofollow">
|
||||
<title>{subject}</title>
|
||||
<style type="text/css">
|
||||
body, table, td, a{-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
|
||||
table, td{mso-table-lspace: 0pt; mso-table-rspace: 0pt;}
|
||||
img{border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic;}
|
||||
table{border-collapse: collapse !important;}
|
||||
body{font-family: 'Open Sans', Verdana, Arial, sans-serif; height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important;}
|
||||
div[style*="margin: 16px 0;"] { margin:0 !important; }
|
||||
a[x-apple-data-detectors] {
|
||||
color: inherit !important;
|
||||
text-decoration: none !important;
|
||||
font-size: inherit !important;
|
||||
font-family: inherit !important;
|
||||
font-weight: inherit !important;
|
||||
line-height: inherit !important;
|
||||
}
|
||||
@media only screen and (min-width: 660px) {
|
||||
.shrinker {
|
||||
padding: 0 55px !important;
|
||||
}
|
||||
.c4 {
|
||||
width: 35% !important;
|
||||
float: left !important;
|
||||
display: block !important;
|
||||
}
|
||||
.c8 {
|
||||
width: 60% !important;
|
||||
padding-left: 5% !important;
|
||||
float: left !important;
|
||||
display: block !important;
|
||||
}
|
||||
.header-split {
|
||||
display: block;
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
.header-split.right p, .header-split.right td, .header-split.right {
|
||||
text-align: right !important;
|
||||
float: right !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 660px) {
|
||||
.shrinker {
|
||||
width: 100% !important;
|
||||
}
|
||||
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c10,.c11,.c12 {
|
||||
width: 100% !important;
|
||||
float: left !important;
|
||||
display: block;
|
||||
padding: 0 !important;
|
||||
margin: 10px 0;
|
||||
}
|
||||
.header-split td {
|
||||
padding: 5px 0 !important;
|
||||
width: 100% !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
.header-split a, .header-split p {
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<!--[if !mso]><!-->
|
||||
<style type="text/css">
|
||||
/* Opens sans font */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('{{ getAssetUrl('themes/'~template~'/assets/open-sans/OpenSans-Regular.WOFF', null, null, true) }}') format('woff'),
|
||||
url('{{ getAssetUrl('themes/'~template~'/assets/open-sans/OpenSans-Regular.ttf', null, null, true) }}') format('truetype');
|
||||
font-weight: 300;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('{{ getAssetUrl('themes/'~template~'/assets/open-sans/OpenSans-Italic.WOFF', null, null, true) }}') format('woff'),
|
||||
url('{{ getAssetUrl('themes/'~template~'/assets/open-sans/OpenSans-Italic.ttf', null, null, true) }}') format('truetype');
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('{{ getAssetUrl('themes/'~template~'/assets/open-sans/OpenSans-SemiBold.WOFF', null, null, true) }}') format('woff'),
|
||||
url('{{ getAssetUrl('themes/'~template~'/assets/open-sans/OpenSans-SemiBold.ttf', null, null, true) }}') format('truetype');
|
||||
font-weight: 700;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('{{ getAssetUrl('themes/'~template~'/assets/open-sans/OpenSans-SemiBoldItalic.WOFF', null, null, true) }}') format('woff'),
|
||||
url('{{ getAssetUrl('themes/'~template~'/assets/open-sans/OpenSans-SemiBoldItalic.ttf', null, null, true) }}') format('truetype');
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
}
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
</head>
|
||||
<body style="margin:0; padding:0; background: #f0f0f0;">
|
||||
<!--[if mso]>
|
||||
<style type="text/css">
|
||||
body, table, td {font-family: 'Open Sans', Verdana, Arial, sans-serif; !important;}
|
||||
</style>
|
||||
<![endif]-->
|
||||
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0" align="center">
|
||||
<tr>
|
||||
<td width="100%" valign="top" align="center">
|
||||
<center>
|
||||
|
||||
<!-- END HEADER LINKS -->
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" data-section-wrapper="1">
|
||||
<tr data-section="1">
|
||||
<td align="center" height="100%" valign="top" width="100%">
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
<table align="center" border="0" cellspacing="0" cellpadding="0" width="660">
|
||||
<tr>
|
||||
<td align="center" valign="top" width="660">
|
||||
<![endif]-->
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:660px;" bgcolor="#f0f0f0">
|
||||
<tr>
|
||||
<td height="20" style="font-size: 20px; line-height: 20px;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" style="font-family: 'Open Sans', Verdana, Arial, sans-serif; color:#b2b2b2; text-transform: uppercase; padding:0;" data-slot-container="1">
|
||||
<div data-slot="text">
|
||||
<a href="#" target="_blank" style="padding: 0 10px; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#b2b2b2; text-transform: uppercase; text-decoration:none;"><singleline style="font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#b2b2b2; text-transform: uppercase; text-decoration:none;">External Link</singleline></a>
|
||||
|
||||
<a href="#" target="_blank" style="padding: 0 10px; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#b2b2b2; text-transform: uppercase; text-decoration:none;"><singleline style="font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#b2b2b2; text-transform: uppercase; text-decoration:none;">External Link</singleline></a>
|
||||
|
||||
<a href="#" target="_blank" style="padding: 0 10px; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#b2b2b2; text-transform: uppercase; text-decoration:none;"><unsubscribe style="font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#b2b2b2; text-transform: uppercase; text-decoration:none">External Link</unsubscribe></a>
|
||||
|
||||
<a href="#" target="_blank" style="padding: 0 10px; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#b2b2b2; text-transform: uppercase; text-decoration:none;"><singleline style="font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#b2b2b2; text-transform: uppercase; text-decoration:none;">External Link</singleline></a>
|
||||
|
||||
<a href="#" target="_blank" style="padding: 0 10px; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#b2b2b2; text-transform: uppercase; text-decoration:none;"><singleline style="font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#b2b2b2; text-transform: uppercase; text-decoration:none;">External Link</singleline></a>
|
||||
|
||||
<a href="#" target="_blank" style="padding: 0 10px; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#b2b2b2; text-transform: uppercase; text-decoration:none;"><unsubscribe style="font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#b2b2b2; text-transform: uppercase; text-decoration:none;">External Link</unsubscribe></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- START HEADER LINKS -->
|
||||
|
||||
<!-- START HEADER -->
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" data-section-wrapper="1">
|
||||
<tr data-section="1">
|
||||
<td align="center" height="100%" valign="top" width="100%">
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
<table align="center" border="0" cellspacing="0" cellpadding="0" width="660">
|
||||
<tr>
|
||||
<td align="center" valign="top" width="660">
|
||||
<![endif]-->
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:660px;" bgcolor="#f0f0f0">
|
||||
<tr>
|
||||
<td align="center" valign="top" style="background-repeat: no-repeat; background-size: cover; background-color: #f0f0f0; max-width:660px; padding: 0 15px;" bgcolor="#f0f0f0" valign="top" class="shrinker" data-slot-container="1">
|
||||
<div data-slot="text">
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="width: 100%; max-width:550px;" class="shrinker">
|
||||
<tr>
|
||||
<td height="45" style="font-size: 45px; line-height: 45px;"> </td>
|
||||
</tr>
|
||||
<tr class="header-split left">
|
||||
<td align="left" valign="center" style="text-align: left;">
|
||||
<a href="#" target="_blank" style="text-align: left; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:16px; line-height:30px; font-weight:400; color:#b2b2b2; padding: 0; margin: 0;">
|
||||
<img src="{{ getAssetUrl('themes/'~template~'/assets/logo_black.png', null, null, true) }}" width="120" height="31" style="margin:0; padding:0; border:none; display:inline-block; line-height: 30px;" border="0" alt="Logo">
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="header-split right">
|
||||
<td align="right" valign="center" style="text-align: left">
|
||||
<p style="text-align: left; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:16px; line-height:30px; font-weight:400; color:#b2b2b2; padding: 0; margin: 0;">Vol 2.11 • Oct 27, 2017</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15" style="font-size: 15px; line-height: 15px;"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- END HEADER -->
|
||||
|
||||
<!-- START SECTION 1 -->
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" data-section-wrapper="1">
|
||||
<tr data-section="1">
|
||||
<td align="center" height="100%" valign="top" width="100%">
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
<table align="center" border="0" cellspacing="0" cellpadding="0" width="660">
|
||||
<tr>
|
||||
<td align="center" valign="top" width="660">
|
||||
<![endif]-->
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:660px;" bgcolor="#f0f0f0">
|
||||
<tr>
|
||||
<td height="15" style="font-size: 15px; line-height: 15px;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" style="font-family: 'Open Sans', Verdana, Arial, sans-serif; background:#f0f0f0; color:#212121; padding: 0 15px;" class="shrinker" data-slot-container="1">
|
||||
<div data-slot="text">
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:550px; background: #ffffff">
|
||||
<tr>
|
||||
<td align="center" valign="top" style="padding: 0; text-align: center;">
|
||||
<img src="{{ getAssetUrl('themes/'~template~'/assets/background_face.jpg', null, null, true) }}" width="550" height="286" style="width: 100%; height: auto;" alt="Placeholder">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="30" style="font-size: 30px; line-height: 30px;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top" style="padding: 0 30px; text-align: center;">
|
||||
<h2 style="text-align: center; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:24px; line-height:24px; font-weight:700; color:#212121; padding:0; margin:0;">
|
||||
<singleline>
|
||||
H2 Section Header
|
||||
</singleline>
|
||||
</h2>
|
||||
<br style="line-height: 18px; height: 18px; font-size: 18px;">
|
||||
<p style="text-align: center; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:16px; line-height:30px; font-weight:400; color:#212121; padding: 0; margin: 0;">
|
||||
<multiline>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida mauris lectus, vitae semper ante rhoncus id. Duis vel accumsan lacus, et rutrum dui. Nunc rutrum ante justo, at lobortis enim faucibus cursus. Sed varius et odio in semper.
|
||||
</multiline>
|
||||
</p>
|
||||
<br style="line-height: 18px; height: 18px; font-size: 18px;">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center">
|
||||
<table border="0" cellspacing="0" cellpadding="0" align="center">
|
||||
<tr>
|
||||
<td>
|
||||
<table border="0" cellspacing="0" cellpadding="0" align="center">
|
||||
<tr>
|
||||
<td align="left" style="-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;mso-hide:all;" bgcolor="#00bf9a" class="body-text">
|
||||
<a href="#" target="_blank" style="font-size: 12px; font-family: 'Open Sans', Verdana, Arial, sans-serif; color: #ffffff; text-decoration: none; text-decoration: none; border-radius: 25px; padding: 16px 25px; display: inline-block; text-transform:uppercase; font-weight: bold; letter-spacing: 1px;">
|
||||
<singleline>Click This</singleline>
|
||||
</a>
|
||||
</td>
|
||||
<!-- Alternate Button for Outlook 2013, 2016-->
|
||||
<!--[if mso]>
|
||||
<td align="center" valign="top" style="text-align: center;">
|
||||
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:50px;v-text-anchor:middle;width:150px;" arcsize="25px" strokecolor="#00bf9a" fillcolor="#00bf9a">
|
||||
<w:anchorlock/>
|
||||
<center style="text-transform: uppercase; color:#ffffff;font-family:Helvetica, Arial,sans-serif;font-size:16px;">Click This</center>
|
||||
</v:roundrect>
|
||||
</td>
|
||||
<![endif]-->
|
||||
<!-- End Alternate Button -->
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="45" style="font-size: 45px; line-height: 45px;"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15" style="font-size: 15px; line-height: 15px;"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- END SECTION 1-->
|
||||
|
||||
<!-- START SECTION 2 -->
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" data-section-wrapper="1">
|
||||
<tr data-section="1">
|
||||
<td align="center" height="100%" valign="top" width="100%">
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
<table align="center" border="0" cellspacing="0" cellpadding="0" width="660">
|
||||
<tr>
|
||||
<td align="center" valign="top" width="660">
|
||||
<![endif]-->
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:660px;" bgcolor="#f0f0f0">
|
||||
<tr>
|
||||
<td height="15" style="font-size: 15px; line-height: 15px;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" style="font-family: 'Open Sans', Verdana, Arial, sans-serif; background:#f0f0f0; color:#212121; padding: 0 15px;" class="shrinker" data-slot-container="1">
|
||||
<div data-slot="text">
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:550px; background: #f0f0f0">
|
||||
<tr>
|
||||
<td height="30" style="font-size: 30px; line-height: 30px;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top" style="padding: 0; text-align: center;">
|
||||
<img src="{{ getAssetUrl('themes/'~template~'/assets/placeholder_coffee.png', null, null, true) }}" width="298" height="218" style="width:100%; max-width:298px; height: auto !important; margin:0; padding:0; border:none; display: inline-block;" border="0" alt="Placeholder">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10" style="font-size: 10px; line-height: 10px;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top" style="padding: 0 30px; text-align: center;">
|
||||
<h2 style="text-align: center; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:24px; line-height:24px; font-weight:700; color:#212121; padding:0; margin:0;">
|
||||
<singleline>
|
||||
H2 Section Header
|
||||
</singleline>
|
||||
</h2>
|
||||
<br style="line-height: 18px; height: 18px; font-size: 18px;">
|
||||
<p style="text-align: center; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:16px; line-height:30px; font-weight:400; color:#212121; padding: 0; margin: 0;">
|
||||
<multiline>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida mauris lectus, vitae semper ante rhoncus id. Duis vel accumsan lacus, et rutrum dui. Nunc rutrum ante justo, at lobortis enim faucibus cursus. Sed varius et odio in semper.
|
||||
</multiline>
|
||||
</p>
|
||||
<br style="line-height: 18px; height: 18px; font-size: 18px;">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center">
|
||||
<table border="0" cellspacing="0" cellpadding="0" align="center">
|
||||
<tr>
|
||||
<td>
|
||||
<table border="0" cellspacing="0" cellpadding="0" align="center">
|
||||
<tr>
|
||||
<td align="left" style="-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;mso-hide:all;" bgcolor="#00bf9a" class="body-text">
|
||||
<a href="#" target="_blank" style="font-size: 12px; font-family: 'Open Sans', Verdana, Arial, sans-serif; color: #ffffff; text-decoration: none; text-decoration: none; border-radius: 25px; padding: 16px 25px; display: inline-block; text-transform:uppercase; font-weight: bold; letter-spacing: 1px;">
|
||||
<singleline>Click This</singleline>
|
||||
</a>
|
||||
</td>
|
||||
<!-- Alternate Button for Outlook 2013, 2016-->
|
||||
<!--[if mso]>
|
||||
<td align="center" valign="top" style="text-align: center;">
|
||||
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:50px;v-text-anchor:middle;width:150px;" arcsize="25px" strokecolor="#00bf9a" fillcolor="#00bf9a">
|
||||
<w:anchorlock/>
|
||||
<center style="text-transform: uppercase; color:#ffffff;font-family:Helvetica, Arial,sans-serif;font-size:16px;">Click This</center>
|
||||
</v:roundrect>
|
||||
</td>
|
||||
<![endif]-->
|
||||
<!-- End Alternate Button -->
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="45" style="font-size: 45px; line-height: 45px;"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15" style="font-size: 15px; line-height: 15px;"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- END SECTION 2-->
|
||||
|
||||
<!-- START SECTION 3 -->
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" data-section-wrapper="1">
|
||||
<tr data-section="1">
|
||||
<td align="center" height="100%" valign="top" width="100%">
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
<table align="center" border="0" cellspacing="0" cellpadding="0" width="660">
|
||||
<tr>
|
||||
<td align="center" valign="top" width="660">
|
||||
<![endif]-->
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:660px;" bgcolor="#f0f0f0">
|
||||
<tr>
|
||||
<td height="15" style="font-size: 15px; line-height: 15px;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" style="font-family: 'Open Sans', Verdana, Arial, sans-serif; background:#f0f0f0; color:#212121; padding: 0 15px;" class="shrinker" data-slot-container="1">
|
||||
<div data-slot="text">
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:550px; background: #ffffff">
|
||||
<tr>
|
||||
<td align="center" valign="top" align="center" valign="top" style="padding: 0; text-align: center;">
|
||||
<img src="{{ getAssetUrl('themes/'~template~'/assets/background_look.jpg', null, null, true) }}" width="550" height="343" style="width: 100%; height: auto;" alt="Placeholder">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="30" style="font-size: 30px; line-height: 30px;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top" style="padding: 0 30px; text-align: center;">
|
||||
<h2 style="text-align: center; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:24px; line-height:24px; font-weight:700; color:#212121; padding:0; margin:0;">
|
||||
<singleline>
|
||||
H2 Section Header
|
||||
</singleline>
|
||||
</h2>
|
||||
<br style="line-height: 18px; height: 18px; font-size: 18px;">
|
||||
<p style="text-align: center; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:16px; line-height:30px; font-weight:400; color:#212121; padding: 0; margin: 0;">
|
||||
<multiline>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida mauris lectus, vitae semper ante rhoncus id. Duis vel accumsan lacus, et rutrum dui. Nunc rutrum ante justo, at lobortis enim faucibus cursus. Sed varius et odio in semper.
|
||||
</multiline>
|
||||
</p>
|
||||
<br style="line-height: 18px; height: 18px; font-size: 18px;">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center">
|
||||
<table border="0" cellspacing="0" cellpadding="0" align="center">
|
||||
<tr>
|
||||
<td>
|
||||
<table border="0" cellspacing="0" cellpadding="0" align="center">
|
||||
<tr>
|
||||
<td align="left" style="-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;mso-hide:all;" bgcolor="#00bf9a" class="body-text">
|
||||
<a href="#" target="_blank" style="font-size: 12px; font-family: 'Open Sans', Verdana, Arial, sans-serif; color: #ffffff; text-decoration: none; text-decoration: none; border-radius: 25px; padding: 16px 25px; display: inline-block; text-transform:uppercase; font-weight: bold; letter-spacing: 1px;">
|
||||
<singleline>Click This</singleline>
|
||||
</a>
|
||||
</td>
|
||||
<!-- Alternate Button for Outlook 2013, 2016-->
|
||||
<!--[if mso]>
|
||||
<td align="center" valign="top" style="text-align: center;">
|
||||
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:50px;v-text-anchor:middle;width:150px;" arcsize="25px" strokecolor="#00bf9a" fillcolor="#00bf9a">
|
||||
<w:anchorlock/>
|
||||
<center style="text-transform: uppercase; color:#ffffff;font-family:Helvetica, Arial,sans-serif;font-size:16px;">Click This</center>
|
||||
</v:roundrect>
|
||||
</td>
|
||||
<![endif]-->
|
||||
<!-- End Alternate Button -->
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="45" style="font-size: 45px; line-height: 45px;"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15" style="font-size: 15px; line-height: 15px;"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- END SECTION 3-->
|
||||
|
||||
<!-- START COMPANY INFO -->
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" data-section-wrapper="1">
|
||||
<tr data-section="1">
|
||||
<td align="center" height="100%" valign="top" width="100%">
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
<table align="center" border="0" cellspacing="0" cellpadding="0" width="660">
|
||||
<tr>
|
||||
<td align="center" valign="top" width="660">
|
||||
<![endif]-->
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:660px;" bgcolor="#f0f0f0">
|
||||
<tr>
|
||||
<td height="15" style="font-size: 15px; line-height: 15px;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" style="font-family: 'Open Sans', Verdana, Arial, sans-serif; color:#212121; text-transform: uppercase;" data-slot-container="1">
|
||||
<div data-slot="text">
|
||||
<a href="mailto:#" target="_blank" style="font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#212121; text-transform: uppercase; text-decoration:underline;"><singleline style="font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#212121; text-transform: uppercase; text-decoration:underline;">Contact Link</singleline></a>
|
||||
<span style="font-family:arial, sans-serif; font-size:10px; line-height:20px; color:#dddddd;"> | </span>
|
||||
<a href="mailto:#" target="_blank" style="font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#212121; text-transform: uppercase; text-decoration:underline;"><singleline style="font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#212121; text-transform: uppercase; text-decoration:underline;">Contact Link</singleline></a>
|
||||
<span style="font-family:arial, sans-serif; font-size:10px; line-height:20px; color:#dddddd;"> | </span>
|
||||
|
||||
<a href="{unsubscribe_url}" target="_blank" style="font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#212121; text-transform: uppercase; text-decoration:underline;"><unsubscribe style="font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:10px; line-height:20px; color:#212121; text-transform: uppercase; text-decoration:underline;">Unsubscribe</unsubscribe></a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15" style="font-size: 15px; line-height: 15px;"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- END COMPANY INFO -->
|
||||
|
||||
<!-- START COPYRIGHT -->
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" data-section-wrapper="1">
|
||||
<tr data-section="1">
|
||||
<td align="center" height="100%" valign="top" width="100%">
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
<table align="center" border="0" cellspacing="0" cellpadding="0" width="660">
|
||||
<tr>
|
||||
<td align="center" valign="top" width="660">
|
||||
<![endif]-->
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:660px;" bgcolor="#f0f0f0">
|
||||
<tr>
|
||||
<td align="center" style="font-family: 'Open Sans', Verdana, Arial, sans-serif; color:#212121; text-transform: uppercase;" data-slot-container="1">
|
||||
<div data-slot="text">
|
||||
<p style="font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size:12px; line-height:18px; color:#212121; text-transform: uppercase; padding:0; margin:0;">
|
||||
<multiline><span style="font-size:9px;">© 2017 Mautic - All Rights Reserved.</span><br/><span style="font-size:9px;">10 Cabot Road | Medford, MA | 02155</span></multiline>
|
||||
</p>
|
||||
<br style="line-height: 18px; height: 18px; font-size: 18px;">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20" style="font-size: 20px; line-height: 20px;"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- END COPYRIGHT -->
|
||||
|
||||
<!-- START SOCIAL -->
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" data-section-wrapper="1">
|
||||
<tr data-section="1">
|
||||
<td align="center" height="100%" valign="top" width="100%">
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
<table align="center" border="0" cellspacing="0" cellpadding="0" width="660">
|
||||
<tr>
|
||||
<td align="center" valign="top" width="660">
|
||||
<![endif]-->
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:660px;" bgcolor="#f0f0f0">
|
||||
<tr>
|
||||
<td align="center" height="100%" valign="top" width="100%" data-slot-container="1">
|
||||
<div data-slot="text">
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" width="150" style="width: 100%; max-width:150px;">
|
||||
<tr>
|
||||
<td align="center" style="font-family: 'Open Sans', Verdana, Arial, sans-serif; width: 33.333%; color:#212121; text-transform: uppercase;">
|
||||
<a href="#" target="_blank" style="border: none; text-decoration: none; margin: 0; padding: 0; display: inline-block; cursor: pointer;">
|
||||
<img src="{{ getAssetUrl('themes/'~template~'/assets/icon_social.png', null, null, true) }}" width="40" height="40" style="margin:0; padding:0; border:none; display: inline-block; cursor: pointer;" border="0" alt="Social">
|
||||
</a>
|
||||
</td>
|
||||
<td align="center" style="font-family: 'Open Sans', Verdana, Arial, sans-serif; width: 33.333%; color:#212121; text-transform: uppercase;">
|
||||
<a href="#" target="_blank" style="border: none; text-decoration: none; margin: 0; padding: 0; display: inline-block; cursor: pointer;">
|
||||
<img src="{{ getAssetUrl('themes/'~template~'/assets/icon_social.png', null, null, true) }}" width="40" height="40" style="margin:0; padding:0; border:none; display: inline-block; cursor: pointer;" border="0" alt="Social">
|
||||
</a>
|
||||
</td>
|
||||
<td align="center" style="font-family: 'Open Sans', Verdana, Arial, sans-serif; width: 33.333%; color:#212121; text-transform: uppercase;">
|
||||
<a href="#" target="_blank" style="border: none; text-decoration: none; margin: 0; padding: 0; display: inline-block; cursor: pointer;">
|
||||
<img src="{{ getAssetUrl('themes/'~template~'/assets/icon_social.png', null, null, true) }}" width="40" height="40" style="margin:0; padding:0; border:none; display: inline-block; cursor: pointer;" border="0" alt="Social">
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="40" style="font-size: 40px; line-height: 40px;"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- END SOCIAL -->
|
||||
|
||||
<!--[if (gte mso 9)|(IE)]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
</center>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div style="display:none; white-space:nowrap; font:15px courier; line-height:0;">
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,10 @@
|
||||
{% extends "@themes/"~template~"/html/base.html.twig" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="well text-center">
|
||||
{{ message|raw }}
|
||||
{% if content is defined %}
|
||||
<div class="text-left">{{ content|raw }}</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
After Width: | Height: | Size: 43 KiB |