ProfMerlin/golden-science-knowledge-platform
0
1 2<!DOCTYPE html>3<html lang="ar" dir="rtl">4<head>5 <meta charset="UTF-8">6 <meta name="viewport" content="width=device-width, initial-scale=1.0">7 <title>منصة العلوم والمعرفة | Science & Knowledge Platform</title>8 <link rel="icon" type="image/x-icon" href="https://i.imgur.com/8mE4G9i.png">9 <link rel="stylesheet" href="style.css">10 <script src="https://cdn.tailwindcss.com"></script>11 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>12 <script src="https://unpkg.com/feather-icons"></script>13 <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">14</head>15<body class="bg-gray-50 text-gray-900 font-['Cairo'] transition-colors duration-300">16 <custom-navbar></custom-navbar>17 18 <!-- Hero Section -->19 <section class="py-16 bg-gradient-to-b from-yellow-50 to-white dark:from-gray-800 dark:to-gray-900">20 <div class="container mx-auto px-4 text-center">21 <h2 class="text-4xl font-bold mb-4 text-gray-800 dark:text-white">مرحباً بك في منصة العلوم والمعرفة</h2>22 <p class="text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto mb-6">23 اكتشف مقالات وبحوثًا علمية في المالية، الإدارة، الموارد البشرية، والتنمية.24 </p>25 <a href="magazine.html" class="inline-block bg-yellow-500 text-white px-6 py-3 rounded-lg hover:bg-yellow-600 transition">26 ابدأ التصفح27 </a>28 </div>29 </section>30 31 <!-- Latest Articles -->32 <section class="py-12">33 <div class="container mx-auto px-4">34 <h3 class="text-2xl font-bold mb-6 text-gray-800 dark:text-white">أحدث المقالات</h3>35 <div id="articles" class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">36 <!-- Dynamic content will be loaded by script.js -->37 </div>38 </div>39 </section>40 41 <!-- Featured Authors -->42 <section class="py-12 bg-gray-100 dark:bg-gray-800">43 <div class="container mx-auto px-4">44 <h3 class="text-2xl font-bold mb-6 text-gray-800 dark:text-white">أبرز الكُتّاب</h3>45 <div id="authors" class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">46 <!-- Dynamic content will be loaded by script.js -->47 </div>48 </div>49 </section>50 51 <!-- Reader Reviews -->52 <section class="py-12">53 <div class="container mx-auto px-4">54 <h3 class="text-2xl font-bold mb-6 text-gray-800 dark:text-white">آراء القراء</h3>55 <div id="reviews" class="space-y-4 max-w-3xl mx-auto">56 <!-- Dynamic content will be loaded by script.js -->57 </div>58 </div>59 </section>60 61 <custom-footer></custom-footer>62 63 <script src="components/navbar.js"></script>64 <script src="components/footer.js"></script>65 <script src="script.js"></script>66 <script>feather.replace();</script>67<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>68</body>69</html>70