admin/server
1
0
Fork 0
mirror of https://github.com/bitwarden/server.git synced 2026-01-31 14:13:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

[PM-30610] save dev files

Browse Source
This commit is contained in:
Jimmy Vo
2026-01-29 15:40:04 -05:00
parent e45e95cd7c
commit 52b80c3bb6
6 changed files with 1086 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

296
src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/organization-confirmation-v1.mjml Normal file
View File

@@ -0,0 +1,296 @@
<mjml>
<mj-head>
<mj-font
name="Inter"
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap">
</mj-font>
<mj-font
name="Roboto"
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap">
</mj-font>
<mj-attributes>
<mj-all
font-family="'Inter','Helvetica Neue',Helvetica,Arial,sans-serif" />
<mj-text
color="#1B2029" />
<mj-body
background-color="#e6e9ef"
width="660px" />
</mj-attributes>
<mj-style>
p { margin: 0px !important; }
.link { color: #175ddc; text-decoration: none; font-weight: 600; }
.icon-box { background: #dbe5f6; border-radius: 8px; }
</mj-style>
</mj-head>
<mj-body
background-color="#e6e9ef">
<!-- Blue Header Section -->
<mj-section
border-radius="10px 10px 0px 0px"
padding="32px 32px 40px 32px"
background-color="#175ddc">
<mj-column
width="65%"
padding="0px">
<mj-image
padding="0px 0px 24px 0px"
align="left"
width="150px"
src="https://bitwarden.com/images/logo-horizontal-white.png">
</mj-image>
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
font-size="24px"
line-height="32px"
font-weight="600"
padding="0px 0px 24px 0px"
align="left"
color="#ffffff">
<p><strong>{{OrganizationName}}</strong> set up a Bitwarden password manager account for you.</p>
</mj-text>
<mj-button
href="{{WebVaultUrl}}"
background-color="#ffffff"
color="#1A41AC"
border-radius="20px"
align="left"
inner-padding="6px 16px"
padding="0px"
font-size="16px"
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
font-weight="700"
line-height="24px">
Log in
</mj-button>
</mj-column>
<mj-column
vertical-align="middle"
width="35%">
<mj-image
align="center"
padding="0px"
width="200px"
alt="Business Building"
src="https://assets.bitwarden.com/email/v1/spot-enterprise.png">
</mj-image>
</mj-column>
</mj-section>
<!-- Spacing -->
<mj-section
padding="0px">
<mj-column
padding="0px">
<mj-spacer
height="16px">
</mj-spacer>
</mj-column>
</mj-section>
<!-- Main Content Section -->
<mj-section
padding="40px 40px 8px 40px"
background-color="#fff">
<mj-column>
<mj-text
font-size="16px"
line-height="24px"
padding="0px">
As a member of <b>{{OrganizationName}}</b>:
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 1: Organization Ownership -->
<mj-section
padding="8px 40px"
text-align="left"
background-color="#fff">
<mj-column
width="48px"
vertical-align="top">
<mj-image
css-class="icon-box"
src="https://assets.bitwarden.com/email/v1/icon-enterprise.png"
alt="Organization Icon"
width="48px"
border-radius="8px"
padding="0px">
</mj-image>
</mj-column>
<mj-column
width="5%">
<mj-spacer
height="1px">
</mj-spacer>
</mj-column>
<mj-column
width="80%"
vertical-align="top">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
padding="0px 0px 0px 0px">
Your account is owned by {{OrganizationName}} and is subject to their security and management policies.
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 2: Password Sharing -->
<mj-section
padding="8px 40px 40px 40px"
text-align="left"
background-color="#fff">
<mj-column
width="25%">
<mj-image
src="https://static.mailjet.com/mjml-website/templates/recast-image2.png"
alt="Share Icon"
width="48px">
</mj-image>
</mj-column>
<mj-column
width="5%">
<mj-spacer
height="1px">
</mj-spacer>
</mj-column>
<mj-column
width="80%"
vertical-align="top">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
padding="0px 0px 0px 0px">
You can easily access and share passwords with your team.<br/>
<a href="https://bitwarden.com/help/share-items/" class="link">Share passwords in Bitwarden</a>
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 3: test -->
<mj-section
background-color="#fff">
<mj-column
width="25%">
<mj-image
width="48px"
src="https://assets.bitwarden.com/email/v1/icon-account-switching-new.png">
</mj-image>
</mj-column>
<mj-column
width="75%">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
padding="0px 0px 0px 0px"
>
You can easily access and share passwords with your team.<br/>
<a href="https://bitwarden.com/help/share-items/" class="link">Share passwords in Bitwarden</a>
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 4: test iteration -->
<mj-section>
<mj-column width="25%">
<mj-image width="48px"
src="https://assets.bitwarden.com/email/v1/icon-account-switching-new.png">
</mj-image>
</mj-column>
<mj-column width="75%">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
>
You can easily access and share passwords with your team.<br/>
<a href="https://bitwarden.com/help/share-items/" class="link">Share passwords in Bitwarden</a>
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 5: test original -->
<mj-section>
<mj-column width="25%">
<mj-image width="100px" href="http://projects.csail.mit.edu/soundnet/" src="https://static.mailjet.com/mjml-website/templates/recast-image2.png"></mj-image>
</mj-column>
<mj-column width="75%">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
>
You can easily access and share passwords with your team.<br/>
<a href="https://bitwarden.com/help/share-items/" class="link">Share passwords in Bitwarden</a>
</mj-text>
</mj-column>
</mj-section>
<!-- Spacing -->
<mj-section
padding="0px">
<mj-column
padding="0px">
<mj-spacer
height="16px">
</mj-spacer>
</mj-column>
</mj-section>
<!-- Learn More Section -->
<mj-section
border-radius="0px 0px 10px 10px"
padding="40px"
background-color="#F3F6F9">
<mj-column
width="70%">
<mj-text
line-height="30px"
font-size="20px"
font-weight="700"
padding="0px 0px 8px 0px">
Learn more about Bitwarden
</mj-text>
<mj-text
line-height="20px"
font-size="14px"
padding="0px">
Find user guides, product documentation, and videos on the <a href="https://bitwarden.com/help/" class="link">Bitwarden help center</a>.
</mj-text>
</mj-column>
<mj-column
width="30%"
vertical-align="middle">
<mj-image
src="https://assets.bitwarden.com/email/v1/spot-community.png"
width="94px"
padding="0px">
</mj-image>
</mj-column>
</mj-section>
<!-- Spacing -->
<mj-section
padding="0px">
<mj-column
padding="0px">
<mj-spacer
height="16px">
</mj-spacer>
</mj-column>
</mj-section>
<!-- Footer -->
<mj-include path="../../../components/footer.mjml" />
</mj-body>
</mjml>

296
src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/organization-confirmation-v2.mjml Normal file
View File

@@ -0,0 +1,296 @@
<mjml>
<mj-head>
<mj-font
name="Inter"
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap">
</mj-font>
<mj-font
name="Roboto"
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap">
</mj-font>
<mj-attributes>
<mj-all
font-family="'Inter','Helvetica Neue',Helvetica,Arial,sans-serif" />
<mj-text
color="#1B2029" />
<mj-body
background-color="#e6e9ef"
width="660px" />
</mj-attributes>
<mj-style>
p { margin: 0px !important; }
.link { color: #175ddc; text-decoration: none; font-weight: 600; }
.icon-box { background: #dbe5f6; border-radius: 8px; }
</mj-style>
</mj-head>
<mj-body
background-color="#e6e9ef">
<!-- Blue Header Section -->
<mj-section
border-radius="10px 10px 0px 0px"
padding="32px 32px 40px 32px"
background-color="#175ddc">
<mj-column
width="65%"
padding="0px">
<mj-image
padding="0px 0px 24px 0px"
align="left"
width="150px"
src="https://bitwarden.com/images/logo-horizontal-white.png">
</mj-image>
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
font-size="24px"
line-height="32px"
font-weight="600"
padding="0px 0px 24px 0px"
align="left"
color="#ffffff">
<p><strong>{{OrganizationName}}</strong> set up a Bitwarden password manager account for you.</p>
</mj-text>
<mj-button
href="{{WebVaultUrl}}"
background-color="#ffffff"
color="#1A41AC"
border-radius="20px"
align="left"
inner-padding="6px 16px"
padding="0px"
font-size="16px"
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
font-weight="700"
line-height="24px">
Log in
</mj-button>
</mj-column>
<mj-column
vertical-align="middle"
width="35%">
<mj-image
align="center"
padding="0px"
width="200px"
alt="Business Building"
src="https://assets.bitwarden.com/email/v1/spot-enterprise.png">
</mj-image>
</mj-column>
</mj-section>
<!-- Spacing -->
<mj-section
padding="0px">
<mj-column
padding="0px">
<mj-spacer
height="16px">
</mj-spacer>
</mj-column>
</mj-section>
<!-- Main Content Section -->
<mj-section
padding="40px 40px 8px 40px"
background-color="#fff">
<mj-column>
<mj-text
font-size="16px"
line-height="24px"
padding="0px">
As a member of <b>{{OrganizationName}}</b>:
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 1: Organization Ownership -->
<mj-section
padding="8px 40px"
text-align="left"
background-color="#fff">
<mj-column
width="48px"
vertical-align="top">
<mj-image
css-class="icon-box"
src="https://assets.bitwarden.com/email/v1/icon-enterprise.png"
alt="Organization Icon"
width="48px"
border-radius="8px"
padding="0px">
</mj-image>
</mj-column>
<mj-column
width="5%">
<mj-spacer
height="1px">
</mj-spacer>
</mj-column>
<mj-column
width="80%"
vertical-align="top">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
padding="0px 0px 0px 0px">
Your account is owned by {{OrganizationName}} and is subject to their security and management policies.
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 2: Password Sharing -->
<mj-section
padding="8px 40px 40px 40px"
text-align="left"
background-color="#fff">
<mj-column
width="25%">
<mj-image
src="https://static.mailjet.com/mjml-website/templates/recast-image2.png"
alt="Share Icon"
width="48px">
</mj-image>
</mj-column>
<mj-column
width="5%">
<mj-spacer
height="1px">
</mj-spacer>
</mj-column>
<mj-column
width="80%"
vertical-align="top">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
padding="0px 0px 0px 0px">
You can easily access and share passwords with your team.<br/>
<a href="https://bitwarden.com/help/share-items/" class="link">Share passwords in Bitwarden</a>
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 3: test -->
<mj-section
background-color="#fff">
<mj-column
width="25%">
<mj-image
width="48px"
src="https://assets.bitwarden.com/email/v1/icon-account-switching-new.png">
</mj-image>
</mj-column>
<mj-column
width="75%">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
padding="0px 0px 0px 0px"
>
You can easily access and share passwords with your team.<br/>
<a href="https://bitwarden.com/help/share-items/" class="link">Share passwords in Bitwarden</a>
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 4: test iteration -->
<mj-section>
<mj-column width="25%">
<mj-image width="48px"
src="https://assets.bitwarden.com/email/v1/icon-account-switching-new.png">
</mj-image>
</mj-column>
<mj-column width="75%">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
>
You can easily access and share passwords with your team.<br/>
<a href="https://bitwarden.com/help/share-items/" class="link">Share passwords in Bitwarden</a>
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 5: test original -->
<mj-section>
<mj-column width="25%">
<mj-image width="100px" href="http://projects.csail.mit.edu/soundnet/" src="https://static.mailjet.com/mjml-website/templates/recast-image2.png"></mj-image>
</mj-column>
<mj-column width="75%">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
>
You can easily access and share passwords with your team.<br/>
<a href="https://bitwarden.com/help/share-items/" class="link">Share passwords in Bitwarden</a>
</mj-text>
</mj-column>
</mj-section>
<!-- Spacing -->
<mj-section
padding="0px">
<mj-column
padding="0px">
<mj-spacer
height="16px">
</mj-spacer>
</mj-column>
</mj-section>
<!-- Learn More Section -->
<mj-section
border-radius="0px 0px 10px 10px"
padding="40px"
background-color="#F3F6F9">
<mj-column
width="70%">
<mj-text
line-height="30px"
font-size="20px"
font-weight="700"
padding="0px 0px 8px 0px">
Learn more about Bitwarden
</mj-text>
<mj-text
line-height="20px"
font-size="14px"
padding="0px">
Find user guides, product documentation, and videos on the <a href="https://bitwarden.com/help/" class="link">Bitwarden help center</a>.
</mj-text>
</mj-column>
<mj-column
width="30%"
vertical-align="middle">
<mj-image
src="https://assets.bitwarden.com/email/v1/spot-community.png"
width="94px"
padding="0px">
</mj-image>
</mj-column>
</mj-section>
<!-- Spacing -->
<mj-section
padding="0px">
<mj-column
padding="0px">
<mj-spacer
height="16px">
</mj-spacer>
</mj-column>
</mj-section>
<!-- Footer -->
<mj-include path="../../../components/footer.mjml" />
</mj-body>
</mjml>

43
src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/pre-built-bw.mjml Normal file
View File

@@ -0,0 +1,43 @@
<mjml>
<mj-head>
<mj-font name="Inter" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap"></mj-font>
<mj-font name="Roboto" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap"></mj-font>
<mj-attributes>
<mj-text font-family="'Inter','Helvetica Neue',Helvetica,Arial,sans-serif"></mj-text>
<mj-all font-family="'Inter','Helvetica Neue',Helvetica,Arial,sans-serif" />
</mj-attributes>
<mj-style>
p { margin: 0px 0px 0px 0px !important; }
.bw-text a { color: #175ddc; text-decoration: none; font-weight: 600; }
.bw-accountid p { background: #dbe5f6; border-radius: 99px; padding: 10px 15px; text-align: center; }
</mj-style>
</mj-head>
<mj-body background-color="#e6e9ef">
<mj-section border-radius="10px" padding="0px" background-color="#175ddc">
<mj-column width="55%" padding="40px">
<mj-text font-size="20px" line-height="30px" font-weight="700" padding="0px" align="left" color="#FEFFEA"> Unlock your next deal </mj-text>
<mj-spacer height="14px"></mj-spacer>
<mj-text font-size="14px" line-height="20px" padding="0px" align="left" color="#fff">Enjoy a special offer on your next purchase.</mj-text>
<mj-spacer height="18px"></mj-spacer>
<mj-button
href="{{WebVaultUrl}}"
background-color="#ffffff"
color="#1A41AC"
border-radius="20px"
align="left"
inner-padding="12px 24px"
padding="12px 24px"
font-size="16px"
font-family="Helvetica Neue, Helvetica, Arial, sans-serif"
font-weight="700"
line-height="24px"
>
Log in
</mj-button>
</mj-column>
<mj-column vertical-align="bottom" width="45%">
<mj-image align="center" padding="0px" src="https://github.com/ricfreire/mautic-theme-fooddelivery/blob/main/assets/deal.png?raw=true"></mj-image>
</mj-column>
</mj-section>
</mj-body>
</mjml>

233
src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/pre-built.mjml Normal file
View File

@@ -0,0 +1,233 @@
<mjml>
<mj-head>
<mj-font name="Inter" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap"></mj-font>
<mj-font name="Roboto" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap"></mj-font>
<mj-attributes>
<mj-text font-family="'Inter','Helvetica Neue',Helvetica,Arial,sans-serif"></mj-text>
<mj-all font-family="'Inter','Helvetica Neue',Helvetica,Arial,sans-serif" />
</mj-attributes>
<mj-style>
p { margin: 0px 0px 0px 0px !important; }
.bw-text a { color: #175ddc; text-decoration: none; font-weight: 600; }
.bw-accountid p { background: #dbe5f6; border-radius: 99px; padding: 10px 15px; text-align: center; }
</mj-style>
</mj-head>
<mj-body background-color="#e6e9ef">
<!-- Webview tag -->
<mj-section background-color="transparent" padding="20px 0px">
<mj-column width="100%">
<mj-text padding="0px" line-height="20px" align="center" color="#FEFFEA" font-size="12px" css-class="bw-text">Having trouble reading this email? Click here.</mj-text>
</mj-column>
</mj-section>
<!-- Hero -->
<mj-section border-radius="10px" padding="0px" background-color="#175ddc">
<mj-column width="55%" padding="40px">
<mj-image padding="0px" align="left" width="120px" src="https://github.com/ricfreire/mautic-theme-fooddelivery/blob/main/assets/logo.png?raw=true"></mj-image>
<mj-spacer height="26px"></mj-spacer>
<mj-text font-size="20px" line-height="30px" font-weight="700" padding="0px" align="left" color="#FEFFEA">
<p>Hello John,</p>
<p>Thanks for your order!</p>
</mj-text>
<mj-spacer height="14px"></mj-spacer>
<mj-text font-size="14px" line-height="20px" padding="0px" align="left" color="#ffffff">Here are the receipt of your order.</mj-text>
</mj-column>
<mj-column vertical-align="bottom" width="45%">
<mj-image align="center" padding="0px" src="https://github.com/ricfreire/mautic-theme-fooddelivery/blob/main/assets/moto.png?raw=true"></mj-image>
</mj-column>
</mj-section>
<!-- Spacing -->
<mj-section padding="0px">
<mj-column padding="0px">
<mj-spacer height="14px"></mj-spacer>
</mj-column>
</mj-section>
<!-- Cart Head -->
<mj-section padding="30px 40px 26px 40px" border-radius="10px 10px 0px 0px" background-color="#ffffff">
<mj-column width="50%" vertical-align="middle">
<mj-text font-size="16px" color="#1B2029" font-weight="700" padding="0px">Products</mj-text>
</mj-column>
<mj-column width="2%">
<mj-spacer height="14px"></mj-spacer>
</mj-column>
<mj-column width="48%" vertical-align="middle">
<mj-text css-class="bw-accountid" color="#1B2029" font-size="10px" padding="0px">
<p>Account ID: CE-PT203912983</p>
</mj-text>
</mj-column>
</mj-section>
<!-- Cart -->
<!-- Cart > Product 1 -->
<mj-section padding="0px 40px 26px 40px" background-color="#ffffff">
<mj-column width="10%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" padding="0px" font-weight="700">x1</mj-text>
</mj-column>
<mj-column width="80%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" padding="0px">Pain au Chocolat</mj-text>
</mj-column>
<mj-column width="10%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" padding="0px">3.00€</mj-text>
</mj-column>
</mj-section>
<!-- Cart > Product 2 -->
<mj-section padding="0px 40px 26px 40px" background-color="#ffffff">
<mj-column width="10%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" padding="0px" font-weight="700">x1</mj-text>
</mj-column>
<mj-column width="80%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" padding="0px">Nutella Croissant</mj-text>
</mj-column>
<mj-column width="10%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" padding="0px">3.50€</mj-text>
</mj-column>
</mj-section>
<!-- Cart > Product 3 -->
<mj-section padding="0px 40px 26px 40px" background-color="#ffffff">
<mj-column width="10%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" padding="0px" font-weight="700">x1</mj-text>
</mj-column>
<mj-column width="80%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" padding="0px">Apple Juice</mj-text>
</mj-column>
<mj-column width="10%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" padding="0px">2.50€</mj-text>
</mj-column>
</mj-section>
<!-- Cart > Total of Products -->
<mj-section padding="26px 40px" background-color="#F3F6F9">
<mj-column width="90%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" color="#1B2029" font-weight="700" padding="0px">Total of products</mj-text>
</mj-column>
<mj-column width="10%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" padding="0px">8.50€</mj-text>
</mj-column>
</mj-section>
<!-- Cart > Delivery -->
<mj-section padding="0px 40px 26px 40px" background-color="#F3F6F9">
<mj-column width="90%" vertical-align="middle">
<mj-text font-size="14px" color="#1B2029" padding="0px">Delivery</mj-text>
</mj-column>
<mj-column width="10%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" padding="0px">2.99€</mj-text>
</mj-column>
</mj-section>
<!-- Cart > Divider -->
<mj-section background-color="#F3F6F9" padding="0px 0px">
<mj-column>
<mj-divider border-style="dashed" padding="0px 40px" border-color="#e6e9ef" border-width="1.5px"></mj-divider>
</mj-column>
</mj-section>
<!-- Cart > Total Final -->
<mj-section padding="26px 40px 26px 40px" background-color="#F3F6F9">
<mj-column width="88%" vertical-align="middle">
<mj-text line-height="26px" font-size="16px" color="#1B2029" font-weight="700" padding="0px">Total</mj-text>
</mj-column>
<mj-column width="12%" vertical-align="middle">
<mj-text line-height="26px" font-size="16px" padding="0px">11.49€</mj-text>
</mj-column>
</mj-section>
<!-- Cart > Payment Method -->
<mj-section padding="0px 40px 20px 40px" background-color="#F3F6F9">
<mj-column vertical-align="middle" width="10%">
<mj-image align="left" width="44px" src="https://github.com/ricfreire/mautic-theme-fooddelivery/blob/main/assets/visa.png?raw=true" padding="0px"></mj-image>
</mj-column>
<mj-column width="2%">
<mj-spacer height="14px"></mj-spacer>
</mj-column>
<mj-column vertical-align="middle" width="88%">
<mj-text line-height="20px" font-size="14px" padding="0px">Payed with a VISA card</mj-text>
</mj-column>
</mj-section>
<!-- Cart > Legal -->
<mj-section border-radius="0px 0px 10px 10px" padding="0px 40px 26px 40px" background-color="#F3F6F9">
<mj-column>
<mj-text color="#5A6D91" line-height="16px" font-size="10px" padding="0px">The receipt prices include the obligatory country tax, in compliance with legal requirements.</mj-text>
</mj-column>
</mj-section>
<!-- Spacing -->
<mj-section padding="0px">
<mj-column padding="0px">
<mj-spacer height="14px"></mj-spacer>
</mj-column>
</mj-section>
<!-- Delivery -->
<mj-section padding="30px 40px 26px 40px" border-radius="10px 10px 0px 0px" background-color="#ffffff">
<mj-column width="50%" vertical-align="middle">
<mj-text font-size="16px" color="#1B2029" font-weight="700" padding="0px">Delivery</mj-text>
</mj-column>
<mj-column width="2%">
<mj-spacer height="14px"></mj-spacer>
</mj-column>
<mj-column width="48%" vertical-align="middle">
<mj-text css-class="bw-accountid" color="#1B2029" font-size="10px" padding="0px">
<p>Delivery ID: KW9AJ91B</p>
</mj-text>
</mj-column>
</mj-section>
<!-- Delivery > From -->
<mj-section padding="0px 40px 26px 40px" background-color="#ffffff">
<mj-column width="14%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" padding="0px" font-weight="700">From</mj-text>
</mj-column>
<mj-column width="86%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" padding="0px">Richard’s Pâtisserie</mj-text>
</mj-column>
</mj-section>
<!-- Delivery > To -->
<mj-section padding="0px 40px 26px 40px" background-color="#ffffff">
<mj-column width="14%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" padding="0px" font-weight="700">To</mj-text>
</mj-column>
<mj-column width="86%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" padding="0px">Colt Gardens 29</mj-text>
</mj-column>
</mj-section>
<!-- Delivery > Details -->
<mj-section padding="0px 40px 26px 40px" background-color="#ffffff">
<mj-column width="10%" vertical-align="middle">
<mj-image align="left" width="42px" src="https://github.com/ricfreire/mautic-theme-fooddelivery/blob/main/assets/photo.png?raw=true" padding="0px"></mj-image>
</mj-column>
<mj-column width="2%">
<mj-spacer height="14px"></mj-spacer>
</mj-column>
<mj-column width="88%" vertical-align="middle">
<mj-text line-height="20px" font-size="14px" padding="0px">Delivered by Jack Jones</mj-text>
</mj-column>
</mj-section>
<!-- Cart > Legal -->
<mj-section border-radius="0px 0px 10px 10px" padding="0px 40px 26px 40px" background-color="#ffffff">
<mj-column>
<mj-text color="#5A6D91" line-height="16px" font-size="10px" padding="0px">The order was placed at <b>1:19 p.m.</b> and delivered at <b>1:42 p.m.</b>, taking 23 minutes.</mj-text>
</mj-column>
</mj-section>
<!-- Spacing -->
<mj-section padding="0px">
<mj-column padding="0px">
<mj-spacer height="14px"></mj-spacer>
</mj-column>
</mj-section>
<!-- Unlock Deal -->
<mj-section border-radius="10px" padding="0px" background-color="#175ddc">
<mj-column width="55%" padding="40px">
<mj-text font-size="20px" line-height="30px" font-weight="700" padding="0px" align="left" color="#FEFFEA"> Unlock your next deal </mj-text>
<mj-spacer height="14px"></mj-spacer>
<mj-text font-size="14px" line-height="20px" padding="0px" align="left" color="#fff">Enjoy a special offer on your next purchase.</mj-text>
<mj-spacer height="18px"></mj-spacer>
<mj-button font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif" border-radius="20px" inner-padding="6px 16px" font-size="16px" font-weight="700" background-color="#ffffff" color="#1A41AC" align="left" padding="0px" href="https://crafting.email">Claim offer</mj-button>
</mj-column>
<mj-column vertical-align="bottom" width="45%">
<mj-image align="center" padding="0px" src="https://github.com/ricfreire/mautic-theme-fooddelivery/blob/main/assets/deal.png?raw=true"></mj-image>
</mj-column>
</mj-section>
<!-- Footer -->
<mj-section background-color="transparent" padding="30px 0px">
<mj-column width="100%">
<mj-text padding="0px" line-height="20px" align="center" color="#FEFFEA" font-size="12px" css-class="bw-text">
<p><b>Issues with your order?</b></p>
<p>Contact us at <a href="mailto:help@crafting.email">help@crafting.email</a> or call <a href="tel:1100000">1100000</a>, Monday to Friday, 9:00- 18:00.</p>
</mj-text>
<mj-spacer height="16px"></mj-spacer>
<mj-text css-class="bw-text" padding="0px" line-height="20px" align="center" color="#FEFFEA" font-size="12px"> Crafted with love by <a href="https://github.com/ricfreire">Ricardo Freire</a>. </mj-text>
</mj-column>
</mj-section>
</mj-body>
</mjml>

188
src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/pre-buit-with-icon.mjml Normal file
View File

@@ -0,0 +1,188 @@
<mjml>
<mj-head>
<mj-title>Hello world</mj-title>
<mj-font name="Roboto" href="https://fonts.googleapis.com/css?family=Roboto:300,500"></mj-font>
<mj-attributes>
<mj-all font-family="Roboto, Helvetica, sans-serif"></mj-all>
<mj-text font-weight="300" font-size="16px" color="#616161" line-height="24px"></mj-text>
<mj-section padding="0px"></mj-section>
</mj-attributes>
</mj-head>
<mj-body>
<mj-section padding="20px 0">
<mj-column width="60%">
<mj-text font-size="10px">Your bimonthly intake of AI, machine learning and bots is here!</mj-text>
</mj-column>
<mj-column width="40%">
<mj-text align="right">[[PERMALINK]]</mj-text>
</mj-column>
</mj-section>
<mj-section>
<mj-column width="100%">
<mj-image href="https://recast.ai?ref=newsletter" src="https://static.mailjet.com/mjml-website/templates/recast-hero.png"></mj-image>
</mj-column>
</mj-section>
<mj-section>
<mj-column width="100%">
<mj-text align="center">Your bimonthly intake of AI, machine learning and bots is here!</mj-text>
</mj-column>
</mj-section>
<mj-section>
<mj-column width="45%">
<mj-text align="center" font-weight="500" padding="0px" font-size="18px">ISSUE #18 - DECEMBER</mj-text>
<mj-divider border-width="2px" border-color="#616161"></mj-divider>
<mj-divider border-width="2px" border-color="#616161" width="45%"></mj-divider>
</mj-column>
</mj-section>
<mj-section padding-top="30px">
<mj-column width="100%">
<mj-text>
<p>Hello hello!</p>
<p> Don't panic. This is still the same newsletter, I'm still me. We just updated the design to make it sleeker and easier to read! </p>
<p>Without further ado, let's dive into AI for medecine, sound recognition models and bot building!</p>
</mj-text>
</mj-column>
</mj-section>
<mj-section>
<mj-column width="11%">
<mj-image padding-right="0px" padding-left="25px" align="left" width="70px" href="https://twitter.com/MrJustaine" src="https://static.mailjet.com/mjml-website/templates/recast-profile.png"></mj-image>
</mj-column>
<mj-column width="89%">
<mj-text padding="0 25px">
<p style="color:#BDBDBD; line-height: 9px"> Justine - <a href="https://recast.ai?ref=newsletter" style="color: #3498DB;">
Recast.AI
</a> team </p>
<p style="font-style: italic; color:#BDBDBD; line-height: 9px"> Your light in the storm </p>
</mj-text>
</mj-column>
</mj-section>
<mj-section>
<mj-column width="100%">
<mj-divider border-width="1px" border-color="#E0E0E0"></mj-divider>
</mj-column>
</mj-section>
<mj-section>
<mj-column width="75%">
<mj-text>
<h3 style="font-weight: bold; margin-top: 0; margin-bottom: 0"> <a href="https://blog.recast.ai/module-faster-shadow/" style="color: #3498DB; text-decoration: none">
Modules, are you faster than your shadows?
</a> </h3>
<p style="font-size: 14px">As a developer, should you use modules or code this bit of feature by yourself? Let's find out.</p>
</mj-text>
</mj-column>
<mj-column width="25%">
<mj-image width="100px" href="https://blog.recast.ai/module-faster-shadow/" src="https://static.mailjet.com/mjml-website/templates/recast-image1.png"></mj-image>
</mj-column>
</mj-section>
<mj-section>
<mj-column width="75%">
<mj-text>
<h3 style="font-weight: bold; margin-top: 0; margin-bottom: 0"> <a href="http://projects.csail.mit.edu/soundnet/" style="color: #3498DB; text-decoration: none;">
SoundNet - Learning sound representations from unlabeled video
</a> </h3>
<p style="font-size: 14px;">With a deep convolutional network created for sound recognition, the model recognizes objects and scenes only from sounds. </p>
</mj-text>
</mj-column>
<mj-column width="25%">
<mj-image width="100px" href="http://projects.csail.mit.edu/soundnet/" src="https://static.mailjet.com/mjml-website/templates/recast-image2.png"></mj-image>
</mj-column>
</mj-section>
<mj-section>
<mj-column width="75%">
<mj-text>
<h3 style="font-weight: bold; margin-top: 0; margin-bottom: 0"> <a href="https://blog.cardiogr.am/three-challenges-for-artificial-intelligence-in-medicine-dfb9993ae750#.ex1me3nhw" style="color: #3498DB; text-decoration: none;">
Three challenges for artificial intelligence in medicine
</a> </h3>
<p style="font-size: 14px;">Brandon Ballinger takes us back in time with an historic of AI in medecine and where it could today make a difference.</p>
</mj-text>
</mj-column>
<mj-column width="25%">
<mj-image width="100px" href="https://blog.cardiogr.am/three-challenges-for-artificial-intelligence-in-medicine-dfb9993ae750#.ex1me3nhw" src="https://static.mailjet.com/mjml-website/templates/recast-image3.png"></mj-image>
</mj-column>
</mj-section>
<mj-section>
<mj-column width="75%">
<mj-text>
<h3 style="font-weight: bold; margin-top: 0; margin-bottom: 0"> <a href="https://blog.recast.ai/how-to-choose-the-best-channel-for-your-bot-the-ultimate-cheat-sheet/" style="color: #3498DB; text-decoration: none;">
How to choose the best channel for your bot: the ultimate cheat sheet
</a> </h3>
<p style="font-size: 14px;">Bot channels do not offer the same features: here’s an analysis of a few to help you figure everything out.</p>
</mj-text>
</mj-column>
<mj-column width="25%">
<mj-image width="100px" href="https://blog.recast.ai/how-to-choose-the-best-channel-for-your-bot-the-ultimate-cheat-sheet/" src="https://static.mailjet.com/mjml-website/templates/recast-image4.jpg"></mj-image>
</mj-column>
</mj-section>
<mj-section>
<mj-column width="100%">
<mj-divider border-width="1px" border-color="#E0E0E0"></mj-divider>
</mj-column>
</mj-section>
<mj-section>
<mj-column>
<mj-text padding-bottom="0px">
<h3 style="font-weight: bold"> <a href="http://www.forbes.com/sites/quora/2016/09/23/what-are-the-differences-between-ai-machine-learning-nlp-and-deep-learning/#4f981bbb36f0" style="color: #3498DB; text-decoration: none;">
What are the differences between AI, machine learning, NLP, and deep learning?
</a> </h3>
</mj-text>
<mj-image width="600px" padding-top="0" href="http://www.forbes.com/sites/quora/2016/09/23/what-are-the-differences-between-ai-machine-learning-nlp-and-deep-learning/#4f981bbb36f0" src="https://static.mailjet.com/mjml-website/templates/recast-image5.jpg"></mj-image>
<mj-text>
<p style="font-size: 14px;"> So many big words in a booming market, let's take a step back and redefine which is what, and which does what. </p>
</mj-text>
</mj-column>
</mj-section>
<mj-section>
<mj-column>
<mj-text padding-bottom="0px">
<h3 style="font-weight: bold"> <a href="https://chatbotsmagazine.com/the-implications-of-a-i-on-the-future-chatbots-eaedaf20bfb7#.28dezxtns" style="color: #3498DB; text-decoration: none;">
The implications of AI on the future chatbots
</a> </h3>
</mj-text>
<mj-image width="600px" padding-top="0" href="https://chatbotsmagazine.com/the-implications-of-a-i-on-the-future-chatbots-eaedaf20bfb7#.28dezxtns" src="https://static.mailjet.com/mjml-website/templates/recast-image6.jpg"></mj-image>
<mj-text>
<p style="font-size: 14px;"> Artificial intelligence, machine learning, neural networks: how can they be used with chatbots? What does the future hold? </p>
</mj-text>
</mj-column>
</mj-section>
<mj-section>
<mj-column>
<mj-text padding-bottom="0px">
<h3 style="font-weight: bold"> <a href="https://chatbotsmagazine.com/nlp-and-the-coming-content-explosion-5ad45017f36f#.rr1g031tl" style="color: #3498DB; text-decoration: none;">
NLP and the coming content explosion
</a> </h3>
</mj-text>
<mj-image width="600px" padding-top="0" href="https://chatbotsmagazine.com/nlp-and-the-coming-content-explosion-5ad45017f36f#.rr1g031tl" src="https://static.mailjet.com/mjml-website/templates/recast-image7.png"></mj-image>
<mj-text>
<p style="font-size: 14px;"> Natural language powered interfaces are taking the world by storm, and we can't help but wonder how they'll change the way we deliver, read and share content. </p>
</mj-text>
<mj-divider border-width="1px" border-color="#E0E0E0"></mj-divider>
</mj-column>
</mj-section>
<mj-section>
<mj-column width="65%">
<mj-image align="left" width="150px" href="https://recast.ai?ref=newsletter" src="https://cdn.recast.ai/newsletter/recast-ai-01.png"></mj-image>
</mj-column>
<mj-column width="35%">
<mj-table>
<tr style="list-style: none;line-height:1">
<td> <a href="https://twitter.com/RecastAI">
<img width="25" src="https://static.mailjet.com/mjml-website/templates/recast-twitter.png" />
</a> </td>
<td> <a href="https://www.facebook.com/recastAI">
<img width="25" src="https://static.mailjet.com/mjml-website/templates/recast-facebook.png" />
</a> </td>
<td> <a href="https://medium.com/@RecastAI">
<img width="25" src="https://static.mailjet.com/mjml-website/templates/recast-medium.png" />
</a> </td>
<td> <a href="https://www.youtube.com/channel/UCA0UZlR8crpgwFiVaSTbVWw">
<img width="25" src="https://static.mailjet.com/mjml-website/templates/recast-youtube.png" />
</a> </td>
<td> <a href="https://plus.google.com/u/0/+RecastAi">
<img width="25" src="https://static.mailjet.com/mjml-website/templates/recast-google.png" />
</a> </td>
</tr>
</mj-table>
</mj-column>
</mj-section>
</mj-body>
</mjml>

30
src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/test-pre-buit-with-icon.mjml Normal file
View File

@@ -0,0 +1,30 @@
<mjml>
<mj-head>
<mj-title>Hello world</mj-title>
<mj-font name="Roboto" href="https://fonts.googleapis.com/css?family=Roboto:300,500"></mj-font>
<mj-attributes>
<mj-all font-family="Roboto, Helvetica, sans-serif"></mj-all>
<mj-text font-weight="300" font-size="16px" color="#616161" line-height="24px"></mj-text>
<mj-section padding="0px"></mj-section>
</mj-attributes>
</mj-head>
<mj-body>
<mj-section>
<mj-column width="25%">
<mj-image width="100px" href="http://projects.csail.mit.edu/soundnet/" src="https://static.mailjet.com/mjml-website/templates/recast-image2.png"></mj-image>
</mj-column>
<mj-column width="75%">
<mj-text>
<h3 style="font-weight: bold; margin-top: 0; margin-bottom: 0"> <a href="http://projects.csail.mit.edu/soundnet/" style="color: #3498DB; text-decoration: none;">
SoundNet - Learning sound representations from unlabeled video
</a> </h3>
<p style="font-size: 14px;">With a deep convolutional network created for sound recognition, the model recognizes objects and scenes only from sounds. </p>
</mj-text>
</mj-column>
</mj-section>
</mj-body>
</mjml>