bitwarden/server
1
0
Fork 0
mirror of https://github.com/bitwarden/server synced 2026-02-12 22:44:00 +00:00
Code Issues Releases Wiki Activity

[PM-30610] Add row-width A/B version

Browse Source
This commit is contained in:
Jimmy Vo
2026-02-10 09:49:16 -05:00
parent 8b121137d8
commit 147b5c4888
1 changed files with 237 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

237
src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/organization-confirmation-v2-different-row-width.mjml Normal file
View File

@@ -0,0 +1,237 @@
<mjml>
<mj-head>
<!-- Include shared head styles -->
<mj-include path="../../../components/head.mjml" />
<!-- Include admin console shared styles -->
<mj-include path="../../../components/admin-console-head.mjml" />
</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
mj-class="ac-hero-text"
padding="0px 0px 24px 0px">
<p>You can now share passwords with members of <strong>{{OrganizationName}}!</strong></p>
</mj-text>
<mj-button
mj-class="ac-button"
href="{{WebVaultUrl}}"
padding="0px">
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/ac-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
mj-class="ac-text"
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"
css-class="hide-mobile"
vertical-align="top">
<mj-image
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
css-class="hide-mobile"
width="4%">
<mj-spacer
height="1px">
</mj-spacer>
</mj-column>
<mj-column
width="86%"
vertical-align="top">
<mj-text
mj-class="ac-text"
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="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="3%">
<mj-spacer
height="1px">
</mj-spacer>
</mj-column>
<mj-column
width="82%"
vertical-align="top">
<mj-text
mj-class="ac-text"
padding="0px 0px 0px 0px">
You can easily access and share passwords with your team.
<a href="https://bitwarden.com/help/sharing" class="ac-link">Share passwords in Bitwarden</a>
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 3: Password Sharing -->
<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="85%"
vertical-align="top">
<mj-text
mj-class="ac-text"
padding="0px 0px 0px 0px">
You can easily access and share passwords with your team.
<a href="https://bitwarden.com/help/sharing" class="ac-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
mj-class="ac-heading"
padding="0px 0px 8px 0px">
Learn more about Bitwarden
</mj-text>
<mj-text
mj-class="ac-text"
padding="0px">
Find user guides, product documentation, and videos on the <a href="https://bitwarden.com/help/" class="ac-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>