rebase into branch

bitwarden · Jun 5, 2024 · b233ac7 · b233ac7
1 parent eff6d6b
commit b233ac7
Showing 1 changed file with 41 additions and 40 deletions.
diff --git a/src/AdminConsole/Pages/Organization/Create.cshtml b/src/AdminConsole/Pages/Organization/Create.cshtml
@@ -18,58 +18,59 @@
     }
 </style>
 
-<div class="sm:w-full md:flex items-start space-x-4">
-    <div class="p-8">
-        <div class="text-2xl font-medium">Try out Passwordless.dev with a free account</div>
+<div class="sm:w-full sm:flex items-start space-x-4">
 
-        <div class="mt-2 text-lg font-light">
-            Create an organization to start integrating Bitwarden Passwordless.dev with your apps, inviting admins, and using the API.
-        </div>
+    <div class="px-8 py-7 max-w-2xl">
+        <h2 class="text-2xl sm:text-3xl font-medium">Try out Passwordless.dev with a free account</h2>
 
-        <div class="flex mt-6 space-x-6">
-            <div class="self-center grow">
-                <img class="w-24" src="/img/tag1.svg" />
-            </div>
-            <div class="basis-full">
-                <div class="font-medium">Standards-based, and phishing-resistant</div>
-                <p>Use open source and modern browser standards to create FIDO2 WebAuthn applications such as Face ID, fingerprint, and Windows Hello for your customers, end users, and teams.</p>
+        <p class="mt-2 sm:mb-8 text-sm sm:text-lg font-light">
+            Create an organization to start integrating Bitwarden Passwordless.dev with your apps, inviting admins, and using the API.
+        </p>
+        <div class="hidden sm:block">
+            <div class="flex mt-6 space-x-4">
+                <div>
+                    <img class="w-10" src="/img/tag1.svg" />
+                </div>
+                <div class="basis-full mt-1">
+                    <p class="font-medium">Standards-based & phishing-resistant</p>
+                    <p>Use open source and modern browser standards to create FIDO2 WebAuthn applications.</p>
+                </div>
             </div>
-        </div>
 
-        <div class="flex mt-4 space-x-6">
-            <div class="self-center grow">
-                <img class="w-24" src="/img/tag2.svg" />
-            </div>
-            <div class="basis-full">
-                <div class="font-medium">Add passkeys to existing authentication platforms</div>
-                <p>Bitwarden Passwordless.dev works well with common authentication solutions, allowing you to adopt passkey features without the need to recode or replace.</p>
+            <div class="flex mt-4 space-x-4">
+                <div>
+                    <img class="w-10" src="/img/tag2.svg" />
+                </div>
+                <div class="basis-full mt-1">
+                    <p class="font-medium">Add passkeys to existing authentication</p>
+                    <p>Easily adopt passkey features, such as biometric sign in, without the need to recode or replace.</p>
+                </div>
             </div>
-        </div>
 
-        <div class="flex mt-4 space-x-6">
-            <div class="self-center grow">
-                <img class="w-24" src="/img/tag3.svg" />
-            </div>
-            <div class="basis-full">
-                <div class="font-medium">Centralized passkey management</div>
-                <p>Bitwarden Passwordless.dev offers a dedicated admin console to help you easily manage your passkeys, applications, users, and more, all in one place.</p>
+            <div class="flex mt-4 space-x-4">
+                <div>
+                    <img class="w-10 pt-1" src="/img/tag3.svg" />
+                </div>
+                <div class="basis-full mt-1">
+                    <p class="font-medium">Centralized passkey management</p>
+                    <p>Privides an admin console to help you easily manage your passkeys, applications, users, and more.</p>
+                </div>
             </div>
-        </div>
 
-        <div class="flex mt-4 space-x-6">
-            <div class="self-center grow">
-                <img class="w-24" src="/img/tag4.svg" />
-            </div>
-            <div class="basis-full">
-                <div class="font-medium">Security that’s tested and validated</div>
-                <p>Thorough, third party assessments of the Bitwarden Passwordless.dev open source code, documentation, and processes help ensure your data is always secure.</p>
+            <div class="flex mt-4 space-x-4">
+                <div>
+                    <img class="w-10" src="/img/tag4.svg" />
+                </div>
+                <div class="basis-full mt-1">
+                    <div class="font-medium">Security that’s tested and validated</div>
+                    <p>Thorough, third party assessments of the Bitwarden Passwordless.dev open source code, documentation, and processes help ensure your data is always secure.</p>
+                </div>
             </div>
+            <div class="mt-6 text-sm">Many of Passwordless.dev's features are available for free. Check out <a class="link-blue" href="https://bitwarden.com/products/passwordless/#pricing" target="_blank">the pricing page</a> for more information about our paid offerings.</div>
         </div>
-
-        <div class="mt-6 font-sm">Many of Passwordless.dev's features are available for free. Check out <a class="link-blue" href="https://bitwarden.com/products/passwordless/#pricing" target="_blank">the pricing page</a> for more information about our paid offerings.</div>
     </div>
 
-    <div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
+    <div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-8">
         <form class="space-y-6" action="" method="POST">
             <div>
                 <label for="orgName" class="block text-sm font-medium leading-6 text-gray-900">Organization name</label>