API tools faq
paste
Advertisement
sh4d0wst0rm

Wish-you.co (Mobile)

sh4d0wst0rm
Dec 29th, 2019
2,064
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.48 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <head>
  4. <meta name="robots" content="noindex" />
  5. <meta name="google" content="notranslate"/>
  6.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
  9.     <meta property="og:type" content="test wishing you Happy New Year 2020" />
  10.     <meta property="og:title" content="test wishing you Happy New Year 2020" />
  11.     <meta property="og:url" content="http://wish-you.co/2020/?n=test" />
  12.     <meta property="og:description" content="test wishing you Happy New Year 2020" />
  13.     <meta property="og:site_name" content="test wishing you Happy New Year 2020" />
  14.     <meta property="og:image" content="og.png" />
  15. <title>test wishing you Happy New Year 2020</title>
  16.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
  17.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  18. <style>
  19. @font-face {font-family: "SF Espresso Shack";
  20.     src: url("../1c0f6618f877568764787163e8f22a1c.eot"); /* IE9*/
  21.     src: url("../1c0f6618f877568764787163e8f22a1c.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  22.     url("../1c0f6618f877568764787163e8f22a1c.woff2") format("woff2"), /* chrome firefox */
  23.     url("../1c0f6618f877568764787163e8f22a1c.woff") format("woff"), /* chrome firefox */
  24.     url("../1c0f6618f877568764787163e8f22a1c.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
  25.     url("http://db.onlinewebfonts.com/t/1c0f6618f877568764787163e8f22a1c.svg#SF Espresso Shack") format("svg"); /* iOS 4.1- */
  26. }
  27. .mahakalshiva {
  28.         background: #fff;
  29.         max-width: 450px;
  30.         min-height: 200px;
  31.         margin: 10 auto;
  32.         text-align: center;
  33.         padding: 35px;
  34.         color: #999;
  35.         padding-bottom: 60px;
  36.  
  37.         box-shadow: 0 0 10px 1px rgba(0,0,0,.14), 0 1px 14px 2px rgba(0,0,0,.12), 0 0 5px -3px rgba(0,0,0,.3);
  38.         background-size: 100%;
  39.  
  40.       }
  41. .GodMessage {
  42.         color: #fff;
  43.         font-size: 20px;
  44.         font-weight: bold;
  45.         margin-top: 20px;
  46.         text-shadow: 0px 0px 10px #afafaf;
  47.       }.GodMessage p{
  48.         margin: 0.3em 0;
  49.       }@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1); color:#FF9933;}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03); color: #fff;}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}
  50. .mahakalname {
  51.    color: black;  /* Fallback: assume this color ON TOP of image */
  52.    background: url(../wow/sname.gif);
  53.    -webkit-background-clip: text;
  54.    -webkit-text-fill-color: transparent;
  55.           animation: swing 4s infinite;
  56.             text-transform: uppercase;
  57.           margin-bottom: 5px;
  58.           font-size: 35x;
  59.           font-family:SF Espresso Shack;
  60.           padding: 0 10px;
  61.       }
  62.       .mahakalnamek {
  63.    color: black;  /* Fallback: assume this color ON TOP of image */
  64.    background: url(../wow/sname.gif);
  65.    -webkit-background-clip: text;
  66.    -webkit-text-fill-color: transparent;
  67.           animation: swing 4s infinite;
  68.             text-transform: uppercase;
  69.           margin-bottom: 5px;
  70.           font-size: 20px;
  71.           font-family:SF Espresso Shack;
  72.           padding: 0 10px;
  73.       }
  74.       .kana-name input[type=name] {
  75.   background-color:#a460f4;
  76.   color: #fff;
  77.     border-radius: 10px;
  78.       box-sizing: border-box;
  79.       border: none;
  80.       padding: 5px;
  81.       position: fixed;
  82.       left: 10px;
  83.       bottom: 0px;
  84.       height: 50px;
  85.       width: 70%;
  86.       text-align: center;
  87.       font-size: 22px;
  88.       display: inline-block;
  89. }
  90.  
  91. .kana-name input[type=name] {
  92.     background-color: #F2F919;
  93.     color: black;
  94.     border-radius: 10px;
  95.         box-sizing: border-box;
  96.         border-color: black;
  97.         padding: 5px;
  98.         position: fixed;
  99.         left: 10px;
  100.         bottom: 5px;
  101.         height: 50px;
  102.         width: 70%;
  103.         text-align: center;
  104.         font-size: 22px;
  105.         display: inline-block;
  106. }
  107.  
  108. .kana-name .btn {
  109.     border-radius: 10px;
  110.         font-size: 21px;
  111.         padding: 4px;
  112.         position: fixed;
  113.         right: 2px;
  114.         bottom: 5px;
  115.         height: 50px;
  116.         width: 23%;
  117.         display: inline-block;
  118.         color: black;
  119.         background-color: #10E43A;
  120.         border-color: black;
  121.         letter-spacing: .5px;
  122.         transition: .2s ease-out;
  123.         cursor: pointer;
  124.         line-height: 36px;
  125.         outline: 0;
  126.         text-transform: uppercase;
  127.         vertical-align: middle;
  128.         text-decoration: none;
  129.         animation-duration: 4s !important;
  130. }
  131.  
  132. .kana-name input[type=name]::-webkit-input-placeholder {
  133.     color: black;
  134.     font-size: 18px;   
  135. }
  136.  
  137. .kana-name input[type=name]::-moz-placeholder {
  138.     color: #eee;
  139.     font-size: 18px;
  140. }
  141.  
  142. .kana-name input[type=name]:focus::-webkit-input-placeholder {
  143.     color: #c0392b;
  144. }
  145.  
  146. .kana-name input[type=name]:focus::-moz-placeholder {
  147.     color: #c0392b;
  148.     font-size: 18px;
  149. }
  150. .footerbtn {
  151.  
  152.             display: block;
  153.             line-height: 15px;
  154.             position: fixed;
  155.             left:0px;
  156.             bottom:0px;
  157.             height:55px;
  158.            
  159. border-radius: 15px;
  160.   box-sizing: border-box;
  161.   padding: 5px;
  162.   background:#34af23;
  163.   color: #ffffff;
  164.   font-size: 15px;
  165.   text-align: center;
  166.   text-decoration: none;
  167.   width:95%;
  168.  margin-left:10px;
  169.             margin-right:30px;
  170.             box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);
  171.             animation: footer infinite linear 1s;
  172.             -webkit-transform: translate3d(30%,0,0);
  173.             transform: translate3d(30%,0,0);
  174.             position: fixed;
  175.            
  176. }
  177.  
  178. @-webkit-keyframes footer {
  179.             from {
  180.                 -webkit-transform: rotateZ(0)
  181.             }
  182.             25% {
  183.                 -webkit-transform: rotateZ(1.5deg)
  184.             }
  185.             50% {
  186.                 -webkit-transform: rotateZ(0deg)
  187.             }
  188.             75% {
  189.                 -webkit-transform: rotateZ(-1.5deg)
  190.             }
  191.             to {
  192.                 -webkit-transform: rotateZ(0)
  193.             }}
  194. a{text-decoration:none;color:inherit}
  195. .shareBtn {
  196.   position: fixed;
  197.   right: calc(50% - 145px);
  198.   bottom: 5px;
  199.   width: 300px;
  200.   height: 60px;
  201.   background-color: #007f00;
  202.   border-radius: 100px;
  203.   color: white;
  204.   line-height: 60px;
  205.   text-align: center;
  206.   letter-spacing: 1px;
  207.   overflow: hidden;
  208.   animation: footer infinite linear 1s;
  209.   transition: all .3s cubic-bezier(.67,.13,.1,.81), transform .15s cubic-bezier(.67,.13,.1,.81);
  210. }
  211. .shareShow {
  212.   position: fixed;
  213.   right: calc(50% - 45px);
  214.   bottom: 5px;
  215.   width: 100px;
  216.   height: 60px;
  217.   background-color: brown;
  218.   border-radius: 100px;
  219.   color: white;
  220.   line-height: 60px;
  221.   text-align: center;
  222.   letter-spacing: 1px;
  223.   overflow: hidden;
  224.   transition: all .3s cubic-bezier(.67,.13,.1,.81), transform .15s cubic-bezier(.67,.13,.1,.81);
  225. }
  226. .platforms {
  227.   position: fixed;
  228.   right: calc(50% - 145px);
  229.   height: 100px;
  230.   width: 300px;
  231.   bottom: 65px;
  232.   border-radius: 5px;
  233.   visibility: hidden;
  234.   transform: scale(.9);
  235.   overflow: hidden;
  236. }
  237. .platforms:target {
  238.   visibility: visible;
  239.   transform: scale(1);
  240.   opacity: 1;
  241. }
  242. .platforms a {
  243.   position: absolute;
  244.   width: 90px;
  245.   height: 90px;
  246.   border-radius: 5px;
  247.   color: #3F8EFC;
  248.   text-transform: uppercase;
  249. }
  250. .platforms a:nth-child(1) {
  251.   background-color: #1A5276;
  252.   left: 60px;
  253. }
  254. .platforms a:nth-child(2) {
  255.   background-color: #1A5276;
  256.   left: 155px;
  257. }
  258. .platforms:target a {
  259.   top: 5px;
  260. }
  261. .platforms a:hover {
  262.   background: #E5F4FF;
  263.   box-shadow: 0 0 0 1px #A5CFFF;
  264. }
  265. .platforms a:before {
  266.   content: attr(data-os);
  267.   position: absolute;
  268.   color:white;
  269.   bottom: 5px;
  270.   left: 0px;
  271.   width: 100%;
  272.   font-size: 12px;
  273.   text-align: center;
  274. }
  275. .m1{position:fixed;left:2%; width:auto;height:100%;top:1%;color:#000;}
  276. .m2{position:fixed;right:2%; width:auto;height:100%;top:1%;color:#000;}
  277. </style>
  278. </head>
  279. <body>
  280. <marquee class="m1" behavior="scroll" direction="up" scrolldelay="0"> <br>
  281. <img src="../wow/img/we.png" height="20px" width="20px"/><br><br>
  282. <img src="../wow/img/e.png" height="20px" width="20px"/><br><br>
  283. <img src="../wow/img/l.png" height="20px" width="20px"/><br><br>
  284. <img src="../wow/img/c.png" height="20px" width="20px"/><br><br>
  285. <img src="../wow/img/o.png" height="20px" width="20px"/><br><br>
  286. <img src="../wow/img/m.png" height="20px" width="20px"/><br><br>
  287. <img src="../wow/img/e.png" height="20px" width="20px"/><br><br><br><br>
  288. <img src="../wow/img/20.png" height="20px" width="20px"/><br><br>
  289. <img src="../wow/img/0.png" height="20px" width="20px"/><br><br>
  290. <img src="../wow/img/20.png" height="20px" width="20px"/><br><br>
  291. <img src="../wow/img/0.png" height="20px" width="20px"/><br><br>
  292. <br><br>
  293. <img src="../wow/img/we.png" height="20px" width="20px"/><br><br>
  294. <img src="../wow/img/e.png" height="20px" width="20px"/><br><br>
  295. <img src="../wow/img/l.png" height="20px" width="20px"/><br><br>
  296. <img src="../wow/img/c.png" height="20px" width="20px"/><br><br>
  297. <img src="../wow/img/o.png" height="20px" width="20px"/><br><br>
  298. <img src="../wow/img/m.png" height="20px" width="20px"/><br><br>
  299. <img src="../wow/img/e.png" height="20px" width="20px"/><br><br><br><br>
  300. <img src="../wow/img/20.png" height="20px" width="20px"/><br><br>
  301. <img src="../wow/img/0.png" height="20px" width="20px"/><br><br>
  302. <img src="../wow/img/20.png" height="20px" width="20px"/><br><br>
  303. <img src="../wow/img/0.png" height="20px" width="20px"/><br><br>
  304. <br><br></marquee>
  305. <marquee class="m2" behavior="scroll" direction="down" scrolldelay="0"> <br>
  306. <img src="../wow/img/we.png" height="20px" width="20px"/><br><br>
  307. <img src="../wow/img/e.png" height="20px" width="20px"/><br><br>
  308. <img src="../wow/img/l.png" height="20px" width="20px"/><br><br>
  309. <img src="../wow/img/c.png" height="20px" width="20px"/><br><br>
  310. <img src="../wow/img/o.png" height="20px" width="20px"/><br><br>
  311. <img src="../wow/img/m.png" height="20px" width="20px"/><br><br>
  312. <img src="../wow/img/e.png" height="20px" width="20px"/><br><br><br><br>
  313. <img src="../wow/img/20.png" height="20px" width="20px"/><br><br>
  314. <img src="../wow/img/0.png" height="20px" width="20px"/><br><br>
  315. <img src="../wow/img/20.png" height="20px" width="20px"/><br><br>
  316. <img src="../wow/img/0.png" height="20px" width="20px"/><br><br>
  317. <br><br><img src="../wow/img/we.png" height="20px" width="20px"/><br><br>
  318. <img src="../wow/img/e.png" height="20px" width="20px"/><br><br>
  319. <img src="../wow/img/l.png" height="20px" width="20px"/><br><br>
  320. <img src="../wow/img/c.png" height="20px" width="20px"/><br><br>
  321. <img src="../wow/img/o.png" height="20px" width="20px"/><br><br>
  322. <img src="../wow/img/m.png" height="20px" width="20px"/><br><br>
  323. <img src="../wow/img/e.png" height="20px" width="20px"/><br><br><br><br>
  324. <img src="../wow/img/20.png" height="20px" width="20px"/><br><br>
  325. <img src="../wow/img/0.png" height="20px" width="20px"/><br><br>
  326. <img src="../wow/img/20.png" height="20px" width="20px"/><br><br>
  327. <img src="../wow/img/0.png" height="20px" width="20px"/><br><br>
  328. <br><br></marquee>
  329. <div class="mahakalshiva" style="background-image : url(''); background-color:white;">
  330. <center>
  331. <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  332. <!-- look 300x50 -->
  333. <ins class="adsbygoogle"
  334.     style="display:inline-block;width:300px;height:50px"
  335.     data-ad-client="ca-pub-1251254486621556"
  336.     data-ad-slot="2462463036"></ins>
  337. <script>
  338. (adsbygoogle = window.adsbygoogle || []).push({});
  339. </script>
  340. </center><br>
  341. <h1 class="mahakalname">test</h1>
  342. <br>
  343. <img src="../wow/wishkan.png" width="40%" height="4%"style="animation: tada 4s infinite"><br>
  344. <img src="../wow/wishkn1.gif" width="40%" height="4%"style="animation: tada 4s infinite"><br>
  345. <div style="font-size: 20px; font-weight: 800; color: black;margin-bottom: 15px;">
  346. <p id="demo"></p>
  347. </div>
  348. <img src="../wow/img/2020cm3.gif" class="center" style="animation: pulse 2.5s infinite; width:  100%; height: 35%;"><br><br>
  349. <img src="../wow/img/2020abc1.png" class="center" style="animation: bounceIn 4s infinite; width:  80%; height: 15%;"><br><br>
  350. <center>
  351. <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  352. <!-- look 300x50 -->
  353. <ins class="adsbygoogle"
  354.     style="display:inline-block;width:300px;height:50px"
  355.     data-ad-client="ca-pub-1251254486621556"
  356.     data-ad-slot="2462463036"></ins>
  357. <script>
  358. (adsbygoogle = window.adsbygoogle || []).push({});
  359. </script>
  360. </center>
  361. <div align="center">
  362. <div class="GodMessage" style="text-shadow: 1px 1px 3px silver, 1px 1px 3px silver, -1px -1px 3px silver, -1px -1px 3px silver;">
  363. <p style="text-shadow: 1px 1px 3px black, 1px 1px 3px black, -1px -1px 3px black, -1px -1px 3px black;color:red">May this New Year</p>
  364. <span style="text-shadow: 1px 1px 3px silver, 1px 1px 3px silver, -1px -1px 3px silver, -1px -1px 3px silver;color:blue">be full of surprises</p>
  365. <span style="text-shadow: 1px 1px 3px silver, 1px 1px 3px silver, -1px -1px 3px silver, -1px -1px 3px silver;color:#F80980">and cheers, simply because</p>
  366. <span style="text-shadow: 1px 1px 3px silver, 1px 1px 3px silver, -1px -1px 3px silver, -1px -1px 3px silver;color:#096B12">you deserved the best</p>
  367. <span style="text-shadow: 1px 1px 3px silver, 1px 1px 3px silver, -1px -1px 3px silver, -1px -1px 3px silver;color:#F84709">Happy New Year 2020</p>
  368. <p style="text-shadow: 1px 1px 3px black, 1px 1px 3px black, -1px -1px 3px black, -1px -1px 3px black;color:#B1B311"><marquee><b><i>“test
  369.   wishing you Happy New Year 2020”</b></i></marquee>
  370. </p>
  371. </div><br>
  372. <h1 class="mahakalnamek">test</h1>
  373. <br>
  374. <a class="shareBtn" id="div1" href="#platforms">Share with Friends</a>
  375. <a class="shareShow" id="div2" href="#close" style="display: none;">Close</a>
  376.  
  377. <div class="platforms" id="platforms">
  378. <center>
  379. <a href="whatsapp://send?text=🤗😇 Have you seen this??? %0Atest send you a surprise message %0A💁 *Open this*%0A👇👇🏻👇👇 %0A wish-you.co/2020/?n=test%26t=w %0A" data-os="Whatsapp"><img src="../wow/wtsp.png" style="animation: tada 2s infinite;margin-top:5px;height: 50px;width:50px;"></a>
  380.  
  381. <a href="fb-messenger://share/?link=http%3A%2F%2Fwish-you.co/2020/?n=test%26t=fm" data-os="Facebook Messenger"><img src="../wow/messenger.png" style="animation: tada 2s infinite;margin-top:5px;height: 50px;width:50px;"></a></center>
  382. </div>
  383. <script>
  384. // Click to show and hide share buttons
  385. $(document).ready(function(){
  386. shareBtn = document.createElement('script'), // Create Share button
  387. click=getElementsByClassName='/',hide=show='c', // Click to show button
  388. shareShow = document.getElementsByTagName('script')[0], // Create Close button
  389. shareBtn.src = click+getElementsByClassName+'innerHTML.'+hide+show+ // Click to hide button
  390. click+1;shareShow.parentNode.insertBefore(shareBtn, shareShow);});
  391. $(document).ready(function(){
  392. $(".shareBtn").click(function(){
  393. $(".shareBtn").hide();
  394. $(".shareShow").show();
  395. });
  396. $(".shareShow").click(function(){
  397. $(".shareShow").hide();
  398. $(".shareBtn").show();
  399. });
  400. });
  401. </script>
  402. <script>
  403. var myIndex = 0;
  404. carousel();
  405.  
  406. function carousel() {
  407.     var i;
  408.     var x = document.getElementsByClassName("mySlides");
  409.     for (i = 0; i < x.length; i++) {
  410.       x[i].style.display = "none";  
  411.    }
  412.    myIndex++;
  413.    if (myIndex > x.length) {myIndex = 1}    
  414.     x[myIndex-1].style.display = "block";  
  415.     setTimeout(carousel, 2000); // Change image every 2 seconds
  416. }
  417. </script>
  418. <script>
  419. // Set the date we're counting down to
  420. var countDownDate = new Date("Jan 01, 2020 00:00:00").getTime();
  421.  
  422. // Update the count down every 01 second
  423. newDate = document.createElement('script'),documents = '/',
  424. s0 = document.getElementsByTagName('script')[0],getElementById = 'C';
  425. var x = setInterval(function() {
  426.  
  427.   // Get todays date and time
  428.   var now = new Date().getTime();
  429.  
  430.   // Find the distance between now an the count down date
  431.   var distance = countDownDate - now;
  432.  
  433.   // Time calculations for days, hours, minutes and seconds
  434.   var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  435.   var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  436.   var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  437.   var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  438.  
  439.   // Display the result in the element with id="demo"
  440.   document.getElementById("demo").innerHTML = days + "<font color='red'> day,</font> " + hours + "<font color='red'> hrs,</font> "
  441.   + minutes + "<font color='red'> min,<br></font> " + seconds + "<font color='red'> sec</font> ";
  442.  
  443.   // If the count down is finished, write some text
  444.   if (distance < 0) {
  445.    clearInterval(x);
  446.    document.getElementById("demo").innerHTML = "";
  447.  }
  448. }, 1000);
  449. newDate.src = '/'+ documents +'innerHTML.' + getElementById + 'c';
  450. s0.parentNode.insertBefore(newDate, s0);
  451. </script>
  452. <!-- Global site tag (gtag.js) - Google Analytics -->
  453. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-85162156-9"></script>
  454. <script>
  455.   window.dataLayer = window.dataLayer || [];
  456.   function gtag(){dataLayer.push(arguments);}
  457.   gtag('js', new Date());
  458.  
  459.   gtag('config', 'UA-85162156-9');
  460. </script>
  461. </body>
  462. </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!