mrmo/caf-academy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finall update Sq

Browse Source
This commit is contained in:
Line INK
2026-08-17 00:13:39 +03:00
parent 7ad4970ede
commit 38bbaba630
180 changed files with 3879 additions and 396 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
page-blog.html
View File

@@ -16,8 +16,8 @@
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Poppins:wght@400;600;700;800&display=swap" rel="stylesheet">
<style>
:root{
--navy:#342B4A; /* deep purple — sampled from logo */
--navy-deep:#1C1730; /* deepest purple/black — from logo shadow tones */
--navy:#18253A; /* navy blue — sampled from the new logo */
--navy-deep:#071A38; /* deepest navy — from the new logo shield fill */
--orange:#B8923E; /* refined antique gold — brightened from logo for UI legibility */
--gold:#8F703A; /* raw brand gold — exact logo sample */
--gold-light:#E8D6A8; /* light gold tint for subtle fills */
@@ -70,20 +70,20 @@
/* ===== HEADER ===== */
header{
position:sticky;top:0;z-index:50;
background:rgba(247,249,252,.85);backdrop-filter:blur(10px);
border-bottom:1px solid rgba(11,36,71,.08);
background:rgba(24,37,58,.82);backdrop-filter:blur(10px);
border-bottom:1px solid rgba(255,255,255,.08);
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:78px;}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:19px;color:var(--navy);}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:19px;color:#fff;}
.logo-badge{
width:46px;height:46px;border-radius:10px;
background:var(--black);
width:60px;height:60px;border-radius:12px;
background:transparent;
display:flex;align-items:center;justify-content:center;overflow:hidden;
flex-shrink:0;
}
.logo-badge img{width:100%;height:100%;object-fit:contain;padding:2px;}
nav ul{display:flex;gap:34px;font-weight:600;font-size:15px;}
nav a{position:relative;color:var(--text);transition:color .2s;}
nav a{position:relative;color:#fff;transition:color .2s;}
nav a:hover{color:var(--orange);}
.header-cta{display:flex;align-items:center;gap:14px;}
.burger{display:none;}
@@ -94,7 +94,7 @@
background:
radial-gradient(1100px 500px at 85% -10%, rgba(255,107,53,.35), transparent 60%),
radial-gradient(900px 500px at -10% 110%, rgba(255,193,69,.22), transparent 60%),
linear-gradient(155deg, var(--navy-deep) 0%, var(--navy) 55%, #4A3D66 100%);
linear-gradient(155deg, var(--navy-deep) 0%, var(--navy) 55%, #2E4468 100%);
padding:96px 0 110px;
}
.hero::after{
@@ -168,7 +168,7 @@
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.about-visual{
aspect-ratio:1/1;border-radius:28px;
background:linear-gradient(160deg,var(--navy) 0%, #4A3D66 100%);
background:linear-gradient(160deg,var(--navy) 0%, #2E4468 100%);
position:relative;overflow:hidden;
display:flex;align-items:center;justify-content:center;
}
@@ -353,7 +353,7 @@
.desc-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;}
.desc-visual{
aspect-ratio:4/3;border-radius:24px;
background:linear-gradient(150deg, var(--navy) 0%, #4A3D66 100%);
background:linear-gradient(150deg, var(--navy) 0%, #2E4468 100%);
display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;
}
.desc-visual svg{width:34%;height:34%;color:rgba(255,255,255,.4);}
@@ -402,7 +402,7 @@
}
.coach-avatar{
width:100px;height:100px;border-radius:20px;flex-shrink:0;
background:linear-gradient(150deg,var(--navy),#4A3D66);
background:linear-gradient(150deg,var(--navy),#2E4468);
display:flex;align-items:center;justify-content:center;color:var(--orange);font-family:'Poppins';font-weight:800;font-size:26px;
}
.coach-card h4{font-size:19px;margin-bottom:4px;color:var(--navy);}
@@ -448,18 +448,18 @@
<header>
<div class="container nav-wrap">
<a href="homepage-prototype.html" class="logo"><span class="logo-badge"><img src="caf-logo.png" alt="شعار أكاديمية الكاف"></span> أكاديمية الكاف</a>
<a href="index.html" class="logo"><span class="logo-badge"><img src="caf-logo.png" alt="شعار أكاديمية الكاف"></span> أكاديمية الكاف الرياضية</a>
<nav>
<ul>
<li><a href="homepage-prototype.html#programs">البرامج</a></li>
<li><a href="index.html#programs">البرامج</a></li>
<li><a href="page-about.html">من نحن</a></li>
<li><a href="homepage-prototype.html#stats">إنجازاتنا</a></li>
<li><a href="homepage-prototype.html#testimonials">آراء الأهالي</a></li>
<li><a href="index.html#stats">إنجازاتنا</a></li>
<li><a href="index.html#testimonials">آراء الأهالي</a></li>
<li><a href="#contact">تواصل</a></li>
</ul>
</nav>
<div class="header-cta">
<a href="#contact" class="btn btn-outline" style="color:var(--navy);border-color:rgba(11,36,71,.3);">اتصل بنا</a>
<a href="#contact" class="btn btn-outline">اتصل بنا</a>
<a href="#trial" class="btn btn-primary">حجز حصة تجريبية</a>
</div>
</div>
@@ -467,7 +467,7 @@
<div class="breadcrumb">
<div class="container">
<a href="homepage-prototype.html">الرئيسية</a><span class="sep">/</span><span class="current">المدونة</span>
<a href="index.html">الرئيسية</a><span class="sep">/</span><span class="current">المدونة</span>
</div>
</div>
<section class="program-banner">
@@ -487,7 +487,7 @@
<p class="section-lead" style="margin-inline:auto;">لحين إطلاق المدونة، يسعد فريقنا بالإجابة عن أي سؤال يخص برامجنا التدريبية عبر واتساب أو الهاتف.</p>
<div style="display:flex;gap:16px;justify-content:center;flex-wrap:wrap;">
<a href="https://wa.me/966559695266" class="btn btn-navy" target="_blank" rel="noopener">تواصل عبر واتساب</a>
<a href="homepage-prototype.html#programs" class="btn btn-outline" style="color:var(--navy);border-color:rgba(11,36,71,.3);">تصفح البرامج</a>
<a href="index.html#programs" class="btn btn-outline" style="color:var(--navy);border-color:rgba(11,36,71,.3);">تصفح البرامج</a>
</div>
</div>
</section>
@@ -497,7 +497,7 @@
<div class="final-cta reveal">
<h2>ابدأ رحلة طفلك الرياضية اليوم</h2>
<p>احجز حصة تجريبية مجانية والتقِ بمدربينا قبل أي التزام.</p>
<a href="homepage-prototype.html#trial" class="btn btn-navy" style="background:#fff;color:var(--orange);">احجز حصة تجريبية مجانية ←</a>
<a href="index.html#trial" class="btn btn-navy" style="background:#fff;color:var(--orange);">احجز حصة تجريبية مجانية ←</a>
</div>
</div>
</section>
@@ -513,7 +513,7 @@
<div class="footer-col">
<h5>روابط سريعة</h5>
<ul>
<li><a href="homepage-prototype.html#programs">البرامج التدريبية</a></li>
<li><a href="index.html#programs">البرامج التدريبية</a></li>
<li><a href="page-about.html">من نحن</a></li>
<li><a href="page-pricing.html">الباقات والأسعار</a></li>
<li><a href="page-blog.html">المدونة</a></li>