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

No commits in common. "77e5ae75cb7bf88e593538fe0a77de4ec316ad14" and "d1c34decc58f7591790ee7a4e2682613304e5156" have entirely different histories.
77e5ae75cb ... d1c34decc5

1 changed files with 7 additions and 12 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"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Клуб вязания 28 петель — Уральск</title> <title>Клуб вязания 28 петель — Уральск</title>
<link rel="preconnect" href="https://fonts.googleapis.com"> <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&family=Cormorant+Garamond:ital,wght@1,400;1,600&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&family=Unbounded:wght@700&display=swap" rel="stylesheet">
<style> <style>
:root{ :root{
--primary: #9B7EBD; --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)} 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} .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{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 'Cormorant Garamond',cursive,s-serif;margin-bottom:24px} .hero h1{font:700 clamp(36px,6vw,56px)/1.1 'Unbounded',sans-serif;margin-bottom:24px}
.hero p{font-size:20px;color:var(--primary-light);max-width:600px;margin:0 auto 32px} .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{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)} .btn:hover{transform:translateY(-2px)}
@ -50,17 +50,12 @@ tr:hover{background:var(--gray-100)}
<body> <body>
<section class="hero"> <section class="hero">
<div style="max-width:900px;margin:0 auto;text-align:center"> <div style="max-width:800px;margin:0 auto">
<h1 style="display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap"> <h1>28 петель</h1>
<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"> <a class="btn" href="#babies">Наши проекты</a>
<a class="btn" href="#history">История клуба</a> <div style="margin-top:40px">
<a class="btn" href="#babies">Для малышей</a> <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)">
<a class="btn" href="#team">Наши волонтёры</a>
<a class="btn" href="#contacts">Контакты</a>
</div> </div>
</div> </div>
</section> </section>