From e14a266ee0e4abeeccf0d19f82c2a0481d11f363 Mon Sep 17 00:00:00 2001 From: DanHillesheim <79476558+DanHillesheim@users.noreply.github.com> Date: Mon, 31 Jan 2022 12:10:35 -0700 Subject: [PATCH] Registration page updates (#1390) Co-authored-by: Hinton --- src/app/accounts/register.component.html | 183 +++++++++++++++--- src/images/register-layout/cnet-logo.svg | 3 + src/images/register-layout/forbes-logo.svg | 4 + .../register-layout/logo-horizontal-white.svg | 1 + .../register-layout/usnews-360-badge.svg | 1 + src/scss/pages.scss | 45 ++++- 6 files changed, 206 insertions(+), 31 deletions(-) create mode 100644 src/images/register-layout/cnet-logo.svg create mode 100644 src/images/register-layout/forbes-logo.svg create mode 100644 src/images/register-layout/logo-horizontal-white.svg create mode 100644 src/images/register-layout/usnews-360-badge.svg diff --git a/src/app/accounts/register.component.html b/src/app/accounts/register.component.html index 436717d840f..75d3883dcd0 100644 --- a/src/app/accounts/register.component.html +++ b/src/app/accounts/register.component.html @@ -1,44 +1,100 @@
-
+ +
+
-
-

Companies globally trust Bitwarden for password management.

-

Start your 7-day free trial!

-

Quickly deploy your organization

-

Use Bitwarden across all platforms

+ +
+

The Bitwarden Password Manager

+

+ Trusted by millions of individuals, teams, and organizations worldwide for secure + password storage and sharing. +

+

Store logins, secure notes, and more

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 -
-
+

Access anywhere on any device

+

Create your account to get started

-
-

Enterprise 3 layout

+ + +
+

+ Start Your Teams
Enterprise Free Trial Now +

+

+ Millions of individuals, teams, and organizations worldwide trust Bitwarden for secure + password storage and sharing. +

+

Collaborate and share securely

+

Deploy and manage quickly and easily

+

Access anywhere on any device

+

Create your account to get started

-
-

Enterprise 4 layout

+ + +
+

+ Start Your Teams
Enterprise Free Trial Now +

+

+ Millions of individuals, teams, and organizations worldwide trust Bitwarden for secure + password storage and sharing. +

+

Collaborate and share securely

+

Deploy and manage quickly and easily

+

Access anywhere on any device

+

Create your account to get started

+
+ + +
+

Start Your Premium Account Now

+

+ Millions of individuals, teams, and organizations worldwide trust Bitwarden for secure + password storage and sharing. +

+

Store logins, secure notes, and more

+

Secure your account with advanced two-step login

+

Access anywhere on any device

+

Create your account to get started

@@ -212,5 +268,88 @@
+
+
+
+
+
+ + cnet logo + +
+
+ "No more excuses; start using Bitwarden today. The identity you save could be your + own. The money definitely will be." +
+
+
+ +
+
+
+ + Forbes Logo + +
+
+ “Bitwarden boasts the backing of some of the world's best security experts and an + attractive, easy-to-use interface” +
+
+
+
+
+ US News 360 Reviews Best Password Manager +
+
+ US News 360 Reviews Best Password Manager +
+
diff --git a/src/images/register-layout/cnet-logo.svg b/src/images/register-layout/cnet-logo.svg new file mode 100644 index 00000000000..6e66987f4b2 --- /dev/null +++ b/src/images/register-layout/cnet-logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/images/register-layout/forbes-logo.svg b/src/images/register-layout/forbes-logo.svg new file mode 100644 index 00000000000..c28a8e30f84 --- /dev/null +++ b/src/images/register-layout/forbes-logo.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/images/register-layout/logo-horizontal-white.svg b/src/images/register-layout/logo-horizontal-white.svg new file mode 100644 index 00000000000..c8f13bd5fe0 --- /dev/null +++ b/src/images/register-layout/logo-horizontal-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/images/register-layout/usnews-360-badge.svg b/src/images/register-layout/usnews-360-badge.svg new file mode 100644 index 00000000000..e7a63ed3307 --- /dev/null +++ b/src/images/register-layout/usnews-360-badge.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/scss/pages.scss b/src/scss/pages.scss index 287c1e851ba..bbc76172250 100644 --- a/src/scss/pages.scss +++ b/src/scss/pages.scss @@ -173,18 +173,28 @@ app-sponsored-families { /* Register Layout Page */ .layout { - &.enterprise2 { + &.default, + &.teams, + &.teams1, + &.teams2, + &.enterprise, + &.enterprise1, + &.enterprise2, + &.cnetcmpgnent, + &.cnetcmpgnteams, + &.cnetcmpgnind { header { background: #175ddc; color: #ced4da; + height: 70px; &:before { background: #175ddc; content: ""; - height: 416px; + height: 520px; left: 0; position: absolute; - top: -76px; + top: -80px; transform: skewY(-3deg); width: 100%; z-index: -1; @@ -197,15 +207,22 @@ app-sponsored-families { } } + h1 { + color: #ffffff; + font-size: 3.5rem; + margin: 50px 0 0; + } + h2 { color: #ffffff; - font-size: 1.8rem; - margin: 100px 0 150px 0; + font-size: 2rem; + line-height: 1.5; + margin: 20px 0 140px; } p { - font-size: 1.4rem; - margin: 20px 0 40px 0; + font-size: 2rem; + margin: 10px 0 70px 0; &:before { content: "/"; @@ -226,10 +243,20 @@ app-sponsored-families { } } + figure { + margin: 0; + } + blockquote { font-size: 1.4rem; - margin: 20px 0 0 0; - padding-right: 40px; + margin: 20px 0 0; + } + } + + &.cnetcmpgnind { + p { + font-size: 1.5rem; + margin: 10px 0 50px 0; } } }