قالب لندینگ آموزشگاه آنلاین — رایگان

توضیحات

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

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

فقط فایل ZIP را دانلود کنید، آن را استخراج کنید و قالب را اجرا کنید.

 امکانات قالب

قالب شامل بخش‌های مختلفی است که برای یک لندینگ‌پیج آموزشگاه آنلاین مورد نیاز هستند:

• هدر حرفه‌ای با منوی ناوبری
• منوی موبایل با انیمیشن
• بخش Hero برای معرفی آموزشگاه
• CTAهای متعدد برای هدایت کاربر به ثبت‌نام و مشاهده دوره‌ها
• بخش معرفی ویژگی‌های آموزشگاه
• نمایش دوره‌های آموزشی
• نمایش آمار و اعداد مهم
• بخش نظرات دانشجویان
• سؤالات متداول به‌صورت آکاردئون
• بخش CTA پایانی برای ثبت‌نام
• فوتر چندستونه
• لینک شبکه‌های اجتماعی
• طراحی کاملاً ریسپانسیو
• انیمیشن Fade-in هنگام اسکرول
• انیمیشن شمارش آمار
• Hover Effect برای کارت‌ها
• آکاردئون تعاملی FAQ
• استفاده از SVGهای Inline برای آیکون‌ها

 بخش‌های آماده قالب

معرفی آموزشگاه

در بخش Hero می‌توانید عنوان، توضیحات و دکمه‌های اصلی سایت را قرار دهید تا کاربر در همان ابتدای ورود با خدمات شما آشنا شود.

ویژگی‌ها

۶ کارت برای معرفی مزایای آموزشگاه در نظر گرفته شده است:

• آموزش پروژه‌محور
• پشتیبانی ۲۴/۷
• مدرک معتبر
• اساتید مجرب
• دسترسی دائمی
• قیمت مناسب

دوره‌های آموزشی

قالب دارای بخش اختصاصی برای نمایش دوره‌هاست و در نمونه اولیه دوره‌های زیر قرار گرفته‌اند:

• برنامه‌نویسی وب
• طراحی UI/UX
• هوش مصنوعی

هر کارت دوره می‌تواند شامل تصویر، عنوان، توضیحات، قیمت و دکمه اقدام باشد.

آمار آموزشگاه

برای نمایش اطلاعات کلیدی آموزشگاه نیز یک بخش آماری در نظر گرفته شده است:

• ۱۰۰۰۰+ دانشجو
• ۵۰+ دوره
• ۲۰+ استاد
• ۴.۸ رضایت

نظرات کاربران

بخش Testimonials برای نمایش تجربه و نظر دانشجویان طراحی شده و شامل آواتار، نام، متن نظر و امتیاز ستاره‌ای است.

سؤالات متداول

بخش FAQ به‌صورت آکاردئونی طراحی شده تا پاسخ سؤالات رایج بدون شلوغ کردن صفحه در اختیار کاربران قرار بگیرد.

---

 کاملاً ریسپانسیو

قالب با رویکرد Mobile-first طراحی شده و برای نمایش در موبایل، تبلت و دسکتاپ بهینه شده است.

و Breakpoint های استفاده‌شده:

• 480px
• 768px
• 1024px
• 1280px

منوی موبایل نیز به‌صورت جداگانه طراحی شده و با انیمیشن باز و بسته می‌شود.

 بدون Bootstrap، Tailwind و npm

یکی از ویژگی‌های مهم این قالب، سادگی استفاده از آن است.

قالب با تکنولوژی‌های زیر ساخته شده:

• HTML5
• CSS3
• Vanilla JavaScript

بنابراین برای اجرای قالب به موارد زیر نیازی ندارید:

• Bootstrap
• Tailwind CSS
• jQuery
• Node.js
• npm
• Webpack
• Vite
• فرآیند Build

فایل ZIP را دانلود کنید، استخراج کنید و استفاده کنید.

این ویژگی باعث می‌شود قالب برای پروژه‌هایی که به یک لندینگ‌پیج سبک و مستقل نیاز دارند، گزینه مناسبی باشد.

 امکان شخصی‌سازی آسان

رنگ‌های اصلی قالب در یک فایل جداگانه به نام variables.css قرار گرفته‌اند.

بنابراین اگر بخواهید رنگ سازمانی آموزشگاه خود را جایگزین رنگ‌های پیش‌فرض کنید، می‌توانید متغیرهای CSS را تغییر دهید.

برای مثال رنگ اصلی قالب از طریق متغیر:

--color-primary

کنترل می‌شود.

همچنین رنگ‌های متن، پس‌زمینه، Border، سایه‌ها، Radiusها، فاصله‌ها و سایر مقادیر اصلی نیز به‌صورت متغیر تعریف شده‌اند.

این ساختار باعث می‌شود تغییر ظاهر کلی قالب بدون نیاز به جست‌وجوی مقادیر مختلف در فایل‌های CSS ساده‌تر باشد.

---

 مناسب برای وب‌سایت‌های فارسی

قالب به‌صورت RTL طراحی شده و برای محتوای فارسی آماده است.

فونت اصلی قالب نیز Vazirmatn است که برای رابط‌های کاربری فارسی انتخاب شده است.

ساختار HTML و CSS قالب نیز با توجه به راست‌چین بودن صفحات فارسی تنظیم شده است.

---

 ساختار فایل‌های قالب

فایل ZIP شامل ساختار ساده و قابل فهم زیر است:

online-academy-landing-template/
│
├── index.html
│
├── css/
│ ├── variables.css
│ └── style.css
│
├── js/
│ └── main.js
│
└── README.md

وجود فایل README.md نیز باعث می‌شود راهنمای لازم برای شخصی‌سازی قالب، تغییر رنگ، فونت و محتوا در اختیار شما باشد.

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

این قالب می‌تواند برای افراد و مجموعه‌های مختلفی کاربرد داشته باشد، از جمله:

• آموزشگاه‌های آنلاین
• آکادمی‌های آموزشی
• مدرسین و اساتید
• فروشندگان دوره‌های آنلاین
• وب‌سایت‌های آموزشی
• استارتاپ‌های حوزه آموزش
• توسعه‌دهندگان وب
• طراحان سایت
• دانشجویان و برنامه‌نویسانی که به یک Landing Page آماده نیاز دارند

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

 کاملاً رایگان

این قالب در دسته قالب‌های رایگان قرار دارد و فایل ZIP آن برای دانلود در اختیار شما قرار می‌گیرد.

می‌توانید قالب را دانلود کنید، کدهای آن را بررسی کنید و بخش‌های مختلف آن را متناسب با پروژه خود تغییر دهید.

---

📥 قبل از دانلود

این محصول یک قالب HTML استاتیک است؛ بنابراین با قالب‌های WordPress یا WooCommerce اشتباه گرفته نشود.

این فایل، یک قالب آماده HTML/CSS/JavaScript برای ساخت لندینگ‌پیج است و برای اجرای آن نیازی به نصب WordPress یا WooCommerce ندارید.

همچنین محتوای نمونه مانند عنوان دوره‌ها، قیمت‌ها، آمار، نظرات و متن‌های صفحه قابل تغییر هستند و می‌توانید آن‌ها را با اطلاعات واقعی کسب‌وکار خود جایگزین کنید.

دانلود کنید، استخراج کنید و لندینگ‌پیج آموزشگاه آنلاین خود را سریع‌تر راه‌اندازی کنید.