FBLA Website Design Competition Project
The Career Readiness Learning Hub is a multi‑page educational website created for the FBLA Website Design Competition. Its purpose is to guide students and parents through essential college‑ and career‑readiness resources, including mentorship, resumes, internships, interview preparation, and professional communication.
The website is fully responsive and built using HTML, CSS, and JavaScript, with clean layout structures and interactive components designed for accessibility and ease of navigation.
Introduces the mission, highlights key tools, and provides quick navigation to major sections of the site.
Provides categorized information for:
- Career pathways
- College preparation
- Soft skills
- Resume and interview guidance
A centralized panel where students can access recommended content, progress sections, and personal tools.
Displays professional mentors, including:
- Profile images
- Skills and specialties
- Industries
- Quick‑view cards
Interactive filtering and user‑submitted questions, built with JavaScript.
Includes:
- Category filters
- Live question submission
- Dynamic card generation
Clear information about the organization, mission, and commonly asked student/parent questions.
Includes professional contact information and a structured layout for support inquiries.
| Technology | Purpose |
|---|---|
| HTML5 | Page structure and semantic layout |
| CSS3 | Styling, responsive design, visual components |
| JavaScript (Vanilla) | Interactive features, filtering, form handling |
| Font & Icon Assets | Enhances visual presentation and readability |
| Local Images/Video | Used for mentor profiles, branding elements, and learning materials |
This project was developed to meet FBLA Website Design guidelines by providing:
- Professional branding and consistent page design
- Interactive learning tools
- Student‑focused content organization
- Functional forms and user interactions
- Modern and responsive layout across devices
The website is intended as a supportive resource for students preparing for real‑world academic and professional pathways.
This project was created by:
- Chetachi Ikedinachi
- Mishabo Maduga
- Nancy Clark
All contributors participated in design, development, and content structuring.
To run the project locally:
- Download or clone the repository:
git clone https://github.com/your-repo-link-here
- Open the main directory.
- Launch Site by opening
index.html