API tools faq
paste
Advertisement
Mr_Acid_Poison

sabun

Mr_Acid_Poison
Apr 20th, 2017
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.85 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <link rel="SHORTCUT ICON"   href="https://upload.wikimedia.org/wikipedia/commons/9/9e/INDONESIA_logo.png"/>
  4. <meta http-equiv="Content-Language" content="en-us">
  5.     <meta name="keywords" content="#Team_Sabun">
  6.     <meta name="DISTRIBUTION" CONTENT="GLOBAL">
  7.     <meta name="Description" CONTENT="#HappyScanningAndLetsCrotzTogether">
  8.     <meta name="keywords" content="#Team_Sabun">
  9.     <meta name="author" content="#Team_Sabun">
  10. <title>#TeamSabun</title>
  11. </head>
  12. <style type="text/css">
  13. .marquee {position: absolute;height: 100%;width:100%}
  14. .right {right:0;background:white}
  15. .left {left:0;background:red}
  16. .left, .right {
  17.   position: absolute;width: 50%;
  18.   top: 0;height: 5%;overflow: hidden}
  19. .right .text {left:-100%;color: #fff;}
  20. .text {
  21.   width: 20%;text-align: center;
  22.   position: absolute !important;
  23.   top:14%;color: #101010;
  24.   white-space: nowrap;font-size: 4rem;
  25.   -webkit-animation: marquee 2s 0.5s infinite alternate both;
  26.   -moz-animation: marquee 2s 0.5s infinite alternate both;
  27.   animation: marquee 2s 0.5s infinite alternate both}
  28. @-webkit-keyframes marquee {0% {width: 100%} 10% {width: 300%}}
  29. @-moz-keyframes marquee {0% {width: 100%} 100% {width: 300%}}
  30. @keyframes marquee {0% {width: 100%} 100% {width: 300%}}
  31.  
  32. @keyframes loading { to { text-shadow: 0 0 2px rgba(204, 208, 212,0.2), 0 0 3px rgba(0, 0, 0, 0.02), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(255, 255, 255, 0);} }
  33. .textmetalic span:nth-child(2) { animation-delay:0.2s; }
  34. .textmetalic span:nth-child(3) { animation-delay:0.4s; }
  35. .textmetalic span:nth-child(4) { animation-delay:0.6s; }
  36. .textmetalic span:nth-child(5) { animation-delay:0.8s; }
  37. .textmetalic span:nth-child(6) { animation-delay:1s; }
  38. .textmetalic span:nth-child(7) { animation-delay:1.2s; }
  39. @yellow: #ebb221;
  40. @shadow-for-yellow: #F35747;
  41. @blue: #90f0d2;
  42. @shadow-for-blue: #3988a6;
  43. .textsway { color: #fff; font-size: 20px; width: 320px; margin: 10px auto; text-align: center; }
  44. .bigger {
  45. display: block; margin-bottom: .25em; font-size: 30px; color: @yellow; text-shadow: 1px  1px  0 fade(@shadow-for-yellow, 100%), 2px  2px  0 fade(@shadow-for-yellow, 90%), 3px  3px  0 fade(@shadow-for-yellow, 80%), 4px  4px  0 fade(@shadow-for-yellow, 70%), 5px  5px  0 fade(@shadow-for-yellow, 60%), 6px  6px  0 fade(@shadow-for-yellow, 50%), 7px  7px  0 fade(@shadow-for-yellow, 40%), 8px  8px  0 fade(@shadow-for-yellow, 30%), 9px  9px  0 fade(@shadow-for-yellow, 20%), 10px 10px 0 fade(@shadow-for-yellow, 10%); animation: jumptext 1s steps(8, start) infinite; transition: all .2s ease;
  46. &:hover { animation: none; letter-spacing: normal; }
  47. }
  48. .regular { display: block; }
  49. .regular + .regular { animation-delay: .5s; }
  50. .buzz {
  51. display: inline-block; text-shadow: 2px 0 0 fade(#fff, 30%), -2px 0 0 fade(#fff, 30%); animation: buzz .04s linear infinite alternate; transition: all .2s ease;
  52. &:hover { animation: none; text-shadow: none; }
  53. }
  54. @keyframes jumptext {
  55. 0% { transform: rotate(-5deg); letter-spacing: normal; }
  56. 50% { transform: rotate(5deg); color: @blue; letter-spacing: 0.1em; text-shadow: 1px  1px  0 fade(@shadow-for-blue, 100%), 2px  2px  0 fade(@shadow-for-blue, 80%), 3px  3px  0 fade(@shadow-for-blue, 60%), 4px  4px  0 fade(@shadow-for-blue, 40%), 5px  5px  0 fade(@shadow-for-blue, 20%); }
  57. 100% { transform: rotate(-5deg); color: @yellow; letter-spacing: normal; }
  58. }
  59. @keyframes text-flasher {
  60. 0%   {  }
  61. 50%  { text-shadow: 0 0 2px #000, 0 0 70px fade(#fff, 50%); }
  62. 60%  { text-shadow: 0 0 2px #000, 0 0 10px fade(#fff, 50%); }
  63. 100% { text-shadow: 0 0 2px #000, 0 0 70px fade(#fff, 50%); }
  64. }
  65. @keyframes buzz {
  66. 0%   { transform: translateX(-1px); }
  67. 100% { transform: translateX(1px); }
  68. }
  69. *, *:before, *:after {
  70.   -webkit-transition:0.5s;
  71.   -moz-transition:0.5s;
  72.   -o-transition:0.5s;
  73.   transition:0.5s;
  74.   -moz-box-sizing:border-box;
  75.   box-sizing:border-box;
  76.   margin:0}
  77.  
  78. .elem {
  79.   width:32vw;
  80.   display:inline-block;
  81.   color:white;
  82.   font-size:2em;
  83.   position:relative;
  84.   height:20vw;
  85.   overflow:hidden;
  86.   will-change:transform}
  87.  
  88. .elem:before {
  89.   content:"";
  90.   position:absolute;
  91.   top:0;
  92.   left:0;
  93.   width:100%;
  94.   height:100%;
  95.   z-index:1;
  96.   opacity:0;
  97.   background-size:100% 100%;
  98.   background-repeat:no-repeat;
  99.   will-change:transform, opacity}
  100.  
  101. .elem:after {content:"";position:absolute;will-change:transform}
  102. .elem img {width:32vw;height:20vw;will-change:transform}
  103. .elem:hover:before {opacity:1}
  104. .demo1:after {position:absolute;top:0;left:0;width:100%;height:100%;z-index:60}
  105. .demo1:before {
  106.   background-color:lightBlue;  background-image:url("https://3.bp.blogspot.com/-0xLyecGPDGA/WOHbA0Jkp-I/AAAAAAAAA-A/K6sFoHMRzNQ8SjPWzNtlJlKozGV_e4gzgCLcB/s640/17634787_112044896006236_7482681019918851409_n.jpg");
  107.   background-blend-mode:transparent}
  108.  
  109. .demo1:after {
  110.   opacity:0;
  111.   border:.15vw solid #fff;
  112.   -webkit-transform:scale(0.5);
  113.   -moz-transform:scale(0.5);
  114.   -o-transform:scale(0.5);
  115.   transform:scale(0.5)}
  116.  
  117. .demo1:hover:after {
  118.   opacity:1;
  119.   -webkit-transform:scale(0.95);
  120.   -moz-transform:scale(0.95);
  121.   -o-transform:scale(0.95);
  122.   transform:scale(0.95)}
  123. </style>
  124. <style type="text/css">
  125. .box-shadow {
  126.   position: relative;float: left;width: 15%;padding: 1em;margin: 2em 10px 4em;
  127.   background:red;box-shadow:0 1px 4px rgba(0,0,0,.1),0 0 40px rgba(0,0,0,.1) inset}
  128. .box-shadow:before,.box-shadow:after {content: "";position: absolute;z-index: -2}
  129. .box-shadow p {font-size: 16px;font-weight: bold}
  130.  
  131. /* Lifted Corners */
  132. .lifted {border-radius: 4px}
  133. .lifted:before, .lifted:after {
  134.   bottom: 15px;left: 10px;width: 50%;height: 20%;max-width: 300px;max-height: 100px;
  135.   box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);-webkit-transform: rotate(-3deg);
  136.   -moz-transform: rotate(-3deg);-ms-transform: rotate(-3deg);
  137.   -o-transform: rotate(-3deg);transform: rotate(-3deg)}
  138.  
  139. .lifted:after {
  140.   right: 10px;left: auto;-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);
  141.   -ms-transform: rotate(3deg);-o-transform: rotate(3deg);transform: rotate(3deg)}
  142.  
  143. /* Curled Corners */
  144. .curled {border: 1px solid #efefef;border-radius: 0 0 120px 120px / 0 0 6px 6px}
  145. .curled:before, .curled:after {
  146.   bottom: 12px;left: 10px;width: 50%;height: 55%;max-width: 200px;max-height: 100px;
  147.   box-shadow:0 8px 12px rgba(0,0,0,.5);-webkit-transform:skew(-8deg) rotate(-3deg);
  148.   -moz-transform: skew(-8deg) rotate(-3deg);-ms-transform: skew(-8deg) rotate(-3deg);
  149.   -o-transform: skew(-8deg) rotate(-3deg);transform: skew(-8deg) rotate(-3deg)}
  150.  
  151. .curled:after {
  152.   right: 10px;left: auto;-webkit-transform: skew(8deg) rotate(3deg);
  153.   -moz-transform: skew(8deg) rotate(3deg);-ms-transform: skew(8deg) rotate(3deg);
  154.   -o-transform: skew(8deg) rotate(3deg);transform: skew(8deg) rotate(3deg)}
  155.  
  156. /* Perspective Style */
  157. .perspective:after {display: none}
  158. .perspective:before {
  159.   center: 80px;bottom: 5px;width: 50%;height: 35%;max-width: 200px;max-height: 50px;
  160.   box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);-webkit-transform: skew(50deg);
  161.   -moz-transform: skew(50deg);-ms-transform: skew(50deg);-o-transform: skew(50deg);
  162.   transform:skew(50deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;
  163.   -ms-transform-origin: 0 100%;-o-transform-origin: 0 100%;transform-origin: 0 100%}
  164.  
  165. /* Raised Box */
  166. .raised { box-shadow:
  167.   0 15px 10px -10px rgba(0, 0, 0, 0.5),
  168.   0 1px 4px rgba(0, 0, 0, 0.3),
  169.   0 0 40px rgba(0, 0, 0, 0.1) inset}
  170.  
  171. /* Single Vertical Curve ( v1 ) */
  172. .curved:before {
  173.   top: 10px;bottom: 10px;left: 0;right: 50%;
  174.   box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);border-radius: 10px / 100px}
  175. .curved.v2:before {right: 0}
  176.  
  177. /* Single Horizontal Curve ( h1 ) */
  178. .curved.h1:before {top:50%;bottom:0;left:10px;right:10px;border-radius:100px / 10px}
  179. .curved.h2:before {top:0;bottom:0;left:10px;right:10px;border-radius:100px / 10px}
  180.  
  181. /* Rotated Box */
  182. .rotated {
  183.   box-shadow: none;-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);
  184.   -ms-transform: rotate(-3deg);-o-transform: rotate(-3deg);transform: rotate(-3deg)}
  185.  
  186. .rotated > :first-child:before {
  187.   content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;
  188.   background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset}
  189.  
  190. /* Multi Shadow */
  191. .multi {box-shadow:
  192.   0 1px 1px rgba(0,0,0,0.15),
  193.   0 10px 0 -5px #999,
  194.   0 10px 1px -4px rgba(0,0,0,0.15),
  195.   0 20px 0 -10px #ccc,
  196.   0 20px 1px -9px rgba(0,0,0,0.15),0 0 40px rgba(0, 0, 0, 0.1) inset}
  197. </style>
  198. <script>
  199.     var message="Crotz Ah!";
  200.     ///////////////////////////////////
  201.     function clickIE4(){if (event.button==2){alert(message);return false;}}
  202.     function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
  203.     if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
  204.     else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
  205.     document.oncontextmenu=new Function("alert(message);return false")
  206.     </script>
  207. <body bgcolor="#323232">
  208. <center><div class="marquee">
  209.        <div class="left">
  210.              <h1 class="text"><font color="black" size="5">Hacked By Team Sabun</h1>
  211.        </div>
  212.        <div class="right">
  213.              <h1 class="text"><font color="black" size="5">#HappyScanningAndLetsCrotzTogether</h1></font>
  214.        </div>
  215. </div></center>
  216. <center><img src="http://image.ibb.co/bHW5ov/PEYEK.jpg" height="398" width="850" alt="Team Sabun"/>
  217. </center>
  218. <center><span style="color:white;font-size:20;text-shadow: 0 0 3px aqua, 0px 0px 20px aqua">Kekuatan tidak datang dari kemenangan. Seberapa besar usaha kita untuk melewati kesulitan dan memutuskan untuk tidak menyerah, itulah kekuatan yang sebenarnya<br>
  219. Jangan pernah menyerah atas impianmu, impian memberimu tujuan hidup. Ingatlah, sukses bukan kunci kebahagiaan, kebahagiaanlah kunci sukses. Semangat !</center></font>
  220. <br>
  221. <center><h4 style="font-family:Courier New;font-size:17px;"><span style="color:white;">[</span><span style="color:#c5b700;">.Greetz.</span><span style="color:white;">]</span></h3></center>
  222. <center><h3 style="font-family:Courier New;color:#c0ff00;font-size:20px;">[+]Lifebuoy ~ [+]nuvo ~[+]dettol ~  [+]Shinzuii ~ [+]Lux ~ [+]Harmoni ~[+]Santex~[+]mput_bielbie</h3>
  223. <div class="box-shadow lifted">
  224.   <p>Medan Cyber Team</p>
  225. </div>
  226.  
  227. <div class="box-shadow curled">
  228.   <p>Cyrus Cyber</p>
  229. </div>
  230.  
  231. <div class="box-shadow perspective">
  232.   <p>Clown Hacktivism Team</p>
  233. </div>
  234.  
  235. <div class="box-shadow raised">
  236.   <p>Surabaya Blackhat</p>
  237. </div>
  238.  
  239. <div class="box-shadow curved v1">
  240.   <p>Garuda Security Hacker</p>
  241. </div>
  242. </center>
  243. <p id="embed">
  244.          <iframe width="1" height="1" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/235385466&amp;auto_play=true&amp;loop=true&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
  245.       </p>
  246. </body>
  247. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!