---
title: Portfolio Page Template with Filters | Flexoraa Theme
description: Flexoraa's portfolio module handles category filtering and load more out of the box. Cards can sit in several categories at once, with grid or overlay card styles.
---

[![flexoraa](https://www.flexoraatheme.com/hubfs/flexoraa-logo/flexoraa-logo.svg "flexoraa")](https://www.flexoraatheme.com/?hsLang=en) [![flexoraa-white-logo-1x](https://www.flexoraatheme.com/hs-fs/hubfs/flexoraa-logo/flexoraa-white-logo-1x.png?width=532&height=99&name=flexoraa-white-logo-1x.png)](https://www.flexoraatheme.com/?hsLang=en)

- Homepages
  
    - [V1 Default The starting point](https://www.flexoraatheme.com/homepage?hsLang=en)
    - [V3 Lead Gen Form in the hero, light header](https://www.flexoraatheme.com/homepage-3?hsLang=en)
    - [V5 Video Full bleed video background](https://www.flexoraatheme.com/homepage-5?hsLang=en)

    - [V2 Agency Portfolio led, slider hero](https://www.flexoraatheme.com/homepage-2?hsLang=en)
    - [V4 Publisher Editorial and blog forward](https://www.flexoraatheme.com/homepage-4?hsLang=en)

  ![modern-house-15](https://www.flexoraatheme.com/hs-fs/hubfs/modern-house/modern-house-15.jpg?width=1920&height=1088&name=modern-house-15.jpg)
  
  ### New to Flexoraa?
  
  V1 is the one to copy first. Every template ships populated, so you edit a real page instead of an empty grid.
  
  [Open V1](https://www.flexoraatheme.com/homepage?hsLang=en)
- Pages
  
  ### Company
  
    - [About Timeline, counters, values](https://www.flexoraatheme.com/about?hsLang=en)
    - [Team Cards with bio and socials](https://www.flexoraatheme.com/team?hsLang=en)
    - [Careers Job listing with filters](https://www.flexoraatheme.com/careers?hsLang=en)
    - [Contact HubSpot form and FAQ](https://www.flexoraatheme.com/contact?hsLang=en)

  ### Marketing
  
    - [Services Alternating media blocks](https://www.flexoraatheme.com/services?hsLang=en)
    - [Portfolio Category filters, load more](https://www.flexoraatheme.com/portfolio)
    - [Pricing One plan or many](https://www.flexoraatheme.com/pricing?hsLang=en)

  ### Support
  
    - [FAQ Grouped accordions with anchors](https://www.flexoraatheme.com/faq?hsLang=en)
    - [Blog Four listing and post layouts](https://www.flexoraatheme.com/blog?hsLang=en)
    - System pages
      
      404, 500, search, password and more.

  ### Landing Pages
  
    - [Lead Generation Lead Generation landing page structure.](https://www.flexoraatheme.com/lp-lead-generation?hsLang=en)
    - [Click Through Click through landing page structure.](https://www.flexoraatheme.com/lp-click-through?hsLang=en)
- [Modules](https://www.flexoraatheme.com/modules?hsLang=en)
- [Docs](https://flexoraatheme-docs.pages.dev/)

[Instant Buy](https://ecosystem.hubspot.com/marketplace/website/flexoraa-theme-by-flexoraa)

[Instant Buy](https://ecosystem.hubspot.com/marketplace/website/flexoraa-theme-by-flexoraa)

Selected work

# Sites that still look right two years later.

Every one of these runs on the same token layer that ships in the theme. Filter by what you are trying to build.

All Marketing sites Landing pages Content hubs Ecommerce

 All

Marketing sites

Landing pages

Content hubs

Ecommerce

Rebuild ![Group 1](https://www.flexoraatheme.com/hs-fs/hubfs/Group%201.png?width=300&height=400&name=Group%201.png)

###### Northwind Analytics

A four-agency inheritance rebuilt on one set of tokens. Nine templates, no bespoke CSS.

![Group 3-2](https://www.flexoraatheme.com/hs-fs/hubfs/Group%203-2.png?width=300&height=400&name=Group%203-2.png)

###### Ridgeline Health

Accessibility-led rebuild. Contrast and focus states audited on every scheme.

![Group 2-1](https://www.flexoraatheme.com/hs-fs/hubfs/Group%202-1.png?width=300&height=400&name=Group%202-1.png)

###### Calder Manufacturing

Forty-year-old company, first site they can edit themselves. Two weeks end to end.

![Group 3-2](https://www.flexoraatheme.com/hs-fs/hubfs/Group%203-2.png?width=300&height=400&name=Group%203-2.png)

###### Halden Field Systems

Twelve campaign landing pages from one template, each editable by the marketing team alone.

![Group 2-1](https://www.flexoraatheme.com/hs-fs/hubfs/Group%202-1.png?width=300&height=400&name=Group%202-1.png)

###### Meridian Launch

One product launch, six locales, all driven from a single set of theme fields.

Featured ![Group 2](https://www.flexoraatheme.com/hs-fs/hubfs/Group%202.png?width=300&height=400&name=Group%202.png)

###### The Quarterly

A 400-post archive migrated without losing a single URL, on five blog layouts.

![Group 3-2](https://www.flexoraatheme.com/hs-fs/hubfs/Group%203-2.png?width=300&height=400&name=Group%203-2.png)

###### Openbench Docs

Documentation and marketing on one theme, so the brand does not split at the doc boundary.

![Group 3-2](https://www.flexoraatheme.com/hs-fs/hubfs/Group%203-2.png?width=300&height=400&name=Group%203-2.png)

###### Aster & Vine

Catalogue pages that a two-person team updates weekly without touching a template.

![Group 1](https://www.flexoraatheme.com/hs-fs/hubfs/Group%201.png?width=300&height=400&name=Group%201.png)

###### Fennwick Supply

Trade catalogue with gated pricing, built entirely from stock modules.

Load more

### 42

Modules

### 34

Templates

### 7 /7

System pages

### 0 kb

jQuery loaded

 How these get built

## The same three constraints every time.

None of these projects got a custom stylesheet. That is the whole point, and it is why they still hold up.

###### Stock modules only

If a layout needs bespoke markup, we change the module so everyone gets it, rather than bolting one onto a single page.

###### Handover in week one

The client edits their own pages before launch, not after. It surfaces every confusing field while we can still fix it.

###### One source for colour

Every shade resolves from theme settings. Rebranding a finished site is a settings change, not a project.

> Two years on, nobody has had to call a developer to change the homepage. That has never been true of any site we have owned before.

Priya Raman

Head of Marketing, Northwind Analytics

## Want yours on this page?

Send us the site you are replacing. We will tell you honestly whether Flexoraa is the right answer, including when it is not.

[Start a project](https://ecosystem.hubspot.com/marketplace/website/flexoraa-theme-by-flexoraa)

[![flexoraa-logo-1.5x](https://www.flexoraatheme.com/hs-fs/hubfs/flexoraa-logo/flexoraa-logo-1.5x.png?width=797&height=149&name=flexoraa-logo-1.5x.png)](https://flexoraatheme.com/?hsLang=en)

A Flexoraa theme built by a person who got tired of inheriting broken websites.

- **Email** [support@flexoraatheme.com](mailto:support@flexoraatheme.com)

<https://www.linkedin.com/> <https://x.com/> <https://www.facebook.com/> <https://www.instagram.com/>

###### Homepages

- [V1 Default](https://www.flexoraatheme.com/homepage?hsLang=en)
- [V2 Agency](https://www.flexoraatheme.com/homepage-2?hsLang=en)
- [V3 Lead Gen](https://www.flexoraatheme.com/homepage-3?hsLang=en)
- [V4 Publisher](https://www.flexoraatheme.com/homepage-4?hsLang=en)
- [V5 Video](https://www.flexoraatheme.com/homepage-5?hsLang=en)

###### Pages

- [About](https://www.flexoraatheme.com/about?hsLang=en)
- [Team](https://www.flexoraatheme.com/team?hsLang=en)
- [Careers](https://www.flexoraatheme.com/careers?hsLang=en)
- [Services](https://www.flexoraatheme.com/services?hsLang=en)
- [Portfolio](https://www.flexoraatheme.com/portfolio)
- [Contact](https://www.flexoraatheme.com/contact?hsLang=en)

###### Landing pages

- [Lead Generation](https://www.flexoraatheme.com/lp-lead-generation?hsLang=en)
- [Click Through](https://www.flexoraatheme.com/lp-click-through?hsLang=en)

###### Resources

- [Documentation](https://flexoraatheme-docs.pages.dev/)
- [Blog](https://www.flexoraatheme.com/blog?hsLang=en)
- FAQ
- Changelog
- [Request Features](https://www.flexoraatheme.com/request-features?hsLang=en)

---

© 2026 Flexoraa. All rights reserved.

- [Privacy Policy](https://flexoraatheme.com/privacy-policy?hsLang=en)
- [Terms of use](https://flexoraatheme.com/terms-of-use?hsLang=en)