M5HAROU/mathmaster-bac-science-math-edition
0
1<!DOCTYPE html>2<html lang="ar" dir="rtl">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>MathMaster - Bac Science Math</title>7 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <script src="https://unpkg.com/feather-icons"></script>11 <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>12 <style>13 @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');14 body {15 font-family: 'Tajawal', sans-serif;16 }17 .card-hover {18 transition: all 0.3s ease;19 }20 .card-hover:hover {21 transform: translateY(-5px);22 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);23 }24 #vanta-bg {25 position: absolute;26 width: 100%;27 height: 100%;28 z-index: -1;29 }30 </style>31</head>32<body class="bg-gray-50 text-gray-800">33 <div id="vanta-bg"></div>34 35 <!-- Header -->36 <header class="bg-white shadow-lg relative z-10">37 <div class="container mx-auto px-4 py-6">38 <div class="flex flex-col md:flex-row justify-between items-center">39 <div class="flex items-center mb-4 md:mb-0">40 <i data-feather="book-open" class="text-blue-600 mr-2"></i>41 <h1 class="text-2xl font-bold text-blue-700">MathMaster 🧮</h1>42 </div>43 <nav class="flex space-x-2 md:space-x-4">44 <a href="#lessons" class="px-4 py-2 bg-blue-100 text-blue-700 rounded-lg hover:bg-blue-200 transition">درس</a>45 <a href="#exercises" class="px-4 py-2 bg-green-100 text-green-700 rounded-lg hover:bg-green-200 transition">تمارين</a>46 <a href="#summaries" class="px-4 py-2 bg-purple-100 text-purple-700 rounded-lg hover:bg-purple-200 transition">ملخص</a>47 <a href="#videos" class="px-4 py-2 bg-red-100 text-red-700 rounded-lg hover:bg-red-200 transition">فيديو</a>48 </nav>49 </div>50 </div>51 </header>52 53 <!-- Hero Section -->54 <section class="relative py-20 px-4">55 <div class="container mx-auto text-center relative z-10">56 <h2 class="text-4xl md:text-5xl font-bold mb-6 text-blue-800">مرحباً بكم في MathMaster</h2>57 <p class="text-xl md:text-2xl mb-8 text-gray-700">منصة التعلم الشاملة لطلاب البكالوريا علوم رياضية</p>58 <div class="grid grid-cols-1 md:grid-cols-4 gap-6 max-w-4xl mx-auto">59 <div class="bg-white rounded-xl shadow-md p-6 card-hover">60 <i data-feather="book" class="w-12 h-12 text-blue-600 mx-auto mb-4"></i>61 <h3 class="text-lg font-semibold mb-2">دروس مفصلة</h3>62 <p class="text-sm">شرح مبسط ومنظم حسب المحاور الرسمية</p>63 </div>64 <div class="bg-white rounded-xl shadow-md p-6 card-hover">65 <i data-feather="edit-3" class="w-12 h-12 text-green-600 mx-auto mb-4"></i>66 <h3 class="text-lg font-semibold mb-2">تمارين تطبيقية</h3>67 <p class="text-sm">مع حلول تدريجية لتثبيت المفاهيم</p>68 </div>69 <div class="bg-white rounded-xl shadow-md p-6 card-hover">70 <i data-feather="file-text" class="w-12 h-12 text-purple-600 mx-auto mb-4"></i>71 <h3 class="text-lg font-semibold mb-2">ملخصات شاملة</h3>72 <p class="text-sm">مراجعة سريعة وفعالة قبل الامتحانات</p>73 </div>74 <div class="bg-white rounded-xl shadow-md p-6 card-hover">75 <i data-feather="video" class="w-12 h-12 text-red-600 mx-auto mb-4"></i>76 <h3 class="text-lg font-semibold mb-2">فيديوهات تعليمية</h3>77 <p class="text-sm">شرح من أساتذة مختصين للمفاهيم الصعبة</p>78 </div>79 </div>80 </div>81 </section>82 83 <!-- Content Sections -->84 <main class="container mx-auto px-4 py-16 relative z-10">85 86 <!-- Lessons Section -->87 <section id="lessons" class="mb-20">88 <div class="flex items-center mb-8">89 <i data-feather="book" class="w-8 h-8 text-blue-600 mr-3"></i>90 <h2 class="text-3xl font-bold text-blue-800">الدروس 📚</h2>91 </div>92 <div class="bg-white rounded-2xl shadow-xl p-6">93 <h3 class="text-xl font-semibold mb-6 text-blue-700">محور: النهايات والاتصال</h3>94 <div class="grid grid-cols-1 md:grid-cols-2 gap-4">95 <a href="https://moutamadris.ma/wp-content/uploads/2022/04/درس-النهايات-والاتصال-2-باك-نموذج-1.pdf" target="_blank" class="bg-blue-50 hover:bg-blue-100 p-4 rounded-lg transition flex items-center">96 <i data-feather="file" class="text-blue-600 mr-3"></i>97 <span>نموذج 1</span>98 </a>99 <a href="https://moutamadris.ma/wp-content/uploads/2022/04/درس-النهايات-والاتصال-2-باك-نموذج-2.pdf" target="_blank" class="bg-blue-50 hover:bg-blue-100 p-4 rounded-lg transition flex items-center">100 <i data-feather="file" class="text-blue-600 mr-3"></i>101 <span>نموذج 2</span>102 </a>103 </div>104 105 <h3 class="text-xl font-semibold mt-8 mb-6 text-blue-700">محور: اتصال دالة عددية</h3>106 <div class="grid grid-cols-1 md:grid-cols-2 gap-4">107 <a href="https://moutamadris.ma/wp-content/uploads/2022/04/درس-النهايات-والاتصال-2-باك-نموذج-1.pdf" target="_blank" class="bg-blue-50 hover:bg-blue-100 p-4 rounded-lg transition flex items-center">108 <i data-feather="file" class="text-blue-600 mr-3"></i>109 <span>نموذج 1</span>110 </a>111 <a href="https://moutamadris.ma/wp-content/uploads/2022/04/درس-النهايات-والاتصال-2-باك-نموذج-2.pdf" target="_blank" class="bg-blue-50 hover:bg-blue-100 p-4 rounded-lg transition flex items-center">112 <i data-feather="file" class="text-blue-600 mr-3"></i>113 <span>نموذج 2</span>114 </a>115 </div>116 </div>117 </section>118 119 <!-- Exercises Section -->120 <section id="exercises" class="mb-20">121 <div class="flex items-center mb-8">122 <i data-feather="edit-3" class="w-8 h-8 text-green-600 mr-3"></i>123 <h2 class="text-3xl font-bold text-green-800">تمارين 🧩</h2>124 </div>125 <div class="bg-white rounded-2xl shadow-xl p-6">126 <h3 class="text-xl font-semibold mb-6 text-green-700">محور: النهايات والاتصال</h3>127 <div class="grid grid-cols-1 md:grid-cols-3 gap-4">128 <a href="https://moutamadris.ma/wp-content/uploads/2022/04/تمارين-النهايات-والاتصال-2-باك-نموذج1.pdf" target="_blank" class="bg-green-50 hover:bg-green-100 p-4 rounded-lg transition flex items-center">129 <i data-feather="file-text" class="text-green-600 mr-3"></i>130 <span>نموذج 1</span>131 </a>132 <a href="https://moutamadris.ma/wp-content/uploads/2022/極/تمارين-النهايات-والاتصال-2-باك-نموذج2.pdf" target="_blank" class="bg-green-50 hover:極-green-100 p-4 rounded-lg transition flex items-center">133 <i data-feather="file-text" class="text-green-600 mr-3"></i>134 <span>نموذج 2</span>135 </a>136 <a href="https://moutamadris.ma/wp-content/uploads/2022/04/تمارين-النهايات-والاتصال-2-باك-نموذج3.pdf" target="_blank" class="bg-green-50 hover:bg-green-100 p-4 rounded-lg transition flex items-center">137 <i data-feather="file-text" class="text-green-極 mr-3"></i>138 <span>نموذج 3</span>139 </a>140 <a href="https://moutamadris.ma/wp-content/uploads/2022/04/تمارين-النهايات-والاتصال-2-باك-نموذج4.pdf" target="_blank" class="bg-green-50 hover:bg-green-100 p-4 rounded-lg transition flex items-center">141 <i data-feather="file-text" class="text-green-600 mr-3"></i>142 <span>نموذج 4</span>143 </a>144 <a href="https://moutamadris.ma/wp-content/uploads/2022/04/تمارين-النهايات-والاتصال-2-باك-نموذج5.pdf" target="_blank" class="bg-green-50 hover:bg-green-100 p-4 rounded-lg transition flex items-center">145 <i data-feather="file-text" class="text-green-600 mr-3"></極>146 <span>نموذج 5</span>147 </a>148 </div>149 </div>150 </section>151 152 <!-- Summaries Section -->153 <section id="summaries" class="mb-20">154 <div class="flex items-center mb-8">155 <i data-feather="file-text" class="w-8 h-8 text-purple-600 mr-3"></i>156 <h2 class="text-3xl font-bold text-purple-800">ملخصات 📋</h2>157 </div>158 <div class="bg-white rounded-2xl shadow-xl p-6">159 <h3 class="text-xl font-semibold mb-6 text-purple-700">محور: النهايات والاتصال</h3>160 <a href="https://moutamadris.ma/wp-content/uploads/2022/04/ملخص-النهايات-والاتصال-2-باك-نموذج1.pdf" target="_blank" class="bg-purple-50 hover:bg-purple-100 p-4 rounded-lg transition flex items-center">161 <i data-feather="file" class="text-purple-600 mr-3"></i>162 <span>نموذج 1</span>163 </a>164 </div>165 </section>166 167 <!-- Videos Section -->168 <section id="videos" class="mb-20">169 <div class="flex items-center mb-8">170 <i data-feather="video" class="w-8 h-8 text-red-600 mr-3"></i>171 <h2 class="text-3xl font-bold text-red-800">فيديوهات 🎥</h2>172 </div>173 <div class="bg-white rounded-2xl shadow-xl p-6">174 <h3 class="text-xl font-semibold mb-6 text-red-700">محور: النهايات والاتصال</h3>175 <div class="grid grid-cols-1 md:grid-cols-2 gap-4">176 <a href="https://youtu.be/nILBP2I8dS8" target="_blank" class="bg-red-50 hover:bg-red-100 p-4 rounded-lg transition flex items-center">177 <i data-feather="play-circle" class="text-red-600 mr-3"></i>178 <span>شرح 1</span>179 </a>180 <a href="https://youtu.be/tFZByeoHwxI" target="_blank" class="bg-red-50 hover:bg-red-100 p-4 rounded-lg transition flex items-center">181 <i data-feather="play-circle" class="text-red-600 mr-3"></i>182 <span>شرح 2</span>183 </a>184 <a href="https://youtu.be/rXN6S_ZBmjU" target="_blank" class="bg-red-50 hover:bg-red-100 p-4 rounded-lg transition flex items-center">185 <i data-feather="play-circle" class="text-red-600 mr-3"></i>186 <span>شرح 3</span>187 </a>188 <a href="https://youtu.be/r51_z2BBmwU極" target="_blank" class="bg-red-50 hover:bg-red-100 p-4 rounded-lg transition flex items-center">189 <i data-feather="play-circle" class="text-red-600 mr-3"></i>190 <span>شرح 4</span>191 </a>192 <a href="https://youtu.be/nRvRHuhXKXw" target="_blank" class="bg-red-50 hover:bg-red-100 p-4 rounded-lg transition flex items-center">193 <i data-feather="play-circle" class="text-red-600 mr-3"></i>194 <span>شرح 5</span>195 </a>196 </div>197 </div>198 </section>199 </main>200 201 <!-- Footer -->202 <footer class="bg-gray-800 text-white py-12 relative z-10">203 <div class="container mx-auto px-4 text-center">204 <div class="flex justify-center space-x-6 mb-6">205 <a href="#" class="hover:text-blue-300 transition"><i data-feather="facebook"></i></a>206 <a href="#" class="hover:text-blue-300 transition"><i data-feather="twitter"></i></a>207 <a href="#" class="hover:text-red-300 transition"><i data-feather="youtube"></i></a>208 </div>209 <p class="text-gray-400">© 2023 MathMaster. جميع الحقوق محفوظة</p>210 <p class="text-gray-400 mt-2">صمم خصيصاً لطلاب البكالوريا علوم رياضية</p>211 </div>212 </footer>213 214 <script>215 // Vanta.js background216 VANTA.GLOBE({217 el: "#vanta-bg",218 mouseControls: true,219 touchControls: true,220 gyroControls: false,221 minHeight: 200.00,222 minWidth: 200.00,223 scale: 1.00,224 scaleMobile: 1.00,225 color: 0x3b82f6,226 backgroundColor: 0xf9fafb,227 size: 0.8228 });229 230 // Initialize feather icons231 feather.replace();232 </script>233</body>234</html>235