Eid mubarakh to all
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shahzeb King Button</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin-top: 50px;
}
button {
background-color: black;
color: yellow;
font-size: 18px;
padding: 10px 20px;
border: none;
cursor: pointer;
}
#result {
margin-top: 20px;
font-size: 16px;
}
</style>
</head>
<body>
<button id="myButton">Shahzeb kkoree</button>
<div id="result"></div>
<script>
document.getElementById('myButton').addEventListener('click', function(){
// Current date and time
var now = new Date();
var currentTime = now.toLocaleTimeString();
var currentDate = now.toLocaleDateString();
var currentYear = now.getFullYear();
// Eid ul Fitr ke liye fixed date set kar rahe hain (yahan March 31, 2025 assume kiya gaya hai)
var eidDate = new Date("31 March, 2025 00:00:00");
// Current time se Eid ke darmiyan difference calculate karna
var timeDiff = eidDate - now;
// Agar Eid ka waqt abhi baqi hai, toh countdown calculate karein
var days = 0, hours = 0, minutes = 0, seconds = 0;
if(timeDiff > 0) {
days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));
hours = Math.floor((timeDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60));
seconds = Math.floor((timeDiff % (1000 * 60)) / 1000);
}
var countdown = days + " din, " + hours + " ghante, " + minutes + " minute, " + seconds + " second bache hain.";
// Message jo display hoga
var message = "Shahzeb ki taraf se aap ko advance Eid Ul Fitur mubarakh ho.Shahzeb koree all friends Eid mubarakh to all <br>" +
"Current Time: " + currentTime + "<br>" +
"Current Date: " + currentDate + "<br>" +
"Current Year: " + currentYear + "<br>" +
"Eid ul Fitr men kitna time bacha hai: " + countdown;
document.getElementById('result').innerHTML = message;
});
</script>
</body>
</html>
</style>
<body>
<h1>Shahzeb koree</h1><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Background Color Example</title>
<style>
body {
background-color: lightblue;
}
</style>
</head>
<body>
<!-- Aapka content yahan -->
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Watermark Example</title>
<style>
body {
background-color: #ceff2b;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
position: relative;
min-height: 100vh;
}
/* Watermark styling */
.watermark {
position: fixed;
top: 30%;
left: 40%;
transform: translate(-50%, -50%);
font-size: 50px;
font-green: bold;
color: rgba(0, 0, 0, 0.1); /* Halka sa grey opacity */
pointer-events: none; /* Taake yeh clickable na ho */
z-index: -1; /* Background mein rahe */
white-space: nowrap;
}
/* Example content */
.content {
text-align: center;
padding: 20px;
position: relative;
z-index: 1;
}
</style>
</head>
<body>
<div class="watermark">Aidul Fitur Mubarak</div>
<div class="content">
<h1>Welcome to Our Website</h1>
<p>Eid-ul-Fitur Mubarakh to all.</p>
</div>
</body>
</html>