Extension Project Landing - Copy this Html, Bootstrap Component to your project

Create-a-clean,-light-themed-website-design-for-a-university-extension-project.-The-design-should-be-minimalistic-and-user-friendly,-with-a-light-color-palette-that-includes-accent-colors-like-red,-yellow,-blue,-and-green-for-action-buttons.-Page-Layout:-Hero-Section:-At-the-top-of-the-page,-a-large-hero-section-with-a-welcoming-message-like-'Welcome-to-the-Extension-Project'-and-a-prominent-yellow-'Learn-More'-button.-This-section-should-feel-inviting-and-professional,-ideally-with-a-background-image-or-graphic-that-relates-to-community-and-education.-About-the-Project:-Following-the-hero-section,-include-an-'About-the-Project'-area-with-a-two-column-layout-—-a-short-paragraph-on-one-side-and-an-image-on-the-other-side.-This-section-should-provide-an-overview-of-the-project-and-its-mission.-Activities-and-Methodology:-Add-a-section-that-highlights-key-activities-or-methodologies,-using-colorful-icons-or-cards-in-a-grid-format.-Each-card-should-have-an-icon,-a-title,-and-a-short-description.-Team-Section:-Display-a-horizontal-row-of-circular-profile-images-with-short-bios-for-team-members.-This-section-should-help-users-feel-connected-to-the-team-behind-the-project.-Gallery-Section:-Include-a-gallery-showcasing-photos-from-events-or-project-activities-in-a-staggered-grid-format-for-a-dynamic-look.-Footer:-At-the-bottom,-add-a-dark-gray-footer-with-white-text,-displaying-the-message-'©-2024-Extension-Project'-and-simple-links-to-social-media-or-contact-information.-Style:-Light-theme-with-white-background-and-light-gray-dividers-between-sections.-Rounded-borders-for-sections-and-cards.-Accent-colors-for-buttons-and-icons-in-red,-yellow,-blue,-and-green.-Clean,-modern-fonts-that-are-easy-to-read.-Additional-Requirements:-The-design-should-be-responsive-and-accessible.-Maintain-a-professional-look-that-feels-approachable-and-friendly.