EVOLUTION-NINJA

Edit File: forgot_password.php

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<title>Power Pik News</title>
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/main.css');?>" />
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/bootstrap.min.css');?>" />
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/font-awesome.min.css');?>" />
	
	<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">	
	
	<script type="text/javascript" src="<?php echo base_url('assets/js/jquery-3.6.0.min.js');?>"></script>
	<script type="text/javascript" src="<?php echo base_url('assets/js/bootstrap.min.js');?>"></script>
</head>
<body style="overflow-x:hidden;">	
	
	<div class="top-bg"></div>
	<header class="cf">	
		<div class="container">
			<div class="logo col-md-3 col-sm-2">
				<a href="" class="hidden-xs hidden-sm center-block"><img src="<?php echo base_url('assets/img/F1.svg');?>" class="img-responsive center-block"></a>
				<a href="" class="hidden-md hidden-lg center-block"><img src="<?php echo base_url('assets/img/F1.svg');?>" class="img-responsive center-block"></a>
			</div>
			<div class="col-md-2 hidden-sm">
			</div>
			<div class="navigation1  col-md-7 col-sm-10">
				
			</div>
		</div>
	</header>
	
	
	<div class="container pad-top">
			<div class="row">
				<div class="col-sm-4 col-centered logo">
					
				</div>
			</div>
            <div class="row">
                <div class="col-sm-6 col-md-4 col-centered" >
                    <div class="panel panel-default">
						
                        <div class="panel-heading" >
							
                            <h4>FORGOT PASSWORD</h4>
                        </div>
                    <form role="form" id="frgt_passwd" action="<?php echo site_url('controller/forgot_password');?>" method="post">
					
						<div class="form-group">
							<p class="text-center">ABP-Contact Power Pik<br/> Supervisor-OTP is mailed to you.</p>
						</div>
					<div class="form-group">
								
								<input type="text" class="form-control" name="email" placeholder="User Id"  required style="background: rgb(234, 249, 255) none repeat scroll 0% 0%;">	
							</div>
							
							
							
							
							
							<div class="form-group" style="background: rgb(234, 249, 255) none repeat scroll 0% 0%;padding-top:3px;padding-bottom:10px;">
							
								
								
								<button type="submit" class="btn btn-default col-sm-12 c_submit BTN-LGdash_send center-block"" value="Check" onclick="alert(ValidCaptcha());">SUBMIT</button>
								
							</div>
						</form>
                </div>
            </div>
            
        </div>
    </div>
	
	
	
	<div class="height-50"></div>
	
	<footer class=" navbar-fixed-bottom">
		<div class="top-bg">		
		<div class="container">			
			<ul class="top_marqu">
				<li><a href="tel:+91-9731676611"><i class="fa fa-mobile" aria-hidden="true"></i> : +91 9731676611</a></li>
					<li><a href="mailto:services@powerpik.in"><i class="fa fa-envelope-o" aria-hidden="true"></i> : services@powerpik.in</a></li>
					<li><a href=""> | </a></li>
				<li><a href="tel:+91-9711351351">North <i class="fa fa-mobile" aria-hidden="true"></i> : +91 9711351351</a></li>
				<li><a href="tel:+91-9620512399">South <i class="fa fa-mobile" aria-hidden="true"></i> : +91 9620512399</a></li>
			</ul>	
		</div>
	</div>
	</footer>
	
	
	
	
</body>
</html>
		
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/simpleMobileMenu.css');?>" />
	<script src="<?php echo base_url('assets/js/simpleMobileMenu.js');?>"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$('.smobitrigger').smplmnu();
		});
	</script>
	
		
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$('.mobimenu li.dropdown').hover(function() {
			  $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
			}, function() {
			  $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
			});			
		});
	</script>
	
	<style>
	.login-head
	{
		background:#3c5a98;
		padding-bottom:10px;
		padding-top:10px;
	}
	.login-footer
	{
		background:#3c5a98;
		padding-bottom:10px;
		padding-top:15px;
		color:white;
		text-align:center;
	}
	.login-head label
	{
		color:white !important;
	}
	.login-head a
	{
		font-size:12px;
		color:white;
	}
	.lgn-btn
	{
		margin-top:5px;
	}
	</style>
	
	<style>
#mainCaptcha {
    background-color: rgb(232, 230, 231);
    padding: 10px 0px 10px 5px;
    width: 80%;
	text-align:center;
	
}

body    {             
			 background: url('img/yask1.png') no-repeat center center /cover;
			 background:gray;
            }

@import url(https://fonts.googleapis.com/css?family=Lobster);
/*panel heading*/
h4 {
    text-align:center;
	font-weight:700;
}
/*panel align center*/
.col-centered{
    float: none;
    margin: 0 auto;
    padding-top:5px;
}

/*Glyphicon color*/
.blue   {
    color: #80bfff;
}
.pad-top
{
padding-top:10px;
}
#frgt_passwd
{
	padding: 10px 15px !important;
}
#refresh1
{
text-align:center !important;
}
.c_submit
{
background-color:#8ED1EF;
color:black;
font-weight:900;
}
.c_submit:hover
{
background-color:#8ED1EF;
color:white;
font-weight:900;
}
.logo img
{
width:80% !important;
}
.logo
{
padding-top:20px;
padding-bottom:20px;
}
.panel-default
{
padding-bottom: 25px;
}
.form-group h4
{
font-weight:900;
}

.panel-default > .panel-heading {
    background: #BBE5FB;
}
.form-group
{
	text-align:center;
}
@media (max-width: 640px) {
	.form-group p
	{
		font-size:13px;
	}
	label
	{
		font-size:12px;
		font-weight:600;
	}
}
</style>