Back to templates

Template details

Agency Jekyll Theme

A Jekyll theme for agency websites with portfolio, about, and team sections, based on the Agency Bootstrap theme.

About this template

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 in img/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 in img/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.

screenshot of Agency Jekyll Theme on template0.com