معرفی

🎓 قالب آموزشگاه کامپیوتر فناوران | Fanavaran Computer Institute Theme

📌 معرفی کوتاه (Short Description)

قالب حرفه‌ای آموزشگاه کامپیوتر و مراکز آموزش فناوری اطلاعات — طراحی مدرن، کاملاً ریسپانسیو، بهینه برای موبایل، با پشتیبانی از فونت فارسی وزیر و آیکون‌های Font Awesome. مناسب برای آموزشگاه‌های برنامه‌نویسی، شبکه، طراحی و ICDL.

📝 توضیحات کامل (Full Description)

✨ ویژگی‌های کلیدی

قالب فناوران یک قالب HTML حرفه‌ای و مدرن است که به‌طور اختصاصی برای آموزشگاه‌های کامپیوتر، مراکز آموزش تخصصی IT، آکادمی‌های برنامه‌نویسی و موسسات فناوری اطلاعات طراحی شده است. این قالب با ترکیبی از طراحی زیبا و عملکرد بالا، به شما کمک می‌کند تا حضور آنلاین حرفه‌ای‌ای داشته باشید و دانشجویان بیشتری را جذب کنید.

🎯 برای چه کسانی مناسب است؟

•          ✅ آموزشگاه‌های کامپیوتر و فناوری اطلاعات

•          ✅ مراکز آموزش برنامه‌نویسی (Python، Java، React، PHP و…)

•          ✅ آکادمی‌های طراحی UI/UX و گرافیک

•          ✅ موسسات آموزش شبکه و امنیت (CCNA، CEH)

•          ✅ مراکز آموزش ICDL و مهارت‌های هفتگانه

•          ✅ آموزشگاه‌های آنلاین و دوره‌های آموزشی مجازی

•          ✅ هر نوع کسب‌وکار آموزشی در حوزه تکنولوژی

🎨 طراحی و ظاهر

•          🌙 طراحی مدرن و تمیز با پالت رنگی آبی-نارنجی حرفه‌ای

•          📱 کاملاً ریسپانسیو — نمایش عالی در موبایل، تبلت و دسکتاپ

•          🖥️ گرید سیستم قدرتمند با استفاده از Tailwind CSS

•          🎭 انیمیشن‌های نرم و جذاب برای تعامل بهتر کاربر

•          🌐 پشتیبانی کامل از راست‌به‌چپ (RTL) برای زبان فارسی

•          🔤 فونت فارسی وزیر (Vazirmatn) برای خوانایی بالا

•          🎯 آیکون‌های Font Awesome 6.5 برای نمایش حرفه‌ای

📚 بخش‌ها و المان‌های موجود

۱. 🏠 صفحه اصلی (Hero Section)

•          بنر بزرگ با گرادیان زیبا و پترن متحرک

•          آمارهای کلیدی (تعداد دوره، دانشجو، استاد)

•          دکمه‌های CTA برای ثبت‌نام و مشاوره

•          تصویر شاخص با افکت شیشه‌ای (Glassmorphism)

۲. 🎓 بخش دوره‌های آموزشی

•          ۶ کارت دوره نمونه با تصاویر واقعی

•          فیلتر دسته‌بندی (برنامه‌نویسی، طراحی، شبکه، آفیس)

•          نمایش قیمت، مدت زمان، امتیاز ستاره‌ای

•          پروفایل استاد هر دوره

•          برچسب‌های پرفروش، جدید و تخفیف

۳. 👨‍🏫 بخش اساتید

•          نمایش پروفایل ۴ استاد با تصویر دایره‌ای

•          نمایش تخصص و سابقه کاری

•          لینک‌های شبکه‌های اجتماعی

۴. 💬 نظرات دانشجویان

•          ۳ کارت نظر با امتیاز ستاره‌ای

•          تصویر و نام دانشجو

•          نمایش دوره گذرانده شده

۵. 📝 وبلاگ آموزشی

•          ۳ مقاله نمونه با تصویر شاخص

•          دسته‌بندی مقالات

•          تاریخ و تعداد بازدید

۶. 📞 فرم تماس و اطلاعات

•          فرم تماس کامل (نام، تلفن، ایمیل، موضوع، پیام)

•          اطلاعات تماس (آدرس، تلفن، ایمیل، ساعت کاری)

•          لینک‌های شبکه‌های اجتماعی

۷. 📊 آمار و ارقام

•          شمارنده انیمیشنی (دانشجو، دوره، استاد، رضایت)

•          طراحی جذاب با آیکون

۸. 🦶 فوتر حرفه‌ای

•          ۴ ستون با لینک‌های مفید

•          فرم خبرنامه

•          لینک‌های شبکه‌های اجتماعی

⚡ قابلیت‌های تعاملی (JavaScript)

•          📱 منوی موبایل کشویی با انیمیشن نرم و overlay

•          🔝 دکمه بازگشت به بالا هنگام اسکرول

•          🔢 شمارنده آمار هنگام ورود به بخش

•          🔍 فیلتر دوره‌ها بر اساس دسته‌بندی

•          🖱️ اسکرول نرم بین بخش‌های مختلف

•          ✨ هاور افکت روی کارت‌ها و دکمه‌ها

🛠️ تکنولوژی‌های استفاده شده

تکنولوژی	نسخه	کاربرد
Tailwind CSS	v3.x	استایل‌دهی و گرید سیستم
Font Awesome	6.5.1	آیکون‌ها
Vazirmatn	v33	فونت فارسی
HTML5	-	ساختار صفحه
CSS3	-	انیمیشن و افکت‌ها
Vanilla JS	ES6+	تعاملات و منطق

📦 فایل‌های شامل

📁 fanavaran-computer-institute/
├── 📄 index.html # فایل اصلی قالب
├── 📄 README.md # راهنمای استفاده
├── 📁 assets/
│ ├── 📁 css/
│ │ └── 📄 tailwind.config.js # تنظیمات Tailwind
│ ├── 📁 js/
│ │ └── 📄 main.js # اسکریپت‌های تعاملی
│ └── 📁 images/ # تصاویر نمونه
└── 📄 documentation.pdf # مستندات کامل

🚀 نحوه استفاده

1.       فایل index.html را در مرورگر باز کنید

2.       برای ویرایش، فایل را در ویرایشگر کد (VS Code) باز کنید

3.       متن‌ها و تصاویر را متناسب با برند خود تغییر دهید

4.       لینک‌ها و اطلاعات تماس را به‌روز کنید

5.       برای تبدیل به وردپرس، می‌توانید از این قالب HTML به‌عنوان پایه استفاده کنید

🔄 تبدیل به وردپرس (راهنما)

این قالب HTML می‌تواند به‌راحتی به یک قالب وردپرس تبدیل شود:

•          گام ۱: ساختار فایل‌های وردپرس (style.css, index.php, header.php, footer.php)

•          گام ۲: تبدیل بخش‌های استاتیک به داینامیک با Loop وردپرس

•          گام ۳: استفاده از Custom Post Types برای دوره‌ها و اساتید

•          گام ۴: افزودن Theme Customizer برای تنظیمات

•          گام ۵: ساخت منوهای داینامیک و ابزارک‌ها

💡 پیشنهادات برای سفارشی‌سازی

•          🎨 تغییر رنگ‌های اصلی در Tailwind config

•          🖼️ جایگزینی تصاویر نمونه با تصاویر واقعی آموزشگاه

•          ✍️ ویرایش متن‌ها و محتوا به زبان و سبک خود

•          🔗 افزودن لینک‌های واقعی شبکه‌های اجتماعی

•          📊 اتصال فرم تماس به سرویس ایمیل

📋 نیازمندی‌ها

•          مرورگر مدرن (Chrome, Firefox, Safari, Edge)

•          اتصال اینترنت برای لود CDNها (Tailwind, Font Awesome)

•          یا دانلود فایل‌ها و استفاده آفلاین

🆘 پشتیبانی

در صورت هرگونه سوال یا نیاز به راهنمایی: - 📧 ایمیل: support@fanavaran.ac.ir - 💬 تلگرام: @fanavaran_support - 📱 تلفن: ۰۲۱-۱۲۳۴۵۶۷۸

📝 مجوز استفاده

•          ✅ استفاده شخصی و تجاری

•          ✅ ویرایش و سفارشی‌سازی

•          ❌ فروش مجدد به‌عنوان قالب اصلی

•          ❌ انتشار در مارکت‌پلیس بدون تغییرات اساسی

⭐ نسخه‌بندی

•          نسخه فعلی: 1.0.0

•          آخرین بروزرسانی: اردیبهشت ۱۴۰۵

•          سازگاری: تمام مرورگرهای مدرن

🙏 تشکر و قدردانی

•          Tailwind CSS

•          Font Awesome

•          Vazirmatn Font

•          Unsplash برای تصاویر نمونه

🎉 با تشکر از انتخاب قالب فناوران! موفق باشید.