add edit ehe finall
This commit is contained in:
Line INK
138
index.html
138
index.html
@@ -181,6 +181,24 @@
|
||||
display:flex;align-items:center;justify-content:center;
|
||||
}
|
||||
.about-visual .quote{color:#fff;text-align:center;padding:40px;font-weight:800;font-size:24px;position:relative;z-index:2;}
|
||||
|
||||
/* ===== MANIFESTO ===== */
|
||||
.manifesto{
|
||||
background:
|
||||
radial-gradient(900px 400px at 15% 0%, rgba(184,146,62,.16), transparent 60%),
|
||||
linear-gradient(155deg, var(--navy-deep) 0%, var(--navy) 100%);
|
||||
padding:80px 0;text-align:center;position:relative;overflow:hidden;
|
||||
}
|
||||
.manifesto-lead{color:#fff;font-weight:800;font-size:clamp(22px,3.2vw,32px);line-height:1.7;margin-bottom:40px;}
|
||||
.manifesto-lead .dim{display:block;color:rgba(255,255,255,.6);font-size:.72em;font-weight:700;margin-bottom:6px;}
|
||||
.manifesto-pillars{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;}
|
||||
.manifesto-pillar{color:rgba(255,255,255,.88);font-weight:700;font-size:15px;display:flex;align-items:center;gap:10px;}
|
||||
.manifesto-pillar .num{
|
||||
font-family:'Poppins',sans-serif;color:var(--orange);font-weight:800;font-size:13px;
|
||||
border:1px solid rgba(184,146,62,.5);border-radius:50%;width:26px;height:26px;
|
||||
display:flex;align-items:center;justify-content:center;flex-shrink:0;
|
||||
}
|
||||
@media(max-width:700px){.manifesto-pillars{flex-direction:column;gap:16px;}}
|
||||
.about-visual::before{
|
||||
content:"";position:absolute;width:340px;height:340px;border-radius:50%;
|
||||
border:1px dashed rgba(255,255,255,.25);top:50%;left:50%;transform:translate(-50%,-50%);
|
||||
@@ -259,8 +277,6 @@
|
||||
.achievements-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:52px;}
|
||||
.achievements-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;box-shadow:0 20px 40px -18px rgba(0,0,0,.5);transition:transform .3s ease;}
|
||||
.achievements-grid img:hover{transform:translateY(-6px);}
|
||||
.review-shots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;}
|
||||
.review-shots-grid img{width:100%;border-radius:14px;box-shadow:0 16px 32px -18px rgba(11,36,71,.35);border:1px solid rgba(11,36,71,.07);}
|
||||
.testi-card{background:#fff;border-radius:var(--radius);padding:28px;border:1px solid rgba(11,36,71,.07);}
|
||||
.stars{color:var(--gold);font-size:15px;letter-spacing:2px;margin-bottom:14px;}
|
||||
.testi-card p.txt{font-size:14.5px;color:var(--text);margin-bottom:20px;}
|
||||
@@ -292,7 +308,9 @@
|
||||
.footer-col h5{color:#fff;font-size:15px;margin-bottom:16px;}
|
||||
.footer-col ul{display:grid;gap:10px;font-size:13.5px;}
|
||||
.footer-col ul a:hover{color:var(--gold);}
|
||||
.footer-logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:900;font-size:18px;margin-bottom:14px;}
|
||||
.footer-logo{display:block;text-align:right;color:#fff;font-weight:900;font-size:19px;margin-bottom:10px;}
|
||||
.footer-logo .logo-badge{display:inline-block;width:150px;height:150px;max-width:100%;border-radius:16px;margin-bottom:6px;}
|
||||
.footer-logo span{display:block;text-align:right;}
|
||||
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;justify-content:space-between;font-size:12.5px;flex-wrap:wrap;gap:10px;}
|
||||
|
||||
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s ease;}
|
||||
@@ -303,14 +321,14 @@
|
||||
.hero-grid{grid-template-columns:1fr;}
|
||||
.hero-visual{height:260px;}
|
||||
.about-grid{grid-template-columns:1fr;}
|
||||
.programs-grid, .why-grid, .testi-grid, .review-shots-grid{grid-template-columns:1fr 1fr;}
|
||||
.programs-grid, .why-grid, .testi-grid{grid-template-columns:1fr 1fr;}
|
||||
.achievements-grid{grid-template-columns:repeat(3,1fr);}
|
||||
.footer-grid{grid-template-columns:1fr 1fr;}
|
||||
.stats-path{flex-wrap:wrap;gap:26px;}
|
||||
.stats-path::before{display:none;}
|
||||
}
|
||||
@media (max-width:600px){
|
||||
.programs-grid, .why-grid, .testi-grid, .footer-grid, .review-shots-grid{grid-template-columns:1fr;}
|
||||
.programs-grid, .why-grid, .testi-grid, .footer-grid{grid-template-columns:1fr;}
|
||||
.achievements-grid{grid-template-columns:repeat(2,1fr);}
|
||||
.hero{padding:64px 0 80px;}
|
||||
.final-cta{padding:44px 24px;margin:0;}
|
||||
@@ -348,7 +366,7 @@
|
||||
<section class="hero">
|
||||
<div class="container hero-grid">
|
||||
<div>
|
||||
<div class="hero-eyebrow"><span class="dot"></span> حي القدس، الرياض · تدريب معتمد للأعمار 4–16 سنة</div>
|
||||
<div class="hero-eyebrow"><span class="dot"></span> حي القدس، الرياض · تدريب معتمد للأعمار 4–50 سنة</div>
|
||||
<h1>نصنع <em>أبطال الغد</em>،<br>بخطوة اليوم</h1>
|
||||
<p class="lead">أحد عشر برنامجًا رياضيًا لطفلك وللعائلة: كرة القدم، السباحة، الكاراتيه، التايكوندو، الجمباز، الكيك بوكسينغ، المواي تاي، كرة السلة، التدريب الشخصي، وبرنامج ذوي الهمم — بإشراف مدربين متخصصين وبيئة آمنة ومحفزة.</p>
|
||||
<div class="hero-actions">
|
||||
@@ -357,7 +375,7 @@
|
||||
</div>
|
||||
<div class="hero-meta">
|
||||
<div><span class="n">11</span><span class="l">برامج رياضية</span></div>
|
||||
<div><span class="n">4–16</span><span class="l">الفئة العمرية</span></div>
|
||||
<div><span class="n">4–50</span><span class="l">الفئة العمرية</span></div>
|
||||
<div><span class="n">3</span><span class="l">حصص أسبوعيًا</span></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -388,6 +406,20 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="manifesto">
|
||||
<div class="container">
|
||||
<p class="manifesto-lead">
|
||||
<span class="dim">نحن لا نُدير حصصاً</span>
|
||||
نبني عقلية بطل منذ الحصة الأولى
|
||||
</p>
|
||||
<div class="manifesto-pillars">
|
||||
<div class="manifesto-pillar"><span class="num">1</span> الانضباط قبل الموهبة</div>
|
||||
<div class="manifesto-pillar"><span class="num">2</span> المنهج قبل الحماس</div>
|
||||
<div class="manifesto-pillar"><span class="num">3</span> والنتائج تُقاس، لا تُقال</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="about">
|
||||
<div class="container about-grid">
|
||||
<div class="reveal">
|
||||
@@ -571,6 +603,10 @@
|
||||
<img src="images/achievements/3.webp" alt="من إنجازات أكاديمية الكاف الرياضية" loading="lazy" class="reveal">
|
||||
<img src="images/achievements/4.webp" alt="من إنجازات أكاديمية الكاف الرياضية" loading="lazy" class="reveal">
|
||||
<img src="images/achievements/5.webp" alt="من إنجازات أكاديمية الكاف الرياضية" loading="lazy" class="reveal">
|
||||
<img src="images/achievements/6.webp" alt="من إنجازات أكاديمية الكاف الرياضية" loading="lazy" class="reveal">
|
||||
<img src="images/achievements/7.webp" alt="من إنجازات أكاديمية الكاف الرياضية" loading="lazy" class="reveal">
|
||||
<img src="images/achievements/8.webp" alt="من إنجازات أكاديمية الكاف الرياضية" loading="lazy" class="reveal">
|
||||
<img src="images/achievements/9.webp" alt="من إنجازات أكاديمية الكاف الرياضية" loading="lazy" class="reveal">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -605,14 +641,78 @@
|
||||
<div><div class="name">Habeeb Ahmed</div><div class="role">ولي أمر — السباحة وكرة القدم</div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="review-shots-grid">
|
||||
<img src="images/review/1.webp" alt="تقييم عميل على خرائط جوجل" loading="lazy" class="reveal">
|
||||
<img src="images/review/2.webp" alt="تقييم عميل على خرائط جوجل" loading="lazy" class="reveal">
|
||||
<img src="images/review/3.webp" alt="تقييم عميل على خرائط جوجل" loading="lazy" class="reveal">
|
||||
<img src="images/review/4.webp" alt="تقييم عميل على خرائط جوجل" loading="lazy" class="reveal">
|
||||
<img src="images/review/5.webp" alt="تقييم عميل على خرائط جوجل" loading="lazy" class="reveal">
|
||||
<img src="images/review/6.webp" alt="تقييم عميل على خرائط جوجل" loading="lazy" class="reveal">
|
||||
<div class="testi-card reveal">
|
||||
<div class="stars">★★★★★</div>
|
||||
<p class="txt">"انصح بشدة بالأكاديمية والأخص تدريب الكاراتية والكيك بوكسينج مع الكوتش احمد حبيب، عنده خبرة كبيرة في مجال الدفاع عن النفس وراقي في التعامل مع الأطفال."</p>
|
||||
<div class="testi-person">
|
||||
<div class="avatar" style="background:var(--orange);">M.A</div>
|
||||
<div><div class="name">Moamn Ahmed</div><div class="role">ولي أمر — الكاراتيه والكيك بوكسينغ</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testi-card reveal">
|
||||
<div class="stars">★★★★★</div>
|
||||
<p class="txt">"ما شاء الله رائعين وتعامل طيب، والكابتن أحمد حبيب مدرب البوكسينج كثير رائع ومبدع، أولادي معهم من 3 سنين قدم وسباحة وبوكسينج."</p>
|
||||
<div class="testi-person">
|
||||
<div class="avatar" style="background:var(--navy);">F.C</div>
|
||||
<div><div class="name">fun time channel</div><div class="role">ولي أمر — كرة القدم والسباحة والكيك بوكسينغ</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testi-card reveal">
|
||||
<div class="stars">★★★★★</div>
|
||||
<p class="txt">"من أفضل المدربين في الأكاديمية، وتدربت معه مواي تاي وكيك بوكسينج، كابتن أحمد حبيب المدرب الأفضل."</p>
|
||||
<div class="testi-person">
|
||||
<div class="avatar" style="background:#8F703A;">B</div>
|
||||
<div><div class="name">Basto</div><div class="role">متدرب — المواي تاي والكيك بوكسينغ</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testi-card reveal">
|
||||
<div class="stars">★★★★★</div>
|
||||
<p class="txt">"كوتش أحمد عالمي في التدريب وبناء الشخصيات، ماشاء الله النتيجة ممتازة، ومع الوقت بيطلع ابنك واثق من نفسه وعنده حضور قوي."</p>
|
||||
<div class="testi-person">
|
||||
<div class="avatar" style="background:#B8923E;">H.H</div>
|
||||
<div><div class="name">H Halabi</div><div class="role">ولي أمر — أكاديمية الكاف</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testi-card reveal">
|
||||
<div class="stars">★★★★★</div>
|
||||
<p class="txt">"من أفضل النوادي في الرياض."</p>
|
||||
<div class="testi-person">
|
||||
<div class="avatar" style="background:var(--green);">B.M</div>
|
||||
<div><div class="name">Buthyna Mutaher</div><div class="role">ولي أمر — أكاديمية الكاف</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testi-card reveal">
|
||||
<div class="stars">★★★★★</div>
|
||||
<p class="txt">"الأكاديمية كويسة جدًا، والمدربين تعاملهم راقي مع الأطفال، والكابتن أحمد حبيب كتير شاطر ومتمرس في الكاراتيه، والأطفال بيحبوه جدًا."</p>
|
||||
<div class="testi-person">
|
||||
<div class="avatar" style="background:#2E4468;">Y</div>
|
||||
<div><div class="name">Yasmeen</div><div class="role">ولية أمر — الكاراتيه</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testi-card reveal">
|
||||
<div class="stars">★★★★★</div>
|
||||
<p class="txt">"مدربين ذوو كفاءة، والتحسّن واضح على أطفالي بالذات في الكيك بوكسينج والسباحة، جدًا مبدعين فيه."</p>
|
||||
<div class="testi-person">
|
||||
<div class="avatar" style="background:var(--orange);">S.M</div>
|
||||
<div><div class="name">Shoshy Mostafa</div><div class="role">ولية أمر — الكيك بوكسينغ والسباحة</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testi-card reveal">
|
||||
<div class="stars">★★★★★</div>
|
||||
<p class="txt">"المدرب أحمد حبيب ممتاز ومحترف في الملاكمة، وتعامله مع المتدربين رائع حيث يُعلّمهم خطوة بخطوة."</p>
|
||||
<div class="testi-person">
|
||||
<div class="avatar" style="background:var(--navy);">M.A</div>
|
||||
<div><div class="name">Mona Alharthy</div><div class="role">ولية أمر — الكيك بوكسينغ</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testi-card reveal">
|
||||
<div class="stars">★★★★★</div>
|
||||
<p class="txt">"سجلت أولادي بوكس وسباحة، والتعامل راقي جدًا، والمسبح نظيف والمدربين محترمين."</p>
|
||||
<div class="testi-person">
|
||||
<div class="avatar" style="background:#8F703A;">K.A</div>
|
||||
<div><div class="name">Khalaf Aboghazy</div><div class="role">ولي أمر — الكيك بوكسينغ والسباحة</div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -673,8 +773,8 @@
|
||||
<div class="container">
|
||||
<div class="footer-grid">
|
||||
<div class="footer-col">
|
||||
<div class="footer-logo"><span class="logo-badge"><img src="caf-logo.png" alt="شعار أكاديمية الكاف"></span> أكاديمية الكاف الرياضية</div>
|
||||
<p style="font-size:13.5px;"><a href="https://www.google.com/maps/search/?api=1&query=%D9%85%D8%AF%D8%A7%D8%B1%D8%B3+%D8%A7%D9%84%D8%AD%D8%B2%D9%85+%D8%A7%D9%84%D8%A3%D9%87%D9%84%D9%8A%D8%A9+%D8%AD%D9%8A+%D8%A7%D9%84%D9%82%D8%AF%D8%B3+%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6" target="_blank" rel="noopener" style="color:inherit;text-decoration:underline;">حي القدس – الرياض (مدارس الحزم الأهلية)</a></p>
|
||||
<div class="footer-logo"><span class="logo-badge"><img src="caf-logo.png" alt="شعار أكاديمية الكاف"></span><span>أكاديمية الكاف الرياضية</span></div>
|
||||
<p style="font-size:13.5px;">المملكة العربية السعودية، الرياض</p>
|
||||
<p style="font-size:13.5px;margin-top:6px;">"نصنع أبطال الغد، بخطوة اليوم"</p>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
@@ -702,8 +802,8 @@
|
||||
<li><a href="mailto:Contact@caf-academy.com">Contact@caf-academy.com</a></li>
|
||||
</ul>
|
||||
<div style="display:flex;gap:10px;margin-top:16px;">
|
||||
<a href="https://www.instagram.com/caf_sports2025" target="_blank" rel="noopener" aria-label="Instagram" style="width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:background .2s,color .2s;"><svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg></a>
|
||||
<a href="https://www.tiktok.com/@caf_sports2025" target="_blank" rel="noopener" aria-label="TikTok" style="width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:background .2s,color .2s;"><svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M16.5 3c.3 2.1 1.7 3.6 3.9 3.9v3c-1.3 0-2.6-.4-3.7-1.2v6.4a5.7 5.7 0 1 1-5.7-5.7c.2 0 .5 0 .7.1v3.1a2.6 2.6 0 1 0 1.8 2.5V3h3z"/></svg></a>
|
||||
<a href="https://www.instagram.com/caf_academy_?igsi=aDZmaTlhZmttd3E3" target="_blank" rel="noopener" aria-label="Instagram" style="width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:background .2s,color .2s;"><svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg></a>
|
||||
<a href="https://www.tiktok.com/@caf_academy?_r=1&_t=ZS-98y2YmrQpY8" target="_blank" rel="noopener" aria-label="TikTok" style="width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:background .2s,color .2s;"><svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M16.5 3c.3 2.1 1.7 3.6 3.9 3.9v3c-1.3 0-2.6-.4-3.7-1.2v6.4a5.7 5.7 0 1 1-5.7-5.7c.2 0 .5 0 .7.1v3.1a2.6 2.6 0 1 0 1.8 2.5V3h3z"/></svg></a>
|
||||
<a href="https://www.snapchat.com/add/alsahari_2025" target="_blank" rel="noopener" aria-label="Snapchat" style="width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:background .2s,color .2s;"><svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M12 2c3 0 4.7 2.3 4.8 5 0 1 0 2 .1 2.4.2.3.9.4 1.4.2.4-.1.9 0 1 .5.1.5-.2.9-.7 1.1-.3.1-.8.3-.8.6 0 .5.9 1.7 2.4 2.1.3.1.5.4.4.7-.2.7-1.4 1-2.2 1.1-.1.3-.2.7-.3 1-.1.3-.4.4-.7.4-.5 0-1-.1-1.6-.1-.9 0-1.4.6-2.9.6s-2-.6-2.9-.6c-.6 0-1.1.1-1.6.1-.3 0-.6-.1-.7-.4-.1-.3-.2-.7-.3-1-.8-.1-2-.4-2.2-1.1-.1-.3.1-.6.4-.7 1.5-.4 2.4-1.6 2.4-2.1 0-.3-.5-.5-.8-.6-.5-.2-.8-.6-.7-1.1.1-.5.6-.6 1-.5.5.2 1.2.1 1.4-.2.1-.4.1-1.4.1-2.4C7.3 4.3 9 2 12 2z"/></svg></a>
|
||||
<a href="https://www.facebook.com/share/18RGgydYWL/" target="_blank" rel="noopener" aria-label="Facebook" style="width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:background .2s,color .2s;"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a>
|
||||
<a href="https://www.youtube.com/@cafacademy" target="_blank" rel="noopener" aria-label="YouTube" style="width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:background .2s,color .2s;"><svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="2"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon></svg></a>
|
||||
|
||||
Reference in New Issue
Block a user