hero: лого перед названием

This commit is contained in:
Natalya.S 2026-08-28 05:49:52 +00:00
parent f97c36372c
commit 4158d04f3c

View File

@ -50,8 +50,11 @@ tr:hover{background:var(--gray-100)}
<body> <body>
<section class="hero"> <section class="hero">
<div style="max-width:800px;margin:0 auto"> <div style="max-width:900px;margin:0 auto;text-align:center">
<h1>28 петель</h1> <h1 style="display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap">
<img src="WhatsApp%20Image%202026-08-14%20at%2023.19.59-2.jpeg" alt="28" style="width:80px;height:80px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.2)">
<span>28 петель</span>
</h1>
<p>Благотворительный клуб вязания в Уральске — вяжем с любовью для недоношенных детей</p> <p>Благотворительный клуб вязания в Уральске — вяжем с любовью для недоношенных детей</p>
<div style="display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px"> <div style="display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px">
<a class="btn" href="#history">История клуба</a> <a class="btn" href="#history">История клуба</a>
@ -59,9 +62,6 @@ tr:hover{background:var(--gray-100)}
<a class="btn" href="#team">Наши волонтёры</a> <a class="btn" href="#team">Наши волонтёры</a>
<a class="btn" href="#contacts">Контакты</a> <a class="btn" href="#contacts">Контакты</a>
</div> </div>
<div style="margin-top:40px">
<img src="WhatsApp%20Image%202026-08-14%20at%2023.19.59-2.jpeg" alt="Клуб 28 петель" style="width:100%;max-width:600px;height:400px;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,0.2)">
</div>
</div> </div>
</section> </section>