Merhabalar, burada kendi ilk indeximi tasarladım.
Fikirlerinizi merak ediyorum. İlk kodum olduğu için dikkatinizi çeken hataları yazarsanız mutlu olurum.
Kodum ve tasarımım böyleydi, hepinize iyi günler arkadaşlar.
Fikirlerinizi merak ediyorum. İlk kodum olduğu için dikkatinizi çeken hataları yazarsanız mutlu olurum.
Kod:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Txoaley Hacked Index</title>
<style>
body {
margin: 0;
padding: 0;
background-color: black;
overflow: hidden;
}
.img-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.blurred-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: url('https://media.giphy.com/media/3oz8xQQP4Ahmedz9ZK/giphy.gif');
filter: blur(3px);
animation: slide 20s linear infinite;
}
@keyframes slide {
0% {
background-position: 0 0;
}
100% {
background-position: 100% 100%;
}
}
.h {
color: white;
text-align: center;
margin-top: 650px;
font-size: 30px;
font-weight: 900;
}
.img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.imgg {
max-width: 50%;
height: auto;
display: block;
margin: 0 auto;
}
.is {
color: #FF0000;
text-align: center;
font-size: 24px;
font-weight: 900;
margin-top: 20px;
}
.iss {
color: #ff0000;
text-align: center;
font-size: 30px;
font-weight: 900;
margin-top: -550px;
}
</style>
</head>
<body>
<div class="blurred-bg"></div>
<div class="img-container">
<img class="img" src="Txoaley (1)-Photoroom.png-Photoroom.png" alt="Txoaley Logo">
</div>
<h1 class="h">The site has been hacked by <span style="color: #FF0000;">Txoaley</span></h1>
<h2 class="is">Ne Mutlu Türk'üm Diyene!</h2>
<h1 class="iss">Mustafa Kemal'in Askerleriyiz!</h1>
<audio id="ses" autoplay style="display: none;">
<source src="https://www.youtube.com/watch?v=HWjCStB6k4o" type="audio/mpeg">
Tarayıcınız bu ses formatını desteklemiyor.
</audio>
</body>
</html>
Kodum ve tasarımım böyleydi, hepinize iyi günler arkadaşlar.