---
title: Portfolio
---

[![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?hsLang=en)
    - [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)

## Portfolio

Display work as a category-filterable portfolio with simple or image-overlay cards. Each card has an image, tag badge, title, description, and link; add a filter bar (responsive select box on mobile) and a "Load more" button. Style cards, tags, categories, and filter states independently. Several layout variations are shown below.

All Company Marketing Support

 All

Company

Marketing

Support

![team-2](https://www.flexoraatheme.com/hs-fs/hubfs/team-2.png?width=1200&height=675&name=team-2.png)

##### Team

![contact-card](https://www.flexoraatheme.com/hs-fs/hubfs/contact-card.png?width=1200&height=675&name=contact-card.png)

##### Contact card

![job-listing](https://www.flexoraatheme.com/hs-fs/hubfs/job-listing.png?width=1200&height=675&name=job-listing.png)

##### Job Listing

![content](https://www.flexoraatheme.com/hs-fs/hubfs/content.png?width=1200&height=675&name=content.png)

##### Content Card

![portfolio](https://www.flexoraatheme.com/hs-fs/hubfs/portfolio.png?width=1200&height=675&name=portfolio.png)

##### Portfolio

![pricing-1](https://www.flexoraatheme.com/hs-fs/hubfs/pricing-1.png?width=1200&height=675&name=pricing-1.png)

##### Pricing

![blog-post-recent-post](https://www.flexoraatheme.com/hs-fs/hubfs/blog-post-recent-post.png?width=1200&height=675&name=blog-post-recent-post.png)

##### Blog Section

![accordion-1](https://www.flexoraatheme.com/hs-fs/hubfs/accordion-1.png?width=1200&height=675&name=accordion-1.png)

##### Accordion

<https://www.hubspot.com/> ![sky-4](https://www.flexoraatheme.com/hs-fs/hubfs/galaxy/sky-4.jpg?width=3840&height=2176&name=sky-4.jpg)

Featured

##### Atlas Studio rebrand

Identity refresh for a Berlin-based architecture practice.

![sky-2](https://www.flexoraatheme.com/hs-fs/hubfs/galaxy/sky-2.jpg?width=1920&height=1088&name=sky-2.jpg)

Featured

##### Mira wellness app

A meditation companion with a calming visual language.

<https://www.hubspot.com/> ![sky-1](https://www.flexoraatheme.com/hs-fs/hubfs/galaxy/sky-1.jpg?width=1920&height=1088&name=sky-1.jpg)

Featured

##### Forager — variable type

A two-axis serif designed for editorial layouts.

![sky-4](https://www.flexoraatheme.com/hs-fs/hubfs/galaxy/sky-4.jpg?width=3840&height=2176&name=sky-4.jpg)

Featured

##### Atlas Studio rebrand

Identity refresh for a Berlin-based architecture practice.

<https://www.hubspot.com/> ![sky-2](https://www.flexoraatheme.com/hs-fs/hubfs/galaxy/sky-2.jpg?width=1920&height=1088&name=sky-2.jpg)

Featured

##### Mira wellness app

A meditation companion with a calming visual language.

![sky-1](https://www.flexoraatheme.com/hs-fs/hubfs/galaxy/sky-1.jpg?width=1920&height=1088&name=sky-1.jpg)

Featured

##### Forager — variable type

A two-axis serif designed for editorial layouts.

<https://www.hubspot.com/> ![sky-4](https://www.flexoraatheme.com/hs-fs/hubfs/galaxy/sky-4.jpg?width=3840&height=2176&name=sky-4.jpg)

Featured

##### Atlas Studio rebrand

Identity refresh for a Berlin-based architecture practice.

![sky-2](https://www.flexoraatheme.com/hs-fs/hubfs/galaxy/sky-2.jpg?width=1920&height=1088&name=sky-2.jpg)

Featured

##### Mira wellness app

A meditation companion with a calming visual language.

<https://www.hubspot.com/> ![sky-1](https://www.flexoraatheme.com/hs-fs/hubfs/galaxy/sky-1.jpg?width=1920&height=1088&name=sky-1.jpg)

Featured

##### Forager — variable type

A two-axis serif designed for editorial layouts.

Load more

![research-team-3](https://www.flexoraatheme.com/hs-fs/hubfs/research/research-team-3.jpg?width=1200&height=1200&name=research-team-3.jpg)

Identity

##### Atlas Studio rebrand

![graphics-design-1](https://www.flexoraatheme.com/hs-fs/hubfs/graphics-design/graphics-design-1.jpg?width=1200&height=1200&name=graphics-design-1.jpg)

Photography

##### Mira wellness app

<https://www.hubspot.com/> ![research-team-4](https://www.flexoraatheme.com/hs-fs/hubfs/research/research-team-4.jpg?width=1200&height=1200&name=research-team-4.jpg)

Packaging

##### Forager — variable type

![research-team-1](https://www.flexoraatheme.com/hs-fs/hubfs/research/research-team-1.jpg?width=1200&height=1200&name=research-team-1.jpg)

Product

##### Atlas Studio rebrand

<https://www.hubspot.com/> ![Leonardo\_Lightning\_XL\_A\_modern\_office\_scene\_showing\_diverse\_bu\_2](https://www.flexoraatheme.com/hs-fs/hubfs/image-sales/Leonardo_Lightning_XL_A_modern_office_scene_showing_diverse_bu_2.jpg?width=1344&height=896&name=Leonardo_Lightning_XL_A_modern_office_scene_showing_diverse_bu_2.jpg)

Editorial

##### Mira wellness app

![Leonardo\_Lightning\_XL\_A\_modern\_office\_scene\_showing\_diverse\_bu\_3](https://www.flexoraatheme.com/hs-fs/hubfs/image-sales/Leonardo_Lightning_XL_A_modern_office_scene_showing_diverse_bu_3.jpg?width=1344&height=896&name=Leonardo_Lightning_XL_A_modern_office_scene_showing_diverse_bu_3.jpg)

Type

##### Forager — variable type

Load more

<https://www.hubspot.com/> Brand System · 8 weeks ![modern-house-14](https://www.flexoraatheme.com/hs-fs/hubfs/modern-house/modern-house-14.jpg?width=1920&height=1088&name=modern-house-14.jpg)

##### Loom — analytics rebrand

A complete identity rebuild covering logo, typography, motion language, and a 60-page guidelines doc. Shipped December 2025.

Web Platform · 12 weeks ![modern-house-16](https://www.flexoraatheme.com/hs-fs/hubfs/modern-house/modern-house-16.jpg?width=1920&height=1088&name=modern-house-16.jpg)

##### Glow — wellness marketplace

From storefront to checkout, every surface was rebuilt to support multi-vendor inventory and per-region pricing.

Load more

[![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?hsLang=en)
- [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)