<div class="flex align-items-center justify-content-center">

<div class="surface-card p-4 shadow-2 border-round w-full lg:w-6">

<div class="text-center mb-5">

<img src="/logo.svg" alt="Image" height="50" class="mb-3">

<div class="text-900 text-3xl font-medium mb-3">Welcome Back</div>

<span class="text-600 font-medium line-height-3">Don't have an account?</span>

<a class="font-medium no-underline ml-2 text-blue-500 cursor-pointer">Create today!</a>

</div>

<div>

<label for="email1" class="block text-900 font-medium mb-2">Email</label>

<InputText id="email1" type="text" class="w-full mb-3" />

<label for="password1" class="block text-900 font-medium mb-2">Password</label>

<InputText id="password1" type="password" class="w-full mb-3" />

<div class="flex align-items-center justify-content-between mb-6">

<div class="flex align-items-center">

<Checkbox id="rememberme" :binary="true" class="mr-2"></Checkbox>

<label for="rememberme">Remember me</label>

</div>

<a class="font-medium no-underline ml-2 text-blue-500 text-right cursor-pointer">Forgot your password?</a>

</div>

<Button label="Sign In" icon="pi pi-user" class="w-full"></Button>

</div>

</div>

</div>

<div class="flex items-center justify-center">

<div class="surface-card p-6 shadow-md rounded-var w-full lg:w-6/12">

<div class="text-center mb-8">

<img src="/logo.svg" alt="Image" height="50" class="mb-4">

<div class="text-900 text-3xl font-medium mb-4">Welcome Back</div>

<span class="text-600 font-medium leading-normal">Don't have an account?</span>

<a class="font-medium no-underline ml-2 text-blue-500 cursor-pointer">Create today!</a>

</div>

<div>

<label for="email1" class="block text-900 font-medium mb-2">Email</label>

<InputText id="email1" type="text" class="w-full mb-4" />

<label for="password1" class="block text-900 font-medium mb-2">Password</label>

<InputText id="password1" type="password" class="w-full mb-4" />

<div class="flex items-center justify-between mb-12">

<div class="flex items-center">

<Checkbox id="rememberme" :binary="true" class="mr-2"></Checkbox>

<label for="rememberme">Remember me</label>

</div>

<a class="font-medium no-underline ml-2 text-blue-500 text-right cursor-pointer">Forgot your password?</a>

</div>

<Button label="Sign In" icon="pi pi-user" class="w-full"></Button>

</div>

</div>

</div>