Made on
Tilda
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Дом, который построил я — Сергей Лесовой</title>
<style>
body { margin:0; padding:0; background:#0A0A0A; color:#E5E5E5; font-family: system-ui, sans-serif; line-height:1.4; }
.hero { height:100vh; background: url('твоё-первое-полотно.jpg') center/cover no-repeat; display:flex; align-items:center; justify-content:center; text-align:center; position:relative; }
.hero::after { content:""; position:absolute; inset:0; background:rgba(10,10,10,0.75); }
.content { position:relative; z-index:2; max-width:800px; padding:40px; }
h1 { font-size:4.5rem; font-weight:900; margin:0; letter-spacing:-2px; }
.price { font-size:2.5rem; margin:20px 0; }
.progress { height:8px; background:#333; margin:40px 0; position:relative; }
.progress-bar { height:100%; background:#E5E5E5; width:0%; transition:width 2s; }
.rules { max-width:700px; margin:80px auto; padding:0 20px; }
ul { list-style:none; padding:0; }
li { margin:20px 0; font-size:1.3rem; }
</style>
</head>
<body>
<div class="hero">
<div class="content">
<h1>ДОМ,<br>КОТОРЫЙ ПОСТРОИЛ Я</h1>
<div class="price">120 000 000 ₽</div>
<div>0 / 120 000 000</div>
<div class="progress"><div class="progress-bar" id="bar"></div></div>
</div>
</div>
<div class="rules">
<h2>Правила</h2>
<ul>
<li>Каждый кирпич — 1 200 000 ₽</li>
<li>7 дней на продажу</li>
<li>Нет покупателя — уничтожение</li>
<li>Никаких скидок</li>
</ul>
<p>Я не продаю картины. Я материализую пространство.</p>
</div>
<script>
// Здесь потом подключишь живой счётчик
document.getElementById('bar').style.width = '0%';
</script>
</body>
</html>