|
<!DOCTYPE html> |
|
<html lang="bg"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<meta name="description" content="Първият учебен ден — фотографски пакети от Momenti Za Lenti Photography."> |
|
<title>Първият учебен ден | Momenti Za Lenti</title> |
|
<style> |
|
:root{--coral:#EF7B8C;--coral-dark:#D9687A;--blush:#F7BBC4;--cream:#FFF9F8;--paper:#FFF;--ink:#513C42;--muted:#806A70;--line:#F1D9DE;--soft:#FFF0F2}. |
|
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.page{min-height:100vh;display:flex;flex-direction:column}header{padding:18px 20px 0;text-align:center}.back{display:inline-flex;align-items:center;gap:7px;margin:0;padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}.back:hover{border-color:var(--blush);box-shadow:0 6px 18px rgba(239,123,140,.12)}main{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:34px 0 60px;flex:1}.hero{text-align:center;padding:10px 0 34px}.hero h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,6vw,58px);font-weight:400;line-height:1.08;letter-spacing:-.025em}.hero h2{margin:14px 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,4vw,32px);font-weight:400;color:var(--coral-dark)}.hero p{max-width:760px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.7}.intro{max-width:780px;margin:0 auto 34px;padding:18px 22px;background:var(--soft);border:1px solid var(--line);border-radius:18px;text-align:center;color:var(--ink);line-height:1.6}.table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px rgba(81,60,66,.06)}table{border-collapse:collapse;table-layout:auto;width:100%;min-width:980px;font-size:14px}th,td{padding:15px 14px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}thead th{background:var(--coral);color:#fff;font-weight:700;font-size:15px;line-height:1.35}thead th:first-child{border-top-left-radius:17px;text-align:left;min-width:245px}thead th:last-child{border-top-right-radius:17px}tbody tr:last-child td{border-bottom:0}tbody td:first-child{font-weight:600;text-align:left;background:#fffafb}tbody tr:nth-child(even) td{background:#fffdfd}tbody tr:nth-child(even) td:first-child{background:#fff7f8}.yes{color:var(--coral-dark);font-size:21px;font-weight:700}.no{color:#B8A9AD;font-size:20px}.price{font-size:16px;font-weight:800;color:var(--coral-dark);white-space:nowrap}.gift{color:var(--coral-dark);font-weight:700}.design-row td{padding-top:16px;padding-bottom:16px;background:#fff9fa!important}.design-row td:first-child{font-weight:700}.design-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:12px;background:var(--coral);color:#fff;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 6px 16px rgba(239,123,140,.16);white-space:nowrap}.design-button:hover{background:var(--coral-dark)}.note{margin:14px 4px 0;color:#9A7E84;font-size:12px;text-align:right}.bottom{text-align:center;margin-top:34px}.bottom a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 22px;border-radius:14px;background:var(--coral);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 8px 22px rgba(239,123,140,.18)}.bottom a:hover{background:var(--coral-dark)}footer{padding:24px;text-align:center;color:#A88D93;font-size:12px}@media(max-width:650px){ .table-wrap{ overflow-x:auto; overflow-y:visible; -webkit-overflow-scrolling:touch; touch-action:auto; cursor:grab; } .table-wrap:active{ cursor:grabbing; } main{ width:min(1120px,calc(100% - 24px)); padding-top:24px; } .hero p{ font-size:16px; } .intro{ font-size:15px; padding:16px; } .table-wrap{ border-radius:14px; } table{ font-size:13px; } th,td{ padding:12px 10px; } .note{ text-align:left; } .back{ font-size:13px; } .design-button{ font-size:12px; padding:9px 11px; } } |
|
</style> |
|
</head> |
|
<body><div class="page"><header><a class="back" href="index.html">← Към началната страница</a></header><main><section class="hero"><h1>ПЪРВИЯТ УЧЕБЕН ДЕН</h1><h2>Малък момент. Голям спомен. 💛</h2><p>Професионални снимки, създадени специално за първия учебен ден — с персонализиран дизайн за вашето училище или детска градина.</p></section><div class="intro">Изберете варианта, който най-добре отговаря на вашата организация — от бърза обща снимка до специално подготвен фото кът.</div><div class="table-wrap"><table><thead><tr><th aria-label=""> </th><th>📘 ПАКЕТ 1<br>Обща снимка</th><th>📖 ПАКЕТ 2<br>Обща + индивидуални</th><th>🎓 ПАКЕТ 3<br>Фото кът</th></tr></thead><tbody><tr><td>Име</td><td>Обща снимка</td><td>Обща + индивидуални</td><td>Фото кът</td></tr><tr><td>Кога?</td><td>Първият учебен ден</td><td>Вторият учебен ден</td><td>Първият учебен ден</td></tr><tr><td>Обща снимка на класа/групата</td><td class="yes">✓</td><td class="yes">✓</td><td class="no">—</td></tr><tr><td>Индивидуална снимка</td><td class="no">—</td><td class="yes">✓</td><td class="yes">✓</td></tr><tr><td>Снимка с приятелче / снимка с родител/родители</td><td class="no">—</td><td class="no">—</td><td class="yes">✓</td></tr><tr><td>Персонализиран дизайн</td><td class="yes">✓</td><td class="yes">✓</td><td class="yes">✓</td></tr><tr><td>Име на училище/детска градина</td><td class="yes">✓</td><td class="yes">✓</td><td class="yes">✓</td></tr><tr><td>Клас/група</td><td class="yes">✓</td><td class="yes">✓</td><td class="yes">✓</td></tr><tr><td>Дата</td><td class="yes">✓</td><td class="yes">✓</td><td class="yes">✓</td></tr><tr><td>Размер 10 × 15 см</td><td class="yes">✓</td><td class="yes">✓</td><td class="yes">✓</td></tr><tr><td>Цена</td><td class="price">4 € / снимка</td><td class="price">4 € / снимка</td><td class="price">4 € / снимка</td></tr><tr><td>🎁 Подарък за госпожите</td><td class="gift">2 общи снимки</td><td class="gift">2 общи снимки</td><td>—</td></tr><tr class="design-row"><td>Примерни персонализирани дизайни</td><td><a class="design-button" href="#">Виж дизайните</a></td><td><a class="design-button" href="#">Виж дизайните</a></td><td><a class="design-button" href="#">Виж дизайните</a></td></tr></tbody></table></div><p class="note">* Цените са посочени за една снимка.</p><div class="bottom"><a href="index.html">← Обратно към началната страница</a></div></main><footer>Momenti Za Lenti Photography</footer></div></body> |
|
</html> |