Agency Jekyll Theme is a Jekyll website theme that recreates the classic Agency Bootstrap design as a static, content-managed agency site. The theme's core function is to generate a one-page agency website with portfolio, about, and team sections from Jekyll posts, images, and a config file.
What is the Agency Jekyll Theme?
This theme is a port of the Agency Bootstrap template from Start Bootstrap, adapted to run on the Jekyll static site generator. It takes portfolio projects stored as Jekyll posts in the _posts directory, images for the about section in img/about, and team member data defined in _config.yml with photos in img/team, and produces a static HTML agency website. The source is available on GitHub, where the repository has 918 stars, and a live demo is hosted at the y7kim GitHub Page.
Key Features
- Portfolio from posts — Each portfolio project is a markdown post in
_posts; images go inimg/portfolio, and the theme generates a project grid from the post list. - About section images — The about timeline uses images placed in
img/about, with no additional configuration required beyond adding files to that folder. - Team managed in config — Team member names, roles, and social links are specified in
_config.yml, while profile photos reside inimg/team. - Bootstrap-based design — The theme is derived from the Agency Bootstrap theme, so it includes Bootstrap's responsive grid and UI components.
- Jekyll static output — The build produces plain HTML with no server-side dependencies, making it suitable for GitHub Pages or any static host.
- Live demo — A working preview is available at the demo URL, letting you see the layout and behavior before setup.
Who is it for?
- Agencies — present services, portfolio, and team on a single page without maintaining a separate CMS.
- Freelancers — showcase a portfolio and a short bio using a straightforward Jekyll structure.
- Jekyll developers — anyone comfortable editing markdown posts and a YAML config file can customize the site quickly.
How does the Agency Jekyll Theme work?
The theme follows Jekyll conventions: add portfolio projects as posts in _posts with images in img/portfolio; place about timeline images in img/about; and define team members in _config.yml with photos in img/team. After editing these files, run jekyll build or deploy to GitHub Pages to generate the final static website.
Use cases
- Agency home pages — launch a professional single-page website with a portfolio grid and team bios in a short time.
- Personal portfolios — use the about and portfolio sections to highlight creative work and background.
- Learning Jekyll — study how posts and config data map into page sections, a useful example for Jekyll beginners.
FAQ
How do I add a portfolio project?
Create a new post in the _posts folder with your project details and add an image to img/portfolio. The theme automatically includes it in the portfolio grid.
How do I update team members?
Edit the team member entries in _config.yml to change names, roles, and social media links, then place the corresponding photos in img/team.
Where do I put about section images?
Add images to the img/about folder, and the theme will use them in the about timeline section.
