Gaze upon! A digital marvel unfolds before your very eyes! A majestic webpage emerges, adorned with striking crimson text proclaiming "Whiz Fayisal Code." But wait, there's more! Gaze upon the azure button, beckoning you with its tantalizing promise: "Magic Happens." And lo, a verdant button awaits, its inscription commanding you to "Refresh Page." Brace yourself, for with each click, a world of wonder and mystery unfolds, shrouded in the veil of the unknown!
Code:-
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Whiz Fayisal Code</title>
<style>
.fluting-text {
font-family: 'Arial', sans-serif;
font-size: 48px;
font-weight: bold;
color: #ff0000;
text-align: center;
animation: flutingAnimation 1.5s ease-in-out infinite alternate;
margin-bottom: 20px;
}
@keyframes flutingAnimation {
0% { transform: scale(1); }
100% { transform: scale(1.1); }
}
.button {
display: block;
width: 200px;
height: 60px;
background-color: #007bff;
color: #ffffff;
text-align: center;
line-height: 60px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
border-radius: 10px;
margin-bottom: 20px;
}
.refresh-button {
display: block;
width: 200px;
height: 40px;
background-color: #28a745;
color: #ffffff;
text-align: center;
line-height: 40px;
font-size: 14px;
font-weight: bold;
text-decoration: none;
border-radius: 10px;
}
</style>
</head>
<body>
<div class="fluting-text">Whiz Fayisal Code</div>
<a href="#" class="button" id="uniqueButton">Magic Happens</a>
<a href="#" id="refreshButton" class="refresh-button">Refresh Page</a>
<script>
function generateUniqueId() {
return 'button_' + Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
}
document.addEventListener('DOMContentLoaded', function() {
var uniqueButton = document.getElementById('uniqueButton');
uniqueButton.href = "Your Direct Link" + "?random_key=" + generateUniqueId();
});
document.getElementById('refreshButton').addEventListener('click', function() {
location.reload(true);
});
</script>
</body>
</html>
No comments:
Post a Comment