Cantilever-Labs/views/reset.html

148 lines
3.8 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0 shrink-to-fit=no"
/>
<title>Forgot password</title>
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
/>
<link rel="stylesheet" href="./reset.css" />
<link
href="https://fonts.googleapis.com/css?family=Poppins"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&display=swap"
rel="stylesheet"
/>
<style>
body {
font-size: 16px;
font-family: Poppins;
letter-spacing: 0.02em;
}
.gray-reset-J {
background-color: #f2f7fb;
}
.reset-J h2 {
font-weight: 600;
}
.reset-J p {
font-weight: lighter;
font-size: 20px;
}
.reset-J button {
background-color: #ffc600;
color: white;
font-weight: 600;
font-size: 19px;
width: 340px;
border-radius: 10px 10px 10px 10px;
}
.reset-logo-J img {
width: 79px;
height: 79px;
}
.reset-logo1-J img {
width: 200px;
height: 50px;
}
.reset-logo2-J img {
width: 17px;
height: 17px;
}
.reset-light-J p {
font-size: 15px;
}
.light-copyright-J {
font-weight: lighter;
color: #6d6d6d;
}
.bold-copyright-J {
font-weight: 700;
color: #6d6d6d;
}
@media (max-width: 410px) {
.reset-J button {
width: 240px;
background-color: #ffc600;
color: white;
font-weight: 600;
font-size: 19px;
border-radius: 10px 10px 10px 10px;
}
}
</style>
</head>
<body>
<div class="container justify-content-center">
<div class="row justify-content-center">
<div
class="
m-5
px-5
py-4
gray-reset-J
col-xl-6 col-lg-6 col-md-8 col-sm-11 col-12
"
>
<div class="my-3 reset-logo-J">
<img src="./images/certificate design-11.png" alt="" />
</div>
<div class="reset-J">
<div class="my-4">
<h2 style="text-align: center">Hello</h2>
</div>
<p>
We got a request to reset your Password. No need to worry you can
reset your Password by clicking the Reset Button.
</p>
<a href=""> <button class="btn p-3 my-3">Reset Password</button></a>
<div class="my-3">
<p>
Facing any other issue write us at
<a href="#">info@cantileverlabs.com</a>
</p>
</div>
<div class="my-4 reset-logo1-J">
<img src="./images/Rectangle 1048.png" alt="" />
</div>
<div class="reset-light-J">
<p>Privacy Policy | Terms of Use | Contact us</p>
</div>
</div>
<div class="reset-logo2-J my-5">
<img src="./images/Icon material-copyright.png" alt="" />
<span class="light-copyright-J"
>copyright
<span class="bold-copyright-J">2018 Cantilever Labs</span></span
>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>