diff --git a/src/app/accounts/register.component.html b/src/app/accounts/register.component.html index baac00f3a3..4dc417e123 100644 --- a/src/app/accounts/register.component.html +++ b/src/app/accounts/register.component.html @@ -1,129 +1,149 @@ -
-
-
-
-
-

Companies globally trust Bitwarden for password management.

-

Start your 7-day free trial!

-

Quickly deploy your organization

-

Use Bitwarden across all platforms

-

Collaborate and share securely

-

"Bitwarden has become a popular choice among open-source software advocates. After using it for a - few months, I can see why." - February 2020

-
-
-

Enterprise 3 layout

-
-
-

Enterprise 4 layout

+
+
+
+
+
+
-
-
-
-

{{'createAccount' | i18n}}

-
-
- - {{'createOrganizationCreatePersonalAccount' | i18n}} - -
- - - {{'emailAddressDesc' | i18n}} -
-
- - - {{'yourNameDesc' | i18n}} -
-
- - {{'masterPasswordPolicyInEffect' | i18n}} -
    -
  • - {{'policyInEffectMinComplexity' | i18n : getPasswordScoreAlertDisplay()}} -
  • -
  • - {{'policyInEffectMinLength' | i18n : enforcedPolicyOptions?.minLength.toString()}} -
  • -
  • - {{'policyInEffectUppercase' | i18n}}
  • -
  • - {{'policyInEffectLowercase' | i18n}}
  • -
  • - {{'policyInEffectNumbers' | i18n}}
  • -
  • - {{'policyInEffectSpecial' | i18n : '!@#$%^&*'}}
  • -
+
+ +
+
+
+
+

Companies globally trust Bitwarden for password management.

+

Start your 7-day free trial!

+

Quickly deploy your organization

+

Use Bitwarden across all platforms

+

Collaborate and share securely

+
+
+ + Wired + +
+
+ "Bitwarden has become a popular choice among open-source software advocates. After using it for a + few months, I can see why." - February 2020 +
+
+
+
+

Enterprise 3 layout

+
+
+

Enterprise 4 layout

+
+
+
+
+
+
+

{{'createAccount' | i18n}}

+
+
+ + {{'createOrganizationCreatePersonalAccount' | i18n}} - -
-
- - - +
+ + + {{'emailAddressDesc' | i18n}} +
+
+ + + {{'yourNameDesc' | i18n}} +
+
+ + {{'masterPasswordPolicyInEffect' | i18n}} +
    +
  • + {{'policyInEffectMinComplexity' | i18n : getPasswordScoreAlertDisplay()}} +
  • +
  • + {{'policyInEffectMinLength' | i18n : enforcedPolicyOptions?.minLength.toString()}} +
  • +
  • + {{'policyInEffectUppercase' | i18n}}
  • +
  • + {{'policyInEffectLowercase' | i18n}}
  • +
  • + {{'policyInEffectNumbers' | i18n}}
  • +
  • + {{'policyInEffectSpecial' | i18n : '!@#$%^&*'}}
  • +
+
+ +
+
+ + + +
+
+ + +
-
+ {{'masterPassDesc' | i18n}} +
+
+ +
+ -
- {{'masterPassDesc' | i18n}} -
-
- -
- - +
+ + + {{'masterPassHintDesc' | i18n}}
+
+
+ + + {{'cancel' | i18n}} + +
+ + {{'submitAgreePolicies' | i18n}} + {{'termsOfService' | i18n}}, + {{'privacyPolicy' | i18n}} +
-
- - - {{'masterPassHintDesc' | i18n}} -
-
-
- - - {{'cancel' | i18n}} - -
- - {{'submitAgreePolicies' | i18n}} - {{'termsOfService' | i18n}}, - {{'privacyPolicy' | i18n}} -
-
- + +
diff --git a/src/images/register-layout/logo-horizontal-white.png b/src/images/register-layout/logo-horizontal-white.png new file mode 100644 index 0000000000..38e7ffa418 Binary files /dev/null and b/src/images/register-layout/logo-horizontal-white.png differ diff --git a/src/images/register-layout/wired-logo.png b/src/images/register-layout/wired-logo.png new file mode 100644 index 0000000000..aaa339c04f Binary files /dev/null and b/src/images/register-layout/wired-logo.png differ diff --git a/src/scss/register-layout.scss b/src/scss/register-layout.scss new file mode 100644 index 0000000000..62af3e3798 --- /dev/null +++ b/src/scss/register-layout.scss @@ -0,0 +1,63 @@ +.layout { + &.enterprise2 { + + header { + color: $secondary; + background-color: $primary; + + &:before { + content: ""; + position: absolute; + z-index: -1; + width: 100%; + height: 340px; + left: 0; + transform: skewY(-3deg); + background: $primary; + } + + img.logo { + + margin: 12px 0 0; + width: 284px; + max-width: 284px; + height: auto; + } + } + + h2 { + color: #ffffff; + font-size: 1.8rem; + margin: 100px 0 150px 0; + } + + p { + margin: 20px 0 40px 0; + font-size: 1.4rem; + + &:before { + content: "/"; + padding-right: 12px; + } + &:not(.highlight) { + &:before { + color: $primary-accent; + } + } + + b { + &:after { + content: "⟶"; + font-size: 2rem; + padding-left: 6px; + } + } + } + + blockquote { + margin: 20px 0 0 0; + font-size: 1.4rem; + padding-right: 40px; + } + } +} diff --git a/src/scss/styles.scss b/src/scss/styles.scss index eb48b6c4c6..676e275fc9 100644 --- a/src/scss/styles.scss +++ b/src/scss/styles.scss @@ -839,3 +839,5 @@ img.logo { .cursor-move { cursor: move !important; } + +@import "./register-layout";