301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: oolsi.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>oolsi - Download Software for Windows and Android</title> <meta name="description" content="Download the latest software for Windows and Android. Fast, secure, and virus-free downloads."> <!-- Favicon --> <link rel="icon" href="https://oolsi.com/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="https://oolsi.com/favicon.ico" type="image/x-icon"> <link rel="icon" type="image/png" href="https://oolsi.com/images/icon_48.png" sizes="48x48"> <link rel="icon" type="image/png" href="https://oolsi.com/images/icon_32.png" sizes="32x32"> <link rel="icon" type="image/png" href="https://oolsi.com/images/icon_16.png" sizes="16x16"> <link rel="shortcut icon" type="image/png" href="https://oolsi.com/images/icon_48.png"> <link rel="apple-touch-icon" href="https://oolsi.com/images/icon_48.png"> <meta name="msapplication-TileImage" content="https://oolsi.com/images/icon_48.png"> <meta name="msapplication-TileColor" content="#ffffff"> <link rel="mask-icon" href="https://oolsi.com/images/icon_48.png" color="#5bbad5"> <meta name="theme-color" content="#ffffff"> <!-- Alternate language URLs --> <link rel="alternate" hreflang="en" href="https://oolsi.com"> <link rel="alternate" hreflang="ar" href="https://ar.oolsi.com"> <link rel="alternate" hreflang="es" href="https://es.oolsi.com"> <!-- Canonical URL --> <link rel="canonical" href="https://oolsi.com"> <!-- SEO Meta Tags --> <meta property="og:title" content="oolsi - Download Software for Windows and Android"> <meta property="og:description" content="Download the latest software for Windows and Android. Fast, secure, and virus-free downloads."> <meta property="og:type" content="website"> <meta property="og:url" content="https://oolsi.com"> <meta property="og:image" content="https://oolsi.com/images/logo.webp"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="oolsi - Download Software for Windows and Android"> <meta name="twitter:description" content="Download the latest software for Windows and Android. Fast, secure, and virus-free downloads."> <meta name="twitter:image" content="https://oolsi.com/images/logo.webp"> <!-- Structured Data for SEO --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "oolsi", "url": "https://oolsi.com", "description": "Download the latest software for Windows and Android. Fast, secure, and virus-free downloads.", "potentialAction": { "@type": "SearchAction", "target": "https://oolsi.com/search?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "SoftwareApplication", "name": "oolsi", "applicationCategory": "DownloadManager", "operatingSystem": "Windows, Android", "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" } } </script> <!-- Preconnect to Improve Performance --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <!-- Fonts --> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <!-- Arabic Font - Tajawal --> <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet"> <!-- Styles and Scripts (includes Font Awesome and Alpine.js) --> <!-- إعدادات بيئة لإناج --> <link rel="stylesheet" href="https://oolsi.com/build/assets/app-BX30oOOS.css"> <script type="module" src="https://oolsi.com/build/assets/app-D6AJY1iR.js" defer></script> <!-- Preload Font Awesome fonts --> <link rel="preload" href="https://oolsi.com/build/assets/fa-brands-400-D_cYUPeE.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://oolsi.com/build/assets/fa-solid-900-CTAAxXor.woff2" as="font" type="font/woff2" crossorigin> <!-- Custom Header Scripts --> <meta name="yandex-verification" content="fbb2d5b1216afd84" /> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-44M7J2M8ZE"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-44M7J2M8ZE'); </script> <script src="https://analytics.ahrefs.com/analytics.js" data-key="RwVB9nAq5KYiFUEFod8Z4g" async></script> <meta name="naver-site-verification" content="9628035c54dd45511fde7b0e04a427e01f2c13eb" /> <style> body { font-family: 'Inter', sans-serif; } /* تطبيق خط تجوال للمحوى العربي */ html[lang="ar"] body, html[dir="rtl"] body { font-family: 'Tajawal', sans-serif; } /* تحسن مظهر الص العربي */ html[lang="ar"] *, html[dir="rtl"] * { letter-spacing: 0; } /* تحسينات مخصصة للنسخة اعربية */ html[lang="ar"] .btn-primary, html[lang="ar"] .btn-secondary { direction: rtl; } /* معالجة أزار ويندوز وأندرود في القائة */ html[lang="ar"] nav a i, html[dir="rtl"] nav a i { margin-left: 0.5rem; margin-right: 0; } /* تأكيد المسافة بي الأزرار في قسم Hero */ html[lang="ar"] .mt-5.sm\:mt-8.sm\:flex > div + div, html[dir="rtl"] .mt-5.sm\:mt-8.sm\:flex > div + div { margin-right: 1rem; margin-left: 0; } /* ========= نظام موحد لأيقونات ========= */ /* 1. أسلوب توسيط الأيقونات اخل الحاويات */ .icon-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* 2. نط أساسي موحد للأيقونات */ .icon { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; position: relative; width: 1em; text-align: center; } /* 3. تخصص للأقوات داخل مربعات الأزرار والبطاقا */ .icon-container { display: inline-flex; align-items: center; justify-content: center; position: relative; width: 20px; height: 20px; text-align: center; } /* 4. أيقونات نظام التشغيل (Windows/Android) ي بطاقات البرامج */ .os-icon { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; margin-right: 0.25rem; width: 1.2em; position: relative; top: -0.05em; } /* صحيح إضافي لأيقة الويندوز */ .fab.fa-windows.os-icon { position: relative; width: 1.1em; height: 1em; display: inline-flex !important; align-items: center; justify-content: center; top: -0.05em; transform: none !important; margin-right: 4px !important; } /* تصحي إضافي لأيقونة اأندرويد */ .fab.fa-android.os-icon { position: relative; width: 1.1em; height: 1em; display: inline-flex; align-items: center; justify-content: center; transform: none !important; } /* 5. أيقونات التصني المعلومات */ .info-icon { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; margin-right: 0.25rem; width: 1em; } /* 6. يقونة التنزيل في لأزرار */ .download-button-icon { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; margin-right: 0.5rem; } /* 7. أيقونة العلاة المميزة */ .featured-badge-icon { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; margin-right: 0.25rem; } /* 8. أيقونات اتقييم (النجوم) */ .rating-star { display: inline-flex; align-items: center; justify-content: center; width: 0.9em; margin: 0 1px; } /* ========= تخصيصات RTL للأقنات ========= */ /* أيقونات عامة في RTL */ html[dir="rtl"] .icon { margin-right: 0; margin-left: 0.25rem; } /* أيقونات نظام التشغيل ف RTL */ html[dir="rtl"] .os-icon { margin-right: 0; margin-left: 0.25rem; } /* أيقونات المعلمات في RTL */ html[dir="rtl"] .info-icon { margin-right: 0; margin-left: 0.25rem; } /* يقونات التنزيل ف RTL */ html[dir="rtl"] .download-button-icon { margin-right: 0; margin-left: 0.5rem; } /* أيونة لعلامة اممية في RTL */ html[dir="rtl"] .featured-badge-icon { margin-right: 0; margin-left: 0.25rem; } /* الحايات في RTL */ html[dir="rtl"] .icon-container { margin-right: 0; margin-left: 0.5rem; } /* ========= اأكوا القدية الحتفظ بها للتوافق ========= */ /* إصلا مشكلة الأقونات في الدوائر */ .rounded-full i, .relative i.fa-android, .relative i.fa-cube, .relative i.fa-windows { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* تصحيح محاذاة اليقونات في RTL */ html[dir="rtl"] .rounded-full i, html[dir="rtl"] .relative i.fa-android, html[dir="rtl"] .relative i.fa-cube, html[dir="rtl"] .relative i.fa-windows { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* محااة أيقونت النجوم في التقييم */ .flex.text-yellow-400 i { display: inline-flex; align-items: center; justify-content: center; width: 100%; } /* تصحيح محاذاة أيقنة السهم ي روابط العرض */ .fa-arrow-right { display: inline-flex; vertical-align: middle; } /* تصحيحا خاة للنسة العربية */ html[lang="ar"] .flex.items-center, html[dir="rtl"] .flex.items-center { justify-content: flex-end; } @keyframes ping-slow { 0%, 100% { transform: scale(1); opacity: 0.3; } 50% { transform: scale(1.8); opacity: 0.8; } } @keyframes ping-medium { 0%, 100% { transform: scale(1); opacity: 0.3; } 50% { transform: scale(1.5); opacity: 0.7; } } @keyframes ping-fast { 0%, 100% { transform: scale(1); opacity: 0.3; } 50% { transform: scale(1.3); opacity: 0.6; } } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } @keyframes float-reverse { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(10px); } } @keyframes pulse-slow { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.9; transform: scale(1.05); } } .animate-ping-slow { animation: ping-slow 3s cubic-bezier(0, 0, 0.2, 1) infinite; } .animate-ping-medium { animation: ping-medium 2.5s cubic-bezier(0, 0, 0.2, 1) infinite; } .animate-ping-fast { animation: ping-fast 2s cubic-bezier(0, 0, 0.2, 1) infinite; } .animate-float { animation: float 4s ease-in-out infinite; } .animate-float-medium { animation: float 5s ease-in-out infinite; } .animate-float-slow { animation: float 6s ease-in-out infinite; } .animate-float-medium-reverse { animation: float-reverse 5s ease-in-out infinite; } .animate-pulse-slow { animation: pulse-slow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes float-reversed { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(10px); } } @keyframes float-particle-reversed { 0%, 100% { transform: translateY(0) translateX(0); } 50% { transform: translateY(-10px) translateX(5px); } } @keyframes spin-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes spin-slower { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @keyframes spin-slowest { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .animate-float-reversed { animation: float-reversed 4s ease-in-out infinite; } .animate-float-particle-reversed { animation: float-particle-reversed 8s ease-in-out infinite; } .animate-spin-slow { animation: spin-slow 25s linear infinite; } .animate-spin-slower { animation: spin-slower 30s linear infinite; } .animate-spin-slowest { animation: spin-slowest 35s linear infinite; } /* تنسيق خاص للعرض المتناسق للنص مع اأيقون */ .os-name { display: inline-flex; align-items: center; vertical-align: middle; } /* محاذاة خاصة للأيقونات والنص في ندوق البرنام */ .inline-flex.items-center { display: inline-flex; align-items: center; gap: 2px; } /* ذف ل التعريفات الساقة التي قد تؤثر عى أيقونة الويندو */ .flex.items-center .fab.fa-windows, .flex.items-center .fab.fa-android { transform: none !important; position: static !important; margin-right: 4px !important; } /* إعاد عريف تنسيق أيقونت نام التشغيل */ .flex.items-center .os-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; vertical-align: middle !important; margin-right: 4px !important; width: 1.2em !important; height: 1em !important; position: static !important; transform: none !important; top: auto !important; left: auto !important; } /* تنسيق خاص للرض المتناسق للنص مع الأيقونة */ .os-name { display: inline-flex; align-items: center; vertical-align: middle; } /* تصحيح محذاة النجوم وعدد التميلات في اللغ اعربية html[dir="rtl"] .flex.items-center.justify-between { flex-direction: row-reverse; width: 100%; justify-content: space-between !important; } html[dir="rtl"] .flex.items-center.justify-between > div { margin-left: 12px; margin-right: 12px; } */ /* تحسن عض عدد التحميلات حيث يتم فصل الرقم عن النص */ html[dir="rtl"] .text-xs.text-gray-500 { display: flex; align-items: center; gap: 4px; } /* تحسين ووح تباعد نجوم التقيم عن عدد التحلات */ html[dir="rtl"] .flex.text-yellow-400 { margin-left: 0; margin-right: 0; direction: ltr; /* لضما عرض النجوم بشكل حح */ } html[dir="rtl"] .flex.items-center .rating-star { margin-left: 1px; margin-right: 1px; } /* مسافة إضافية ين الرم والنص */ html[dir="rtl"] .text-gray-500 .info-icon { margin-left: 5px; } </style> </head> <body class="antialiased bg-gray-50"> <nav x-data="{ open: false }" class="bg-gradient-to-r from-blue-600 to-indigo-700 sticky top-0 z-50 text-white shadow-md"> <!-- Primary Navigation Menu --> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex justify-between h-16"> <div class="flex-1 flex items-center justify-between"> <!-- Logo --> <div class="flex-shrink-0 flex items-center"> <a href="https://oolsi.com/" class="flex items-center"> <img class="h-12 w-26" src="https://oolsi.com/images/logo.webp" alt="oolsi"> </a> </div> <!-- Navigation Links --> <div class="hidden sm:ml-6 sm:flex sm:space-x-8 "> <a href="https://oolsi.com/windows" class="inline-flex items-center px-3 py-2 text-sm font-medium text-white hover:bg-blue-500 hover:bg-opacity-50 rounded-md transition duration-150 ease-in-out"> <i class="fab fa-windows text-sm mr-2"></i> windows </a> <a href="https://oolsi.com/android" class="inline-flex items-center px-3 py-2 text-sm font-medium text-white hover:bg-blue-500 hover:bg-opacity-50 rounded-md transition duration-150 ease-in-out"> <i class="fab fa-android text-sm mr-2"></i> Android </a> <a href="https://oolsi.com/most-downloaded" class="inline-flex items-center px-3 py-2 text-sm font-medium text-white hover:bg-blue-500 hover:bg-opacity-50 rounded-md transition duration-150 ease-in-out"> <i class="fas fa-download text-sm mr-2"></i> Most Downloaded </a> <a href="https://oolsi.com/latest" class="inline-flex items-center px-3 py-2 text-sm font-medium text-white hover:bg-blue-500 hover:bg-opacity-50 rounded-md transition duration-150 ease-in-out"> <i class="fas fa-clock text-sm mr-2"></i> Latest </a> <a href="https://oolsi.com/blog" class="inline-flex items-center px-3 py-2 text-sm font-medium text-white hover:bg-blue-500 hover:bg-opacity-50 rounded-md transition duration-150 ease-in-out"> <i class="fas fa-blog text-sm mr-2"></i> Blog </a> </div> <!-- Search and Language --> <div class="hidden sm:flex sm:items-center space-x-4 "> <!-- Search bar --> <div class="hidden md:flex md:items-center"> <div class="max-w-lg w-full lg:max-w-xs"> <label for="search" class="sr-only">Search</label> <form action="https://oolsi.com/search" method="GET"> <div class="relative"> <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"> <i class="fas fa-search text-gray-500 text-sm"></i> </div> <input id="search" name="query" class="block w-full pl-10 pr-3 py-2 border border-gray-200 rounded-full leading-5 bg-white text-gray-800 placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:border-blue-300 focus:ring-1 focus:ring-blue-500 sm:text-sm shadow-sm" placeholder="Search for software..." type="search"> </div> </form> </div> </div> <!-- Language selector --> <div class="hidden sm:flex sm:items-center"> <div class="relative"> <style> [x-cloak] { display: none !important; } </style> <div x-data="{ open: false }" class="relative inline-block text-left"> <button type="button" @click="open = !open" @click.away="open = false" aria-expanded="false" aria-haspopup="true" class="inline-flex justify-between items-center w-full rounded-md border border-blue-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-900 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-blue-500 focus:ring-white"> <span class="flex items-center"> <img src="https://oolsi.com/images/flags/en.png" alt="English" class="h-4 w-6 mr-2" loading="lazy"> English </span> <i class="fas fa-chevron-down ml-2"></i> </button> <div x-show="open" x-cloak x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none z-50" role="menu" aria-orientation="vertical" tabindex="-1"> <div class="py-1" role="none"> <a href="https://oolsi.com" class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" role="menuitem" tabindex="-1"> <img src="https://oolsi.com/images/flags/en.png" alt="English" class="h-4 w-6 mr-2" loading="lazy"> English </a> <a href="https://ar.oolsi.com" class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" role="menuitem" tabindex="-1"> <img src="https://oolsi.com/images/flags/ar.png" alt="العربية" class="h-4 w-6 mr-2" loading="lazy"> العربية </a> <a href="https://es.oolsi.com" class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" role="menuitem" tabindex="-1"> <img src="https://oolsi.com/images/flags/es.png" alt="Español" class="h-4 w-6 mr-2" loading="lazy"> Español </a> </div> </div> </div> </div> </div> </div> </div> <!-- Mobile menu button - Now positioned on the far end --> <div class="flex items-center sm:hidden ml-auto"> <button @click="open = ! open" class="inline-flex items-center justify-center p-2 rounded-md text-white hover:text-gray-200 hover:bg-blue-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white"> <span class="sr-only">Open main menu</span> <i class="fas fa-bars" x-show="!open"></i> <i class="fas fa-times" x-show="open"></i> </button> </div> </div> </div> <!-- Responsive Navigation Menu --> <div x-show="open" class="sm:hidden bg-blue-800" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"> <div class="pt-2 pb-3 space-y-1"> <a href="https://oolsi.com/windows" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-white hover:bg-blue-700 hover:border-blue-300 "> <i class="fab fa-windows mr-2"></i> Windows </a> <a href="https://oolsi.com/android" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-white hover:bg-blue-700 hover:border-blue-300 "> <i class="fab fa-android mr-2"></i> Android </a> <a href="https://oolsi.com/most-downloaded" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-white hover:bg-blue-700 hover:border-blue-300 "> <i class="fas fa-download mr-2"></i> Most Downloaded </a> <a href="https://oolsi.com/latest" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-white hover:bg-blue-700 hover:border-blue-300 "> <i class="fas fa-clock mr-2"></i> Latest </a> <a href="https://oolsi.com/blog" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-white hover:bg-blue-700 hover:border-blue-300 "> <i class="fas fa-blog mr-2"></i> Blog </a> </div> <div class="pt-2 pb-3 px-4"> <form action="https://oolsi.com/search" method="GET"> <div class="relative"> <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"> <i class="fas fa-search text-gray-400 text-sm"></i> </div> <input id="mobile-search" name="query" class="block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md leading-5 bg-white text-gray-800 placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 sm:text-sm" placeholder="Search for software..." type="search"> </div> </form> </div> <div class="pt-2 pb-3 px-4 border-t border-blue-700"> <style> [x-cloak] { display: none !important; } </style> <div x-data="{ open: false }" class="mt-1 relative"> <button type="button" @click="open = !open" @click.away="open = false" class="relative w-full bg-white border border-blue-300 rounded-md shadow-sm pl-3 pr-10 text-left py-2 cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm text-gray-900"> <span class="flex items-center "> <img src="https://oolsi.com/images/flags/en.png" alt="English" class="h-4 w-6 mr-2" loading="lazy"> English </span> <span class="absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none"> <i class="fas fa-chevron-down text-gray-400"></i> </span> </button> <div x-show="open" x-cloak x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute mt-1 w-full rounded-md bg-white shadow-lg z-50"> <ul class="max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm"> <li class="text-gray-900 cursor-pointer select-none relative py-2 pl-3 pr-9 hover:bg-gray-100 "> <a href="https://oolsi.com" class="block w-full h-full"> <div class="flex items-center "> <img src="https://oolsi.com/images/flags/en.png" alt="English" class="h-4 w-6 mr-2" loading="lazy"> <span>English</span> </div> </a> </li> <li class="text-gray-900 cursor-pointer select-none relative py-2 pl-3 pr-9 hover:bg-gray-100 "> <a href="https://ar.oolsi.com" class="block w-full h-full"> <div class="flex items-center "> <img src="https://oolsi.com/images/flags/ar.png" alt="العربية" class="h-4 w-6 mr-2" loading="lazy"> <span>العربية</span> </div> </a> </li> <li class="text-gray-900 cursor-pointer select-none relative py-2 pl-3 pr-9 hover:bg-gray-100 "> <a href="https://es.oolsi.com" class="block w-full h-full"> <div class="flex items-center "> <img src="https://oolsi.com/images/flags/es.png" alt="Español" class="h-4 w-6 mr-2" loading="lazy"> <span>Español</span> </div> </a> </li> </ul> </div> </div> </div> </div> </nav> <!-- Main content starts here --> <main> <!-- Hero Section with Modern UI --> <section class="relative overflow-hidden bg-gradient-to-b from-indigo-50 to-white py-12 md:py-20"> <!-- Background Elements --> <div class="absolute top-0 left-0 right-0 h-1/2 bg-gradient-to-r from-indigo-100 to-blue-50"></div> <div class="absolute -top-24 right-0 w-96 h-96 bg-gradient-to-b from-blue-100 to-transparent rounded-full opacity-40 blur-3xl"></div> <div class="absolute -bottom-20 left-10 w-72 h-72 bg-gradient-to-t from-purple-100 to-transparent rounded-full opacity-30 blur-3xl"></div> <div class="container mx-auto px-4 sm:px-6 lg:px-8 relative z-10"> <div class="flex flex-col items-center justify-center"> <!-- Text Content with Background Icons --> <div class="w-full lg:w-3/4 text-center relative"> <!-- Background Icons --> <div class="absolute left-0 md:left-4 top-0 w-16 h-16 md:w-20 md:h-20"> <div class="w-12 h-12 md:w-16 md:h-16 bg-gradient-to-r from-blue-400 to-blue-500 rounded-full opacity-15 animate-float"></div> </div> <div class="absolute right-8 md:right-12 top-10 w-10 h-10"> <div class="w-8 h-8 bg-gradient-to-r from-green-400 to-green-500 rounded-full opacity-10 animate-float-delayed"></div> </div> <div class="absolute left-16 md:left-24 bottom-4 w-14 h-14"> <div class="w-10 h-10 bg-gradient-to-r from-purple-400 to-purple-500 rounded-full opacity-10 animate-float-reversed"></div> </div> <!-- Main Content --> <h1 class="text-4xl sm:text-5xl lg:text-6xl font-bold text-gray-900 leading-tight relative z-10 text-center"> <span class="block">Download Software</span> <span class="mt-3 block bg-gradient-to-r from-indigo-600 to-blue-500 bg-clip-text text-transparent">Fast & Secure</span> </h1> <p class="mt-8 text-lg sm:text-xl text-gray-600 max-w-2xl mx-auto text-center relative z-10"> Find and download the best software for Windows and Android. All downloads are fast, secure, and virus-free. </p> <!-- Category Buttons --> <div class="mt-8 flex flex-wrap justify-center gap-3 md:gap-4 relative z-10"> <a href="https://oolsi.com/windows" class="flex items-center px-5 py-3 bg-indigo-600 text-white font-medium rounded-xl shadow-md hover:bg-indigo-700 transition-all transform hover:scale-105"> <span class="icon-container mr-2"> <i class="fab fa-windows icon-center"></i> </span> <span>Windows Software</span> </a> <a href="https://oolsi.com/android" class="flex items-center px-5 py-3 bg-white text-indigo-600 font-medium rounded-xl shadow-md border border-indigo-100 hover:border-indigo-300 hover:bg-indigo-50 transition-all transform hover:scale-105"> <span class="icon-container mr-2"> <i class="fab fa-android icon-center"></i> </span> <span>Android Apps</span> </a> </div> <!-- Trust Badges --> <div class="mt-12 flex flex-wrap justify-center gap-4 sm:gap-8 mx-auto relative z-10"> <div class="flex items-center gap-2 "> <div class="w-10 h-10 bg-green-100 rounded-full flex items-center justify-center shadow-sm relative"> <i class="fas fa-shield-alt text-green-600 icon-center"></i> </div> <span class="text-sm font-medium text-gray-700">Virus Checked</span> </div> <div class="flex items-center gap-2 "> <div class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center shadow-sm relative"> <i class="fas fa-bolt text-blue-600 icon-center"></i> </div> <span class="text-sm font-medium text-gray-700">Fast Downloads</span> </div> <div class="flex items-center gap-2 "> <div class="w-10 h-10 bg-purple-100 rounded-full flex items-center justify-center shadow-sm relative"> <i class="fas fa-sync text-purple-600 icon-center"></i> </div> <span class="text-sm font-medium text-gray-700">Regular Updates</span> </div> </div> </div> </div> </div> </section> <!-- Categories section --> <div class="bg-gray-50 py-12"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center"> <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Categories</h2> <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> Browse by Category </p> <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> Find the software you need by category. </p> </div> <div class="mt-10"> <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4"> <div class="card group bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300"> <div class="px-4 py-5 sm:p-6"> <div class="flex items-center mb-4"> <div class="flex-shrink-0 h-10 w-10 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-3 relative"> <i class="fas fa-folder text-lg absolute" style="transform: translate(-50%, -50%); top: 50%; left: 50%;"></i> </div> <h3 class="text-lg leading-6 font-medium text-gray-900 "> Image editor </h3> </div> <p class="text-sm text-gray-500 "> 1 Software </p> <div class="mt-4 flex space-x-4"> <a href="https://oolsi.com/windows/image-editor" class="text-sm font-medium text-indigo-600 hover:text-indigo-500 flex items-center"> <i class="fab fa-windows mr-1"></i> Windows <i class="fas fa-arrow-right ml-1 text-xs transition-transform group-hover:translate-x-1"></i> </a> </div> </div> </div> <div class="card group bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300"> <div class="px-4 py-5 sm:p-6"> <div class="flex items-center mb-4"> <div class="flex-shrink-0 h-10 w-10 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-3 relative"> <i class="fas fa-folder text-lg absolute" style="transform: translate(-50%, -50%); top: 50%; left: 50%;"></i> </div> <h3 class="text-lg leading-6 font-medium text-gray-900 "> Security </h3> </div> <p class="text-sm text-gray-500 "> 3 Software </p> <p class="mt-2 text-sm text-gray-500 line-clamp-2 "> Block viruses and other malware </p> <div class="mt-4 flex space-x-4"> <a href="https://oolsi.com/windows/security" class="text-sm font-medium text-indigo-600 hover:text-indigo-500 flex items-center"> <i class="fab fa-windows mr-1"></i> Windows <i class="fas fa-arrow-right ml-1 text-xs transition-transform group-hover:translate-x-1"></i> </a> </div> </div> </div> <div class="card group bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300"> <div class="px-4 py-5 sm:p-6"> <div class="flex items-center mb-4"> <div class="flex-shrink-0 h-10 w-10 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-3 relative"> <i class="fas fa-folder text-lg absolute" style="transform: translate(-50%, -50%); top: 50%; left: 50%;"></i> </div> <h3 class="text-lg leading-6 font-medium text-gray-900 "> Social Networks </h3> </div> <p class="text-sm text-gray-500 "> 1 Software </p> <p class="mt-2 text-sm text-gray-500 line-clamp-2 "> Social Networks </p> <div class="mt-4 flex space-x-4"> <a href="https://oolsi.com/windows/social-networks" class="text-sm font-medium text-indigo-600 hover:text-indigo-500 flex items-center"> <i class="fab fa-windows mr-1"></i> Windows <i class="fas fa-arrow-right ml-1 text-xs transition-transform group-hover:translate-x-1"></i> </a> </div> </div> </div> <div class="card group bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300"> <div class="px-4 py-5 sm:p-6"> <div class="flex items-center mb-4"> <div class="flex-shrink-0 h-10 w-10 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-3 relative"> <i class="fas fa-folder text-lg absolute" style="transform: translate(-50%, -50%); top: 50%; left: 50%;"></i> </div> <h3 class="text-lg leading-6 font-medium text-gray-900 "> System Diagnostic Tools </h3> </div> <p class="text-sm text-gray-500 "> 4 Software </p> <p class="mt-2 text-sm text-gray-500 line-clamp-2 "> System Diagnostic Tools </p> <div class="mt-4 flex space-x-4"> <a href="https://oolsi.com/windows/system-diagnostic-tools" class="text-sm font-medium text-indigo-600 hover:text-indigo-500 flex items-center"> <i class="fab fa-windows mr-1"></i> Windows <i class="fas fa-arrow-right ml-1 text-xs transition-transform group-hover:translate-x-1"></i> </a> </div> </div> </div> <div class="card group bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300"> <div class="px-4 py-5 sm:p-6"> <div class="flex items-center mb-4"> <div class="flex-shrink-0 h-10 w-10 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-3 relative"> <i class="fas fa-folder text-lg absolute" style="transform: translate(-50%, -50%); top: 50%; left: 50%;"></i> </div> <h3 class="text-lg leading-6 font-medium text-gray-900 "> Utility Programs </h3> </div> <p class="text-sm text-gray-500 "> 11 Software </p> <p class="mt-2 text-sm text-gray-500 line-clamp-2 "> Utility Programs </p> <div class="mt-4 flex space-x-4"> <a href="https://oolsi.com/windows/utility-programs" class="text-sm font-medium text-indigo-600 hover:text-indigo-500 flex items-center"> <i class="fab fa-windows mr-1"></i> Windows <i class="fas fa-arrow-right ml-1 text-xs transition-transform group-hover:translate-x-1"></i> </a> </div> </div> </div> <div class="card group bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300"> <div class="px-4 py-5 sm:p-6"> <div class="flex items-center mb-4"> <div class="flex-shrink-0 h-10 w-10 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-3 relative"> <i class="fas fa-folder text-lg absolute" style="transform: translate(-50%, -50%); top: 50%; left: 50%;"></i> </div> <h3 class="text-lg leading-6 font-medium text-gray-900 "> Web Browsers </h3> </div> <p class="text-sm text-gray-500 "> 2 Software </p> <p class="mt-2 text-sm text-gray-500 line-clamp-2 "> Web browsers for surfing the internet </p> <div class="mt-4 flex space-x-4"> <a href="https://oolsi.com/windows/web-browsers" class="text-sm font-medium text-indigo-600 hover:text-indigo-500 flex items-center"> <i class="fab fa-windows mr-1"></i> Windows <i class="fas fa-arrow-right ml-1 text-xs transition-transform group-hover:translate-x-1"></i> </a> </div> </div> </div> </div> </div> </div> </div> <!-- Latest software section --> <div class="bg-white py-12"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center"> <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Latest Software</h2> <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> Recently Added </p> <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> Check out the latest software additions to our collection. </p> </div> <div class="mt-10"> <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3"> <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300 relative"> <div class="p-4"> <!-- Header section with logo and title --> <div class="flex items-start mb-3"> <div class="flex-shrink-0 relative"> <div class="relative"> <img src="https://oolsi.com/storage/software/logos/brave_browser.webp" alt="Brave Browser" class="w-16 h-16 object-contain rounded-md border border-gray-200 p-1"> </div> </div> <div class="ml-3 flex-1"> <h3 class="text-lg font-semibold text-gray-800 hover:text-indigo-600"> <a href="https://brave-browser.oolsi.com"> Brave Browser </a> </h3> <p class="text-sm text-gray-600"> <span class="flex items-center"> <i class="fab fa-windows text-blue-500 os-icon"></i><span class="os-name">windows</span> <span class="mx-1">|</span> <span>Web Browsers</span> </span> </p> </div> </div> <!-- Description --> <div class="mb-4"> <p class="text-gray-600 text-sm h-12 overflow-hidden"> Brave Browser: speedy, private, and ad-free browsing that rewards you for your time. Surf smarter! </p> </div> <!-- Ratings and published time --> <div class="flex items-center justify-between mb-3 "> <!-- Star Rating --> <div class="flex items-center"> <div class="flex text-yellow-400"> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> </div> <span class="ml-1 text-gray-600 text-xs">5.0</span> </div> <!-- Download count --> <div class="text-xs text-gray-500 "> <i class="fas fa-download text-blue-500 info-icon"></i> <span>206</span> <span>Downloads</span> </div> </div> <!-- Published date --> <div class="mb-3"> <span class="text-xs text-gray-500"> <i class="far fa-calendar info-icon"></i> Published: 2025-05-06 </span> </div> <!-- Actions --> <div class="flex justify-between pt-3 border-t border-gray-100"> <!-- License badge --> <div class="text-xs text-gray-500 flex items-center"> <i class="fas fa-info-circle info-icon"></i> FREE </div> <!-- Download button only --> <a href="https://brave-browser.oolsi.com" class="text-sm bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded flex items-center"> <i class="fas fa-download download-button-icon"></i> Download </a> </div> </div> </div> <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300 relative"> <div class="absolute top-0 right-0"> <span class="bg-yellow-100 text-yellow-800 text-xs font-medium px-2.5 py-0.5 rounded-md m-2 shadow-sm border border-yellow-200"> <i class="fas fa-star text-yellow-500 featured-badge-icon"></i> Featured </span> </div> <div class="p-4"> <!-- Header section with logo and title --> <div class="flex items-start mb-3"> <div class="flex-shrink-0 relative"> <div class="relative"> <img src="https://oolsi.com/storage/software/logos/partition_story-removebg-preview.webp" alt="partition wizard" class="w-16 h-16 object-contain rounded-md border border-gray-200 p-1"> </div> </div> <div class="ml-3 flex-1"> <h3 class="text-lg font-semibold text-gray-800 hover:text-indigo-600"> <a href="https://partition-wizard.oolsi.com"> partition wizard </a> </h3> <p class="text-sm text-gray-600"> <span class="flex items-center"> <i class="fab fa-windows text-blue-500 os-icon"></i><span class="os-name">windows</span> <span class="mx-1">|</span> <span>Utility Programs</span> </span> </p> </div> </div> <!-- Description --> <div class="mb-4"> <p class="text-gray-600 text-sm h-12 overflow-hidden"> MiniTool Partition Wizard: Your go-to for Windows disk magic—resize, clone, recover partitions fast and safe. Free or pr... </p> </div> <!-- Ratings and published time --> <div class="flex items-center justify-between mb-3 "> <!-- Star Rating --> <div class="flex items-center"> <div class="flex text-yellow-400"> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> </div> <span class="ml-1 text-gray-600 text-xs">5.0</span> </div> <!-- Download count --> <div class="text-xs text-gray-500 "> <i class="fas fa-download text-blue-500 info-icon"></i> <span>316</span> <span>Downloads</span> </div> </div> <!-- Published date --> <div class="mb-3"> <span class="text-xs text-gray-500"> <i class="far fa-calendar info-icon"></i> Published: 2025-04-29 </span> </div> <!-- Actions --> <div class="flex justify-between pt-3 border-t border-gray-100"> <!-- License badge --> <div class="text-xs text-gray-500 flex items-center"> <i class="fas fa-info-circle info-icon"></i> FREE </div> <!-- Download button only --> <a href="https://partition-wizard.oolsi.com" class="text-sm bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded flex items-center"> <i class="fas fa-download download-button-icon"></i> Download </a> </div> </div> </div> <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300 relative"> <div class="absolute top-0 right-0"> <span class="bg-yellow-100 text-yellow-800 text-xs font-medium px-2.5 py-0.5 rounded-md m-2 shadow-sm border border-yellow-200"> <i class="fas fa-star text-yellow-500 featured-badge-icon"></i> Featured </span> </div> <div class="p-4"> <!-- Header section with logo and title --> <div class="flex items-start mb-3"> <div class="flex-shrink-0 relative"> <div class="relative"> <img src="https://oolsi.com/storage/software/logos/virtualdub-1.webp" alt="Virtualdub" class="w-16 h-16 object-contain rounded-md border border-gray-200 p-1"> </div> </div> <div class="ml-3 flex-1"> <h3 class="text-lg font-semibold text-gray-800 hover:text-indigo-600"> <a href="https://virtualdub.oolsi.com"> Virtualdub </a> </h3> <p class="text-sm text-gray-600"> <span class="flex items-center"> <i class="fab fa-windows text-blue-500 os-icon"></i><span class="os-name">windows</span> <span class="mx-1">|</span> <span>Utility Programs</span> </span> </p> </div> </div> <!-- Description --> <div class="mb-4"> <p class="text-gray-600 text-sm h-12 overflow-hidden"> Your old-school video Swiss Army knife for Windows! Free tool for quick cuts, capture, filters & batch jobs on AVIs. Fas... </p> </div> <!-- Ratings and published time --> <div class="flex items-center justify-between mb-3 "> <!-- Star Rating --> <div class="flex items-center"> <div class="flex text-yellow-400"> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> </div> <span class="ml-1 text-gray-600 text-xs">5.0</span> </div> <!-- Download count --> <div class="text-xs text-gray-500 "> <i class="fas fa-download text-blue-500 info-icon"></i> <span>167</span> <span>Downloads</span> </div> </div> <!-- Published date --> <div class="mb-3"> <span class="text-xs text-gray-500"> <i class="far fa-calendar info-icon"></i> Published: 2025-04-29 </span> </div> <!-- Actions --> <div class="flex justify-between pt-3 border-t border-gray-100"> <!-- License badge --> <div class="text-xs text-gray-500 flex items-center"> <i class="fas fa-info-circle info-icon"></i> FREE </div> <!-- Download button only --> <a href="https://virtualdub.oolsi.com" class="text-sm bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded flex items-center"> <i class="fas fa-download download-button-icon"></i> Download </a> </div> </div> </div> <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300 relative"> <div class="p-4"> <!-- Header section with logo and title --> <div class="flex items-start mb-3"> <div class="flex-shrink-0 relative"> <div class="relative"> <img src="https://oolsi.com/storage/software/logos/Virtualbox_logo.webp" alt="VirtualBox" class="w-16 h-16 object-contain rounded-md border border-gray-200 p-1"> </div> </div> <div class="ml-3 flex-1"> <h3 class="text-lg font-semibold text-gray-800 hover:text-indigo-600"> <a href="https://virtualbox.oolsi.com"> VirtualBox </a> </h3> <p class="text-sm text-gray-600"> <span class="flex items-center"> <i class="fab fa-windows text-blue-500 os-icon"></i><span class="os-name">windows</span> <span class="mx-1">|</span> <span>Utility Programs</span> </span> </p> </div> </div> <!-- Description --> <div class="mb-4"> <p class="text-gray-600 text-sm h-12 overflow-hidden"> VirtualBox: Free, open-source virtualization magic. Run any OS on your PC—test, code, explore! </p> </div> <!-- Ratings and published time --> <div class="flex items-center justify-between mb-3 "> <!-- Star Rating --> <div class="flex items-center"> <div class="flex text-yellow-400"> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> </div> <span class="ml-1 text-gray-600 text-xs">5.0</span> </div> <!-- Download count --> <div class="text-xs text-gray-500 "> <i class="fas fa-download text-blue-500 info-icon"></i> <span>189</span> <span>Downloads</span> </div> </div> <!-- Published date --> <div class="mb-3"> <span class="text-xs text-gray-500"> <i class="far fa-calendar info-icon"></i> Published: 2025-04-29 </span> </div> <!-- Actions --> <div class="flex justify-between pt-3 border-t border-gray-100"> <!-- License badge --> <div class="text-xs text-gray-500 flex items-center"> <i class="fas fa-info-circle info-icon"></i> FREE </div> <!-- Download button only --> <a href="https://virtualbox.oolsi.com" class="text-sm bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded flex items-center"> <i class="fas fa-download download-button-icon"></i> Download </a> </div> </div> </div> <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300 relative"> <div class="p-4"> <!-- Header section with logo and title --> <div class="flex items-start mb-3"> <div class="flex-shrink-0 relative"> <div class="relative"> <img src="https://oolsi.com/storage/software/logos/revo.webp" alt="Revo Uninstaller" class="w-16 h-16 object-contain rounded-md border border-gray-200 p-1"> </div> </div> <div class="ml-3 flex-1"> <h3 class="text-lg font-semibold text-gray-800 hover:text-indigo-600"> <a href="https://revo-uninstaller.oolsi.com"> Revo Uninstaller </a> </h3> <p class="text-sm text-gray-600"> <span class="flex items-center"> <i class="fab fa-windows text-blue-500 os-icon"></i><span class="os-name">windows</span> <span class="mx-1">|</span> <span>Utility Programs</span> </span> </p> </div> </div> <!-- Description --> <div class="mb-4"> <p class="text-gray-600 text-sm h-12 overflow-hidden"> Revo Uninstaller: Free tool to zap programs and leftovers, keeping your Windows PC clean and fast. </p> </div> <!-- Ratings and published time --> <div class="flex items-center justify-between mb-3 "> <!-- Star Rating --> <div class="flex items-center"> <div class="flex text-yellow-400"> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> </div> <span class="ml-1 text-gray-600 text-xs">5.0</span> </div> <!-- Download count --> <div class="text-xs text-gray-500 "> <i class="fas fa-download text-blue-500 info-icon"></i> <span>131</span> <span>Downloads</span> </div> </div> <!-- Published date --> <div class="mb-3"> <span class="text-xs text-gray-500"> <i class="far fa-calendar info-icon"></i> Published: 2025-04-28 </span> </div> <!-- Actions --> <div class="flex justify-between pt-3 border-t border-gray-100"> <!-- License badge --> <div class="text-xs text-gray-500 flex items-center"> <i class="fas fa-info-circle info-icon"></i> FREE </div> <!-- Download button only --> <a href="https://revo-uninstaller.oolsi.com" class="text-sm bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded flex items-center"> <i class="fas fa-download download-button-icon"></i> Download </a> </div> </div> </div> <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300 relative"> <div class="absolute top-0 right-0"> <span class="bg-yellow-100 text-yellow-800 text-xs font-medium px-2.5 py-0.5 rounded-md m-2 shadow-sm border border-yellow-200"> <i class="fas fa-star text-yellow-500 featured-badge-icon"></i> Featured </span> </div> <div class="p-4"> <!-- Header section with logo and title --> <div class="flex items-start mb-3"> <div class="flex-shrink-0 relative"> <div class="relative"> <img src="https://oolsi.com/storage/software/logos/gimp.webp" alt="GIMP" class="w-16 h-16 object-contain rounded-md border border-gray-200 p-1"> </div> </div> <div class="ml-3 flex-1"> <h3 class="text-lg font-semibold text-gray-800 hover:text-indigo-600"> <a href="https://gimp.oolsi.com"> GIMP </a> </h3> <p class="text-sm text-gray-600"> <span class="flex items-center"> <i class="fab fa-windows text-blue-500 os-icon"></i><span class="os-name">windows</span> <span class="mx-1">|</span> <span>Image editor</span> </span> </p> </div> </div> <!-- Description --> <div class="mb-4"> <p class="text-gray-600 text-sm h-12 overflow-hidden"> GIMP: a free, open-source image editor for photo tweaks and design, on Windows, macOS, and Linux. </p> </div> <!-- Ratings and published time --> <div class="flex items-center justify-between mb-3 "> <!-- Star Rating --> <div class="flex items-center"> <div class="flex text-yellow-400"> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> </div> <span class="ml-1 text-gray-600 text-xs">5.0</span> </div> <!-- Download count --> <div class="text-xs text-gray-500 "> <i class="fas fa-download text-blue-500 info-icon"></i> <span>440</span> <span>Downloads</span> </div> </div> <!-- Published date --> <div class="mb-3"> <span class="text-xs text-gray-500"> <i class="far fa-calendar info-icon"></i> Published: 2025-04-28 </span> </div> <!-- Actions --> <div class="flex justify-between pt-3 border-t border-gray-100"> <!-- License badge --> <div class="text-xs text-gray-500 flex items-center"> <i class="fas fa-info-circle info-icon"></i> FREE </div> <!-- Download button only --> <a href="https://gimp.oolsi.com" class="text-sm bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded flex items-center"> <i class="fas fa-download download-button-icon"></i> Download </a> </div> </div> </div> <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300 relative"> <div class="absolute top-0 right-0"> <span class="bg-yellow-100 text-yellow-800 text-xs font-medium px-2.5 py-0.5 rounded-md m-2 shadow-sm border border-yellow-200"> <i class="fas fa-star text-yellow-500 featured-badge-icon"></i> Featured </span> </div> <div class="p-4"> <!-- Header section with logo and title --> <div class="flex items-start mb-3"> <div class="flex-shrink-0 relative"> <div class="relative"> <img src="https://oolsi.com/storage/software/logos/avg-antivirus-logo.webp" alt="AVG Remover" class="w-16 h-16 object-contain rounded-md border border-gray-200 p-1"> </div> </div> <div class="ml-3 flex-1"> <h3 class="text-lg font-semibold text-gray-800 hover:text-indigo-600"> <a href="https://avg-remover.oolsi.com"> AVG Remover </a> </h3> <p class="text-sm text-gray-600"> <span class="flex items-center"> <i class="fab fa-windows text-blue-500 os-icon"></i><span class="os-name">windows</span> <span class="mx-1">|</span> <span>Security</span> </span> </p> </div> </div> <!-- Description --> <div class="mb-4"> <p class="text-gray-600 text-sm h-12 overflow-hidden"> AVG Remover (AVG Clear): AVG being stubborn? This official tool rips it out completely when normal uninstall fails. Your... </p> </div> <!-- Ratings and published time --> <div class="flex items-center justify-between mb-3 "> <!-- Star Rating --> <div class="flex items-center"> <div class="flex text-yellow-400"> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> </div> <span class="ml-1 text-gray-600 text-xs">5.0</span> </div> <!-- Download count --> <div class="text-xs text-gray-500 "> <i class="fas fa-download text-blue-500 info-icon"></i> <span>461</span> <span>Downloads</span> </div> </div> <!-- Published date --> <div class="mb-3"> <span class="text-xs text-gray-500"> <i class="far fa-calendar info-icon"></i> Published: 2025-04-22 </span> </div> <!-- Actions --> <div class="flex justify-between pt-3 border-t border-gray-100"> <!-- License badge --> <div class="text-xs text-gray-500 flex items-center"> <i class="fas fa-info-circle info-icon"></i> FREE </div> <!-- Download button only --> <a href="https://avg-remover.oolsi.com" class="text-sm bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded flex items-center"> <i class="fas fa-download download-button-icon"></i> Download </a> </div> </div> </div> <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300 relative"> <div class="absolute top-0 right-0"> <span class="bg-yellow-100 text-yellow-800 text-xs font-medium px-2.5 py-0.5 rounded-md m-2 shadow-sm border border-yellow-200"> <i class="fas fa-star text-yellow-500 featured-badge-icon"></i> Featured </span> </div> <div class="p-4"> <!-- Header section with logo and title --> <div class="flex items-start mb-3"> <div class="flex-shrink-0 relative"> <div class="relative"> <img src="https://oolsi.com/storage/software/logos/Xmind.ools.com.webp" alt="Xmind" class="w-16 h-16 object-contain rounded-md border border-gray-200 p-1"> </div> </div> <div class="ml-3 flex-1"> <h3 class="text-lg font-semibold text-gray-800 hover:text-indigo-600"> <a href="https://xmind.oolsi.com"> Xmind </a> </h3> <p class="text-sm text-gray-600"> <span class="flex items-center"> <i class="fab fa-windows text-blue-500 os-icon"></i><span class="os-name">windows</span> <span class="mx-1">|</span> <span>Utility Programs</span> </span> </p> </div> </div> <!-- Description --> <div class="mb-4"> <p class="text-gray-600 text-sm h-12 overflow-hidden"> XMind: Finally tame that brain chaos! Perfect for brainstorming ideas visually & actually making sense of projects. Seri... </p> </div> <!-- Ratings and published time --> <div class="flex items-center justify-between mb-3 "> <!-- Star Rating --> <div class="flex items-center"> <div class="flex text-yellow-400"> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> </div> <span class="ml-1 text-gray-600 text-xs">5.0</span> </div> <!-- Download count --> <div class="text-xs text-gray-500 "> <i class="fas fa-download text-blue-500 info-icon"></i> <span>463</span> <span>Downloads</span> </div> </div> <!-- Published date --> <div class="mb-3"> <span class="text-xs text-gray-500"> <i class="far fa-calendar info-icon"></i> Published: 2025-04-22 </span> </div> <!-- Actions --> <div class="flex justify-between pt-3 border-t border-gray-100"> <!-- License badge --> <div class="text-xs text-gray-500 flex items-center"> <i class="fas fa-info-circle info-icon"></i> FREE </div> <!-- Download button only --> <a href="https://xmind.oolsi.com" class="text-sm bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded flex items-center"> <i class="fas fa-download download-button-icon"></i> Download </a> </div> </div> </div> <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300 relative"> <div class="absolute top-0 right-0"> <span class="bg-yellow-100 text-yellow-800 text-xs font-medium px-2.5 py-0.5 rounded-md m-2 shadow-sm border border-yellow-200"> <i class="fas fa-star text-yellow-500 featured-badge-icon"></i> Featured </span> </div> <div class="p-4"> <!-- Header section with logo and title --> <div class="flex items-start mb-3"> <div class="flex-shrink-0 relative"> <div class="relative"> <img src="https://oolsi.com/storage/software/logos/winzip-seeklogo.webp" alt="WinZip" class="w-16 h-16 object-contain rounded-md border border-gray-200 p-1"> </div> </div> <div class="ml-3 flex-1"> <h3 class="text-lg font-semibold text-gray-800 hover:text-indigo-600"> <a href="https://winzip.oolsi.com"> WinZip </a> </h3> <p class="text-sm text-gray-600"> <span class="flex items-center"> <i class="fab fa-windows text-blue-500 os-icon"></i><span class="os-name">windows</span> <span class="mx-1">|</span> <span>System Diagnostic Tools</span> </span> </p> </div> </div> <!-- Description --> <div class="mb-4"> <p class="text-gray-600 text-sm h-12 overflow-hidden"> WinZip: Still the boss for zipping & unzipping! Makes files smaller, keeps 'me safe, and helps manage the digital chaos.... </p> </div> <!-- Ratings and published time --> <div class="flex items-center justify-between mb-3 "> <!-- Star Rating --> <div class="flex items-center"> <div class="flex text-yellow-400"> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> </div> <span class="ml-1 text-gray-600 text-xs">5.0</span> </div> <!-- Download count --> <div class="text-xs text-gray-500 "> <i class="fas fa-download text-blue-500 info-icon"></i> <span>482</span> <span>Downloads</span> </div> </div> <!-- Published date --> <div class="mb-3"> <span class="text-xs text-gray-500"> <i class="far fa-calendar info-icon"></i> Published: 2025-04-22 </span> </div> <!-- Actions --> <div class="flex justify-between pt-3 border-t border-gray-100"> <!-- License badge --> <div class="text-xs text-gray-500 flex items-center"> <i class="fas fa-info-circle info-icon"></i> TRIAL </div> <!-- Download button only --> <a href="https://winzip.oolsi.com" class="text-sm bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded flex items-center"> <i class="fas fa-download download-button-icon"></i> Download </a> </div> </div> </div> <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300 relative"> <div class="absolute top-0 right-0"> <span class="bg-yellow-100 text-yellow-800 text-xs font-medium px-2.5 py-0.5 rounded-md m-2 shadow-sm border border-yellow-200"> <i class="fas fa-star text-yellow-500 featured-badge-icon"></i> Featured </span> </div> <div class="p-4"> <!-- Header section with logo and title --> <div class="flex items-start mb-3"> <div class="flex-shrink-0 relative"> <div class="relative"> <img src="https://oolsi.com/storage/software/logos/aseprite-icon-lg.webp" alt="Aseprite" class="w-16 h-16 object-contain rounded-md border border-gray-200 p-1"> </div> </div> <div class="ml-3 flex-1"> <h3 class="text-lg font-semibold text-gray-800 hover:text-indigo-600"> <a href="https://aseprite.oolsi.com"> Aseprite </a> </h3> <p class="text-sm text-gray-600"> <span class="flex items-center"> <i class="fab fa-windows text-blue-500 os-icon"></i><span class="os-name">windows</span> <span class="mx-1">|</span> <span>Utility Programs</span> </span> </p> </div> </div> <!-- Description --> <div class="mb-4"> <p class="text-gray-600 text-sm h-12 overflow-hidden"> Aseprite: Your fun, go-to buddy for pixel art and animations. A must for game devs and artists </p> </div> <!-- Ratings and published time --> <div class="flex items-center justify-between mb-3 "> <!-- Star Rating --> <div class="flex items-center"> <div class="flex text-yellow-400"> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> </div> <span class="ml-1 text-gray-600 text-xs">5.0</span> </div> <!-- Download count --> <div class="text-xs text-gray-500 "> <i class="fas fa-download text-blue-500 info-icon"></i> <span>280</span> <span>Downloads</span> </div> </div> <!-- Published date --> <div class="mb-3"> <span class="text-xs text-gray-500"> <i class="far fa-calendar info-icon"></i> Published: 2025-04-22 </span> </div> <!-- Actions --> <div class="flex justify-between pt-3 border-t border-gray-100"> <!-- License badge --> <div class="text-xs text-gray-500 flex items-center"> <i class="fas fa-info-circle info-icon"></i> TRIAL </div> <!-- Download button only --> <a href="https://aseprite.oolsi.com" class="text-sm bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded flex items-center"> <i class="fas fa-download download-button-icon"></i> Download </a> </div> </div> </div> <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300 relative"> <div class="absolute top-0 right-0"> <span class="bg-yellow-100 text-yellow-800 text-xs font-medium px-2.5 py-0.5 rounded-md m-2 shadow-sm border border-yellow-200"> <i class="fas fa-star text-yellow-500 featured-badge-icon"></i> Featured </span> </div> <div class="p-4"> <!-- Header section with logo and title --> <div class="flex items-start mb-3"> <div class="flex-shrink-0 relative"> <div class="relative"> <img src="https://oolsi.com/storage/software/logos/clipgrab-1.webp" alt="ClipGrab" class="w-16 h-16 object-contain rounded-md border border-gray-200 p-1"> </div> </div> <div class="ml-3 flex-1"> <h3 class="text-lg font-semibold text-gray-800 hover:text-indigo-600"> <a href="https://clipgrab.oolsi.com"> ClipGrab </a> </h3> <p class="text-sm text-gray-600"> <span class="flex items-center"> <i class="fab fa-windows text-blue-500 os-icon"></i><span class="os-name">windows</span> <span class="mx-1">|</span> <span>Utility Programs</span> </span> </p> </div> </div> <!-- Description --> <div class="mb-4"> <p class="text-gray-600 text-sm h-12 overflow-hidden"> ClipGrab: Snag YouTube and Vimeo vids for free! Open-source, easy, and versatile—your offline video buddy. </p> </div> <!-- Ratings and published time --> <div class="flex items-center justify-between mb-3 "> <!-- Star Rating --> <div class="flex items-center"> <div class="flex text-yellow-400"> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> </div> <span class="ml-1 text-gray-600 text-xs">5.0</span> </div> <!-- Download count --> <div class="text-xs text-gray-500 "> <i class="fas fa-download text-blue-500 info-icon"></i> <span>261</span> <span>Downloads</span> </div> </div> <!-- Published date --> <div class="mb-3"> <span class="text-xs text-gray-500"> <i class="far fa-calendar info-icon"></i> Published: 2025-04-22 </span> </div> <!-- Actions --> <div class="flex justify-between pt-3 border-t border-gray-100"> <!-- License badge --> <div class="text-xs text-gray-500 flex items-center"> <i class="fas fa-info-circle info-icon"></i> FREE </div> <!-- Download button only --> <a href="https://clipgrab.oolsi.com" class="text-sm bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded flex items-center"> <i class="fas fa-download download-button-icon"></i> Download </a> </div> </div> </div> <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden hover:shadow-lg transition-all duration-300 relative"> <div class="absolute top-0 right-0"> <span class="bg-yellow-100 text-yellow-800 text-xs font-medium px-2.5 py-0.5 rounded-md m-2 shadow-sm border border-yellow-200"> <i class="fas fa-star text-yellow-500 featured-badge-icon"></i> Featured </span> </div> <div class="p-4"> <!-- Header section with logo and title --> <div class="flex items-start mb-3"> <div class="flex-shrink-0 relative"> <div class="relative"> <img src="https://oolsi.com/storage/software/logos/ClamWin_Logo.webp" alt="ClamWin" class="w-16 h-16 object-contain rounded-md border border-gray-200 p-1"> </div> </div> <div class="ml-3 flex-1"> <h3 class="text-lg font-semibold text-gray-800 hover:text-indigo-600"> <a href="https://clamwin.oolsi.com"> ClamWin </a> </h3> <p class="text-sm text-gray-600"> <span class="flex items-center"> <i class="fab fa-windows text-blue-500 os-icon"></i><span class="os-name">windows</span> <span class="mx-1">|</span> <span>Security</span> </span> </p> </div> </div> <!-- Description --> <div class="mb-4"> <p class="text-gray-600 text-sm h-12 overflow-hidden"> ClamWin: Free, open-source antivirus for Windows. Scans for viruses, updates easily, and won’t cost a dime—great for thr... </p> </div> <!-- Ratings and published time --> <div class="flex items-center justify-between mb-3 "> <!-- Star Rating --> <div class="flex items-center"> <div class="flex text-yellow-400"> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="fas fa-star text-xs rating-star"></i> <i class="far fa-star text-xs rating-star"></i> </div> <span class="ml-1 text-gray-600 text-xs">4.0</span> </div> <!-- Download count --> <div class="text-xs text-gray-500 "> <i class="fas fa-download text-blue-500 info-icon"></i> <span>316</span> <span>Downloads</span> </div> </div> <!-- Published date --> <div class="mb-3"> <span class="text-xs text-gray-500"> <i class="far fa-calendar info-icon"></i> Published: 2025-04-21 </span> </div> <!-- Actions --> <div class="flex justify-between pt-3 border-t border-gray-100"> <!-- License badge --> <div class="text-xs text-gray-500 flex items-center"> <i class="fas fa-info-circle info-icon"></i> OPEN_SOURCE </div> <!-- Download button only --> <a href="https://clamwin.oolsi.com" class="text-sm bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded flex items-center"> <i class="fas fa-download download-button-icon"></i> Download </a> </div> </div> </div> </div> <div class="mt-10 text-center"> <a href="https://oolsi.com/latest" class="inline-flex items-center px-6 py-3 bg-indigo-600 border border-transparent rounded-md font-semibold text-white hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 shadow-md transition-all"> View All Latest Software <i class="fas fa-arrow-right ml-2"></i> </a> </div> </div> </div> </div> </main> <footer class="bg-gray-800"> <div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8"> <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8"> <!-- Company Info --> <div class="col-span-1"> <h2 class="text-xl font-bold text-white mb-4">oolsi</h2> <p class="text-gray-400 mb-4">Your trusted source for software downloads and reviews.</p> <div class="flex space-x-4 rtl:space-x-reverse"> <a href="#" class="text-gray-400 hover:text-white" aria-label="Facebook"> <i class="fab fa-facebook text-xl"></i> </a> <a href="#" class="text-gray-400 hover:text-white" aria-label="Twitter"> <i class="fab fa-twitter text-xl"></i> </a> <a href="#" class="text-gray-400 hover:text-white" aria-label="Instagram"> <i class="fab fa-instagram text-xl"></i> </a> <a href="#" class="text-gray-400 hover:text-white" aria-label="YouTube"> <i class="fab fa-youtube text-xl"></i> </a> </div> </div> <!-- Software Categories --> <div class="col-span-1"> <h3 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Software</h3> <ul class="space-y-2"> <li><a href="https://oolsi.com/windows" class="text-gray-300 hover:text-white">Windows</a></li> <li><a href="https://oolsi.com/android" class="text-gray-300 hover:text-white">Android</a></li> <li><a href="https://oolsi.com/most-downloaded" class="text-gray-300 hover:text-white">Most Downloaded</a></li> <li><a href="https://oolsi.com/latest" class="text-gray-300 hover:text-white">Latest</a></li> </ul> </div> <!-- Quick Links --> <div class="col-span-1"> <h3 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Quick Links</h3> <ul class="space-y-2"> <li><a href="https://oolsi.com" class="text-gray-300 hover:text-white">Home</a></li> <li><a href="https://oolsi.com/privacy-policy" class="text-gray-300 hover:text-white">Privacy Policy</a></li> </ul> </div> <!-- Support --> <div class="col-span-1"> <h3 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Support</h3> <ul class="space-y-2"> </ul> </div> </div> <!-- Copyright --> <div class="border-t border-gray-700 pt-8"> <p class="text-center text-base text-gray-400"> © 2025 oolsi. All rights reserved. </p> </div> </div> </footer> <!-- Menu toggle scripts --> <script> document.addEventListener('DOMContentLoaded', function() { // Mobile menu toggle const mobileMenuButton = document.getElementById('mobile-menu-button'); const mobileMenu = document.getElementById('mobile-menu'); if (mobileMenuButton && mobileMenu) { mobileMenuButton.addEventListener('click', function() { mobileMenu.classList.toggle('hidden'); }); } // Desktop language menu toggle const languageMenuButton = document.getElementById('language-menu-button'); const languageMenu = document.getElementById('language-menu'); if (languageMenuButton && languageMenu) { languageMenuButton.addEventListener('click', function() { languageMenu.classList.toggle('hidden'); }); // Close the menu when clicking outside document.addEventListener('click', function(event) { if (!languageMenuButton.contains(event.target) && !languageMenu.contains(event.target)) { languageMenu.classList.add('hidden'); } }); } // Mobile language menu toggle const mobileLanguageButton = document.getElementById('mobile-language-button'); const mobileLanguageMenu = document.getElementById('mobile-language-menu'); if (mobileLanguageButton && mobileLanguageMenu) { mobileLanguageButton.addEventListener('click', function() { mobileLanguageMenu.classList.toggle('hidden'); }); // Close the menu when clicking outside document.addEventListener('click', function(event) { if (!mobileLanguageButton.contains(event.target) && !mobileLanguageMenu.contains(event.target)) { mobileLanguageMenu.classList.add('hidden'); } }); } // Event handler for search inputs - submit the form on Enter key press const searchInputs = document.querySelectorAll('input[type="search"]'); searchInputs.forEach(input => { input.addEventListener('keydown', function(event) { if (event.key === 'Enter') { event.preventDefault(); this.closest('form').submit(); } }); }); }); // Add event listeners to language menu items document.addEventListener('DOMContentLoaded', function() { const languageItems = document.querySelectorAll('#mobile-language-menu li[data-href]'); languageItems.forEach(item => { item.addEventListener('click', function() { window.location.href = this.getAttribute('data-href'); }); }); }); </script> </body> </html>