Server : LiteSpeed System : Linux premium181.web-hosting.com 4.18.0-553.45.1.lve.el8.x86_64 #1 SMP Wed Mar 26 12:08:09 UTC 2025 x86_64 User : ventnesy ( 2514) PHP Version : 8.3.30 Disable Function : NONE Directory : /home/ventnesy/demo.venturedata.ai/public_html/ |
<!DOCTYPE html>
<html>
<head>
<title>Venture Data - Demo Login</title>
<link rel="icon" type="image/x-icon" href="logo.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<style>
body {
margin: 0;
padding: 0;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.background-video {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
.container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 80%;
width: 350px; /* Set a fixed width for desktop */
max-height: 80%;
height: 400px; /* Set a fixed height for desktop */
border-radius: 40px;
/*background-color: rgba(255, 255, 255, 0.2);*/
background-color: rgba(12, 122, 114, 0.2);
border-style: solid;
border-color: rgba(255, 255, 255, 0.5);
/*backdrop-filter: blur(30px);*/
padding: 40px;
text-align: center; /* Center the content horizontally */
}
.container h1 {
text-align: center;
margin-bottom: 30px;
}
.container label {
font-weight: bold;
}
.container input[type="text"],
.container input[type="password"] {
width: 100%;
padding: 10px;
border: none;
border-radius: 0;
border-bottom: 1px solid #ccc;
background-color: transparent;
transition: border-color 0.3s ease-in-out;
color: #fff; /* Set the text color to white */
}
.container input[type="text"]::placeholder,
.container input[type="password"]::placeholder {
color: rgba(255, 255, 255, 0.8); /* Set the placeholder text color to a brighter shade */
}
.container input[type="text"]:focus,
.container input[type="password"]:focus {
outline: none;
border-color: transparent;
border-bottom-color: #007bff;
}
.container input[type="checkbox"] {
margin-top: 10px;
}
.container button {
width: 50%;
padding: 10px;
margin-top: 20px;
background-color: #6c757d;
color: #fff;
border: none;
border-radius: 10px;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
.container button:hover {
background-color: #0c7a72;
}
.logo {
display: block;
margin: 0 auto; /* Center the image horizontally */
margin-bottom: 20px; /* Adjust the margin as needed */
}
</style>
<script>
/*function login() {
var email = document.getElementById("email").value;
var password = document.getElementById("password").value;
// Here, you can add your code to validate the credentials
// For example, you can make an API call or check against a database
// For the sake of this example, let's assume the username is "admin" and password is "password" VeNtUrEdAtA123$
if (email === "aslam@gulfintl.ae" && password === "aslam123") {
sessionStorage.setItem("isLoggedIn", true);
window.location.href = "home.html";
} else {
alert("Invalid credentials. Please try again.");
}
}*/
function login() {
var email = document.getElementById("email").value;
var password = document.getElementById("password").value;
// Define an array of allowed email addresses
var allowedEmails = ["bat-demo@venturedata.ai", "demo@venturedata.ai", "umme.habeiba@moei.gov.ae"];
// Check if the user's email matches any of the allowed email addresses
if (allowedEmails.includes(email) && password === "tAQ3FGH@<rt!?VD") {
sessionStorage.setItem("isLoggedIn", true);
window.location.href = "home.html";
} else {
alert("Invalid credentials. Please try again.");
}
}
</script>
</head>
<body>
<video class="background-video" autoplay loop muted playsinline>
<source src="demo_login_bg.mp4" type="video/mp4">
<!-- Add additional source tags for different video formats if needed -->
</video>
<div class="container">
<img src="logo-normal.png" class="logo" />
<form>
<div class="form-group">
<input type="text" class="form-control" id="email" placeholder="Email Address">
</div>
<div class="form-group">
<input type="password" class="form-control" id="password" placeholder="Password">
</div>
<button type="button" class="btn btn-primary" onclick="login()">Login</button>
</form>
</div>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</body>
</html>