layout: описания под фотографиями
This commit is contained in:
parent
2040eb8e4c
commit
2294f3e118
16
index.html
16
index.html
@ -78,15 +78,9 @@ tr:hover{background:var(--gray-100)}
|
|||||||
<h2 class="reveal">👶 Для малышей</h2>
|
<h2 class="reveal">👶 Для малышей</h2>
|
||||||
<p class="reveal" style="text-align:center;max-width:700px;margin:0 auto 40px;font-size:18px">Мы вяжем тёплые вещи для недоношенных детей и передаём их в перинатальный центр Уральска</p>
|
<p class="reveal" style="text-align:center;max-width:700px;margin:0 auto 40px;font-size:18px">Мы вяжем тёплые вещи для недоношенных детей и передаём их в перинатальный центр Уральска</p>
|
||||||
|
|
||||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px">
|
|
||||||
<img src="WhatsApp%20Image%202026-08-18%20at%2011.58.18.jpeg" alt="Наш малыш" style="width:100%;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1)">
|
|
||||||
<img src="WhatsApp%20Image%202026-08-14%20at%2023.19.59.jpeg" alt="Наш малыш" style="width:100%;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1)">
|
|
||||||
<img src="https://loremflickr.com/300/300/premature,baby" alt="Недоношенный малыш" style="width:100%;height:300px;object-fit:cover;border-radius:12px">
|
|
||||||
<img src="https://loremflickr.com/300/300/newborn,tiny" alt="Крошечные ручки" style="width:100%;height:300px;object-fit:cover;border-radius:12px">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="grid">
|
<div class="grid">
|
||||||
<div class="card reveal" style="background:#FFF5F9">
|
<div class="card reveal" style="background:#FFF5F9">
|
||||||
|
<img src="https://loremflickr.com/300/300/premature,baby" alt="Недоношенный малыш" style="width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:16px">
|
||||||
<h3 style="color:#D63384">🧢 Шапочки для новорождённых</h3>
|
<h3 style="color:#D63384">🧢 Шапочки для новорождённых</h3>
|
||||||
<p><strong>Размеры:</strong> 30-32 см (для веса 1-2 кг), 34-36 см (для веса 2-3 кг)</p>
|
<p><strong>Размеры:</strong> 30-32 см (для веса 1-2 кг), 34-36 см (для веса 2-3 кг)</p>
|
||||||
<p><strong>Материалы:</strong> гипоаллергенная пряжа из мериноса, альпака, детский хлопок</p>
|
<p><strong>Материалы:</strong> гипоаллергенная пряжа из мериноса, альпака, детский хлопок</p>
|
||||||
@ -95,6 +89,7 @@ tr:hover{background:var(--gray-100)}
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card reveal" style="background:#F0F7FF">
|
<div class="card reveal" style="background:#F0F7FF">
|
||||||
|
<img src="https://loremflickr.com/300/300/newborn,tiny" alt="Крошечные ручки" style="width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:16px">
|
||||||
<h3 style="color:#0066CC">🧦 Носочки для крошек</h3>
|
<h3 style="color:#0066CC">🧦 Носочки для крошек</h3>
|
||||||
<p><strong>Размеры:</strong> 5-7 см стопа (для веса 1-2 кг), 8-10 см (для веса 2-3 кг)</p>
|
<p><strong>Размеры:</strong> 5-7 см стопа (для веса 1-2 кг), 8-10 см (для веса 2-3 кг)</p>
|
||||||
<p><strong>Материалы:</strong> специальная носочная пряжа для детей, шерсть мериноса</p>
|
<p><strong>Материалы:</strong> специальная носочная пряжа для детей, шерсть мериноса</p>
|
||||||
@ -103,6 +98,7 @@ tr:hover{background:var(--gray-100)}
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card reveal" style="background:#FFF8E6">
|
<div class="card reveal" style="background:#FFF8E6">
|
||||||
|
<img src="https://loremflickr.com/300/300/baby,incubator" alt="Малыш в кювезе" style="width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:16px">
|
||||||
<h3 style="color:#CC8800">🧤 Царапки-варежки</h3>
|
<h3 style="color:#CC8800">🧤 Царапки-варежки</h3>
|
||||||
<p><strong>Размер:</strong> универсальный для новорождённых</p>
|
<p><strong>Размер:</strong> универсальный для новорождённых</p>
|
||||||
<p><strong>Материалы:</strong> тонкий хлопок, бамбуковая пряжа</p>
|
<p><strong>Материалы:</strong> тонкий хлопок, бамбуковая пряжа</p>
|
||||||
@ -111,6 +107,7 @@ tr:hover{background:var(--gray-100)}
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card reveal" style="background:#F5FFF5">
|
<div class="card reveal" style="background:#F5FFF5">
|
||||||
|
<img src="https://loremflickr.com/300/300/infant,small" alt="Спящий малыш" style="width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:16px">
|
||||||
<h3 style="color:#228B22">👕 Боди-пеленки</h3>
|
<h3 style="color:#228B22">👕 Боди-пеленки</h3>
|
||||||
<p><strong>Размеры:</strong> 44-50 (для веса 1-2 кг), 52-56 (для веса 2-3 кг)</p>
|
<p><strong>Размеры:</strong> 44-50 (для веса 1-2 кг), 52-56 (для веса 2-3 кг)</p>
|
||||||
<p><strong>Материалы:</strong> детский хлопок с добавлением шёлка для терморегуляции</p>
|
<p><strong>Материалы:</strong> детский хлопок с добавлением шёлка для терморегуляции</p>
|
||||||
@ -119,6 +116,11 @@ tr:hover{background:var(--gray-100)}
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div style="text-align:center;margin:40px 0">
|
||||||
|
<img src="WhatsApp%20Image%202026-08-18%20at%2011.58.18.jpeg" alt="Наш малыш" style="width:100%;max-width:400px;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);margin:10px">
|
||||||
|
<img src="WhatsApp%20Image%202026-08-14%20at%2023.19.59.jpeg" alt="Наш малыш" style="width:100%;max-width:400px;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);margin:10px">
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="card reveal" style="margin-top:32px;background:var(--primary-light)">
|
<div class="card reveal" style="margin-top:32px;background:var(--primary-light)">
|
||||||
<h3 style="color:var(--primary-dark)">💜 Как помочь?</h3>
|
<h3 style="color:var(--primary-dark)">💜 Как помочь?</h3>
|
||||||
<ul style="margin-left:20px">
|
<ul style="margin-left:20px">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user