API tools faq
paste
Ng4P4L

GUMH

Ng4P4L
Jul 11th, 2021 (edited)
59
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>.::Hacked By GUMH::.</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta charset="utf-8">
  7. <link rel="preconnect" href="https://fonts.googleapis.com">
  8. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  9. <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css2?family=Francois+One&family=Lobster&display=swap" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css2?family=Eagle+Lake&family=Patrick+Hand+SC&family=Walter+Turncoat&display=swap" rel="stylesheet">
  13. </head>
  14. <body>
  15. <style>
  16. @import url('https://fonts.googleapis.com/css2?family=IM+Fell+French+Canon+SC&display=swap');
  17. * {
  18. margin: 0;
  19. padding: 0;
  20. box-sizing: border-box;
  21. background: #000;
  22. }
  23. section {
  24. position: relative;
  25. justify-content: center;
  26. align-items: center;
  27. }
  28. section .text {
  29. position: absolute;
  30. color: #fff;
  31. font-size: 18px;
  32. user-select: none;
  33. pointer-events: none;
  34. animation: animate 7.5s linear infinite;
  35. }
  36. @keyframes animate {
  37. 0% {
  38. color: blue;
  39. transform: rotate(360deg);
  40. }
  41. 100% {
  42. color: blue;
  43. transform: rotate(0deg);
  44. }
  45. }
  46. section .text span {
  47. top: -100px;
  48. position: absolute;
  49. text-transform: uppercase;
  50. display: inline-block;
  51. transform-origin: 0 100px;
  52. }
  53. .logo {
  54. width: 300px;
  55. height: 370px;
  56. animation: logo 7.5s linear infinite;
  57. }
  58. /* @keyframes logo {
  59. 0% {
  60. transform: rotate(360deg);
  61. }
  62. 100% {
  63. transform: rotate(0deg);
  64. }
  65. }*/
  66. .p1 {
  67. letter-spacing: 3px;
  68. font-size: 18pxs;
  69. border-bottom: 1px solid cyan;
  70. display: inline-block;
  71. }
  72. .p2 {
  73. margin-top: 0px;
  74. letter-spacing: 3px;
  75. font-size: 18px;
  76. color: darkgreen;
  77. }
  78. .text{
  79. font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  80. }
  81. .marq{
  82. margin-top: 30px;
  83. width: fit-content;
  84. font-size: 16px;
  85. border-bottom: 1px solid red;
  86. border-top: .5px solid red;
  87. display: block;
  88. }
  89. h2 {
  90. color: #fff;
  91. font-size: 30px;
  92. letter-spacing: 0.5em;
  93. font-family: 'IM Fell French Canon SC', serif;
  94. animation-name: color;
  95. animation-duration: 4s;
  96. animation-iteration-count: infinite;
  97. text-shadow:1px 0px 0px #ff33,
  98. 0px 0px 2px #fff;
  99. }
  100. @keyframes color {
  101. 0% {color: white;}
  102. 25% {color: green;}
  103. 50% {color: yellow;}
  104. 75% {color: brown;}
  105. 100% {color: blue;}
  106. }
  107. h1 {
  108. /*font-family: 'Lobster', cursive;*/
  109. /*font-family: 'Press Start 2P', cursive;*/
  110. font-family: 'IM Fell French Canon SC', serif;
  111. font-size:2.5em;
  112. text-shadow: 2px 0px 0px red,
  113. 0px 0px 5px orangered,
  114. 1px 0px 3px orange,
  115. 2px 0px 5px yellow;
  116.  
  117. letter-spacing: 4px;
  118. animation: .8s shake infinite alternate;
  119. }
  120. @keyframes shake {
  121. 0% {
  122. transform: skewX(-35deg);
  123. }
  124. 5% {
  125. transform: skewX(35deg);
  126. }
  127. 10% {
  128. transform: skewX(-35deg);
  129. }
  130. 15% {
  131. transform: skewX(35deg);
  132. }
  133. 20% {
  134. transform: skewX(0deg);
  135. }
  136. 100% {
  137. transform: skewX(0deg);
  138. }
  139. }
  140. @media screen and (max-width: 768px) {
  141. .p1 {
  142. font-size: 16px;
  143. letter-spacing: 1px;
  144. }
  145. h2 {
  146. font-size: 24px;
  147. letter-spacing: 5px;
  148.  
  149. }
  150. h1 {
  151. font-size: 2em;
  152. }
  153. .logo {
  154. margin-top: 60px;
  155. width: 200px;
  156. height: 270px;
  157. }
  158. }
  159. </style>
  160. <div class="main">
  161. <section>
  162. <h2 class="text">we-are-gray-hackers-</h2>
  163. </section>
  164. <center>
  165. <img class="logo" src="https://webserverchl.000webhostapp.com/logo.png" alt="gumh_logo">
  166. <h1><font color="white">HAC</font><font color="green">KED BY</font> <font color="yellow">GUMH</font></h1><br>
  167. <h2>NO SYSTEM IS SAFE!!</h2><br>
  168. <p class="p1"><font color="red">|| Z34oNiGh5 || </font><font color="blue">D3V!l_XIII || </font><font color="yellow">Yhk4un9l4y || </font><font color="green">Mr.C45P3R ||</font></p>
  169. </center>
  170. <br>
  171. <div class="marq">
  172. <marquee><p class="p2">Greetz to::all underground hackers in world!@!</p></marquee>
  173. </div>
  174. </div>
  175. <script>
  176. const text = document.querySelector('.text');
  177. text.innerHTML = text.textContent.replace(/\S/g,"<span>$&</span>");
  178.  
  179. const element = document.querySelectorAll('span');
  180. for(let i = 0; i<element.length; i++) {
  181. element[i].style.transform = "rotate("+i*18+"deg)"
  182. }
  183. </script>
  184. <audio autoplay="true" loop="true" src="https://webserverchl.000webhostapp.com/song.mp3">
  185. <!--<audio src="DAN DAN Kokoro Hikareteku Dragon Ball GT OP -- Cover by V0RA_256k.mp3" autoplay="true" loop="true"></audio>-->
  186. </body>
  187. </html>
  188.  
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!