Cooperative Housing Projects - Copy this Html, Bootstrap Component to your project
Prompt: "Create a user-friendly cooperative housing website design with two main pages: Projects Page and Project Details Page. Projects Page Design: Header: Logo on the left. Navigation menu with "Home," "About Us," "Projects," "Contact." Login/Register button on the right. Filters Section (at the top): Dropdown for location: City, District, Neighborhood. Price range slider for approximate project costs. Estimated delivery date selection (e.g., year/month). Tags for participation status (e.g., "Almost Full," "Need Participants"). Project Cards (grid layout): Each card includes: Project name and main image. Approximate starting price. Number of participants (e.g., "18/30 Participants"). Estimated delivery date. Transparency badge ("Track Expenses"). A "View Details" button. Footer: Links to "Terms & Conditions," "Privacy Policy," and social media icons. Project Details Page Design: Header: Same as the Projects Page. Main Section (two-column layout): Left Column: Project title and image gallery (with slideshow). Project description: Key features, benefits, and guaranteed construction assurance. Right Column: Estimated price range (e.g., "$50,000 - $70,000"). Delivery date. Project location (with embedded Google Maps). Participation status: Total participants and required participants to start the project. Payment Plan Section: Display the initial payment and monthly installment details. Highlight the transparent payment system. Transparency Panel: A dedicated section or button that redirects to detailed expense tracking (e.g., pie chart or list view). Action Buttons: "Join the Project," "Send a Message," "Add to Favorites." Footer: Same as the Projects Page. Overall Style and Feel: Color Scheme: Warm, inviting tones (e.g., light beige, white, green accents). Typography: Modern, clean sans-serif fonts. Icons and Visuals: Simple, flat-style icons for ease of understanding. Responsive Design: Optimized for desktop, tablet, and mobile devices. Focus on clarity, transparency, and trust to encourage users to participate in cooperative housing projects."
