قالب «هومانا» یک قالب حرفه‌ای، تمام‌ویژگی و کاملاً واکنش‌گرا است که با استفاده از جدیدترین تکنولوژی‌های روز وب مانند HTML5، CSS3، JavaScript و فریم‌ورک‌های محبوب (Bootstrap، Swiper و …) توسعه یافته است.

این قالب با هدف ارائه‌ی یک تجربه‌ی کاربری بی‌نظیر برای طراحان، توسعه‌دهندگان، فریلنسرها، دانشجویان و کسب‌وکارها طراحی شده است. هومانا با ظاهری مدرن، مینیمال و در عین حال حرفه‌ای، به شما امکان می‌دهد تا هویت دیجیتال خود را به بهترین شکل ممکن به نمایش بگذارید.

بخش‌های اصلی قالب عبارتند از:

• منوی ناوبری: شامل لوگو، لینک‌های ناوبری، دکمه‌ی تغییر تم (روشن/تاریک) و منوی همبرگری برای نمایش در موبایل.

• بخش قهرمان: شامل عنوان اصلی با افکت تایپ‌رایتر، توضیحات، دکمه‌های فراخوان (CTA)، آمارهای کلیدی (تعداد پروژه، مشتریان، تجربه و …) و شبکه‌های اجتماعی.

• بخش درباره‌ی ما: معرفی برند، تیم، تخصص‌ها و چشم‌انداز با استفاده از گریدهای منظم و المان‌های گرافیکی.

• بخش خدمات: ارائه‌ی خدمات در قالب کارت‌های جذاب با آیکون‌های SVG و افکت‌های hover.

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

• بخش وبلاگ : نمایش آخرین مطالب با تصویر، تاریخ، دسته‌بندی و لینک مطالعه‌ی بیشتر.

• بخش تیم: معرفی اعضای تیم با تصویر، نام، سمت و لینک‌های شبکه‌های اجتماعی.

• بخش نظرات مشتریان: اسلایدری از نظرات کاربران با امتیازدهی ستاره‌ای.

• بخش تماس: فرم تماس کامل با اعتبارسنجی، اطلاعات تماس (آدرس، تلفن، ایمیل) و نقشه‌ی گوگل.

• بخش تغییر تم: قابلیت تغییر بین تم روشن و تاریک با ذخیره‌سازی در localStorage.

• بخش چندزبانه: پشتیبانی از زبان‌های فارسی، انگلیسی، آلمانی، فرانسوی، اسپانیایی، ترکی، روسی و چینی با قابلیت تغییر لحظه‌ای.

فنی‌ترین ویژگی‌های قالب:

• استفاده از Swiper.js برای اسلایدرهای حرفه‌ای با افکت Cube.

• استفاده از Isotope.js برای فیلتر کردن نمونه‌کارها.

• استفاده از Magnific Popup برای نمایش تصاویر در لایت‌باکس.

• استفاده از CounterUp و Waypoints برای انیمیشن شمارش اعداد.

• استفاده از OWL Carousel برای اسلایدرهای واکنش‌گرا.

• کدهای CSS با استفاده از متغیرها (Custom Properties) برای مدیریت آسان رنگ‌ها و فونت‌ها.

• ساختار ماژولار و کاملاً کامنت‌گذاری‌شده برای توسعه و شخصی‌سازی آسان.

ویژگی‌های محصول

1. طراحی کاملاً واکنش‌گرا (Responsive): نمایش عالی در تمامی دستگاه‌ها از موبایل تا دسکتاپ با استفاده از Bootstrap 5.

2. پشتیبانی از تم روشن و تاریک (Light/Dark Mode): همراه با ذخیره‌سازی انتخاب کاربر در localStorage و استفاده از متغیرهای CSS.

3. چندزبانه (Multi-language): پشتیبانی از ۸ زبان فارسی، انگلیسی، آلمانی، فرانسوی، اسپانیایی، ترکی، روسی و چینی با قابلیت تغییر لحظه‌ای از طریق dropdown.

4. بخش قهرمان (Hero) با افکت تایپ‌رایتر: نمایش عناوین متحرک با استفاده از کتابخانه Typed.js.

5. اسلایدر حرفه‌ای با Swiper.js: افکت Cube و ناوبری با دکمه‌های کنترلی برای نمایش بخش‌های مختلف.

6. فیلتر نمونه‌کارها با Isotope.js: امکان فیلتر کردن پروژه‌ها بر اساس دسته‌بندی (UI/UX، گرافیک و …).

7. لایت‌باکس حرفه‌ای با Magnific Popup: نمایش تصاویر پروژه‌ها در حالت بزرگ‌نمایی.

8. انیمیشن شمارش اعداد (CounterUp): نمایش آمارهای کلیدی با انیمیشن شمارش و اعداد فارسی.

9. اسلایدر نظرات مشتریان (OWL Carousel): نمایش نظرات با پیمایش خودکار و دستی.

10. فرم‌های تماس با اعتبارسنجی: فرم‌های حرفه‌ای با اعتبارسنجی سمت کاربر و پیام‌های موفقیت/خطا.

11. منوی همبرگری (Hamburger Menu): برای نمایش منو در دستگاه‌های موبایل و تبلت.

12. دکمه‌ی بازگشت به بالا (Scroll to Top): با انیمیشن نرم و نمایش پس از اسکرول.

13. نقشه‌ی گوگل تعاملی (Google Maps): نمایش موقعیت مکانی با iframe جاسازی‌شده.

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

15. بخش خبرنامه (Newsletter): فرم عضویت با اعتبارسنجی ورودی و پیام موفقیت.

16. تغییر تم با دکمه‌ی اختصاصی: آیکون ماه/خورشید برای تغییر بین تم روشن و تاریک.

17. کدهای CSS با متغیرهای سفارشی: استفاده از :root برای مدیریت آسان رنگ‌ها، فونت‌ها و اندازه‌ها.

18. فونت فارسی «پیدا» با ۸ وزن مختلف: پشتیبانی از وزن‌های ۱۰۰ تا ۸۰۰ برای زیبایی و خوانایی.

19. آیکون‌های Font Awesome 6: استفاده از آخرین نسخه Font Awesome برای آیکون‌های حرفه‌ای.

20. انیمیشن‌های اسکرول با WOW.js: نمایش المان‌ها با انیمیشن هنگام ورود به دید کاربر.

21. پشتیبانی از راست‌چین (RTL) کامل: تمامی المان‌ها و استایل‌ها برای زبان فارسی بهینه‌سازی شده‌اند.

22. ساختار کامنت‌گذاری‌شده: تمامی فایل‌های HTML، CSS و JavaScript با کامنت‌های توضیحی.

23. بخش تیم (Team): نمایش اعضای تیم با تصویر، نام، سمت و شبکه‌های اجتماعی.

24. بخش وبلاگ (Blog): نمایش آخرین مطالب با تصویر، تاریخ، دسته‌بندی و لینک ادامه مطلب.

25. بخش خدمات (Services): کارت‌های حرفه‌ای با آیکون SVG و قیمت‌گذاری.

26. بخش درباره‌ی ما (About): معرفی برند با تصویر، توضیحات و لیست ویژگی‌ها.

27. بخش نمونه‌کارها (Portfolio): گالری تصاویر پروژه با هور اور و لینک‌های مشاهده.

28. بخش تماس (Contact): اطلاعات تماس کامل شامل آدرس، تلفن، ایمیل و فرم ارسال پیام.

29. بخش آمار (Stats): نمایش آمارهای کلیدی با شمارنده و اعداد فارسی.

30. پشتیبانی از فایل‌های فاوآیکون (Favicon) در اندازه‌های مختلف: برای نمایش در مرورگرها و دستگاه‌های مختلف.

31. مشخصات Open Graph و Meta Tags: برای بهینه‌سازی در شبکه‌های اجتماعی و موتورهای جستجو.

32. نوار پیشرفت خواندن (Reading Progress Bar): در صفحات وبلاگ برای نمایش میزان مطالعه‌ی مقاله.

33. دکمه‌ی واتساپ شناور (WhatsApp Float): برای ارتباط سریع با کاربران.

34. پشتیبانی از ریزداده‌های Schema.org: برای بهبود سئو و نمایش در نتایج جستجو.

35. اسکرول نرم (Smooth Scroll): پیمایش روان بین بخش‌های مختلف صفحه.