<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Домен blog-maksa.ru продаётся</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
:root {
--main-bg: #0e1a2b;
--accent: #00b7ff;
--text: #ffffff;
--gradient: linear-gradient(135deg, #00b7ff, #0059ff);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body {
background: var(--main-bg);
color: var(--text);
font-family: "Segoe UI", system-ui, sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
overflow: hidden;
}
.stars {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
pointer-events: none;
z-index: 0;
}
.star {
position: absolute;
background: #fff;
border-radius: 50%;
opacity: 0;
animation: twinkle 5s infinite ease-in-out;
}
@keyframes twinkle {
0%, 100% { opacity: 0; transform: scale(0.5); }
50% { opacity: 1; transform: scale(1); }
}
.wrapper {
position: relative;
z-index: 1;
max-width: 600px;
padding: 2rem;
}
h1 {
font-size: 2rem;
margin-bottom: 1rem;
background: var(--gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
p {
margin-bottom: 2rem;
font-size: 1.1rem;
line-height: 1.4;
}
.banner {
display: inline-block;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 0 20px rgba(0, 183, 255, 0.4);
transition: transform .3s ease;
}
.banner:hover {
transform: scale(1.05);
}
.banner img {
display: block;
max-width: 100%;
height: auto;
}
footer {
margin-top: 2.5rem;
font-size: 0.85rem;
color: #8fa3b0;
}
</style>
</head>
<body>
<div class="stars" id="stars"></div>
<div class="wrapper">
<h1>Этот домен продаётся!</h1>
<p>
Уникальный шанс приобрести проверенный временем домен с историей более 7 лет.<br>
Отлично подходит для бизнеса, стартапа или инвестиций. </p>
<a class="banner"
target="_blank"
href="https://www.telderi.ru/ru/viewdomain/2725311/pid/b5XXXX">
<img src="https://www.telderi.ru/uploads/promote/auction_domain_trash_basket_blue_100.gif"
alt="Продаётся домен — возраст более 7 лет">
</a>
<footer>
Нажмите на баннер, чтобы перейти к аукциону и сделать ставку. </footer>
</div>
<script>
const stars = document.getElementById('stars');
for (let i = 0; i < 60; i++) {
const star = document.createElement('div');
star.className = 'star';
star.style.width = star.style.height = Math.random() * 2 + 1 + 'px';
star.style.left = Math.random() * 100 + '%';
star.style.top = Math.random() * 100 + '%';
star.style.animationDelay = Math.random() * 5 + 's';
stars.appendChild(star);
}
</script>
</body>
</html>