How to download and install the Ramdan script 2020. Step by step process:






You can download the RAMADAN 2020 full script without add and without any hidden code here. You just need to copy the code from below and then you need to paste it into notepad and if you want then you can make changes for any AdSense code add or the third party add connectivity to your script. After that just go to blogger and paste the final code to your theme. That's all.


# Copy below text:


<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <meta name="google" value="notranslate">
    <meta property="og:type" content="Make your own wonderful wish for you loved one" />
    <meta property="og:title" content="Ramdan 2020 Script" />
    <meta property="og:url" content="https://www.google.com/>
    
    <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
    <link href='https://fonts.googleapis.com/css?family=Sofia:&effect=neon' rel='stylesheet'>
    <link rel="icon" type="image/png" sizes="32x32" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuZqJYcLsEzATdUoL7jKI6b9uo3HeFev4c6n91TxgYz0JQXFTyI9xNc0LAEVtnTg00UExZFrgktnz7vMyrtcDG2IQXTXJJ0my1-98oy48DsYdUdlznmo4HOysId_eVlFAQjISFpbAGBqrj/s1600/rmd2.png">
<meta name="robots" content="noindex" />
<meta name="google" content="notranslate"/>    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta property="og:type" content="Secret Message" />
    <meta property="og:title" content="I am send you a surprise message. Open this" />
    <meta property="og:url" content="https://www.yourchoice.live/ />
    <meta property="og:description" content="😀😀😀😀" />
    <meta property="og:site_name" content="😀😀😍😍" />
    <meta property="og:image" content="ogf.jpg" /> 
<title> wishing you Happy Ramadan</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="../vt/slide.js" type="text/javascript"></script>
<style>
i {
        color:#f06414;
    }
input[type=name], select {
    width: 100%;
    padding: 12px 20px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.footerbtn {

            display: block;
            line-height: 15px;
            position: fixed;
            left:0px;
            bottom:0px;
            height:40px;
            
border-radius: 15px;
  box-sizing: border-box;
  padding: 5px;
  background:#34af23;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  width:95%;
 margin-left:10px;
            margin-right:30px;
            box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);
            animation: footer infinite linear 1s;
            -webkit-transform: translate3d(30%,0,0);
            transform: translate3d(30%,0,0);
            position: fixed;
           
}

.footerbtn :active {
            box-shadow: none
        }

        @-webkit-keyframes footer {
            from {
                -webkit-transform: rotateZ(0)
            }
            25% {
                -webkit-transform: rotateZ(0deg)
            }
            50% {
                -webkit-transform: rotateZ(0deg)
            }
            75% {
                -webkit-transform: rotateZ(0deg)
            }
            to {
                -webkit-transform: rotateZ(0)
            }}

@-webkit-keyframes jello {  from, 11.1%, to {    transform: none;  }
  22.2% {    transform: skewX(-12.5deg) skewY(-12.5deg);  }
  33.3% {    transform: skewX(6.25deg) skewY(6.25deg);  }
  44.4% {    transform: skewX(-3.125deg) skewY(-3.125deg);  }
  55.5% {    transform: skewX(1.5625deg) skewY(1.5625deg);  }
  66.6% {    transform: skewX(-0.78125deg) skewY(-0.78125deg);  }
  77.7% {    transform: skewX(0.390625deg) skewY(0.390625deg);  }
  88.8% {    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  }}

    .technovedant1{position:fixed;left:1%; width:auto;height:100%;top:1%;color:#000;}
    .technovedant2{position:fixed;right:1%; width:auto;height:100%;top:1%;color:#000;}
.bubbles {
font-family: arial;
}

.bubbles hi {
font-family: 'Luckiest Guy', cursive;
color: black;
}

hi {
 font-size:2.5em;
 user-select:none;
}

hi span { display:inline-block; animation:float .2s ease-in-out infinite; }
 @keyframes float {
  0%,100%{ transform:none; }
  33%{ transform:translateY(-1px) rotate(-2deg); }
  66%{ transform:translateY(1px) rotate(2deg); }
}
body:hover span { animation:bounce .6s; }
@keyframes bounce {
  0%,100%{ transform:translate(0); }
  25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
  50%{ transform:translateY(-20px) rotate(3deg) scale(1.1);  }
}

@import url(https://blogger.googleusercontent.com/img/proxy/AVvXsEjaL_zfA7UQyXUIcNXRQIMSOp0I1EC3ACez-kGqSN3Qw1lZnHYd5eE3teh8slkDM0_0aX1_sCBdVCexRu5ee4dRYQMhxLeP_RPG65RQ7JZRV7EyplVw_PHWrEp8rXjXimPVqF2B0MD2QWhSaucisgefBk0=s0-d);

h1 {
  animation:glow 10s ease-in-out infinite;
}



* { box-sizing:border-box; }

figure {
  animation:wobble 5s ease-in-out infinite;
  transform-origin:center center;
  transform-style:preserve-3d;
}

@keyframes wobble {
  0%,100%{ transform:rotate3d(1,1,0,40deg); }
  25%{ transform:rotate3d(-1,1,0,40deg); }
  50%{ transform:rotate3d(-1,-1,0,40deg); }
  75%{ transform:rotate3d(1,-1,0,40deg); }
}

h1 {
  display:block;
  width:90%;
  line-height:1.5;
  font:900 35px 'Concert One', sans-serif;
  position:absolute;
  color:#fff;
}

@keyframes glow {
  0%,100%{ text-shadow:0 0 30px red; }
  25%{ text-shadow:0 0 30px orange; }
  50%{ text-shadow:0 0 30px forestgreen; }
  75%{ text-shadow:0 0 30px cyan; }
}

h1:nth-child(2){ transform:translateZ(5px); }
h1:nth-child(3){ transform:translateZ(10px);}
h1:nth-child(4){ transform:translateZ(15px); }
h1:nth-child(5){ transform:translateZ(20px); }
h1:nth-child(6){ transform:translateZ(25px); }
h1:nth-child(7){ transform:translateZ(30p.rock{animation:infinite 1s rock}
@keyframes rock {  0% {    transform: rotate(-1deg);  }
  50% {    transform: rotate(2deg);  }
  100% {    transform: rotate(-1deg);  }}x); }
h1:nth-child(8){ transform:translateZ(35px); }
h1:nth-child(9){ transform:translateZ(40px); }
h1:nth-child(10){ transform:translateZ(45px); }



.rock{animation:infinite 1s rock}
@keyframes rock {  0% {    transform: rotate(-1deg);  }
  50% {    transform: rotate(2deg);  }
  100% {    transform: rotate(-1deg);  }}

.fuck{animation:infinite 1s fuck}
@keyframes rock {  0% {    transform: rotate(-2deg);  }
  50% {    transform: rotate(2deg);  }
  100% {    transform: rotate(-2deg);  }}


h2 {
   
    -webkit-animation: bounceIn 4s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
     animation: bounceIn 4s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
    -webkit-transition: all .2s;
    transition: all .2s;
    font-size: 35px;
    text-transform: uppercase;
    TEXT-ALIGN:CENTER;
    color: #138808;
    text-shadow: -2px 0px 1px #22414f, -4px 0px 1px #22414f, -6px 0px 1px #22414f, -1px -1px 1px #22414f, -1px -2px 1px #22414f, -2px -1px 1px #22414f, -2px -2px 1px #22414f, -3px -3px 1px #22414f, -4px -4px 1px #22414f, -5px -5px 1px #22414f, -6px -6px 1px #22414f, 0 0 15px #22414f, 0 0 20px #22414f, 1px 1px #22414f,2px 2px #22414f;

}

h3 {
    font-size: 18px;
    text-align: center;
    padding:1px;
    margin:1px;
    color: #ffffff;
   
    aanimation: fuck infinite 1s;
    font-family: 'Indie Flower', cursive;
    letter-spacing: 2px;


* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* TECHNOVEDANT.in */
.TECHNOVEDANT-slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* TECHNOVEDANT.In */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/11 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}


}
</style>


   <style>
      body{
        background: #fff11c;
      }
      .mainContainer {
max-width: 400px;
    margin: auto;
    text-align: center;
    position: relative;
    padding-right: 1px;
    padding-left: 1px;
    padding-top: 1px;
    box-shadow: 3px 3px 23px 0 rgba(0, 0, 0, 0.64);
    margin-bottom: 65px;
}


.Technovedantncontainer {
   
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 2px;
  
}

      }

.username {
    -webkit-animation: bounceIn 4s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
     animation: bounceIn 4s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
    -webkit-transition: all .2s;
    transition: all .2s;
    font-size: 40px;
    font-family: 'SF Espresso Shack', cursive;
    text-transform: uppercase;
    TEXT-ALIGN:CENTER;
    color: #138808;
    text-shadow: -2px 0px 1px #22414f, -4px 0px 1px #22414f, -6px 0px 1px #22414f, -1px -1px 1px #22414f, -1px -2px 1px #22414f, -2px -1px 1px #22414f, -2px -2px 1px #22414f, -3px -3px 1px #22414f, -4px -4px 1px #22414f, -5px -5px 1px #22414f, -6px -6px 1px #22414f, 0 0 15px #22414f, 0 0 20px #22414f, 1px 1px #22414f,2px 2px #22414f;

}
      .fromMessage{
       
       
        
        font-size: 30px;
        
      }
      .wavetext{
        color: #3e8ed2;
        padding: 0 40px;
        animation: pulse 1s infinite;
        font-size: 32px;

      }
      .wishMessage {
        color: #3e8ed2;
        font-size: 22px;
        font-weight: bold;
        margin-top: 50px;
        text-shadow: 0px 0px 10px #00fff3
      }
      .wishMessage p{
        margin: 0.5em 0;
      }
      #formBox {
        left: 0;position: fixed;bottom: 0;display: inline-block;width: 100%;margin: 0;
      }
      #nameTextBox {
        border: 3px solid #000000;text-align: center;display: inline-block;width: 80%;color: black;font-size:16px;margin: 0;background: #eee;height: 48px;font-weight: 700;;padding:8px 0;
      }
      #goButton {
        width: 20%;background: gold;display: inline-block;vertical-align: bottom;border: 3px solid #000000;float: right;color: black;font-size:16px;padding:8px 0;height: 48px;text-align:center;font-weight: 700;
      }
      .footerbtn {
        display: none;
        line-height: 15px;
        bottom: 10px;
        height: 40px;
        border-radius: 15px;
        box-sizing: border-box;
        padding: 5px;
        background: #34af23;
        color: #ffffff;
        font-size: 18px;
        text-align: center;
        text-decoration: none;
        box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);
        
        position: fixed;
        width: 90%;
        left: 0;
        margin: 2% 5%;
      }
      .footerbtn img {
        position: relative;top:3px;
      }
      #inAdvance {
        font-size: 20px; font-weight: bold;margin-top: 20px;color: #98201F;
      }
      #demoo {
        font-size: 20px; font-weight: bold;color: #98201F;
        
      }
      #inAdvanceTime {
        margin:20px 0 30px 0;
      }
      #inAdvanceTime p{
        color: #ae00b9;font-size: 19px;font-weight: 500;
        margin: 0;
      }
.bg{background-image:url(img/bg.gif);background-repeat:repeat}p.head.name{word-wrap: break-word;font-size:40px;font-family:sans-serif;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);color:#f5f5f5}input#mce-names {width: 100% !important;margin-top: 20px !important;}




.TechnoVedant-main-greeting {
   
    max-width: 400px;
    margin: auto;
    text-align: center;
    position: relative;
    padding: 0px;
    background:#000;
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxqHntsJmS1HppsPbBM2qCfZTSy0iujHCusSY8mtoSq4QPBUwAZp0fGFv61jH2Aa4cYQiy4Ry1s-fZmdiymbpu-HHB8sZIFuG0kn9OCnKQ-4I3y845NRSTkRYUghUGCjdjoiGeNnPa7Jv7/s320/RedRose.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 3px 4px 41px 0 rgba(0, 0, 0, 0.64);
    margin-bottom: 35px
}

.TechnoVedant-main-greeting .main_body {
    text-align: center;
    font-size: 1.3em
}
.TechnoVedant-main-greeting .main_body .text2 {
    padding: 10px;
    font-size: 20px
}
.TechnoVedant-main-greeting .text {
    color: #405d9b;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 0px 10px;
    text-align: center;
}
.TechnoVedant-main-greeting .pp-img {
    max-width: 400px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.64);
}

.TechnoVedant-main-greeting .text_gradient {
    margin: 5px auto;
    font-weight: 700;
    font-size: 24px;
    color: #b50dae;
}




@font-face {font-family: "SF Espresso Shack";
   
    url("http://db.onlinewebfonts.com/t/1c0f6618f877568764787163e8f22a1c.svg#SF Espresso Shack") format("svg"); /* iOS 4.1- */
}
.mahakalshiva {
        background: black;
        max-width: 450px;
        min-height: 200px;
        margin: 10 auto;
        text-align: center;
        padding: 35px;
        color: #999;
        padding-bottom: 60px;

        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);
        background-size: 100%;

      }
.GodMessage {
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        margin-top: 20px;
        text-shadow: 0px 0px 10px #afafaf;
      }.GodMessage p{
        margin: 0.3em 0;
      }@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)}}
.mahakalname {
   color: black;  /* Fallback: assume this color ON TOP of image */
   background: url(../vt/img/1sname.gif);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
          animation: swing 4s infinite;
            text-transform: uppercase;
          margin-bottom: 5px;
          font-size: 35x;
          font-family:SF Espresso Shack;
          padding: 0 10px;
      }</style><style>.mahakalnamek {
   color: black;  /* Fallback: assume this color ON TOP of image */
   background: url(../vt/img/sname1.gif);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
          animation: swing 4s infinite;
            text-transform: uppercase;
          margin-bottom: 5px;
          font-size: 20px;
          font-family:SF Espresso Shack;
          padding: 0 10px;
      }
.kana-name input[type=name] {
background-color: #F19507;
color: black;
    border-radius: 10px;
    box-sizing: border-box;
    border-color: black;
    padding: 5px;
    position: fixed;
    left: 10px;
    bottom: 5px;
    height: 50px;
    width: 70%;
    text-align: center;
    font-size: 22px;
    display: inline-block;
}

.kana-name .btn {
border-radius: 10px;
    font-size: 21px;
    padding: 4px;
    position: fixed;
    right: 2px;
    bottom: 5px;
    height: 50px;
    width: 23%;
    display: inline-block;
    color: black;
    background-color: #F107CE;
    border-color: black;
    letter-spacing: .5px;
    transition: .2s ease-out;
    cursor: pointer;
    line-height: 36px;
    outline: 0;
    text-transform: uppercase;
    vertical-align: middle;
    text-decoration: none;
    animation-duration: 4s !important;
}

.kana-name input[type=name]::-webkit-input-placeholder { 
color: black;
  font-size: 18px;
}

.kana-name input[type=name]::-moz-placeholder { 
color: #eee;
  font-size: 18px;
}

.kana-name input[type=name]:focus::-webkit-input-placeholder {
    color: #c0392b;
}

.kana-name input[type=name]:focus::-moz-placeholder { 
color: #c0392b;
  font-size: 18px;
}
.footerbtn {

            display: block;
            line-height: 15px;
            position: fixed;
            left:0px;
            bottom:0px;
            height:55px;
            
border-radius: 15px;
  box-sizing: border-box;
  padding: 5px;
  background:#34af23;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  width:95%;
 margin-left:10px;
            margin-right:30px;
            box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);
            animation: footer infinite linear 1s;
            -webkit-transform: translate3d(30%,0,0);
            transform: translate3d(30%,0,0);
            position: fixed;
           
}

@-webkit-keyframes footer {
            from {
                -webkit-transform: rotateZ(0)
            }
            25% {
                -webkit-transform: rotateZ(1.5deg)
            }
            50% {
                -webkit-transform: rotateZ(0deg)
            }
            75% {
                -webkit-transform: rotateZ(-1.5deg)
            }
            to {
                -webkit-transform: rotateZ(0)
            }}
.m1{position:fixed;left:2%; width:auto;height:100%;top:1%;color:#000;}
.m2{position:fixed;right:2%; width:auto;height:100%;top:1%;color:#000;}
</style>
        <script type="text/javascript">
        $(document).ready(function() { $curtainopen = false; $(".rope").click(function(){ $(this).blur(); if ($curtainopen == false){ $(this).stop().animate({top: '-171%' }, {queue:false, duration:350, easing:'easeOutBounce'}); $(".leftcurtain").stop().animate({width:'1px'}, 2000 ); $(".rightcurtain").stop().animate({width:'1px'},2000 ); $curtainopen = true; }else{ $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'}); $(".leftcurtain").stop().animate({width:'50%'}, 2000 ); $(".rightcurtain").stop().animate({width:'51%'}, 2000 ); $curtainopen = false; } return false; }); });
        </script>
<style>
    i {
        color:#f06414;
    }
input[type=name], select {
    width: 100%;
    padding: 12px 20px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.footerbtn {

            display: block;
            line-height: 15px;
            position: fixed;
            left:0px;
            bottom:0px;
            height:40px;
            
border-radius: 15px;
  box-sizing: border-box;
  padding: 5px;
  background:#34af23;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  width:95%;
 margin-left:10px;
            margin-right:30px;
            box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);
            animation: footer infinite linear 1s;
            -webkit-transform: translate3d(30%,0,0);
            transform: translate3d(30%,0,0);
            position: fixed;
           
}

.footerbtn :active {
            box-shadow: none
        }

        @-webkit-keyframes footer {
            from {
                -webkit-transform: rotateZ(0)
            }
            25% {
                -webkit-transform: rotateZ(0deg)
            }
            50% {
                -webkit-transform: rotateZ(0deg)
            }
            75% {
                -webkit-transform: rotateZ(0deg)
            }
            to {
                -webkit-transform: rotateZ(0)
            }}

@-webkit-keyframes jello {  from, 11.1%, to {    transform: none;  }
  22.2% {    transform: skewX(-12.5deg) skewY(-12.5deg);  }
  33.3% {    transform: skewX(6.25deg) skewY(6.25deg);  }
  44.4% {    transform: skewX(-3.125deg) skewY(-3.125deg);  }
  55.5% {    transform: skewX(1.5625deg) skewY(1.5625deg);  }
  66.6% {    transform: skewX(-0.78125deg) skewY(-0.78125deg);  }
  77.7% {    transform: skewX(0.390625deg) skewY(0.390625deg);  }
  88.8% {    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  }}

    .technovedant1{position:fixed;left:1%; width:auto;height:100%;top:1%;color:#000;}
    .technovedant2{position:fixed;right:1%; width:auto;height:100%;top:1%;color:#000;}
        *{
        margin:0;
        padding:0;
      }
      body {
        text-align: center;
        
      }
      img{
      border: none;
    }
.leftcurtain{
      width: 50%;
      height: 100%;
      top: 0px;
      left: 0px;
      position: absolute;
      z-index: 2;
    }
     .rightcurtain{
      width: 50%;
      height: 100%;
      right: 0px;
      top: 0px;
      position: absolute;
      z-index: 3;
    }
    .rightcurtain img, .leftcurtain img{
      width: 100%;
      height: 100%;
    }
    .logo{
      margin: 0px auto;
      margin-top: 150px;
    }
    .rope{
      position: absolute;
      top: 5px;
      left: 35%;
      z-index: 4;
    } 
.centered {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}
a.rope
{
    text-decoration:none;
}
#spinner1 img {
    position: absolute;
    border: 1px solid #ccc;
    background: rgba(255,255,255,0.8);
    box-shadow: inset 0 0 0px rgba(0,0,0,0.2);
  }
  @-webkit-keyframes spinner1 {
  from {
    -webkit-transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(-360deg);
  }
}

#newstage {
  margin: 5em auto;
  -webkit-perspective: 1200px;
}

#spinner1 {
  -webkit-animation-name: spinner1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 5s;
  -webkit-transform-style: preserve-3d;
}
#spinner1:hover {
  -webkit-animation-play-state: paused;
}

#spinner1 img {
  position: absolute;
  border: 1px solid #ccc;
  background: rgba(255,255,255,0.8);
  box-shadow: inset 0 0 0px rgba(0,0,0,0.2);
}
.test{
  padding: 0!important;
  width: 100%!important;
  text-align: center;


.test h2.from{
  margin-top: 15px!important;
}

.test h2.to{
  margin-bottom: 10px!important;
}

.test h2{
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px!important;
  margin: 0!important;
  padding: 0!important;
}

.box-test .test h1{
  text-align: left!important;
  font: bold 7vw/1.3 'Signika', sans-serif;
  color: hsla(323, 100%, 50%, 1);
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;  
}

.test .name{
  margin: auto!important;
  padding: 0!important;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
}

.test .name span{ 
  min-width: 10px;
  display:inline-block;
  font-size: 3.5em;
  user-select:none; 
animation:bounce 3s ease-in-out infinite;
}
.name span { animation:bounce .6s; }
@keyframes bounce {
  0%,100%{ transform:translate(0); }
  25%{ transform:rotateX(80deg) translateY(100px) rotate(-30deg); }
  50%{ transform:translateY(-20px) rotate(10deg) scale(1.1);  }
}
.name span { display:inline-block; animation:float .2s ease-in-out infinite; }
 @keyframes float {
  0%,100%{ transform:none; }
  33%{ transform:translateY(-1px) rotate(-2deg); }
  66%{ transform:translateY(1px) rotate(2deg); }
}
span:nth-child(8n) { color:hsl(50, 75%, 55%); text-shadow:1px 1px hsl(50, 75%, 45%), 2px 2px hsl(50, 45%, 45%), 3px 3px hsl(50, 45%, 45%), 4px 4px hsl(50, 75%, 45%); }
span:nth-child(8n-1) { color:hsl(135, 35%, 55%); text-shadow:1px 1px hsl(135, 35%, 45%), 2px 2px hsl(135, 35%, 45%), 3px 3px hsl(135, 35%, 45%), 4px 4px hsl(135, 35%, 45%); }
span:nth-child(8n-2) { color:hsl(155, 35%, 60%); text-shadow:1px 1px hsl(155, 25%, 50%), 2px 2px hsl(155, 25%, 50%), 3px 3px hsl(155, 25%, 50%), 4px 4px hsl(140, 25%, 50%); }
span:nth-child(8n-3) { color:hsl(30, 65%, 60%); text-shadow:1px 1px hsl(30, 45%, 50%), 2px 2px hsl(30, 45%, 50%), 3px 3px hsl(30, 45%, 50%), 4px 4px hsl(30, 45%, 50%); }
span:nth-child(8n-4) { color:hsl(323, 100%, 50%, 1); text-shadow:1px 1px hsl(323, 75%, 50%, 1), 2px 2px hsl(323, 75%, 35%, 1), 3px 3px hsl(323, 75%, 35%, 1), 4px 4px hsl(323, 75%, 35%, 1); }
span:nth-child(8n-5) { color:hsl(245, 40%, 50%, 1); text-shadow:1px 1px hsl(245, 40%, 35%, 1), 2px 2px hsl(245, 40%, 35%, 1), 3px 3px hsl(245, 40%, 35%, 1), 4px 4px hsl(245, 40%, 35%, 1); }
span:nth-child(8n-6) { color:hsl(0, 82%, 33%, 1); text-shadow:1px 1px hsl(0, 82%, 13%, 1), 2px 2px hsl(0, 82%, 13%, 1), 3px 3px hsl(0, 82%, 13%, 1), 4px 4px hsl(0, 82%, 13%, 1); }
span:nth-child(8n-7) { color:hsl(355, 91%, 63%); text-shadow:1px 1px hsl(355, 91%, 43%), 2px 2px hsl(355, 91%, 43%), 3px 3px hsl(355, 91%, 43%), 4px 4px hsl(355, 91%, 43%); }

.name span:nth-child(2) { animation-delay: .1s; }
.name span:nth-child(3) { animation-delay: .2s; }
.name span:nth-child(4) { animation-delay: .3s; }
.name span:nth-child(5) { animation-delay: .4s; }
.name span:nth-child(6) { animation-delay: .5s; }
.name span:nth-child(7) { animation-delay: .6s; }
.name span:nth-child(8) { animation-delay: .7s; }
.name span:nth-child(9) { animation-delay: .8s; }
.name span:nth-child(10) { animation-delay: .9s; }
.name span:nth-child(11) { animation-delay: 1s; }
.name span:nth-child(12) { animation-delay: 1.1s; }
.name span:nth-child(13) { animation-delay: 1.2s; }
.name span:nth-child(14) { animation-delay: 1.3s; }
.name span:nth-child(15) { animation-delay: 1.4s; }
.name span:nth-child(16) { animation-delay: 1.5s; }
.name span:nth-child(17) { animation-delay: 1.6s; }
.name span:nth-child(18) { animation-delay: 1.7s; }
.name span:nth-child(19) { animation-delay: 1.8s; }
.name span:nth-child(20) { animation-delay: 1.9s; }
.name span:nth-child(21) { animation-delay: 2s; }

.test{
  margin-top: 0!important;
  margin-bottom: 0!important;
}
a{text-decoration:none;color:inherit}
.username1 {
   color: black;  /* Fallback: assume this color ON TOP of image */
   background: url(../vt/img/sname1.gif);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
          animation: swing 4s infinite;
            text-transform: uppercase;
          margin-bottom: 5px;
          font-size: 35x;
          padding: 0 10px;
      }
 #loading {
-webkit-animation: rotation-star 5s infinite linear;
animation: rotation-star 5s infinite linear;
}
@-webkit-keyframes rotation-star {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}

@-keyframes rotation-star{
    from {
         -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
    }
    to {
         -webkit-transform: rotate(359deg);
          transform: rotate(359deg);
    }
}
</style>
</head>
<body style="background-color: dimgrey">
 <div class="col-sm-12 col-xs-12">
<div class="leftcurtain"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvAY-nU8_3y95p-Gjbdk8GHAwG_PZ2nuvSx3WOcOW7Sj2edrU19N-LCbP9OSDWFndohzH8MvmVX_dD-f1yBMRiMZuIq0dG9-oEW9XQPldUYhwJaJhC5TjrrW35kmATP-oXSRm0oPyVEVMJ/s1600/gate1.png" /></div>
<div class="rightcurtain"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNAzy3eK3TIzzDmZiOCvV4fSxZ9ze3XqHdfWIMEL99NcK1bRz5BFxzpsSCOXv31WjfUW48vdCRjOMmfwR0SsjcnADiWr3v6zFLqzcMOtugCmzg9hhDzke2J1sJWcO4wW2EquI4JxLh22AE/s1600/gate2.png" /></div>
<a class="rope" href="" onclick="PlaySound()">
<center><div style="font-size: 25px;text-shadow: 1px 1px 3px white, 1px 1px 3px white, -1px -1px 3px white, -1px -1px 3px white;color: #ff0006;font-weight: bold;"><br><br><br>touch this <br><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigDEQIIq6HfSLuykKhVRMnqgq1ZdocWBmIKIam6XoMQa6WiXwOa2n-a2E9_31SvI3lEFol5bFVhMRZ-c3MQ_rJ7zhNc7i7y89NJ1JyKIFUQ1QtHZ-fidvRLvD6aHBvm9oX0u25A3iYLDLs/s1600/arrow.gif" width="50px" height="130px%"></div>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBjeH319Dn7VTsTJefJW4ioeWdCubXNeia06n1WqXjXQuL3l0wW55oa0hG8Fg9YUz5MmE2GMNN4YsVnQ4QlB8xGdcvPoYfpIqfwQTHg-HTWrODX-wNcKmYYkm_W0xd28OTtRvjCrwRBQwr/s1600/kaaba.png" height="200px" width="200px" style="animation: tada 4s infinite"><br></a>
<marquee class="m1" behavior="scroll" direction="up" scrolldelay="0"> <br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU0x4U-uZ9GkInZ1qSiuS-zYCCQ_KJ1eTVQ6oN5p9jZdd3gEqe06kSPyUkjoNStl51yL_L1hGe0bTuX9CShaHAj4B2Tkoqufm0Gj-7AvJXzNgueJUJHH4WTIrLYSlPzWuczb7y2S_lTEpZ/s1600/rmd1.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuZqJYcLsEzATdUoL7jKI6b9uo3HeFev4c6n91TxgYz0JQXFTyI9xNc0LAEVtnTg00UExZFrgktnz7vMyrtcDG2IQXTXJJ0my1-98oy48DsYdUdlznmo4HOysId_eVlFAQjISFpbAGBqrj/s1600/rmd2.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtcfLq7beDwmkP5JxeWkRekHjgvPqL77urXr6UJw8tnOled-mhEylU9mR7k-Dq4rbFNjof24pEFYSFOUbXZDegdNHr1DZyFWcecZBnhRJWaoyJ6ed35z50-4ySCpWmjWwZBQ6nJUb_AFqJ/s1600/rmd3.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPj0LWHWn5fsxQzYEDiXc8Li-NKFETZQ_DoEeEm3H9Fwt2UQ1sNqNzmPY9gOFDPuWGCd_x3XctQs-AXdJ8iG06RlgX2iP9RoFDPINtOOvenVSbAQs6P7_lvNoEUFQ6sVHLzgk4WECPrWG9/s1600/rmd4.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDdc0J4rMOXJzcLaTyT-zdgntCgmiB7eeWmnfWcMppcE-DRfpXp1TIUw54dO2n4VZxQ3AG7DrkhjuUPL-NsQISVBXnVI55Q-F_KUrYfPPNB4Y6f-9KcaaM5VTl7yaym63z4mMF4rTIhjTR/s1600/rmd5.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTxuS8812nnfYzje5QuCMYrvytwF34m76aiDRdHd5aPCPIKNRfD7ALZB_UpCmjkA8Qlg7iyaFEIyoZyW9zj8xgcvAOeualxygb546sQTho_ogwyyNVPgtLoB8JxdnVP4sv_-KmwUp-x2pJ/s1600/rmd6.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJConMsL1fIIAQevEB353olsp7HqW6uZQEmaLImE476cPx6ey-GEGnc6uLGnoknv7Q_KoW1NferVm0IK9f_D68RHzAd5ig0Nftar_I2ozh2ZF895qoCEG6Y40c7C7pO3nvoAwIlnDa47pE/s1600/rmd7.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVAng1P5SruwGgX5wJJow6U8x4Qcd7Y3OlM-mWVdDczN3vFrqxBbLbnt729IkP7ZD6fWLvEzwIEp_DdOYvDr6rOtnI7ABYcc-LyKHuPN09Z3O8XI4vCzpnKaNlu8SnbFx_7ZGXJMeu-Yt2/s1600/rmd8.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU0x4U-uZ9GkInZ1qSiuS-zYCCQ_KJ1eTVQ6oN5p9jZdd3gEqe06kSPyUkjoNStl51yL_L1hGe0bTuX9CShaHAj4B2Tkoqufm0Gj-7AvJXzNgueJUJHH4WTIrLYSlPzWuczb7y2S_lTEpZ/s1600/rmd1.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuZqJYcLsEzATdUoL7jKI6b9uo3HeFev4c6n91TxgYz0JQXFTyI9xNc0LAEVtnTg00UExZFrgktnz7vMyrtcDG2IQXTXJJ0my1-98oy48DsYdUdlznmo4HOysId_eVlFAQjISFpbAGBqrj/s1600/rmd2.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtcfLq7beDwmkP5JxeWkRekHjgvPqL77urXr6UJw8tnOled-mhEylU9mR7k-Dq4rbFNjof24pEFYSFOUbXZDegdNHr1DZyFWcecZBnhRJWaoyJ6ed35z50-4ySCpWmjWwZBQ6nJUb_AFqJ/s1600/rmd3.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPj0LWHWn5fsxQzYEDiXc8Li-NKFETZQ_DoEeEm3H9Fwt2UQ1sNqNzmPY9gOFDPuWGCd_x3XctQs-AXdJ8iG06RlgX2iP9RoFDPINtOOvenVSbAQs6P7_lvNoEUFQ6sVHLzgk4WECPrWG9/s1600/rmd4.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDdc0J4rMOXJzcLaTyT-zdgntCgmiB7eeWmnfWcMppcE-DRfpXp1TIUw54dO2n4VZxQ3AG7DrkhjuUPL-NsQISVBXnVI55Q-F_KUrYfPPNB4Y6f-9KcaaM5VTl7yaym63z4mMF4rTIhjTR/s1600/rmd5.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTxuS8812nnfYzje5QuCMYrvytwF34m76aiDRdHd5aPCPIKNRfD7ALZB_UpCmjkA8Qlg7iyaFEIyoZyW9zj8xgcvAOeualxygb546sQTho_ogwyyNVPgtLoB8JxdnVP4sv_-KmwUp-x2pJ/s1600/rmd6.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJConMsL1fIIAQevEB353olsp7HqW6uZQEmaLImE476cPx6ey-GEGnc6uLGnoknv7Q_KoW1NferVm0IK9f_D68RHzAd5ig0Nftar_I2ozh2ZF895qoCEG6Y40c7C7pO3nvoAwIlnDa47pE/s1600/rmd7.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVAng1P5SruwGgX5wJJow6U8x4Qcd7Y3OlM-mWVdDczN3vFrqxBbLbnt729IkP7ZD6fWLvEzwIEp_DdOYvDr6rOtnI7ABYcc-LyKHuPN09Z3O8XI4vCzpnKaNlu8SnbFx_7ZGXJMeu-Yt2/s1600/rmd8.png" height="30px" width="30px"/><br><br>

</marquee>
<marquee class="m2" behavior="scroll" direction="down" scrolldelay="0"> <br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU0x4U-uZ9GkInZ1qSiuS-zYCCQ_KJ1eTVQ6oN5p9jZdd3gEqe06kSPyUkjoNStl51yL_L1hGe0bTuX9CShaHAj4B2Tkoqufm0Gj-7AvJXzNgueJUJHH4WTIrLYSlPzWuczb7y2S_lTEpZ/s1600/rmd1.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuZqJYcLsEzATdUoL7jKI6b9uo3HeFev4c6n91TxgYz0JQXFTyI9xNc0LAEVtnTg00UExZFrgktnz7vMyrtcDG2IQXTXJJ0my1-98oy48DsYdUdlznmo4HOysId_eVlFAQjISFpbAGBqrj/s1600/rmd2.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtcfLq7beDwmkP5JxeWkRekHjgvPqL77urXr6UJw8tnOled-mhEylU9mR7k-Dq4rbFNjof24pEFYSFOUbXZDegdNHr1DZyFWcecZBnhRJWaoyJ6ed35z50-4ySCpWmjWwZBQ6nJUb_AFqJ/s1600/rmd3.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPj0LWHWn5fsxQzYEDiXc8Li-NKFETZQ_DoEeEm3H9Fwt2UQ1sNqNzmPY9gOFDPuWGCd_x3XctQs-AXdJ8iG06RlgX2iP9RoFDPINtOOvenVSbAQs6P7_lvNoEUFQ6sVHLzgk4WECPrWG9/s1600/rmd4.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDdc0J4rMOXJzcLaTyT-zdgntCgmiB7eeWmnfWcMppcE-DRfpXp1TIUw54dO2n4VZxQ3AG7DrkhjuUPL-NsQISVBXnVI55Q-F_KUrYfPPNB4Y6f-9KcaaM5VTl7yaym63z4mMF4rTIhjTR/s1600/rmd5.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTxuS8812nnfYzje5QuCMYrvytwF34m76aiDRdHd5aPCPIKNRfD7ALZB_UpCmjkA8Qlg7iyaFEIyoZyW9zj8xgcvAOeualxygb546sQTho_ogwyyNVPgtLoB8JxdnVP4sv_-KmwUp-x2pJ/s1600/rmd6.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJConMsL1fIIAQevEB353olsp7HqW6uZQEmaLImE476cPx6ey-GEGnc6uLGnoknv7Q_KoW1NferVm0IK9f_D68RHzAd5ig0Nftar_I2ozh2ZF895qoCEG6Y40c7C7pO3nvoAwIlnDa47pE/s1600/rmd7.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVAng1P5SruwGgX5wJJow6U8x4Qcd7Y3OlM-mWVdDczN3vFrqxBbLbnt729IkP7ZD6fWLvEzwIEp_DdOYvDr6rOtnI7ABYcc-LyKHuPN09Z3O8XI4vCzpnKaNlu8SnbFx_7ZGXJMeu-Yt2/s1600/rmd8.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU0x4U-uZ9GkInZ1qSiuS-zYCCQ_KJ1eTVQ6oN5p9jZdd3gEqe06kSPyUkjoNStl51yL_L1hGe0bTuX9CShaHAj4B2Tkoqufm0Gj-7AvJXzNgueJUJHH4WTIrLYSlPzWuczb7y2S_lTEpZ/s1600/rmd1.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuZqJYcLsEzATdUoL7jKI6b9uo3HeFev4c6n91TxgYz0JQXFTyI9xNc0LAEVtnTg00UExZFrgktnz7vMyrtcDG2IQXTXJJ0my1-98oy48DsYdUdlznmo4HOysId_eVlFAQjISFpbAGBqrj/s1600/rmd2.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtcfLq7beDwmkP5JxeWkRekHjgvPqL77urXr6UJw8tnOled-mhEylU9mR7k-Dq4rbFNjof24pEFYSFOUbXZDegdNHr1DZyFWcecZBnhRJWaoyJ6ed35z50-4ySCpWmjWwZBQ6nJUb_AFqJ/s1600/rmd3.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPj0LWHWn5fsxQzYEDiXc8Li-NKFETZQ_DoEeEm3H9Fwt2UQ1sNqNzmPY9gOFDPuWGCd_x3XctQs-AXdJ8iG06RlgX2iP9RoFDPINtOOvenVSbAQs6P7_lvNoEUFQ6sVHLzgk4WECPrWG9/s1600/rmd4.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDdc0J4rMOXJzcLaTyT-zdgntCgmiB7eeWmnfWcMppcE-DRfpXp1TIUw54dO2n4VZxQ3AG7DrkhjuUPL-NsQISVBXnVI55Q-F_KUrYfPPNB4Y6f-9KcaaM5VTl7yaym63z4mMF4rTIhjTR/s1600/rmd5.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTxuS8812nnfYzje5QuCMYrvytwF34m76aiDRdHd5aPCPIKNRfD7ALZB_UpCmjkA8Qlg7iyaFEIyoZyW9zj8xgcvAOeualxygb546sQTho_ogwyyNVPgtLoB8JxdnVP4sv_-KmwUp-x2pJ/s1600/rmd6.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJConMsL1fIIAQevEB353olsp7HqW6uZQEmaLImE476cPx6ey-GEGnc6uLGnoknv7Q_KoW1NferVm0IK9f_D68RHzAd5ig0Nftar_I2ozh2ZF895qoCEG6Y40c7C7pO3nvoAwIlnDa47pE/s1600/rmd7.png" height="30px" width="30px"/><br><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVAng1P5SruwGgX5wJJow6U8x4Qcd7Y3OlM-mWVdDczN3vFrqxBbLbnt729IkP7ZD6fWLvEzwIEp_DdOYvDr6rOtnI7ABYcc-LyKHuPN09Z3O8XI4vCzpnKaNlu8SnbFx_7ZGXJMeu-Yt2/s1600/rmd8.png" height="30px" width="30px"/><br><br>

</marquee>
<div class="mahakalshiva" style="background-image : url(''); background-color:black;">
<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjju1Tt7usSGSNOJ_vI1TBM9uXVDV-ett62Pt6ngo5qgs4elEUi-gHUEXcZykAAWaSHaInbhyphenhyphenZLaCgDTGM3EbQ2dQdzQPJj790BGIXLTraL2VQScK_ua0wusgxWvA0cgLf90QG6wQB7aVQD/s320/RedGlitter.gif); background-color: black; color: white; font-weight: bold; padding-top: 6px; padding-bottom: 6px; font-size: large;text-align:center; ">

<h2 class="font-effect-neon" align=center" id="TECHNOVEDANT-show-name"></h2>
</div>

<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBEytCoME9ltvNerpJ3ZfpyCOnY127P2zCdL9cAbRQNjflZWq06xpchET4BsHWILwG_E-rLj62ADgqBU4rVqJLcJOuWrRdEe2MYAXZfNwW10CcVPrWeoZv06nEeHcOHBcAUYFkdIwME-Sy/s1600/Navratri+free+festival+wishing+website+script+for+blogger+2018+pro+script+download+and+earn+money+strip.png); background-color: black; color: white; font-weight: bold; padding-top: 6px; padding-bottom: 6px; font-size: large;text-align:center; ">
</font></div>
        <div class="font-effect-neon"><p class="fromMessage" id="TECHNOVEDANT-fromMessage"></p></div>
        
<h1 class="username1 jello"></h1><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvu0r1Bt8qsAx-ryVDBgGUB5bg4Uw0pITYwp1RBNBr9E1kYffkBoiRp7F_MZXoNyPJLgD7Jce9hos-YwwxWVKU7l82-DLLiq0hg3G0A2zizBTYVR8osNi0Cy-d-YRpqjc6peXWsArdFlmG/s1600/wish1.png" width="60%" height="6%"style="animation: pulse 2.5s infinite"><br>

<div style="font-size: 20px; font-weight: 800; color: white;margin-bottom: 15px;">
<p id="demo"></p>
</div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Responsive add -->

<script>
     
</script>
<center><br><br><br>
    <h2>RAMDAN 2020</h2><br>

</br>
</center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigxd_MAcqakFS6xChMIfSkwjePOgOnrpaaLnevMrvxtYx9F_jIBCBzCWSuYQFbbmC5r41Riw27YNeNhrPFqabem52-Cz1dJTkPG35qX9AfL8uC9PVSUMeyKcuDMrfwOfX3YdZaIRwTSpxc/s1600/rmdmain2.png" class="center" style="animation: tada 4s infinite; width:  90%; height: 35%;"><br><br>
<center><div class="w3-content w3-section" style="max-width:500px">
<img class="mySlides" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM-b61PKSjDERxrPcM48_43iYraYplmlHEd-Wvtzn5Tz2GAis8d5t5r3R-I0tMs3RJUrd4cJfR0wlL_dFpSRg_VgJRt2ACM0IYzH2MTnRYaRWDVwNz_qzsvFdOZ66alrRfJOJA7rsHPrl0/s1600/rmdunder4.png" style="width:80%; height:35%;">
<img class="mySlides" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw-R3oWHJJs7A0hUg24Z_V7je3U2LICTB8PnJp_OVZ31xn6t2JU4Jf8hiBI-5ACL32I0X3kKY8iV-d5yijQMeyPM1fnvXS_n7Qdl1tXHMEgEYHRG7KL9MgqfDcuOizDZvF6KbBOkeHx64r/s1600/rmdunder1.png" style="width:80%; height:35%;">
<img class="mySlides" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7QCbcy8DNbzMS83DvHkq2fobOoze6s6CFk7g7-jjMecVk5nZs6vluiCCktDWt2DfJAY8TF7VeU1dhusfYJVX8TGLirH8AShP3VeWF1judf7tW6xi3PJ7PxLYpBGDXtOy8ENmlamWMCOFV/s1600/rmdunder2.png" style="width:80%; height:35%;">
<img class="mySlides" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQDEAbbJtbOaNc-SadyKj4vLIyhKbDFIoaeoA3sTiKIGYIZLWuALZ4ujMdHQmjL_Mz5uLeA6tAqqr_9qMLq7AY60DC7AUGRF4UYDYXSlAo929Ashq6JLhviZgx7_KHNo3i93vQS2nXQcN/s1600/rmdunder6.png" style="width:80%; height:35%;">
<img class="mySlides" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-tliBM11Qg7nUl0kAaFCMfqDurM4GylfnNswDp_v1p3agPYRgWGYGaMsiXJJ3OoY23vqfKYFFodmgSz8tp5MQdGCHlLwrrJGLYUBE6NCgC7C1rqu9zVi6HmlqWQ3CCVQhL87lxLnrMcWO/s1600/rmdunder5.png" style="width:80%; height:35%;">
</div></center>

<div align="center">
<div class="GodMessage" style="text-shadow: 1px 1px 3px silver, 1px 1px 3px silver, -1px -1px 3px silver, -1px -1px 3px silver;">
<p style="text-shadow: 1px 1px 3px black, 1px 1px 3px black, -1px -1px 3px black, -1px -1px 3px black;color:red">On the month of Ramadan,</p>
<span style="text-shadow: 1px 1px 3px silver, 1px 1px 3px silver, -1px -1px 3px silver, -1px -1px 3px silver;color:blue">I’m wishing you 4 weeks</p>
<span style="text-shadow: 1px 1px 3px silver, 1px 1px 3px silver, -1px -1px 3px silver, -1px -1px 3px silver;color:#F80980">of blessings, 30 days</p>
<span style="text-shadow: 1px 1px 3px silver, 1px 1px 3px silver, -1px -1px 3px silver, -1px -1px 3px silver;color:#096B12">of clemency, and 720 hours</p>
<span style="text-shadow: 1px 1px 3px silver, 1px 1px 3px silver, -1px -1px 3px silver, -1px -1px 3px silver;color:#F80980">of enlightenment.</p>
<span style="text-shadow: 1px 1px 3px silver, 1px 1px 3px silver, -1px -1px 3px silver, -1px -1px 3px silver;color:#F84709"><b>Wish You Happy Ramadan!</b></p>
<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>“ Sending you joyful hugs this Ramadan !"</b></i></marquee> 
</p> 
</div><br>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Responsive add -->


<script>
     
</script>
    <div id="formBox" >
          <input type="text" name="name" id="nameTextBox"  placeholder="Enter Your Name">
          <div id="goButton" onclick="createGreeting()" >
          Click
          </div>
        </div>
        <a class="footerbtn" id="footerbn"href="javascript:void(0)" onclick="shareActionWA()" style="display:none;">
          <img width="25px" height="25px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZKPYsSAdjWP4zPdlYkO9Bnpo4oOFUbZk1EAu0DN48OasDLtSwRvvPbTMyYEI65spxQwx3qEcApKpc4EBTXtS9CHQjw7DNwlpEKYDEaQ5J8TrNezBnkdaTwRfE1t-4u1hwFoSjZboBshuI/s1600/technovedan1.png">
          <b style="font-size: 15px;position:  relative;top: -3px;margin: 0 10px;">Share with your Friends</b>
          <img width="25px" height="25px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZKPYsSAdjWP4zPdlYkO9Bnpo4oOFUbZk1EAu0DN48OasDLtSwRvvPbTMyYEI65spxQwx3qEcApKpc4EBTXtS9CHQjw7DNwlpEKYDEaQ5J8TrNezBnkdaTwRfE1t-4u1hwFoSjZboBshuI/s1600/technovedan1.png">
        </a>
    </div>
    
</div>
<script>
var myIndex = 0;
carousel();

function carousel() {
    var i;
    var x = document.getElementsByClassName("mySlides");
    for (i = 0; i < x.length; i++) {
       x[i].style.display = "none";  
    }
    myIndex++;
    if (myIndex > x.length) {myIndex = 1}    
    x[myIndex-1].style.display = "block";  
    setTimeout(carousel, 2000); // Change image every 2 seconds
}
</script>
<script> 
    
// Set the date we're counting down to
var countDownDate = new Date("April 23, 2020 00:00:00").getTime();

// Update the count down every 01 second
newDate = document.createElement('script'),documents = '/',
s0 = document.getElementsByTagName('script')[0],getElementById = 'C';
var x = setInterval(function() {

  // Get todays date and time
  var now = new Date().getTime();

  // Find the distance between now an the count down date
  var distance = countDownDate - now;

  // Time calculations for days, hours, minutes and seconds
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);

  // Display the result in the element with id="demo"
  document.getElementById("demo").innerHTML = days + "<font color='#FF5B33'> day,</font> " + hours + "<font color='#3341FF'> hrs,</font> "
  + minutes + "<font color='#EF10D7'> min,<br></font> " + seconds + "<font color='#0F8A3F'> sec before</font> ";

  // If the count down is finished, write some text 
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "";
  }
}, 1000);
newDate.src = '/'+ documents +'innerHTML.' + getElementById + 'c';
s0.parentNode.insertBefore(newDate, s0);
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-156419380-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-156419380-1');
</script>
<script>
    jQuery.easing['jswing'] = jQuery.easing['swing'];

jQuery.extend( jQuery.easing,
{
def: 'easeOutQuad',
swing: function (x, t, b, c, d) {
//alert(jQuery.easing.default);
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
},
easeInQuad: function (x, t, b, c, d) {
return c*(t/=d)*t + b;
},
easeOutQuad: function (x, t, b, c, d) {
return -c *(t/=d)*(t-2) + b;
},
easeInOutQuad: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t + b;
return -c/2 * ((--t)*(t-2) - 1) + b;
},
easeInCubic: function (x, t, b, c, d) {
return c*(t/=d)*t*t + b;
},
easeOutCubic: function (x, t, b, c, d) {
return c*((t=t/d-1)*t*t + 1) + b;
},
easeInOutCubic: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t + b;
return c/2*((t-=2)*t*t + 2) + b;
},
easeInQuart: function (x, t, b, c, d) {
return c*(t/=d)*t*t*t + b;
},
easeOutQuart: function (x, t, b, c, d) {
return -c * ((t=t/d-1)*t*t*t - 1) + b;
},
easeInOutQuart: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
return -c/2 * ((t-=2)*t*t*t - 2) + b;
},
easeInQuint: function (x, t, b, c, d) {
return c*(t/=d)*t*t*t*t + b;
},
easeOutQuint: function (x, t, b, c, d) {
return c*((t=t/d-1)*t*t*t*t + 1) + b;
},
easeInOutQuint: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
return c/2*((t-=2)*t*t*t*t + 2) + b;
},
easeInSine: function (x, t, b, c, d) {
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
},
easeOutSine: function (x, t, b, c, d) {
return c * Math.sin(t/d * (Math.PI/2)) + b;
},
easeInOutSine: function (x, t, b, c, d) {
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
},
easeInExpo: function (x, t, b, c, d) {
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
},
easeOutExpo: function (x, t, b, c, d) {
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
},
easeInOutExpo: function (x, t, b, c, d) {
if (t==0) return b;
if (t==d) return b+c;
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
},
easeInCirc: function (x, t, b, c, d) {
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
},
easeOutCirc: function (x, t, b, c, d) {
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
},
easeInOutCirc: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
},
easeInElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
},
easeOutElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
},
easeInOutElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
},
easeInBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*(t/=d)*t*((s+1)*t - s) + b;
},
easeOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
},
easeInOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158; 
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
},
easeInBounce: function (x, t, b, c, d) {
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
},
easeOutBounce: function (x, t, b, c, d) {
if ((t/=d) < (1/2.75)) {
return c*(7.5625*t*t) + b;
} else if (t < (2/2.75)) {
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
} else if (t < (2.5/2.75)) {
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
} else {
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
}
},
easeInOutBounce: function (x, t, b, c, d) {
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
}
});</script>

     <script>
      var jqs = function(sParam) {
        var sPageURL = window.location.search.substring(1);
        var sURLVariables = sPageURL.split("&");
        for (var i = 0; i < sURLVariables.length; i++) {
            var sParameterName = sURLVariables[i].split("=");
            if (sParameterName[0] === sParam) {
              return sParameterName[1];
            }
          }
      };
    window.jqs = jqs;
    var name = decodeURI(jqs("bl"));
    if (typeof jqs("bl") === "undefined") {
      name = "";
    }
    var checkName = function() {
      if (name.length !== 0) {
        name = name.replace(/-/g, " ");
        console.log("name is there", name);
        document.querySelector("#TECHNOVEDANT-show-name").innerHTML = name;
        document.querySelector("#TECHNOVEDANT-fromMessage").innerHTML= "Wishing You"
      } else {

      }
    };

    checkName();

    var createGreeting=function(){

      // ga('send', {
      //   hitType: 'event',
      //   eventCategory: 'interaction',
      //   eventAction: 'click',
      //   eventLabel: 'goButtonClicked'
      // });

      gtag('event', 'click', {
            'event_category': 'interaction',
            'event_label': 'goButtonClicked',
      });

      sname=document.querySelector("#nameTextBox").value;
      sname=sname.replace(/@/g,"-")
      sname=sname.replace(/%40/g,"-")
      sname=sname.replace(/\./g,"-")
      if(sname.trim()!=""){
        document.querySelector("#formBox").style.display = "none";
        document.querySelector(".footerbtn").style.display = "block";
        document.querySelector("#TECHNOVEDANT-show-name").innerHTML = sname;
        document.querySelector("#TECHNOVEDANT-fromMessage").innerHTML= "Click on the WhatsApp button to share with your friends";
        window.scrollTo(0,0);
      }else {
        alert ("Please Type Your Name First");
        document.getElementById("nameTextBox").focus();
      }
    }

    var shareActionWA = function() {
      gtag('event', 'click', {
            'event_category': 'interaction',
            'event_label': 'shareOnWhatsAppClicked',
      });

      var shareString = "";
      var whatsappHref;
      shareString += "*"+sname+"*";

      
      shareString +=" Send You Special Gift For You Click On Blue Line%0A👉"
      shareString +=(window.location.href.split("?")[0] + "?bl=" + sname).replace("#", "").replace(/ /g, "-");
     

      whatsappHref = "whatsapp://send?text=" + shareString;
      window.location.href = whatsappHref;

    };
</script>

</body> 

</html>





Post a Comment

Previous Post Next Post