از فیگما به بوت استرپ

موضوع پروژه: تبدیل طراحی Figma به HTML/CSS با استفاده از بوت استرپ 4 و 5 سلام، من نیاز دارم که طراحی‌هایی که در Figma ساخته‌ام را به کد HTML و CSS تبدیل کنید و برای ساختار این کد از بوت استرپ 4 استفاده کنید. در این پروژه، جزئیات طراحی به‌صورت دقیق در فایل Figma موجود است و شما باید آن را به شکلی دقیق در کد پیاده‌سازی کنید. جزئیات پروژه: 1. مراجعه به طراحی‌های Figma: - شما باید فایل‌های طراحی را بررسی کنید و طبق آن‌ها طراحی صفحه‌های وب را به کد HTML و CSS تبدیل کنید. - برای هر قسمت از صفحه‌ها (مانند هدر، فوتر، دکمه‌ها، فرم‌ها و ...) باید جزئیات دقیقی مانند اندازه‌ها، فاصله‌ها، رنگ‌ها، و تایپوگرافی رعایت شود. 2. استفاده از بوت استرپ 4 و 5: - طراحی باید با استفاده از فریم‌ورک بوت استرپ 4 و 5 به صورت جداگانه انجام شود. - در نامگذاری‌ها باید از sont456-... تغییر کند. - از سیستم Grid بوت استرپ برای ساختاردهی صفحه استفاده کنید تا طرح‌بندی ریسپانسیو و مناسب تمام دستگاه‌ها (موبایل، تبلت، دسکتاپ) باشد. 3. پیکربندی دقیق CSS: - در صورتی که نیاز به استایل‌های خاص یا تغییرات بیشتر در رنگ‌ها، فونت‌ها یا سایر جزئیات طراحی باشد، باید از CSS سفارشی استفاده کنید. - ممکن است برخی از اجزای طراحی مانند دکمه‌ها، فرم‌ها، آیکون‌ها و تصاویری که در Figma قرار دارند نیاز به استایل‌دهی جداگانه داشته باشند. 4. ریسپانسیو بودن طراحی: - طراحی باید به‌طور کامل ریسپانسیو باشد و در تمام اندازه‌های صفحه نمایش (موبایل، تبلت و دسکتاپ) به‌درستی نمایش داده شود. 5. مستندسازی و توضیحات کد: - در پایان پروژه، لطفاً کدهای HTML و CSS را مستند کنید تا برای سایر توسعه‌دهندگان یا خودم در آینده قابل استفاده باشد. - همچنین باید به بهینه‌سازی کد توجه شود تا سرعت بارگذاری سایت بالا باشد. اگر شما تجربه‌ای در تبدیل طراحی‌های Figma به کد HTML/CSS و استفاده از بوت استرپ دارید و به این پروژه علاقه‌مند هستید، لطفاً نمونه‌کارهای قبلی خود را ارسال کنید و زمان تخمینی تکمیل پروژه را اعلام نمایید. ممنون از همکاری شما!