| Server IP : 51.89.169.208 / Your IP : 216.73.216.68 Web Server : Apache System : Linux ns3209505.ip-198-244-202.eu 4.18.0-553.27.1.el8_10.x86_64 #1 SMP Tue Nov 5 04:50:16 EST 2024 x86_64 User : yellowleaf ( 1019) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/yellowleaf/public_html/masrur/ |
Upload File : |
<!doctype html>
<html lang="en">
<head>
<title>Join Yellowleaf</title>
{meta} {css}
{recaptcha}
<style>html,body{height:100%;}
body {
background: #ecf0f1
}
table.wrap {
height:100%;
width: 100%;
}
.wrap td {
vertical-align: middle;
text-align: center;
padding: 0 0 100px;
}
.logo img {
width: 200px;
}
.box {
position: relative;
display: block;
background-color: #fff;
transition: top .25s ease;
border-radius: 2px;
text-align: left;
margin-top: 30px;
margin-bottom: 20px;
padding: 0 0 15px;
font-size: 13px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -2px rgba(0, 0, 0, 0.2);
}
.error-message {
font-weight:bold;
color:#c0392b;
font-size: 14px;
padding: 15px 15px 0;
}
.error-message.succ{
color:#2ecc71;
}
.box .headline {
padding: 16px 0;
text-align: center;
text-transform: uppercase;
/*color: #ecf0f1;background:#34495e;border-bottom:1px solid #bdc3c7;*/
font-size: 20px;
}
.box form {
padding: 0 28px 18px;
font-size: 14px;
}
.forgot_link {
float: right;
font-size: 13px;
position: absolute;
right: 0;
z-index: 2;
top: 8px;
}
.inp_cn {
position: relative;
border-bottom: 1px solid #bdc3c7;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
padding: 7px 3px 3px;
width: 320px;
margin: 20px 0 30px;
color: #34495e;
}
.inp_cn input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.inp_cn.red span{color: #c0392b;font-weight:bold;}
.inp_cn span {
position: absolute;
left: 2px;
top: 7px;
z-index: 0;
color: #2c3e50;
transition: all .35s ease;
text-transform: uppercase;
}
.inp_cn input {
outline: none;
background: transparent;
width: 100%;
border: 0;
z-index: 1;
position: relative;
color: inherit;
}
.inp_cn input:-webkit-autofill+span,.inp_cn input:focus+span,
.inp_cn.text span {
font-size: 11px;
top: -8px;
font-weight: 600;
}
.g-recaptcha{margin-bottom:10px;}
.g-recaptcha > div{margin:auto;}
form .btn {
padding: 10px 25px;
font-size: 14px;
}
.links {
margin-top: 5px;
padding: 10px 20px;
text-align: right;
}
.links .btn {
padding: 5px 9px;
margin-left: 12px;
}
</style>
</head>
<body>
<table class="wrap">
<tr>
<td>
<div style="display:inline-block;width:400px;">
<div class="logo">
<a href="/masrur/"><img src="/masrur/img/logo.png" /></a>
</div>
<div class="box">
<div class="fadeIn">
<div class="headline">Forgot Password</div>
<form action="./" method="post" autocomplete="off">
<div class="inp_cn {er_e}"><input type="text" autocomplete="off" name="email" value="{inp_email}"><span>Enter Email</span></div>
<div class="recaptcha">{recaptcha_html}</div>
<button type="submit" class="btn blue bright full curve2">Submit</button> {error_msg}
</form>
<div class="links">
<a href="/masrur/register/" class="btn grey curve3">Sign Up</a>
<a href="/masrur/login/" class="btn blue bright curve3">Sign In</a>
</div>
</div>
</div>
</div>
</td>
</tr>
</table>
{js}
<script>
$(function() {
$( ".inp_cn input" ).each(function( e ) {
m_input($(this));
});
});
$('.inp_cn.red input').focus(function() {$(this).parent('.inp_cn').removeClass('red');});
$('.inp_cn input').keyup(function() {
m_input($(this));
});
function m_input(el) {
input = $.trim($(el).val());
if (input == "") {
$(el).parent().removeClass('text');
$(el).siblings('a').fadeIn(278);
} else {
$(el).parent().addClass('text');
if(!($(el).parent('.inp_cn').hasClass('red'))){$(el).siblings('a').fadeOut(278);}
}
}
</script>
</body>
</html>