Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Site Maintenance | Helmenaa</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap'); | |
| body { | |
| font-family: 'Tajawal', sans-serif; | |
| background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); | |
| } | |
| .arabic-text { | |
| direction: rtl; | |
| text-align: right; | |
| } | |
| .logo-container { | |
| transition: all 0.3s ease; | |
| } | |
| .logo-container:hover { | |
| transform: scale(1.05); | |
| } | |
| .fade-in { | |
| animation: fadeIn 1.5s ease-in-out; | |
| } | |
| @keyframes fadeIn { | |
| from { opacity: 0; } | |
| to { opacity: 1; } | |
| } | |
| .signature { | |
| font-family: 'Brush Script MT', cursive; | |
| } | |
| </style> | |
| </head> | |
| <body class="min-h-screen flex flex-col items-center justify-center p-4"> | |
| <div class="w-full max-w-4xl bg-white rounded-xl shadow-2xl overflow-hidden fade-in"> | |
| <!-- Header Section --> | |
| <div class="bg-gradient-to-r from-blue-600 to-indigo-800 p-6 text-white"> | |
| <div class="flex flex-col md:flex-row items-center justify-between"> | |
| <div> | |
| <h1 class="text-3xl font-bold">Site Maintenance</h1> | |
| <p class="text-blue-100 mt-2"> | |
| <i class="fas fa-link mr-2"></i> | |
| <a href="https://helmenaa.com/" class="hover:underline">https://helmenaa.com/</a> | |
| </p> | |
| <p class="text-blue-100 mt-1"> | |
| <i class="far fa-clock mr-2"></i> | |
| Mon, 19 May 2025 20:04:19 GMT | |
| </p> | |
| </div> | |
| <div class="mt-4 md:mt-0"> | |
| <a href="https://www.facebook.com/helmenaaVb" | |
| class="bg-white text-blue-600 px-6 py-2 rounded-full font-semibold hover:bg-blue-50 transition flex items-center"> | |
| <i class="fab fa-facebook-f mr-2"></i> Contact Us | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Main Content --> | |
| <div class="p-8"> | |
| <!-- English Message --> | |
| <div class="mb-8"> | |
| <p class="text-gray-700 text-lg leading-relaxed"> | |
| Sorry for the inconvenience we've made something good we shared a thrilling moments but we aren't that active anymore. If you need to say salam or reach us feel free to contact us, just be happy...take care everyone! | |
| </p> | |
| <p class="text-gray-800 font-bold mt-4">helmenaa vb منتدي حلمنا</p> | |
| </div> | |
| <!-- Logo --> | |
| <div class="logo-container my-8 flex justify-center"> | |
| <img src="https://helmenaa.com/logo.jpg" alt="Helmenaa Logo" class="rounded-lg shadow-md max-w-full h-auto md:max-w-md"> | |
| </div> | |
| <!-- Arabic Message --> | |
| <div class="arabic-text bg-gray-50 p-6 rounded-lg border border-gray-200"> | |
| <p class="text-gray-800 text-lg leading-relaxed mb-4"> | |
| رغم مرور 15عاماً علي تدشين هذا الموقع عام 2009 حاولت الحفاظ علي بقاء الإسم وكل ما إرتبط به من ذكريات ولحظات جميلة والتي لا أزال وفيا لها مكان لم تخلو منه القيم الحسنة والحب والتعاون وروح الأخوة وحب الخير ممتن لكل من ساهم في صنع هذا الود وكان جزء من هذا البناء وأسأل الله لكم التوفيق في الدنيا والآخرة. | |
| </p> | |
| <div class="border-t border-gray-300 pt-4 mt-4"> | |
| <p class="text-gray-700 text-right"> | |
| — كل الحب لمتابعينا المخلصين وطاقم الإدارة والأعضاء | |
| </p> | |
| <p class="text-indigo-700 font-bold mt-2 text-right"> | |
| مدير ومؤسس المنتدي ،، <span class="signature text-2xl">هيثم</span> | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Footer --> | |
| <div class="bg-gray-100 p-4 text-center text-gray-600"> | |
| <div class="flex justify-center space-x-4 mb-2"> | |
| <a href="#" class="hover:text-blue-600"><i class="fab fa-facebook-f"></i></a> | |
| <a href="#" class="hover:text-blue-400"><i class="fab fa-twitter"></i></a> | |
| <a href="#" class="hover:text-red-600"><i class="fab fa-youtube"></i></a> | |
| </div> | |
| <p>© 2009-2025 Helmenaa VB. All memories preserved.</p> | |
| </div> | |
| </div> | |
| <script> | |
| // Simple animation on load | |
| document.addEventListener('DOMContentLoaded', function() { | |
| const elements = document.querySelectorAll('.fade-in'); | |
| elements.forEach((el, index) => { | |
| el.style.animationDelay = `${index * 0.2}s`; | |
| }); | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=WhatABigWorld/helm2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |