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:d1c34decc58f7591790ee7a4e2682613304e5156
Branches Tags
Natalya.S:main
Natalya.S:pages
...
compare: Natalya.S:77e5ae75cb7bf88e593538fe0a77de4ec316ad14
Branches Tags
Natalya.S:main
Natalya.S:pages

3 Commits
d1c34decc5 ... 77e5ae75cb

Author SHA1 Message Date
Natalya.S
77e5ae75cb fonts: красивый курсивный шрифт для заголовка 2026-08-28 05:50:51 +00:00
Natalya.S
4158d04f3c hero: лого перед названием 2026-08-28 05:49:52 +00:00
Natalya.S
f97c36372c nav: кликабельные кнопки навигации в hero 2026-08-28 05:48:43 +00:00
1 changed files with 12 additions and 7 deletions
Show Stats Expand all files Collapse all files

19
index.html
View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Клуб вязания 28 петель — Уральск</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&family=Unbounded:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&family=Unbounded:wght@700&family=Cormorant+Garamond:ital,wght@1,400;1,600&display=swap" rel="stylesheet">
<style>
:root{
--primary: #9B7EBD;
@ -21,7 +21,7 @@
body{font:17px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white)}
.container{max-width:1140px;margin:0 auto;padding:80px 24px}
.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:100px 24px;text-align:center}
.hero h1{font:700 clamp(36px,6vw,56px)/1.1 'Unbounded',sans-serif;margin-bottom:24px}
.hero h1{font:700 clamp(36px,6vw,56px)/1.1 'Cormorant Garamond',cursive,s-serif;margin-bottom:24px}
.hero p{font-size:20px;color:var(--primary-light);max-width:600px;margin:0 auto 32px}
.btn{display:inline-block;background:var(--white);color:var(--primary-dark);padding:14px 28px;border-radius:8px;font-weight:700;text-decoration:none;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
@ -50,12 +50,17 @@ tr:hover{background:var(--gray-100)}
<body>
<section class="hero">
<div style="max-width:800px;margin:0 auto">
<h1>28 петель</h1>
<div style="max-width:900px;margin:0 auto;text-align:center">
<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>
<a class="btn" href="#babies">Наши проекты</a>
<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 style="display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px">
<a class="btn" href="#history">История клуба</a>
<a class="btn" href="#babies">Для малышей</a>
<a class="btn" href="#team">Наши волонтёры</a>
<a class="btn" href="#contacts">Контакты</a>
</div>
</div>
</section>