Elena Voss Template

About Elena Voss Template

Elena Voss is a one-page portfolio template for web and brand designers, with scroll-driven sections, a contact form in a modal, and layouts for Desktop, Tablet and Phone.

Page sections

  • Hero: a large headline with a portrait that scales down as you scroll.

  • Portfolio: project cards that stack as you scroll, with a progress line for the active project.

  • Why work with me: three cards.

  • Services: cards that slide in sideways while the section is pinned, with a gradient fill on hover.

  • Awards: on desktop, a floating image follows the hovered row and the dividers bend under the pointer.

  • Client logos: they fly in from depth as you scroll.

  • Testimonials: a carousel with prev/next buttons, avatar thumbnails and swipe on touch.

  • FAQ: items open and close with a height animation.

  • Footer: contact card, links that underline on hover, and social icons.

Every "Get in Touch" button opens the contact form. The header hides when you scroll down and comes back when you scroll up.

Built for easy editing

  • Desktop (1280), Tablet (768) and Phone (390) breakpoints.

  • Text and colour styles on every native text layer.

  • FAQ built as a native component with Open and Closed variants.

  • Animated sections are code components, with content, colours and timings editable in the properties panel.

  • Animations respect the reduced-motion setting.

  • Font: Host Grotesk (Google Fonts, Open Font License).

  • A Read Me page explains the setup.

Good to know

  • Logos, awards and testimonials are demo content with fictional names.

  • The contact form sends to any form endpoint URL you paste in (for example Formspree). Without one, it opens the visitor's email app.