<!DOCTYPE html>
<html>
<head>
<title>Site Maintenance</title>
<style>
body {
text-align: center;
margin: 0;
padding: 0;
background-image: url('https://wallpapers.com/images/high/cyber-security-background-h7q4dz7nn9u9cvmt.webp');
background-size: cover;
background-position: center;
font-family: Helvetica, sans-serif;
color: #333;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
h1 {
font-size: 50px;
margin: 0;
}
h4 {
font-size: 20px;
margin: 0;
}
article {
background-image: url('your-article-background.jpg'); /* You can replace this with your own article background image URL if needed */
background-size: cover;
background-position: center;
background-color: rgba(255, 255, 255, 0.7); /* Article background color - adjust the alpha value (0.7) as needed */
display: block;
text-align: left;
width: 650px;
padding: 20px;
border: 2px solid black; /* Border color is black */
border-radius: 10px; /* Add rounded corners */
}
a {
color: #dc8100;
text-decoration: none;
}
a:hover {
color: #333;
text-decoration: none;
}
#datetime {
position: absolute;
top: 10px;
right: 10px;
font-size: 18px;
font-weight: bold; /* Make the date and time bold */
background-color: rgba(255, 255, 255, 0.7); /* Match article background color */
padding: 5px 10px; /* Add padding to style it as a box */
border: 2px solid black; /* Border color is black */
border-radius: 5px; /* Add rounded corners for the box */
}
#ip-address {
position: absolute;
top: 50px;
right: 10px;
font-size: 18px;
font-weight: bold; /* Make the IP address bold */
background-color: rgba(255, 255, 255, 0.7); /* Match article background color */
padding: 5px 10px; /* Add padding to style it as a box */
border: 2px solid black; /* Border color is black */
border-radius: 5px; /* Add rounded corners for the box */
}
</style>
</head>
<body>
<div id="datetime"></div>
<div id="ip-address">IP Address: Fetching...</div>
<article>
<h1>Mr.Hunter!</h1>
<h4>Web Security Analyzer</h4>
<div>
<p>Sorry! You are not authorized to visit this URL. <a href="mailto:#"> Please </a>, verify your information before entering URL. </p>
<p>— Contact Admin</p>
</div>
</article>
<script>
function updateTime() {
const dateTimeElement = document.getElementById('datetime');
const now = new Date();
const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' };
const dateTimeString = now.toLocaleDateString('en-US', options);
dateTimeElement.textContent = dateTimeString;
}
function fetchIPAddress() {
const ipAddressElement = document.getElementById('ip-address');
// Use a public IP address service (example: ipify.org)
fetch('https://api.ipify.org?format=json')
.then(response => response.json())
.then(data => {
ipAddressElement.textContent = 'IP Address: ' + data.ip;
})
.catch(error => {
ipAddressElement.textContent = 'IP Address: Unavailable';
});
}
updateTime(); // Call the function once to display the date and time immediately
fetchIPAddress(); // Call the function to fetch and display the IP address
// Update the date and time every second
setInterval(updateTime, 1000);
</script>
</body>
</html>