PageSourceSearch

https://cf.org.sa/news/atlak-mbadr-altmkyn-alrkmy-GlxLG

html cf.org.sa collected 2026-10-03 18:13:35 UTC 25,114 bytes, 476 lines download raw bytes

1<!doctype html>
2<html lang="ar" dir="rtl">
3
4<head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <title>إطلاق مبادرة التمكين الرقمي</title>
8    <meta name="description" content="مبادرة تهدف إلى تمكين الجهات الأهلية من استخدام التكنولوجيا.">
9
10    <!-- Google Fonts -->
11    <link rel="preconnect" href="https://fonts.googleapis.com">
12    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
13    <link href="https://fonts.googleapis.com/css2?family=Doran:wght@400;600;700&display=swap" rel="stylesheet">
14    <!-- Font Awesome 6 (CSS) -->
15<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
16<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
17
18    
19    <!-- CSS -->
20    <link rel="stylesheet" href="https://cf.org.sa/sfc/css/bootstrap.rtl.min.css">
21    <link rel="stylesheet" href="https://cf.org.sa/sfc/css/style.css">
22    <link rel="stylesheet" href="https://cf.org.sa/sfc/css/style-responsive.css">
23    <link rel="stylesheet" href="https://cf.org.sa/sfc/css/animate.min.css">
24    <link rel="stylesheet" href="https://cf.org.sa/sfc/css/vertical-rhythm.min.css">
25    <link rel="stylesheet" href="https://cf.org.sa/sfc/css/owl.carousel.css">
26    <link rel="stylesheet" href="https://cf.org.sa/sfc/css/magnific-popup.css">
27    <link rel="stylesheet" href="https://cf.org.sa/sfc/css/splitting.css">
28    <link rel="stylesheet" href="https://cf.org.sa/sfc/css/ngo-theme.css?v=1782568705">
29
30
31    <!-- <link rel="stylesheet" href="https://cf.org.sa/sfc/css/owl.theme.css">
32    <link rel="stylesheet" href="https://cf.org.sa/sfc/css/owl.transitions.css">
33    <link rel="stylesheet" href="https://cf.org.sa/sfc/rs-plugin/css/settings.css"> -->
34
35
36    <style>
37        :root {
38            --lavender: #7D86F3;
39            --darkgreen: #19351F;
40            --skyblue: #E0EBF4;
41            --pistachio: #E1F7C8;
42            --crystal: #FFFFFF;
43            --mov: #4B006E; /* الموف */
44        }
45
46        a {
47            color: var(--lavender);
48        }
49
50        .btn-primary {
51            background: var(--lavender);
52            border-color: var(--lavender);
53        }
54
55        .btn-primary:hover {
56            background: var(--darkgreen);
57            border-color: var(--darkgreen);
58        }
59
60        h1,
61        h2,
62        h3,
63        h4,
64        h5,
65        h6 {
66            color: var(--darkgreen);
67        }
68
69        /* Ensure navbar is always above hero overlays */
70        .navbar-custom {
71            position: fixed;
72            top: 0;
73            left: 0;
74            right: 0;
75            z-index: 2000;
76            background: rgba(0, 0, 0, 0) !important; /* شفاف */
77            transition: background-color .3s ease, box-shadow .3s ease, padding .3s ease;
78            padding: 15px 0;
79        }
80
81        /* White links on transparent header */
82        .navbar-custom .inner-nav a,
83        .navbar-custom .mobile-nav {
84            color: #fff !important;
85            text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
86        }
87        .navbar-custom .inner-nav a:hover { 
88            color: #FFD700 !important; 
89            text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
90        }
91
92        /* Solid purple when scrolled */
93        .navbar-custom.navbar-scrolled {
94            background: var(--mov) !important;
95            box-shadow: 0 6px 20px rgba(0,0,0,.25);
96            padding: 10px 0;
97        }
98
99        /* Keep nav text white after scroll */
100        .navbar-custom.navbar-scrolled .inner-nav a { 
101            color: #fff !important; 
102            text-shadow: none;
103        }
104        .navbar-custom.navbar-scrolled .inner-nav a:hover { 
105            color: #FFD700 !important; 
106        }
107
108        /* الحالة الافتراضية: شفاف فوق البانر */
109.main-nav.navbar-custom,
110.main-nav.navbar-custom.transparent,
111.main-nav.navbar-custom.js-transparent {
112  position: fixed;
113  top: 0; left: 0; right: 0;
114  z-index: 2000;
115  background: transparent !important;
116  box-shadow: none !important;
117  padding: 15px 0;
118  transition: background-color .3s ease, box-shadow .3s ease, padding .3s ease;
119}
120
121/* الروابط بيضاء فوق الخلفية الشفافة */
122.main-nav.navbar-custom .inner-nav a,
123.main-nav.navbar-custom .mobile-nav {
124  color: #fff !important;
125  text-shadow: 1px 1px 2px rgba(0,0,0,.5);
126}
127.main-nav.navbar-custom .inner-nav a:hover { color: #FFD700 !important; }
128
129/* بعد التمرير: موف + ظل */
130.main-nav.navbar-custom.navbar-scrolled {
131  background: #4B006E !important; /* الموف */
132  box-shadow: 0 6px 20px rgba(0,0,0,.25) !important;
133  padding: 10px 0;
134}
135
136/* نحافظ على لون النص أبيض بعد التمرير */
137.main-nav.navbar-custom.navbar-scrolled .inner-nav a { color: #fff !important; text-shadow: none; }
138.main-nav.navbar-custom.navbar-scrolled .inner-nav a:hover { color: #FFD700 !important; }
139
140    </style>
141</head>
142
143
144<body class="appear-animate">
145    
146    
146<script>
147        window.dataLayer = window.dataLayer || [];
148        function gtag(){dataLayer.push(arguments);}
149        gtag('consent', 'default', {
150            ad_storage: 'denied', analytics_storage: 'denied',
151            ad_user_data: 'denied', ad_personalization: 'denied'
152        });
153        try {
154            if (localStorage.getItem('cookie_consent') === 'accepted') {
155                gtag('consent', 'update', {
156                    ad_storage: 'granted', analytics_storage: 'granted',
157                    ad_user_data: 'granted', ad_personalization: 'granted'
158                });
159            }
160        } catch (e) {}
161    </script>
vendor: 86 bytes, lines 161-164
161
162
163            
164        <script async src="https://www.googletagmanager.com/gtag/js?id=
164G-EMZXDW99BJ
vendor: 20 bytes, lines 164-165
164"></script>
165        
165<script>
166            gtag('js', new Date());
167            gtag('config', "G-EMZXDW99BJ", { anonymize_ip: true });
168        </script>
168
169    
170    
171    <div id="cookie-consent" role="dialog" aria-label="إشعار الخصوصية"
172         style="display:none;position:fixed;inset-inline:16px;bottom:16px;z-index:9999;max-width:560px;margin-inline:auto;
173                background:#3E0048;color:#fff;border-radius:16px;padding:16px 20px;box-shadow:0 12px 40px rgba(0,0,0,.35);
174                font-family:'Doran',sans-serif;direction:rtl;text-align:right;">
175        <p style="margin:0 0 12px;font-size:14px;line-height:1.7;">
176            نستخدم ملفات تعريف الارتباط (الكوكيز) لتحليل الزيارات وتحسين تجربتك وفق نظام حماية البيانات الشخصية (PDPL).
177        </p>
178        <div style="display:flex;gap:8px;flex-wrap:wrap;">
179            <button type="button" id="cookie-accept"
180                    style="background:#E1F7C8;color:#19351F;border:0;border-radius:10px;padding:8px 18px;font-weight:700;cursor:pointer;">
181                موافق
182            </button>
183            <button type="button" id="cookie-reject"
184                    style="background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:10px;padding:8px 18px;cursor:pointer;">
185                رفض
186            </button>
187        </div>
188    </div>
189
190    
190<script>
191        (function () {
192            var banner = document.getElementById('cookie-consent');
193            if (!banner) return;
194            var choice = null;
195            try { choice = localStorage.getItem('cookie_consent'); } catch (e) {}
196            if (!choice) banner.style.display = 'block';
197
198            function decide(value) {
199                try { localStorage.setItem('cookie_consent', value); } catch (e) {}
200                banner.style.display = 'none';
201                if (value === 'accepted' && window.gtag) {
202                    gtag('consent', 'update', {
203                        ad_storage: 'granted', analytics_storage: 'granted',
204                        ad_user_data: 'granted', ad_personalization: 'granted'
205                    });
206                }
207            }
208            document.getElementById('cookie-accept').addEventListener('click', function () { decide('accepted'); });
209            document.getElementById('cookie-reject').addEventListener('click', function () { decide('rejected'); });
210        })();
211    </script>
211
212
213    
214            <style>
215        #ghuraf-intro{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;
216            background:radial-gradient(120% 120% at 50% 0%,#5e1583 0%,#4B006E 45%,#2e0044 100%);
217            opacity:1;transition:opacity .6s ease;direction:rtl;}
218        #ghuraf-intro.gi-out{opacity:0;pointer-events:none;}
219        #ghuraf-intro .gi-inner{display:flex;flex-direction:column;align-items:center;gap:18px;
220            animation:gi-pop .8s cubic-bezier(.2,.8,.2,1) both;}
221        #ghuraf-intro .gi-logo-wrap{width:104px;height:104px;border-radius:28px;background:rgba(255,255,255,.08);
222            display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px rgba(0,0,0,.3);}
223        #ghuraf-intro .gi-logo{width:64px;height:64px;object-fit:contain;}
224        #ghuraf-intro .gi-title{color:#fff;font-family:'Tajawal','Cairo',Tahoma,sans-serif;font-size:30px;font-weight:800;letter-spacing:.5px;}
225        #ghuraf-intro .gi-bar{width:170px;height:4px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden;}
226        #ghuraf-intro .gi-bar span{display:block;height:100%;width:0;border-radius:99px;background:#E1F7C8;animation:gi-fill 3s ease forwards;}
227        @keyframes gi-pop{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}
228        @keyframes gi-fill{from{width:0}to{width:100%}}
229    </style>
230    
230<script>
231        (function () {
232            var intro = document.getElementById('ghuraf-intro');
233            if (!intro) return;
234            try { if (sessionStorage.getItem('ghuraf_intro_shown')) { intro.remove(); return; } } catch (e) {}
235            var html = document.documentElement;
236            html.style.overflow = 'hidden';
237            setTimeout(function () {
238                intro.classList.add('gi-out');
239                html.style.overflow = '';
240                try { sessionStorage.setItem('ghuraf_intro_shown', '1'); } catch (e) {}
241                setTimeout(function () { if (intro && intro.parentNode) intro.remove(); }, 650);
242            }, 3000);
243        })();
244    </script>
244
245
246    <!-- Page Loader -->
247    <div class="page-loader">
248        <div class="loader">Loading...</div>
249    </div>
250    <!-- End Page Loader -->
251    
252   <nav class="main-nav transparent stick-fixed wow-menubar js-stick navbar-custom">
253    <div class="full-wrapper relative clearfix">
254        <div class="nav-logo-wrap local-scroll">
255            <a href="https://cf.org.sa" class="logo">
256                <img src="https://cf.org.sa/sfc/images/R/MainLogo.png" alt="logo" width="120">
257            </a>
258        </div>
259        <div class="mobile-nav"><i class="fa fa-bars"></i></div>
260        <div class="inner-nav desktop-nav">
261            <ul class="clearlist scroll-nav local-scroll">
262                <li><a href="https://cf.org.sa">الرئيسية</a></li>
263                <li><a href="#about">عن المؤسسة</a></li>
264                <li><a href="#board">   مجلس الأمناء </a></li>
265                <li><a href="#vision-mission">الرؤية والرسالة</a></li>
266                <li><a href="#Values">قيمنا</a></li>
267                <li><a href="#StrategicObjectives">الأهداف الإستراتيجية</a></li>
268                <li><a href="#KeyIssues">القضايا الأساسية</a></li>
269                <li><a href="#exec-projects">مشاريع التنفيذ</a></li>
270                <li><a href="#News">أخبار غرف</a></li>
271                <li><a href="#contact">تواصل</a></li>
272            </ul>
273        </div>
274    </div>
275</nav>
276
277    <main id="main">
278        
279        <section class="page-section ap-section" id="article-page">
280    <div class="container relative">
281        <div class="ap-wrap">
282            
283            <a href="https://cf.org.sa/news" class="ap-back">
284                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M13.5 4.5 21 12l-7.5 7.5M21 12H3"/></svg>
285                العودة إلى الأخبار
286            </a>
287
288            
289            <header class="ap-hero">
290                <img src="https://cf.org.sa/storage/news/vwcnxvsXDJN8mPI6mRLrKdfb9jahuduNgJvJw7uR.jpg" alt="إطلاق مبادرة التمكين الرقمي">
291                <div class="ap-hero-overlay"></div>
292                <div class="ap-hero-content">
293                    <div class="ap-hero-meta">
294                         <span class="ap-badge">أخبار غرف</span>                         <span class="ap-meta-inline">
295                            <span><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4.5" width="18" height="16" rx="2"/><path d="M3 9h18M8 3v3M16 3v3"/></svg>29 أغسطس 2025</span>
296                            <span><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>دقيقة للقراءة</span>
297                        </span>
298                    </div>
299                    <h1 class="ap-hero-title">إطلاق مبادرة التمكين الرقمي</h1>
300                </div>
301            </header>
302
303            <article class="ap-article">
304                
305                <div class="ap-author">
306                    <span class="ap-avatar">S</span>
307                    <span class="ap-author-info">
308                        <span class="ap-author-name">Super Admin</span>
309                        <span class="ap-author-role">المركز الإعلامي — مؤسسة غرف</span>
310                    </span>
311                </div>
312
313                <hr class="ap-sep">
314
315                
316                                    <p class="ap-lead">مبادرة تهدف إلى تمكين الجهات الأهلية من استخدام التكنولوجيا.</p>
317                                <div class="ap-body">
318                    <p>هذا نص تجريبي يوضح تفاصيل المبادرة وكيفية الاستفادة منها.</p>
319                </div>
320
321                <hr class="ap-sep">
322
323                
324                <div class="ap-share">
325                    <span class="ap-share-label">
326                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#4B006E" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><path d="m8.6 13.5 6.8 4M15.4 6.5l-6.8 4"/></svg>
327                        شارك الخبر
328                    </span>
329                    <span class="ap-share-btns">
330                        <a class="ap-share-btn" target="_blank" rel="noopener" aria-label="مشاركة على إكس" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fcf.org.sa%2Fnews%2Fatlak-mbadr-altmkyn-alrkmy-GlxLG&text=%D8%A5%D8%B7%D9%84%D8%A7%D9%82+%D9%85%D8%A8%D8%A7%D8%AF%D8%B1%D8%A9+%D8%A7%D9%84%D8%AA%D9%85%D9%83%D9%8A%D9%86+%D8%A7%D9%84%D8%B1%D9%82%D9%85%D9%8A">
331                            <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2H21.5l-7.5 8.57L22.5 22h-6.9l-4.6-6.02L5.6 22H2.34l8.02-9.17L1.5 2h7.07l4.16 5.5L18.244 2Zm-1.21 18h1.83L7.05 3.9H5.1L17.034 20Z"/></svg>
332                        </a>
333                        <a class="ap-share-btn" target="_blank" rel="noopener" aria-label="مشاركة على لينكدإن" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcf.org.sa%2Fnews%2Fatlak-mbadr-altmkyn-alrkmy-GlxLG">
334                            <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M4.98 3.5A2.5 2.5 0 1 0 5 8.5a2.5 2.5 0 0 0-.02-5ZM3 9.5h4V21H3V9.5Zm6 0h3.8v1.57h.05c.53-.95 1.83-1.95 3.77-1.95 4.03 0 4.78 2.65 4.78 6.1V21h-4v-5.1c0-1.22-.02-2.78-1.7-2.78-1.7 0-1.96 1.32-1.96 2.69V21H9V9.5Z"/></svg>
335                        </a>
336                        <button type="button" class="ap-share-btn" aria-label="نسخ الرابط" onclick="navigator.clipboard&&navigator.clipboard.writeText(window.location.href);this.classList.add('copied');var t=this;setTimeout(function(){t.classList.remove('copied')},1200);">
337                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M9 15a3 3 0 0 1 0-4l3-3a3 3 0 0 1 4 4l-1 1"/><path d="M15 9a3 3 0 0 1 0 4l-3 3a3 3 0 0 1-4-4l1-1"/></svg>
338                        </button>
339                    </span>
340                </div>
341            </article>
342
343            
344                    </div>
345    </div>
346</section>
347
348<style>
349/* الهيدر: موف ثابت على صفحات الأخبار (افتراضيًا شفاف فيختفي على الخلفية الفاتحة) */
350.main-nav.navbar-custom,
351.main-nav.navbar-custom.transparent,
352.main-nav.navbar-custom.js-transparent,
353.main-nav.navbar-custom.navbar-scrolled {
354    background:#4B006E !important;
355    box-shadow:0 6px 18px rgba(0,0,0,.18) !important;
356    padding:12px 0 !important;
357}
358.main-nav.navbar-custom .inner-nav a, .main-nav.navbar-custom .mobile-nav { color:#fff !important; text-shadow:none !important; }
359
360#article-page.ap-section { background:#f5f7fb; padding:clamp(120px,14vh,150px) 0 90px; direction:rtl; }
361#article-page .ap-wrap { max-width:900px; margin:0 auto; }
362#article-page .ap-back { display:inline-flex; align-items:center; gap:7px; color:#4B006E; font-weight:700; font-size:15px; text-decoration:none; margin-bottom:22px; }
363#article-page .ap-back:hover { color:#7D86F3; }
364
365#article-page .ap-hero { position:relative; border-radius:26px; overflow:hidden; box-shadow:0 12px 40px rgba(20,30,60,.12); }
366#article-page .ap-hero img { width:100%; height:clamp(260px,42vw,440px); object-fit:cover; display:block; }
367#article-page .ap-hero-overlay { position:absolute; inset:0; background:linear-gradient(to top,#19351F 0%,rgba(25,53,31,.55) 45%,transparent 100%); }
368#article-page .ap-hero-content { position:absolute; inset-inline:0; bottom:0; padding:clamp(20px,4vw,36px); }
369#article-page .ap-hero-meta { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-bottom:14px; }
370#article-page .ap-badge { background:#E1F7C8; color:#19351F; border-radius:999px; padding:5px 16px; font-size:13px; font-weight:700; }
371#article-page .ap-meta-inline { display:flex; flex-wrap:wrap; gap:16px; color:rgba(225,247,200,.92); font-size:13px; }
372#article-page .ap-meta-inline span { display:inline-flex; align-items:center; gap:6px; }
373#article-page .ap-hero-title { color:#fff; font-weight:800; font-size:clamp(22px,3.4vw,38px); line-height:1.35; margin:0; max-width:42ch; }
374
375#article-page .ap-article { margin-top:36px; }
376#article-page .ap-author { display:flex; align-items:center; gap:12px; }
377#article-page .ap-avatar { width:44px; height:44px; border-radius:50%; background:#7D86F3; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:16px; }
378#article-page .ap-author-info { display:flex; flex-direction:column; line-height:1.5; }
379#article-page .ap-author-name { color:#19351F; font-weight:700; font-size:15px; }
380#article-page .ap-author-role { color:#8a97a0; font-size:13px; }
381#article-page .ap-sep { border:0; border-top:1px solid #e6eaf1; margin:30px 0; }
382#article-page .ap-lead { color:#19351F; font-weight:600; font-size:19px; line-height:1.85; margin:0 0 18px; }
383#article-page .ap-body { color:#5f6b73; font-size:16px; line-height:2.05; }
384#article-page .ap-body p { margin:0 0 18px; }
385#article-page .ap-body h2,#article-page .ap-body h3 { color:#19351F; font-weight:800; margin:26px 0 12px; }
386#article-page .ap-body img { max-width:100%; height:auto; border-radius:14px; margin:14px 0; }
387#article-page .ap-body a { color:#4B006E; }
388
389#article-page .ap-share { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; }
390#article-page .ap-share-label { display:inline-flex; align-items:center; gap:8px; color:#19351F; font-weight:700; font-size:15px; }
391#article-page .ap-share-btns { display:flex; align-items:center; gap:10px; }
392#article-page .ap-share-btn { width:38px; height:38px; border-radius:50%; border:1px solid #e6eaf1; background:#fff; color:#8a97a0; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:.2s; text-decoration:none; }
393#article-page .ap-share-btn:hover { background:#f0f1f7; color:#4B006E; }
394#article-page .ap-share-btn.copied { background:#E1F7C8; color:#19351F; }
395
396#article-page .ap-related { margin-top:50px; }
397#article-page .ap-related-title { color:#19351F; font-weight:800; font-size:22px; margin:0 0 22px; text-align:right; }
398#article-page .ap-related-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
399#article-page .ap-rel-card { background:#fff; border:1px solid #eef1f6; border-radius:20px; overflow:hidden; box-shadow:0 6px 24px rgba(20,30,60,.05); display:flex; flex-direction:column; }
400#article-page .ap-rel-img { display:block; height:180px; }
401#article-page .ap-rel-img img { width:100%; height:100%; object-fit:cover; }
402#article-page .ap-rel-body { padding:18px 20px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; text-align:right; }
403#article-page .ap-badge-static { display:inline-block; }
404#article-page .ap-rel-h { color:#19351F; font-weight:800; font-size:17px; line-height:1.5; margin:0; }
405#article-page .ap-rel-h a { color:inherit; text-decoration:none; }
406#article-page .ap-rel-h a:hover { color:#4B006E; }
407#article-page .ap-rel-excerpt { color:#5f6b73; font-size:14px; line-height:1.8; margin:0; }
408
409@media (max-width:767px){
410    #article-page .ap-related-grid { grid-template-columns:1fr; }
411}
412</style>
413
414        
415    </main>
416    <footer class="">
417        <div class="container text-center">
418            <p class="mb-0">© 2026 مؤسسة غرف الأهلية - جميع الحقوق محفوظة</p>
419        </div>
420    </footer>
421   
421<script>
422  (function () {
423    const nav = document.querySelector('.main-nav.navbar-custom');
424    if (!nav) return;
425
426    function applyState() {
427      const scrolled = window.scrollY > 50;
428
429      // نثبّت كلاسنا
430      nav.classList.toggle('navbar-scrolled', scrolled);
431
432      // نلغي أي خلفية أو ظل حقنها القالب (أولوية inline أعلى من CSS)
433      if (!scrolled) {
434        nav.style.background = 'transparent';
435        nav.style.boxShadow  = 'none';
436      } else {
437        nav.style.background = '#4B006E';
438        nav.style.boxShadow  = '0 6px 20px rgba(0,0,0,.25)';
439      }
440    }
441
442    // طبّق الحالة عند التحميل وأثناء التمرير وتغيير المقاس
443    document.addEventListener('DOMContentLoaded', applyState);
444    window.addEventListener('load', applyState);
445    window.addEventListener('scroll', applyState, { passive: true });
446    window.addEventListener('resize', applyState);
447  })();
448</script>
448
449
450    <!-- Rhythm Evolution JS -->
451    
451<script src="https://cf.org.sa/sfc/js/jquery.min.js"></script>
451
452    
452<script src="https://cf.org.sa/sfc/js/jquery.easing.1.3.js"></script>
452
453    
453<script src="https://cf.org.sa/sfc/js/bootstrap.bundle.min.js"></script>
453
454    
454<script src="https://cf.org.sa/sfc/js/SmoothScroll.js"></script>
454
455    
455<script src="https://cf.org.sa/sfc/js/jquery.scrollTo.min.js"></script>
455
456    
456<script src="https://cf.org.sa/sfc/js/jquery.localScroll.min.js"></script>
456
457    
457<script src="https://cf.org.sa/sfc/js/jquery.viewport.mini.js"></script>
457
458    
458<script src="https://cf.org.sa/sfc/js/jquery.parallax-1.1.3.js"></script>
458
459    
459<script src="https://cf.org.sa/sfc/js/jquery.fitvids.js"></script>
459
460    
460<script src="https://cf.org.sa/sfc/js/owl.carousel.min.js"></script>
460
461    
461<script src="https://cf.org.sa/sfc/js/isotope.pkgd.min.js"></script>
461
462    
462<script src="https://cf.org.sa/sfc/js/imagesloaded.pkgd.min.js"></script>
462
463    
463<script src="https://cf.org.sa/sfc/js/jquery.magnific-popup.min.js"></script>
463
464    
464<script src="https://cf.org.sa/sfc/js/masonry.pkgd.min.js"></script>
464
465    
465<script src="https://cf.org.sa/sfc/js/jquery.lazyload.min.js"></script>
465
466    
466<script src="https://cf.org.sa/sfc/js/wow.min.js"></script>
466
467    
467<script src="https://cf.org.sa/sfc/js/morphext.js"></script>
467
468    
468<script src="https://cf.org.sa/sfc/js/typed.min.js"></script>
468
469    
469<script src="https://cf.org.sa/sfc/js/all.js"></script>
469
470    
470<script src="https://cf.org.sa/sfc/js/contact-form.js"></script>
470
471    
471<script src="https://cf.org.sa/sfc/js/jquery.ajaxchimp.min.js"></script>
471
472    
472<script src="https://cf.org.sa/sfc/js/objectFitPolyfill.min.js"></script>
472
473    
473<script src="https://cf.org.sa/sfc/js/splitting.min.js"></script>
473
474</body>
475
476</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.