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

[PM-30610] Add family v2

Browse Source
This commit is contained in:
Jimmy Vo
2026-01-30 15:50:00 -05:00
parent 8af9b67b81
commit f5f357026e
1 changed files with 240 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -0,0 +1,240 @@
<mjml>
<mj-head>
<!-- Include shared head styles -->
<mj-include path="../../../components/head.mjml" />
<mj-font
name="Inter"
href="https://fonts.googleapgis.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-attributes>
<mj-style>
@media only screen and (max-width: 480px) {
.hide-mobile { display: none !important; }
}
</mj-style>
</mj-head>
<mj-body>
<!-- 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-size="20px"
line-height="30px"
font-weight="400"
padding="0px 0px 24px 0px"
align="left"
color="#ffffff">
<p>You can now share passwords with members of <strong>{{OrganizationName}}!</strong></p>
</mj-text>
<mj-button
href="{{WebVaultUrl}}"
background-color="#ffffff"
color="#1A41AC"
border-radius="20px"
align="left"
inner-padding="12px 24px"
padding="0px"
font-size="16px"
font-weight="700"
line-height="24px">
Log in
</mj-button>
</mj-column>
<mj-column
vertical-align="bottom"
width="35%">
<mj-image
css-class="hide-mobile"
align="center"
padding="0px"
width="155px"
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="14px"
line-height="20px"
font-weight="400"
padding="0px">
As a member of <b>{{OrganizationName}}</b>:
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 1 -->
<mj-section
padding="8px 40px"
text-align="left"
background-color="#fff">
<mj-column
width="48px"
css-class="hide-mobile"
vertical-align="top">
<mj-image
src="https://assets.bitwarden.com/email/v1/icon-account-switching-new.png"
alt="Group Users Icon"
width="48px"
border-radius="8px"
padding="0px">
</mj-image>
</mj-column>
<mj-column
css-class="hide-mobile"
width="5%">
<mj-spacer
height="1px">
</mj-spacer>
</mj-column>
<mj-column
width="80%"
vertical-align="top">
<mj-text
font-size="14px"
line-height="20px"
font-weight="400"
padding="0px 0px 0px 0px">
You can access passwords Flinn Family has shared with you.
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 2 -->
<mj-section
padding="8px 40px 40px 40px"
text-align="left"
background-color="#fff">
<mj-column
width="48px"
css-class="hide-mobile"
vertical-align="top">
<mj-image
src="https://assets.bitwarden.com/email/v1/icon-account-switching-new.png"
alt="Share Icon"
width="48px"
border-radius="8px"
padding="0px">
</mj-image>
</mj-column>
<mj-column
css-class="hide-mobile"
width="5%">
<mj-spacer
height="1px">
</mj-spacer>
</mj-column>
<mj-column
width="80%"
vertical-align="top">
<mj-text
font-size="14px"
line-height="20px"
font-weight="400"
padding="0px 0px 0px 0px">
You can easily share passwords with friends, family, or coworkers.<br/>
<a href="https://bitwarden.com/help/sharing" 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
font-size="14px"
line-height="20px"
font-weight="400"
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
css-class="hide-mobile"
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>