قالب HTML شرکتی و ساختمانی کانستر، قالب Kanstr
وب‌سایت هر شرکت ساختمانی، آتلیه معماری یا دفتر پیمانکاری، شناسنامه مهندسی و ویترین جلب اعتماد کارفرمایان و سرمایه‌گذاران است. قالب کانستر (Kanstr) یک پوسته فوق‌العاده مدرن، شیک، با کدنویسی تمیز و ساختاری چشم‌نواز است که دقیقاً برای پاسخگویی به بالاترین استانداردهای وب شرکتی و صنعتی طراحی و توسعه یافته است.
این قالب HTML بر پایه آخرین استانداردهای وب جهانی شامل HTML5، CSS3 و فریم‌ورک Bootstrap 4 کدنویسی شده و کلیه صفحات آن با رعایت اصول کدنویسی تمیز (Clean Code) و ساختار معنایی (Semantic HTML) توسعه یافته‌اند. این موضوع باعث شده است که سفارشی‌سازی صفحات یا تبدیل قالب به پوسته‌های وردپرس، پروژه‌های لاراول، جنگو و سایر سیستم‌های مدیریت محتوا برای برنامه‌نویسان و توسعهدهندگان وب بسیار ساده، لذت‌بخش و سریع باشد.
ویژگیهای شاخص و مزایای قالب کانستر
- ۶ پیش‌نمایش صفحه اصلی (۳ سبک طراحی اختصاصی در دو نگارش چندصفحه‌ای و تک‌صفحه‌ای): طراحی‌های هدفمند برای شرکت‌های ساختمانی و عمرانی، استودیوهای معماری و پروژه‌محور، آتلیه‌های دکوراسیون و نما، با قابلیت انتخاب نسخه Multi-Page یا One-Page.
- بیش از ۴۰ صفحه داخلی آماده و کاربردی: پوشش‌دهنده کامل تمام نیازهای یک کسب‌وکار مهندسی (خدمات، پروژه‌ها، تیم، وبلاگ، فروشگاه تجهیزات، قیمت‌گذاری و تماس).
- دو سورس مجزا در یک پکیج:
- پوشه سورس فارسی و راست‌چین (
Source/RTL) با فونت وزیرمتن - پوشه سورس انگلیسی و چپ‌چین (
Source/LTR) به زبان انگلیسی
- پوشه سورس فارسی و راست‌چین (
- طراحی ۱۰۰٪ واکنش‌گرا و سازگار با انواع دیوایس‌ها (Responsive): نمایش بی‌نقص در مانیتورهای عریض، لپ‌تاپ‌ها، تبلت‌ها و انواع تلفن‌های همراه.
- تایپوگرافی اصیل و استاندارد فارسی: استفاده از فونت استاندارد ایران‌سنس با لود محلی بدون نیاز به اتصال به اینترنت.
- بهینه‌سازی کامل ساختار برای موتورهای جستجو (SEO Friendly): تگ‌گذاری استاندارد معنایی، متاتگ‌های اصولی و سرعت بارگذاری بسیار بالا.
- فیلتر پیشرفته نمونه‌کارها (MixItUp): قابلیت دسته‌بندی و فیلتر روان پروژه‌ها با ترنزیشن‌های نرم در نماهای ۲ ستونه و ۳ ستونه.
- اسلایدرها و کاروسل‌های لمسی (Owl Carousel): بهینه‌شده برای صفحات لمسی و سوایپ در موبایل و تبلت.
- پاپ‌آپ ویدیو و تصاویر (Fancybox): امکان باز شدن تیزرهای معرفی پروژه و تصاویر باکیفیت در پنجره مودال لایت‌باکس.
- صفحات کامل فروشگاه مصالح و تجهیزات: شامل کاتالوگ فروشگاهی، صفحه معرفی تکی محصول، سبد خرید و فرم تسویه حساب.
- فرم‌های تماس با ایجکس (AJAX): دارای اعتبارسنجی کلاینت، فیلدهای پیام و نقشه گوگل تعاملی.
- پالت‌های رنگی آماده (
css/color-themes/): امکان تغییر رنگ اصلی قالب متناسب با هویت برند تنها با تغییر یک خط کد. - مستندات و راهنمای کامل: دفترچه راهنمای جامع تصویری در فایل پی‌دی‌اف (PDF) با کیفیت بالا.
بررسی تخصصی سبک‌های طراحی صفحه اصلی
- سبک طراحی ۱ — شرکتی ساختمانی و عمران (پیش‌فرض): مناسب شرکت‌های بزرگ ساختمانی، انبوه‌سازی و پیمانکاری کلان؛ دارای اسلایدر هیرو باوقار، معرفی سرویس‌ها، گرید پروژه‌ها، آمار ارقام، نظرات کارفرمایان و آخرین مقالات. این سبک در هر دو نگارش چندصفحه‌ای و تک‌صفحه‌ای (One-Page) با ناوبری نرم در دسترس است.
- سبک طراحی ۲ — اسلایدر مدرن و پروژه‌محور: تمرکز ویژه بر معرفی بصری پروژه‌ها، اسلایدر هیرو عریض و مقتدر، نمایش المان‌های صنعتی و کادربندی‌های مدرن جهت جلب اعتماد سرمایه‌گذاران. این سبک نیز در دو نسخه چندصفحه‌ای و تک‌صفحه‌ای (One-Page) آماده‌سازی شده است.
- سبک طراحی ۳ — استودیو معماری و دیزاین: طراحی اختصاصی برای آتلیه‌های معماری، شرکت‌های طراحی نما و دکوراسیون داخلی؛ خطوط ظریف، تایپوگرافی چشم‌نواز و فوکوس بر کارهای اجرایی و هنری، ارائه شده در دو حالت چندصفحه‌ای و تک‌صفحه‌ای (One-Page).
صفحات معرفی خدمات (Services)
- صفحه لیست اصلی خدمات: نمای شبکه‌ای کلیه خدمات همراه با آیکون‌های اختصاصی و توضیحات کوتاه.
- پیمانکاری عمومی (General Contracting): تشریح مراحل قرارداد، فرآیند اجرا و نمونه پروژه‌ها.
- طراحی معماری (Architecture Design): معرفی روند کانسپت، نقشه‌کشی فاز ۱ و ۲ و مدلسازی سه‌بعدی.
- ساخت و ساز ابنیه (Building Construction): معرفی تخصص‌های ساخت اسکلت، سفت‌کاری و نازک‌کاری.
- مدیریت مصالح (Material Management): تامین تجهیزات، کنترل کیفیت و پشتیبانی لجستیک.
- مرمت و بازسازی (Building Renovation): خدمات ارتقای سازه، مقاوم‌سازی و نوسازی دکوراسیون.
- طراحی آپارتمان (Apartment Design): خدمات طراحی داخلی واحدهای مسکونی و تجاری.
صفحات پروژه‌ها و نمونه‌کارها (Portfolio)
- گرید پروژه‌ها: نمایش کارتی پروژه‌ها با قابلیت فیلتر دسته‌بندی.
- پروژه‌ها ۲ ستونه: چیدمان عریض برای نمایش بزرگ‌تر تصاویر و پلان‌ها.
- پروژه‌ها ۳ ستونه: چیدمان جمع‌وجور برای نمایش تعداد بیشتری از سوابق اجرایی.
- جزئیات تکی پروژه: صفحه اختصاصی شامل مشخصات کارفرما، تاریخ شروع و تحویل، گالری اسلایدر تصاویر، ویژگیهای فنی سازه و پروژه‌های مرتبط.
صفحات وبلاگ و اطلاع‌رسانی (Blog)
- وبلاگ شبکه‌ای (Grid): چیدمان مدرن مقالات و اخبار صنعت ساختمان.
- وبلاگ کلاسیک (Classic): نمایش سنتی مقالات همراه با خلاصه متن و اطلاعات نویسنده.
- وبلاگ با سایدبار راست (Right Sidebar): شامل ابزارک‌های جستجو، دسته‌بندی‌ها و آخرین اخبار.
- وبلاگ با سایدبار چپ (Left Sidebar): چیدمان جایگزین برای تنوع طراحی.
- جزئیات مقاله (News Detail): صفحه کامل مطالعه مقاله، جعبه اطلاعات نویسنده، برچسب‌ها و بخش ارسال دیدگاه.
صفحات کامل فروشگاه (Shop)
- صفحه فروشگاه: کاتالوگ ابزارآلات و مصالح با فیلتر دسته‌بندی.
- جزئیات تکی کالا: نمایش قیمت، توضیحات فنی، گالری تصاویر محصول و تب‌های نقد و بررسی.
- سبد خرید: جدول خرید با امکان ویرایش تعداد کالا و محاسبه فاکتور.
- تسویه حساب (Checkout): فرم استاندارد دریافت اطلاعات صورت‌حساب و انتخاب درگاه پرداخت.
سایر صفحات اختصاصی و کاربردی
- درباره ما (About Us): معرفی سوابق شرکت، ماموریت، چشم‌انداز و افتخارات.
- تیم مهندسی (Team): معرفی مدیران پروژه، معماران و اعضای هیئت‌مدیره.
- پروفایل متخصص (Team Detail): معرفی رزومه فردی، مهارت‌های تخصصی و راه‌های ارتباطی.
- تعرفه‌ها و قیمت‌ها (Pricing): جدول پکیج‌های قیمتی و خدمات.
- نظرات مشتریان (Testimonials): نقل‌قول‌ها و رضایت‌نامه‌های کارفرمایان.
- پرسش‌های متداول (FAQ): پاسخ به سوالات رایج کارفرمایان در قالب آکاردئون.
- ورود و عضویت: صفحات ورود (Login) و ثبت‌نام کاربران (Register).
- در دست ساخت (Coming Soon): صفحه اختصاصی اطلاع‌رسانی با تایمر شمارش معکوس.
- صفحه خطای ۴۰۴: صفحه اختصاصی ارور ۴۰۴ با لینک بازگشت به خانه.
- قوانین و مقررات / حریم خصوصی: صفحات آماده برای درج شرایط کاری و خط‌مشی‌ها.
- صفحات تماس با ما (۳ مدل متنوع): مدل اول با فرم ایجکس و نقشه بزرگ؛ مدل دوم با تفکیک دفاتر و شعب؛ مدل سوم با تمرکز بر پیام مستقیم.
مشخصات و ابزارهای فنی قالب
| بخش | تکنولوژی / ابزار | کاربرد |
|---|---|---|
| هسته فرانت‌اند | HTML5 / CSS3 / JavaScript | ساختار معنایی، معتبر و استاندارد |
| فریم‌ورک استایل | Bootstrap 4.1.1 | سیستم گرید واکنش‌گرا و کامپوننت‌های پایدار |
| تایپوگرافی فارسی | IRANSansWeb Font | فونت بومی استاندارد وب فارسی با لود آفلاین |
| راست‌چین‌سازی | 100% RTL Native | انطباق کامل فاصله‌گذاری‌ها، آیکون‌ها و جهت‌گیری‌ها |
| اسلایدر و کاروسل | Owl Carousel | اسلایدرهای واکنش‌گرا با پشتیبانی از تاچ موبایل |
| لایت‌باکس رسانه‌ای | Fancybox | باز شدن تصاویر باکیفیت و تیزر ویدیو در مودال |
| فیلتر نمونه‌کارها | MixItUp | فیلتر سریع و بدون وقفه پروژه‌ها در دسته‌بندی‌ها |
| انیمیشن اسکرول | WOW.js & Animate.css | افکت‌های نرم و روان هنگام پیمایش صفحه |
| افکت سه‌بعدی کارت‌ها | Tilt.js | جلوه‌های هاور جذاب روی تصاویر شاخص |
| پالت‌های رنگی | 8 Color Schemes | فایل‌های استایل آماده در css/color-themes/ |
محتویات بسته دانلودی خریدار
با دانلود این محصول، پکیج کامل شامل موارد زیر در اختیار شما قرار می‌گیرد:
- پوشه سورس فارسی (
Source/RTL): تمامی ۴۲ صفحه HTML بومی‌سازی‌شده، فونت وزیرمتن، استایل‌ها، اسکریپت‌ها و تصاویر. - پوشه سورس اورجینال (
Source/LTR): نسخه اصلی و انگلیسی قالب به صورت چپ‌چین (LTR). - پوشه راهنمای کاربری (
Documentation):- کتابچه راهنمای رسمی چاپی با فرمت PDF با کیفیت عالی
- Help.pdf: کتابچه راهنمای رسمی و تصویری با فرمت PDF.
