Download temar battun
1<style>
.astbutton {
background: linear-gradient(99deg, rgba(2,0,36,1) 0%, rgba(0,255,196,1) 0%, rgba(242,242,242,0.9192270658263305) 100%);
border: none;
color: black;
font-family: system-ui;
font-size: 17px;
text-decoration: none;
padding: 10px 20px;
cursor: pointer;
border-radius: 19px;
}
.infoblogger{
background: linear-gradient(99deg, rgba(2,0,36,1) 0%, rgba(0,255,196,1) 0%, rgba(242,242,242,0.9192270658263305) 100%);
border: none;
color: black;
font-family: system-ui;
font-size: 17px;
text-decoration: none;
padding: 10px 20px;
cursor: pointer;
border-radius: 19px;
}
</style>
2❤️👇
<script type='text/javascript'>
//<![CDATA[
var downloadButton = document.getElementById("download");
var counter = 5;
var newElement = document.createElement("p");
newElement.innerHTML = "";
var id;
downloadButton.parentNode.replaceChild(newElement, downloadButton);
function startDownload() {
this.style.display = 'none';
id = setInterval(function () {
counter--;
if (counter < 0) {
newElement.parentNode.replaceChild(downloadButton, newElement);
clearInterval(id);
} else {
newElement.innerHTML = +counter.toString() + " second.";
}
}, 1000);
};
var clickbtn = document.getElementById("btn");
clickbtn.onclick = startDownload;
//]]>
</script>
❤️👉stime7636ccrerrttcf@gmail.com
❤️👇3
<div><br /></div>
<div style="text-align: center;"><a class="astbutton" href="####" id="download" target="_blank"> Download File </a><button class="infoblogger" id="btn"> Click Here </button>
</div>
Download link👇
https://drive.google.com/uc?export =download&id=
Share button
👇
addthis
Instagram followers 👇
Cheapsmmmarket
App👉edit 👉appcreator24
👇
Admood❤️❤️❤️
❌️❌️❌️❌️❌️
<!-- Created by ribhsmm.in-->
<html>
<head>
<style type="text/css" id="dcoder_stylesheet">/* Created by ribhsmm.in */
.winter-is-coming, .snow {
z-index: 100;
pointer-events: none;
}
.winter-is-coming {
overflow: hidden;
position: absolute;
top: 0;
height: 100%;
width: 100%;
max-width: 100%;
}
.snow {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation: falling linear infinite both;
animation: falling linear infinite both;
-webkit-transform: translate3D(0, -100%, 0);
transform: translate3D(0, -100%, 0);
}
.snow--near {
-webkit-animation-duration: 10s;
animation-duration: 10s;
background-image: url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png");
background-size: contain;
}
.snow--near + .snow--alt {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.snow--mid {
-webkit-animation-duration: 15s;
animation-duration: 15s;
background-image: url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png");
background-size: contain;
}
.snow--mid + .snow--alt {
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
.snow--far {
-webkit-animation-duration: 30s;
animation-duration: 30s;
background-image: url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png");
background-size: contain;
}
.snow--far + .snow--alt {
-webkit-animation-delay: 15s;
animation-delay: 15s;
}
@-webkit-keyframes falling {
0% {
-webkit-transform: translate3D(-7.5%, -100%, 0);
transform: translate3D(-7.5%, -100%, 0);
}
100% {
-webkit-transform: translate3D(7.5%, 100%, 0);
transform: translate3D(7.5%, 100%, 0);
}
}
@keyframes falling {
0% {
-webkit-transform: translate3D(-7.5%, -100%, 0);
transform: translate3D(-7.5%, -100%, 0);
}
100% {
-webkit-transform: translate3D(7.5%, 100%, 0);
transform: translate3D(7.5%, 100%, 0);
}
}
</style>
</head>
<body>
<div class="winter-is-coming">
<div class="snow snow--near"></div>
<div class="snow snow--near snow--alt"></div>
<div class="snow snow--mid"></div>
<div class="snow snow--mid snow--alt"></div>
<div class="snow snow--far"></div>
<div class="snow snow--far snow--alt"></div>
</div>
<div>
</div>
<!-- Visit ribhsmm.in to more codes -->
</body>
</html>
________________________________
_____________________
lithe code👇
<style>
.christmas-lights li {
--christmas-lights-1: #057d70; /*color - 1*/
--christmas-lights-2: #d41a21; /*color - 2*/
--christmas-lights-3: #ffd27c; /*color - 3*/
animation-duration: 2s;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-name: flash-1;
border-radius: 50%;
display: inline-block;
height: 20px;
margin: 25px 20px;
position: relative;
width: 20px;
}
.christmas-lights {
left: 0;
margin: 0;
pointer-events: none;
position: fixed;
right: 0;
top: -15px;
white-space: nowrap;
width: 100%;
z-index: 100;
}
.christmas-lights[data-position="right"] {
transform: rotate(90deg);
left: auto;
right: -15px;
}
.christmas-lights li:before {
content: "";
position: absolute;
background: #505050;
width: 10px;
height: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
top: -9px;
left: 5px;
}
.christmas-lights li:after {
content: "";
top: -23px;
left: 10px;
position: absolute;
width: 60px;
height: 20px;
border-bottom: solid #505050 2px;
border-radius: 50%;
}
.christmas-lights li:last-child:after {
content: none;
}
.christmas-lights li:first-child {
margin-left: -40px;
}
.christmas-lights li:nth-child(2n+1) {
background: var(--christmas-lights-1);
box-shadow: 0px 5px 24px 3px rgb(249 212 129);
animation-name: flash-2;
animation-duration: 0.4s;
}
.christmas-lights li:nth-child(4n+2) {
background: var(--christmas-lights-2);
box-shadow: 0px 5px 24px 3px var(--christmas-lights-2);
animation-name: flash-3;
animation-duration: 1.1s;
}
.christmas-lights li:nth-child(odd) {
animation-duration: 1.8s;
}
.christmas-lights li:nth-child(3n+1) {
animation-duration: 1.4s;
}
@keyframes flash-1 {
0%, 100% {
background: var(--christmas-lights-1);
box-shadow: 0px 5px 24px 3px var(--christmas-lights-1);
}
50% {
background: var(--christmas-lights-2);
box-shadow: 0px 5px 24px 3px var(--christmas-lights-2);
}
}
@keyframes flash-2 {
0%, 100% {
background: var(--christmas-lights-2);
box-shadow: 0px 5px 24px 3px var(--christmas-lights-2);
}
50% {
background: var(--christmas-lights-3);
box-shadow: 0px 5px 24px 3px var(--christmas-lights-3);
}
}
@keyframes flash-3 {
0%, 100% {
background: var(--christmas-lights-3);
box-shadow: 0px 5px 24px 3px var(--christmas-lights-3);
}
50% {
background: var(--christmas-lights-1);
box-shadow: 0px 5px 24px 3px var(--christmas-lights-1);
}
}
@media (max-width: 1024px){
.christmas-lights[data-position="left"] {
left: -14px;
}
.christmas-lights[data-position="right"] {
right: -14px;
}
.christmas-lights[data-position="left"],
.christmas-lights[data-position="right"] {
height: 100vh;
}
}
</style>
<script>
let christmas = {
delay: null,
delete: function(){
document.body.querySelectorAll('.christmas-lights').forEach(function(ul){
ul.remove();
});
},
create: function(){
let v = window.innerHeight / 60 + 2,
h = window.innerWidth / 60 + 2,
data = {
'top': h,
},
ul = c = null;
for (let position in data) {
c = data[position];
ul = document.createElement('ul');
ul.className = 'christmas-lights';
ul.dataset.position = position;
for (let i = 0; i <= c; i++) {
ul.append(document.createElement('li'));
}
document.body.append(ul);
}
}
}
document.addEventListener('DOMContentLoaded', function(){
christmas.create();
});
window.addEventListener('resize', function(e) {
clearTimeout(christmas.delay);
christmas.delay = setTimeout(function(){
christmas.delete();
christmas.create();
}, 100)
});
</script>
.jpeg)
.jpeg)
