PageSourceSearch

https://bekeiratsoftwares.com/

html bekeiratsoftwares.com collected 2026-10-09 22:07:29 UTC 27,577 bytes, 456 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <meta name="robots" content="index, follow, max-image-preview:large">
8
9    <!-- Primary Meta Tags -->
10    <title>Bekeirat Software - Free Online HTML5 Games & Mobile Apps Hub</title>
11    <meta name="title" content="Bekeirat Software - Free Online HTML5 Games & Mobile Apps Hub">
12    <meta name="description"
13        content="Play top-rated HTML5 browser games instantly with no downloads. Discover high-performance mobile apps, progressive web apps, and puzzle arcade games at Bekeirat Software.">
14    <meta name="keywords"
15        content="Bekeirat Software, HTML5 games, online browser games, free mobile apps, progressive web apps, puzzle games, arcade games, instant play games, Magic Block Blitz 2026, web gaming hub">
16    <meta name="author" content="Bekeirat Software">
17
18    <!-- Canonical URL -->
19    <link rel="canonical" href="https://bekeiratsoftwares.com/">
20
21    <!-- Favicon & Icons -->
22    <link rel="icon" type="image/png" href="./assets/favicon.png">
23
24    <!-- Open Graph / Facebook -->
25    <meta property="og:type" content="website">
26    <meta property="og:url" content="https://bekeiratsoftwares.com/">
27    <meta property="og: title" content="Bekeirat Software - Free Online HTML5 Games & Apps Hub">
28    <meta property="og:description"
29        content="Play top HTML5 games instantly across all devices. No installation needed. Discover mobile & desktop web apps at Bekeirat Software.">
30    <meta property="og:image" content="https://bekeiratsoftwares.com/assets/og-banner-1200x630.png">
31
32    <!-- Twitter / X -->
33    <meta name="twitter:card" content="summary_large_image">
34    <meta name="twitter:site" content="@MAWLAY20">
35    <meta name="twitter:creator" content="@MAWLAY20">
36    <meta name="twitter:url" content="https://bekeiratsoftwares.com/">
37    <meta name="twitter:title" content="Bekeirat Software - Free Online HTML5 Games & Apps Hub">
38    <meta name="twitter:description"
39        content="Play top HTML5 games instantly across all devices. No installation needed. Discover mobile & desktop web apps at Bekeirat Software.">
40    <meta name="twitter:image" content="https://bekeiratsoftwares.com/assets/og-banner-1200x630.png">
41
42    <!-- Google Analytics -->
vendor: 68 bytes, lines 42-43
42
43    <script async src="https://www.googletagmanager.com/gtag/js?id=
43G-XCGXELT421
vendor: 16 bytes, lines 43-44
43"></script>
44    
44<script>
45        
vendor: 154 bytes, lines 45-48
45window.dataLayer = window.dataLayer || [];
46        function gtag() { dataLayer.push(arguments); }
47        gtag('js', new Date());
48        gtag('config', '
48G-XCGXELT421
vendor: 8 bytes, lines 48-49
48');
49    
49</script>
49
50
51    <!-- Preconnect Font Assets -->
52    <link rel="preconnect" href="https://fonts.googleapis.com">
53    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
54    <link
55        href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@400;600;700;800&display=swap"
56        rel="stylesheet">
57
58    <!-- Stylesheets & Icons --> 
59    <link rel="stylesheet" href="./css/google-fonts.css">
60    
60<script src="https://cdn.tailwindcss.com"></script>
60 
61    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
62        crossorigin="anonymous" referrerpolicy="no-referrer">
63    <link rel="stylesheet" href="./css/index.css">
64
65    <!-- Monetization -->
66    <meta name="google-adsense-account" content="ca-pub-2658659289706339">
67    
67<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2658659289706339"
68        crossorigin="anonymous"></script>
68
69
70    <!-- Wortise Web Monetization SDK -->
71    
71<script type="text/javascript">
72        window.addEventListener('DOMContentLoaded', () => {
73            if (typeof wortise !== 'undefined') {
74                wortise.init('9e41f1c5-2c86-4e03-a850-1a946e84fea4');
75            }
76        });
77    </script>
77
78
79    <!-- Enhanced Structured Data (JSON-LD) -->
80    
80<script type="application/ld+json">
81    {
82      "@context": "https://schema.org",
83      "@graph": [
84        {
85          "@type": "Organization",
86          "@id": "https://bekeiratsoftwares.com/#organization",
87          "name": "Bekeirat Software",
88          "url": "https://bekeiratsoftwares.com/",
89          "logo": "https://bekeiratsoftwares.com/assets/favicon.png",
90          "sameAs": [
91            "https://www.facebook.com/profile.php?id=61550888326363",
92            "https://www.youtube.com/channel/UC-Uc56yi4Ep6_CC1SajWdZw",
93            "https://x.com/MAWLAY20",
94            "https://www.instagram.com/bekerat.mawlay",
95            "https://www.tiktok.com/@bekeiratsoftware",
96            "https://bekeiratsoftware.blogspot.com"
97          ]
98        },
99        {
100          "@type": "WebSite",
101          "@id": "https://bekeiratsoftwares.com/#website",
102          "url": "https://bekeiratsoftwares.com/",
103          "name": "Bekeirat Software",
104          "publisher": { "@id": "https://bekeiratsoftwares.com/#organization" }
105        },
106        {
107          "@type": "SoftwareApplication",
108          "name": "Bekeirat Software Gaming Hub",
109          "operatingSystem": "Web, Android, Windows, iOS",
110          "applicationCategory": "GameApplication",
111          "url": "https://bekeiratsoftwares.com/",
112          "author": { "@id": "https://bekeiratsoftwares.com/#organization" },
113          "description": "Browser gaming platform providing instant play HTML5 games and web apps."
114        }
115      ]
116    }
117    </script>
117
118</head>
119
120<body class="bg-[#0b0f19] text-gray-100 flex flex-col min-h-screen font-sans antialiased">
121
122    <!-- Top Navigation Bar (Preserved Exactly) -->
123    <nav class="navbar px-4 md:px-8 py-4 flex flex-wrap items-center justify-between">
124        <!-- Linked Logo -->
125        <a href="./index.html"
126            class="flex items-center gap-3 text-2xl font-bold tracking-wider text-blue-400 hover:text-blue-300 transition-colors">
127            <img src="./assets/Bekeirat-Software-120x120.png" alt="Bekeirat Software Logo"
128                class="w-[50px] h-[50px] object-contain rounded-lg bg-white/10"
129                onerror="this.src='https://placehold.co/120x120/1e293b/60a5fa?text=BS'">
130            Bekeirat Software
131        </a>
132
133        <!-- Hamburger Icon for Mobile -->
134        <button id="hamburger-btn" class="md:hidden text-white focus:outline-none hover:text-blue-400 transition-colors"
135            aria-label="Toggle Menu">
136            <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24"
137                stroke="currentColor">
138                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7" />
139            </svg>
140        </button>
141
142        <!-- Desktop Navigation Buttons -->
143        <div class="hidden md:flex space-x-2 items-center">
144            <a href="./index.html" class="nav-btn bg-blue-600 text-white">Home</a>
145            <a href="./pages/about.html" class="nav-btn">About Us</a>
146            <a href="./pages/games.html" class="nav-btn">Games</a>
147            <a href="./pages/contact us.html" class="nav-btn">Contacts</a>
148        </div>
149
150        <!-- Mobile Menu -->
151        <div id="mobile-menu" class="mobile-menu-container md:hidden mt-4 -mx-4 px-4 pb-2 shadow-inner hidden">
152            <nav class="flex flex-col">
153                <a href="./index.html" class="mobile-btn text-blue-400 font-bold">Home</a>
154                <a href="./pages/about.html" class="mobile-btn">About Us</a>
155                <a href="./pages/games.html" class="mobile-btn">Games</a>
156                <a href="./pages/contact us.html" class="mobile-btn border-none">Contacts</a>
157            </nav>
158        </div>
159    </nav>
160
161    <!-- Header / Banner (Preserved Exactly) -->
162    <header class="hero-banner">
163        <div class="px-4">
164            <h1 class="text-4xl md:text-6xl font-bold mb-4 drop-shadow-lg">Welcome to Bekeirat Software</h1>
165            <p class="text-xl md:text-2xl mb-8 drop-shadow-md">Innovative Apps & Immersive Games for Everyone</p>
166            <a href="./pages/games.html"
167                class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full transition-colors inline-block shadow-lg">Explore
168                Our Games</a>
169        </div>
170    </header>
171
172    <!-- MAIN HOMEPAGE REDESIGN CONTENT -->
173    <main id="main-content" class="flex-1 max-w-[1400px] w-full mx-auto px-4 md:px-8 py-10 space-y-16">
174        <!-- SECTION 1: Spotlight & Featured Launch -->
175        <section id="hero-spotlight"
176            class="bg-gradient-to-r from-slate-900 via-indigo-950 to-slate-900 rounded-3xl p-6 md:p-10 border border-blue-500/30 shadow-2xl relative overflow-hidden transition-all duration-500">
177            <div class="absolute -right-20 -top-20 w-80 h-80 bg-blue-500/10 rounded-full blur-3xl pointer-events-none">
178            </div>
179
180            <div class="flex flex-col lg:flex-row items-center gap-8 lg:gap-12 relative z-10">
181                <div class="lg:w-1/2 space-y-5">
182                    <div class="flex items-center gap-3 flex-wrap">
183                        <span id="hero-badge"
184                            class="px-3.5 py-1 rounded-full text-xs font-extrabold uppercase tracking-widest bg-blue-500/20 text-blue-400 border border-blue-400/30 flex items-center gap-1">
185                            🚀 Featured Daily Game
186                        </span>
187                        <span id="hero-category-badge"
188                            class="px-3.5 py-1 rounded-full text-xs font-semibold bg-emerald-500/20 text-emerald-400 border border-emerald-500/30 uppercase">
189                            Instant Play
190                        </span>
191                    </div>
192
193                    <h2 id="hero-title" class="text-3xl md:text-5xl font-black text-white leading-tight animate-pulse">
194                        Loading Today's Game...
195                    </h2>
196
197                    <p id="hero-description" class="text-gray-300 text-base md:text-lg leading-relaxed line-clamp-3">
198                        Discover top-rated HTML5 browser games featured daily. Enjoy smooth performance on both desktop
199                        and mobile devices without installation.
200                    </p>
201
202                    <div class="flex flex-wrap items-center gap-4 pt-2">
203                        <a id="hero-play-btn" href="./pages/games.html"
204                            class="bg-blue-600 hover:bg-blue-500 text-white font-bold px-7 py-3.5 rounded-xl shadow-lg hover:shadow-blue-500/30 transition-all flex items-center gap-2 group">
205                            <span>Play Game Now</span>
206                            <i class="fa-solid fa-play text-sm group-hover:translate-x-1 transition-transform"></i>
207                        </a>
208                        <a href="./pages/games.html"
209                            class="bg-slate-800 hover:bg-slate-700 text-gray-200 font-semibold px-6 py-3.5 rounded-xl border border-gray-700 transition-all flex items-center gap-2">
210                            <span>Explore Catalog</span>
211                            <i class="fa-solid fa-arrow-right text-xs"></i>
212                        </a>
213                    </div>
214                </div>
215
216                <div class="lg:w-1/2 w-full">
217                    <div
218                        class="relative group rounded-2xl overflow-hidden border border-blue-400/30 shadow-2xl bg-slate-900">
219                        <img id="hero-image" src="https://placehold.co/800x450/1e293b/60a5fa?text=Loading+Game..."
220                            alt="Featured Game Preview"
221                            class="w-full h-64 md:h-80 object-cover group-hover:scale-105 transition-transform duration-500">
222                        <div
223                            class="absolute inset-0 bg-gradient-to-t from-slate-950 via-trans
223parent to-transparent opacity-60">
224                        </div>
225                        <div
226                            class="absolute bottom-4 left-4 right-4 flex items-center justify-between text-xs text-gray-300">
227                            <span
228                                class="flex items-center gap-1.5 bg-black/60 backdrop-blur-md px-3 py-1.5 rounded-lg border border-white/10">
229                                <i class="fa-solid fa-star text-amber-400"></i> Top Pick
230                            </span>
231                            <span id="hero-tags-badge"
232                                class="bg-black/60 backdrop-blur-md px-3 py-1.5 rounded-lg border border-white/10 font-mono">
233                                #Hot #InstantPlay
234                            </span>
235                        </div>
236                    </div>
237                </div>
238            </div>
239        </section>
240
241        <!-- SECTION 2: Hot & Trending Games 🔥 -->
242        <section class="space-y-4">
243            <div class="flex items-center justify-between gap-4">
244                <h2
245                    class="text-2xl md:text-3xl font-extrabold text-white bg-blue-600/90 px-5 py-2.5 rounded-2xl shadow-lg border border-blue-400/30 flex items-center gap-3">
246                    <span>🔥</span> Hot & Trending Games
247                </h2>
248
249                <!-- Carousel Controls -->
250                <div class="flex items-center gap-2 shrink-0">
251                    <button onclick="scrollCarousel('trending-carousel', -300)" aria-label="Scroll left"
252                        class="w-10 h-10 rounded-xl bg-slate-800/90 hover:bg-blue-600 hover:text-white text-slate-300 flex items-center justify-center border border-slate-700/80 transition-all">
253                        <i class="fa-solid fa-chevron-left text-xs"></i>
254                    </button>
255                    <button onclick="scrollCarousel('trending-carousel', 300)" aria-label="Scroll right"
256                        class="w-10 h-10 rounded-xl bg-slate-800/90 hover:bg-blue-600 hover:text-white text-slate-300 flex items-center justify-center border border-slate-700/80 transition-all">
257                        <i class="fa-solid fa-chevron-right text-xs"></i>
258                    </button>
259                </div>
260            </div>
261
262            <!-- Scrollable Horizontal Carousel -->
263            <div id="trending-carousel" class="carousel-container flex gap-4 overflow-x-auto pb-4 pt-1">
264                <div class="text-sm text-gray-500 py-8 text-center w-full">Loading Trending Games...</div>
265            </div>
266        </section>
267
268        <!-- SECTION 3: Weekly Editor's Picks 🌟 -->
269        <section class="space-y-4">
270            <div class="flex items-center justify-between gap-4">
271                <h2
272                    class="text-2xl md:text-3xl font-extrabold text-white bg-indigo-600/90 px-5 py-2.5 rounded-2xl shadow-lg border border-indigo-400/30 flex items-center gap-3">
273                    <span>🌟</span> Weekly Editor's Picks
274                </h2>
275
276                <div class="flex items-center gap-2 shrink-0">
277                    <button onclick="scrollCarousel('editors-carousel', -300)" aria-label="Scroll left"
278                        class="w-10 h-10 rounded-xl bg-slate-800/90 hover:bg-blue-600 hover:text-white text-slate-300 flex items-center justify-center border border-slate-700/80 transition-all">
279                        <i class="fa-solid fa-chevron-left text-xs"></i>
280                    </button>
281                    <button onclick="scrollCarousel('editors-carousel', 300)" aria-label="Scroll right"
282                        class="w-10 h-10 rounded-xl bg-slate-800/90 hover:bg-blue-600 hover:text-white text-slate-300 flex items-center justify-center border border-slate-700/80 transition-all">
283                        <i class="fa-solid fa-chevron-right text-xs"></i>
284                    </button>
285                </div>
286            </div>
287
288            <div id="editors-carousel" class="carousel-container flex gap-4 overflow-x-auto pb-4 pt-1">
289                <div class="text-sm text-gray-500 py-8 text-center w-full">Loading Editor's Selections...</div>
290            </div>
291        </section>
292
293        <!-- SECTION 4: Category Hub & Quick Filter 🎮 -->
294        <section
295            class="space-y-6 bg-slate-900/80 backdrop-blur-md p-6 md:p-8 rounded-3xl border border-slate-800 shadow-xl">
296            <div class="flex flex-col md:flex-row md:items-center justify-between gap-4">
297                <h2
298                    class="text-2xl md:text-3xl font-extrabold text-white bg-slate-800 px-5 py-2.5 rounded-2xl shadow-lg border border-slate-700 flex items-center gap-3">
299                    <span>🎮</span> Explore by Genre
300                </h2>
301
302                <!-- Category Tabs -->
303                <div class="flex items-center gap-2 overflow-x-auto pb-2 md:pb-0 scrollbar-none">
304                    <button onclick="filterHomepageCategory('all', this)"
305                        class="cat-tab active px-4 py-2 rounded-xl text-xs font-bold bg-cyan-500 text-slate-950 transition-all whitespace-nowrap shadow-md hover:bg-cyan-400">All
306                        Games</button>
307                    <button onclick="filterHomepageCategory('puzzle', this)"
308                        class="cat-tab px-4 py-2 rounded-xl text-xs font-bold bg-slate-800/90 text-gray-300 hover:bg-slate-700 transition-all whitespace-nowrap border border-slate-700/60">Puzzle</button>
309                    <button onclick="filterHomepageCategory('action', this)"
310                        class="cat-tab px-4 py-2 rounded-xl text-xs font-bold bg-slate-800/90 text-gray-300 hover:bg-slate-700 transition-all whitespace-nowrap border border-slate-700/60">Action</button>
311                    <button onclick="filterHomepageCategory('arcade', this)"
312                        class="cat-tab px-4 py-2 rounded-xl text-xs font-bold bg-slate-800/90 text-gray-300 hover:bg-slate-700 transition-all whitespace-nowrap border border-slate-700/60">Arcade</button>
313                    <button onclick="filterHomepageCategory('racing', this)"
314                        class="cat-tab px-4 py-2 rounded-xl text-xs font-bold bg-slate-800/90 text-gray-300 hover:bg-slate-700 transition-all whitespace-nowrap border border-slate-700/60">Racing</button>
315                    <button onclick="filterHomepageCategory('girls', this)"
316                        class="cat-tab px-4 py-2 rounded-xl text-xs font-bold bg-slate-800/90 text-gray-300 hover:bg-slate-700 transition-all whitespace-nowrap border border-slate-700/60">Girls</button>
317                </div>
318            </div>
319
320            <!-- Dynamic Interactive Grid -->
321            <div id="category-hub-grid" class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
322                <div class="col-span-full text-sm text-gray-500 py-8 text-center">Loading Genre Catalog...</div>
323            </div>
324
325            <div class="text-center pt-2">
326                <a href="./pages/games.html"
327                    class="inline-flex items-center gap-2 px-6 py-3 rounded-xl bg-slate-800 hover:bg-cyan-500/20 text-cyan-400 border border-slate-700 hover:border-cyan-500/40 text-sm font-bold transition-all shadow-md">
328                    <span>View All 1000+ Games on Games Hub</span>
329                    <i class="fa-solid fa-arrow-right text-xs"></i>
330                </a>
331            </div>
332        </section>
333
334        <!-- SECTION 5: Fresh Releases & New Drops 🚀 -->
335        <section class="space-y-4">
336            <div class="flex items-center justify-between gap-4">
337                <h2
338                    class="text-2xl md:text-3xl font-extrabold text-white bg-emerald-600/90 px-5 py-2.5 rounded-2xl shadow-lg border border-emerald-400/30 flex items-center gap-3">
339                    <span>🚀</span> Fresh Releases
340                </h2>
341
342                <div class="flex items-center gap-2 shrink-0">
343                    <button onclick="scrollCarousel('fresh-carousel', -300)" aria-label="Scroll left"
344                        class="w-10 h-10 rounded-xl bg-slate-800/90 hover:bg-blue-600 hover:text-white text-slate-300 flex items-center justify-center border border-slate-700/80 transition-all">
345                        <i class="fa-solid fa-chevron-left text-xs"></i>
346                    </button>
347                    <button onclick="scrollCarousel('fresh-carousel', 300)" aria-label="Scroll right"
348                        class="w-10 h-10 rounded-xl bg-slate-800/90 hover:bg-blue-600 hover:text-white text-slate-300 flex items-center justify-center border border-slate-700/80 transition-all">
349                        <i class="fa-solid fa-chevron-right text-xs"></i>
350                    </button>
351                </div>
352            </div>
353
354            <div id="fresh-carousel" class="carousel-container flex gap-4 overflow-x-auto pb-4 pt-1">
355                <div class="text-sm text-gray-500 py-8 text-center w-full">Loading Fresh Drops...</div>
356            </div>
357        </section>
358
359        <!-- SECTION 6: Community Favorites & Top Rated 🏆 -->
360        <section class="space-y-4">
361            <div class="flex items-center justify-between gap-4">
362                <h2
363                    class="text-2xl md:text-3xl font-extrabold text-white bg-purple-600/90 px-5 py-2.5 rounded-2xl shadow-lg border border-purple-400/30 flex items-center gap-3">
364                    <span>🏆</span> Top Rated & Played
365                </h2>
366
367                <div class="flex items-center gap-2 shrink-0">
368                    <button onclick="scrollCarousel('toprated-carousel', -300)" aria-label="Scroll left"
369                        class="w-10 h-10 rounded-xl bg-slate-800/90 hover:bg-blue-600 hover:text-white text-slate-300 flex items-center justify-center border border-slate-700/80 transition-all">
370                        <i class="fa-solid fa-chevron-left text-xs"></i>
371                    </button>
372                    <button onclick="scrollCarousel('toprated-carousel', 300)" aria-label="Scroll right"
373                        class="w-10 h-10 rounded-xl bg-slate-800/90 hover:bg-blue-600 hover:text-white text-slate-300 flex items-center justify-center border border-slate-700/80 transition-all">
374                        <i class="fa-solid fa-chevron-right text-xs"></i>
375                    </button>
376                </div>
377            </div>
378
379            <div id="toprated-carousel" class="carousel-container flex gap-4 overflow-x-auto pb-4 pt-1">
380                <div class="text-sm text-gray-500 py-8 text-center w-full">Loading Top Rated...</div>
381            </div>
382        </section>
383
384        <!-- SECTION 7: App Ecosystem & Community Engagement 🌐 -->
385        <section
386            class="bg-gradient-to-r from-blue-950 via-slate-900 to-indigo-950 rounded-3xl p-8 border border-blue-500/20 shadow-2xl flex flex-col md:flex-row items-center justify-between gap-8">
387            <div class="space-y-3 md:w-2/3">
388                <span
389                    class="px-3 py-1 rounded-full text-[11px] font-bold uppercase tracking-wider bg-blue-500/20 text-blue-400 border border-blue-400/30">
390                    Join Bekeirat Gaming Network
391                </span>
392                <h3 class="text-2xl md:text-3xl font-extrabold text-white">
393                    Play Anywhere, On Any Device
394                </h3>
395                <p class="text-gray-300 text-sm leading-relaxed">
396                    Enjoy fast loading HTML5 games, progressive web apps, and exclusive desktop titles seamlessly
397                    calibrated for mobile, desktop, and tablet performance.
398                </p>
399            </div>
400
401            <div class="flex flex-col sm:flex-row items:center gap-4 w-full md:w-auto">
402                <a href="./pages/games.html"
403                    class="w-full sm:w-auto text-center px-6 py-3.5 rounded-xl bg-blue-600 hover:bg-blue-500 text-white font-bold text-sm transition-all shadow-lg">
404                    Launch Web Portal
405                </a>
406                <a href="https://bekeiratsoftware.blogspot.com" target="_blank"
407                    class="w-full sm:w-auto text-center px-6 py-3.5 rounded-xl bg-slate-800 hover:bg-slate-700 text-gray-200 border border-slate-700 font-semibold text-sm transition-all">
408                    Visit Blog Updates
409                </a>
410            </div>
411        </section>
412
413    </main>
414
415    <!-- Footer (Preserved Exactly) -->
416    <footer class="bg-gray-900 text-gray-400 py-12 px-4 text-center border-t border-gray-800">
417        <div class="max-w-4xl mx-auto flex flex-col items-center">
418
419            <!-- Privacy Policy -->
420            <div class="mb-8">
421                <a href="./privacy/" class="hover:text-white transition-colors underline">Privacy Policy</a>
422            </div>
423
424            <!-- Social Media Links Bar -->
425            <div class="flex flex-wrap justify-center gap-4 md:gap-6 mb-8 bg-gray-900 border border-gray-800 p-4 rounded-xl shadow-sm">
426                <a href="https://x.com/MAWLAY20" class="text-gray-400 hover:text-white transition-transform hover:scale-110" aria-label="Twitter" target="_blank">
427                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 512 512" fill="currentColor">
428                        <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" />
429                    </svg>
430                </a>
431                <a href="https://www.facebook.com/profile.php?id=61550888326363" class="text-gray-400 hover:text-blue-500 transition-transform hover:scale-110" aria-label="Facebook" target="_blank"><i class="fa-brands fa-facebook text-2xl"></i></a>
432                <a href="https://www.youtube.com/channel/UC-Uc56yi4Ep6_CC1SajWdZw" class="text-gray-400 hover:text-red-500 transition-transform hover:scale-110" aria-label="YouTube" target="_blank"><i class="fa-brands fa-youtube text-2xl"></i></a>
433                <a href="https://www.instagram.com/bekerat.mawlay/" class="text-gray-400 hover:text-pink-500 transition-transform hover:scale-110" aria-label="Instagram" target="_blank"><i class="fa-brands fa-instagram text-2xl"></i></a>
434                <a href="https://www.tiktok.com/@bekeiratsoftware" class="text-gray-400 hover:text-white transition-transform hover:scale-110" aria-label="TikTok" target="_blank"><i class="fa-brands fa-tiktok text-2xl"></i></a>
435                <a href="https://bekeiratsoftware.blogspot.com" class="text-gray-400 hover:text-orange-500 transition-transform hover:scale-110" aria-label="Blogger" target="_blank"><i class="fa-brands fa-blogger text-2xl"></i></a>
436            </div>
437
438            <!-- Copyright Accreditations -->
439            <div>
440                <p class="text-sm">
441                    &copy; <span id="current-year"></span>
441 Bekeirat Software. All rights reserved.
442                </p>
443                <p class="text-xs mt-2 text-gray-500">
444                    Designed and built for apps and games excellence.
445                </p>
446            </div>
447        </div>
448    </footer>
449    <a id="back-top" href="#main-content" aria-label="Back to top">⬆️ Back to Top</a>
450
451    
451<script src="./js/index.js"></script>
451
452    
452<script type="text/javascript" src="https://s.skimresources.com/js/307541X1795827.skimlinks.js"></script>
vendor: 1 bytes, line 452
452
453<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"3bb29236268c474ca207c89c1140d1b8","r":1,"spa":2}' crossorigin="anonymous"></script>
453
454</body>
455
456</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.