Evet can sıkıntısından yaptığım 2. THT özel İndexi paylaşmak istedim.
VİDEOSUNUDA PAYLAŞACAĞIM.
VİDEOSUNUDA PAYLAŞACAĞIM.
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Hacked By TurkHackTeam</title>
<style>
body {
background-image: url('https://galeri2.uludagsozluk.com/355/turk-askeri_454000.jpg');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
margin: 0;
padding: 0;
height: 100vh;
position: relative;
animation: none;
}
.overlay {
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
h1, h2 {
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
font-size: 60px;
color: rgba(255, 255, 255, 0.7);
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7);
text-align: center;
position: relative;
z-index: 2;
}
.logo {
display: flex;
justify-content: center;
margin-top: 20px;
animation: shake 7s linear infinite;
position: relative;
z-index: 2;
}
.logo img {
width: 200px;
height: auto;
}
.line {
background-color: black;
height: 4px;
width: 100%;
position: absolute;
bottom: 0;
animation: move 6s linear infinite;
}
@keyframes shake {
0%, 100% { transform: translate(0, 0); }
10%, 30%, 50%, 70%, 90% { transform: translate(-5px, 5px); }
20%, 40%, 60%, 80% { transform: translate(5px, -5px); }
}
@keyframes move {
0%, 100% { transform: translateX(0); }
16.666%, 50% { transform: translateX(100%); }
83.333% { transform: translateX(100%); }
}
</style>
</head>
<body>
<div class="overlay">
<h1>HACKED BY TURKHACKTEAM</h1>
<h2>TheArmor</h2>
<div class="logo">
<img src="https://i.hizliresim.com/bq8lisy.png" alt="Logo">
</div>
<div class="line"></div>
</div>
<script>
setInterval(function(){
var overlay = document.querySelector('.overlay');
var h1 = document.querySelector('h1');
var h2 = document.querySelector('h2');
var logo = document.querySelector('.logo');
var line = document.querySelector('.line');
overlay.style.animation = 'none';
h1.style.animation = 'shake 7s linear infinite';
h2.style.animation = 'shake 7s linear infinite';
logo.style.animation = 'shake 7s linear infinite';
line.style.animation = 'move 6s linear infinite';
setTimeout(function(){
overlay.style.animation = '';
h1.style.animation = '';
h2.style.animation = '';
logo.style.animation = '';
line.style.animation = '';
}, 7000);
}, 14000);
</script>
</body>
</html>
