Refined one-page landing experience inspired by the Frontend Mentor challenge. It includes a responsive hero, anchored sections for Features, Company, Careers, and About, leadership highlights with photos, testimonials, blog cards, and a footer with social links.
This build keeps the original spirit of the challenge while adding fuller content and interactions:
- Responsive layout for desktop and mobile.
- Smooth anchor navigation (including simplified top nav without dropdowns).
- Hero CTA, feature highlights, company/story section, About with leadership photos, testimonials, blog/resource cards, and a careers CTA.
- Light, softened shadows and consistent spacing.
- Responsive hero with picture sources for desktop/mobile and client logos.
- Anchored navigation: Features, Company, Careers, About.
- Sections: feature grid, company story/stats, About values + leadership photos, testimonials, blog/resources, careers CTA with open roles.
- Footer with social icons and quick links.
- Accessible interactions: focusable controls, smooth scrolling, ESC to close mobile drawer.
- HTML5 + CSS (Grid/Flex, custom properties)
- Vanilla JS for mobile drawer behaviors
- No build step required
- Clone the repo
- Open
index.htmldirectly in your browser (or serve locally with any static server).
- Balancing card spacing and subtle depth without heavy shadows.
- Keeping navigation simple (links vs. dropdowns) improves layout clarity and accessibility.
- Smooth scrolling and scroll-margin help anchor targets land neatly below a fixed header area.
- Ben Oluoch
- GitHub: https://github.com/OluochBen