Spaces:
Paused
Paused
File size: 3,429 Bytes
e01649a 2f5eb50 e01649a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="" type="image/x-icon">
<style>
body {
background-image: url("https://wallpapercave.com/w/wp13424917.jpg");
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
color: white;
}
{
"@context": "https://schema.org",
"@type": "Organization",
"url": "https://railway.app",
"logo": "https://telegra.ph/file/adc46970456c26cad0c15.jpg"
}
.button-container {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
h3 {
margin-top: -40px;
opacity: 0;
animation: fadeIn 3s forwards;
}
.button {
width: 140px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 0px 15px;
background-color: red;
border-radius: 10px;
border: none;
color: white;
position: relative;
cursor: pointer;
font-weight: 900;
transition-duration: .2s;
background: linear-gradient(0deg, #000, #272727);
text-decoration: none;
}
footer {
position: fixed;
bottom: 0;
width: 100%;
background-color: #222; /* Darker gray footer background */
color: #fff;
padding: 10px 0;
text-align: center;
font-size: 14px;
}
.button:before, .button:after {
content: '';
position: absolute;
left: -2px;
top: -2px;
border-radius: 10px;
background: linear-gradient(45deg, #ffffff, #ffffff, #000000,#000000, #000000);
background-size: 400%;
width: calc(100% + 4px);
height: calc(100% + 4px);
z-index: -1;
animation: steam 10s linear infinite;
}
@keyframes steam {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
.button:after {
filter: blur(50px);
}
.button span {
z-index: 1;
}
@keyframes fadeIn {
to {
opacity: 1;
}
}
</style>
</head>
<body>
<div class="button-container">
<h3>QUEEN ANJU MD V2 SESSION SECTION</h3>
<div></div>
<a href="/qr" class="button" target="_blank"> <span>QR-CODE</span> </a> <br>
<a href="/pair" class="button" target="_blank"> <span>PAIRING-CODE</span> </a> <br>
<a href="https://github.com/Mrrashmika/Queen_Anju-MD/fork" class="button" target="_blank"> <span>FORK BOT</span> </a> <br>
<a href="https://whatsapp.com/channel/0029Vaj5XmgFXUubAjlU5642" class="button" target="_blank"> <span>WA-CHANNEL</span> </a> <br>
<a href="https://youtube.com/@gamingrash2006?si=pfpM8NXqseAowaNY" class="button" target="_blank"> <span>YOUTUBE</span> </a> <br>
<h5>YOU HAVE ERROR CLICK ERROR BUTTON</h5>
<a href="https://wa.me/+94717775628?text=HAVE_ERROR_ANJU_MD" class="button" target="_blank"> <span>ERROR</span> </a> <br>
<h5>OWNAR CONTACT</h5>
<a href="https://wa.me/+94717775628?text=Anju" class="button" target="_blank"> <span>OWNER</span> </a> <br>
<footer>
QUEEN ANJU MD © <span id="currentYear"></span>
</footer>
</body>
</html>
|