✅ Одобрено
тет все сто ваолжфы
🎁 Отдам бесплатно
<!DOCTYPE html>
<html lang="ru" data-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>НашРынок.рф</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<style>
/* ============================================================
МИНИМАЛИСТИЧНЫЙ ХЕДЕР — ТОЛЬКО ЛОГОТИП
============================================================ */
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
padding: 12px 20px;
background: transparent !important;
backdrop-filter: none !important;
border-bottom: none !important;
box-shadow: none !important;
transition: all 0.3s ease;
pointer-events: none;
}
.header.scrolled {
background: rgba(13, 13, 13, 0.85) !important;
backdrop-filter: blur(20px) !important;
border-bottom: 1px solid rgba(255,255,255,0.06) !important;
pointer-events: auto;
}
.header .container {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1400px;
margin: 0 auto;
<html lang="ru" data-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>НашРынок.рф</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<style>
/* ============================================================
МИНИМАЛИСТИЧНЫЙ ХЕДЕР — ТОЛЬКО ЛОГОТИП
============================================================ */
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
padding: 12px 20px;
background: transparent !important;
backdrop-filter: none !important;
border-bottom: none !important;
box-shadow: none !important;
transition: all 0.3s ease;
pointer-events: none;
}
.header.scrolled {
background: rgba(13, 13, 13, 0.85) !important;
backdrop-filter: blur(20px) !important;
border-bottom: 1px solid rgba(255,255,255,0.06) !important;
pointer-events: auto;
}
.header .container {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1400px;
margin: 0 auto;