Natalya.S/hochu-napisat-sayt-kluba-28
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Natalya.S:79cfded222d805690be36343867b4342f87e43aa
Branches Tags
Natalya.S:main
Natalya.S:pages
..
compare: Natalya.S:e7809b61632b4db35b4da9a172a97de2cf553906
Branches Tags
Natalya.S:main
Natalya.S:pages

2 Commits
79cfded222 ... e7809b6163

Author SHA1 Message Date
Natalya.S
e7809b6163 team: убрать описание волонтёров 2026-08-28 06:05:39 +00:00
Natalya.S
f729304f7c team: галерея из 9 фото волонтёров 2026-08-28 06:03:41 +00:00
1 changed files with 10 additions and 56 deletions
Show Stats Expand all files Collapse all files

66
index.html
View File

@ -146,62 +146,16 @@ tr:hover{background:var(--gray-100)}
<section id="team" class="section" style="background:var(--gray-100)">
<div class="container">
<h2 class="reveal">Наши волонтёры</h2>
<p class="reveal" style="text-align:center;max-width:700px;margin:0 auto 40px">Познакомьтесь с нашими талантливыми мастерицами — хранительницами традиций вязания</p>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px">
<div class="card reveal" style="text-align:center">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.39.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px;margin-bottom:16px">
<h3 style="color:var(--primary-dark)">Елена</h3>
<p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Основатель клуба</p>
<p>Вяжет более 20 лет, любит сложные араны и косы.</p>
</div>
<div class="card reveal" style="text-align:center">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.39%20_1_.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px;margin-bottom:16px">
<h3 style="color:var(--primary-dark)">Мария</h3>
<p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Мастер детских изделий</p>
<p>Специалист по вязанию для малышей.</p>
</div>
<div class="card reveal" style="text-align:center">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.39%20_2_.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px;margin-bottom:16px">
<h3 style="color:var(--primary-dark)">Ольга</h3>
<p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Эксперт по узорам</p>
<p>Знает сотни узоров, помогает подбирать схемы.</p>
</div>
<div class="card reveal" style="text-align:center">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.40.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px;margin-bottom:16px">
<h3 style="color:var(--primary-dark)">Наталья</h3>
<p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Мастер носочного вязания</p>
<p>Вяжет потрясающие носки с жаккардом.</p>
</div>
<div class="card reveal" style="text-align:center">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.40%20_1_.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px;margin-bottom:16px">
<h3 style="color:var(--primary-dark)">Светлана</h3>
<p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Мастер кружева</p>
<p>Создаёт невероятные ажурные изделия.</p>
</div>
<div class="card reveal" style="text-align:center">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.40%20_2_.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px;margin-bottom:16px">
<h3 style="color:var(--primary-dark)">Ирина</h3>
<p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Эксперт по пряже</p>
<p>Помогает выбрать идеальные материалы.</p>
</div>
<div class="card reveal" style="text-align:center">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.40%20_3_.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px;margin-bottom:16px">
<h3 style="color:var(--primary-dark)">Татьяна</h3>
<p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Мастер жаккарда</p>
<p>Виртуозно вяжет сложные орнаменты.</p>
</div>
<div class="card reveal" style="text-align:center">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.40%20_4_.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px;margin-bottom:16px">
<h3 style="color:var(--primary-dark)">Екатерина</h3>
<p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Мастер игрушек</p>
<p>Вяжет adorable амигуруми для малышей.</p>
</div>
<div class="card reveal" style="text-align:center">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.40%20_5_.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px;margin-bottom:16px">
<h3 style="color:var(--primary-dark)">Анна</h3>
<p style="color:var(--gray-500);font-size:14px;margin-bottom:12px">Новичок клуба</p>
<p>Быстро растёт и радует результатами.</p>
</div>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.39.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.39%20_1_.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.39%20_2_.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.40.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.40%20_1_.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.40%20_2_.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.40%20_3_.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.40%20_4_.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px">
<img src="WhatsApp%20Image%202026-08-28%20at%2010.59.40%20_5_.jpeg" alt="Волонтёр" style="width:100%;height:250px;object-fit:cover;border-radius:12px">
</div>
</div>
</section>