This fashion academy open day landing page template is one HTML5 page with one goal. Pinora is a soft, pastel one-page booking landing page for fashion design schools, styling academies, photography and makeup schools.

Every call to action leads to one goal – booking a place at an open day – through a booking form with the campus day’s programme beside it and the next dates worked out from today. Spaced Dosis capitals, a friendly Commissioner text face, blush rules and the powder, lavender and peach of studio backdrops keep it light.

The header is a set of anchor tabs that glide to each section and light up as you scroll. Also, the page ships with a light and a dark theme, right-to-left support, a currency switch and a WebGL layer of drifting pastel clouds.

In short, every section on the page leads to that one action. Also, the contact form works out of the box, so you can launch as soon as your content is in.

Fashion Academy Open Day Landing Page: One Page, Built To Convert

• Hero Slider: First, a full-bleed pastel slider under a clear header, each school’s next intake under its slide.
• Four Schools, One Studio Floor: Then, fashion design, styling, fashion photography and makeup & hair in line-art cards with their courses and next intakes.
• Sketch To Photograph: Next, a croquis draws itself, becomes the technical flat, is cut in calico as a toile and turns into the photographed dress as you scroll.
• Courses Opening Next: After that, four courses with their school, length and price from.
• Pricing – Every Fee In One Place: Also, the tuition of every course full-time, part-time and online, with school tabs.
• Student Work: Then, a photo mosaic of the students’ shoots.
• Testimonials: Next, the graduates’ words in a slider with the real review average.
• Taught By People Who Work: In addition, the heads of the four schools.
• Open-Day Band: After that, a parallax photo band with the next campus day, a Book A Place button and the academy’s film in a video popup.
• The Houses: Also, the studios and houses the graduates work with.
• Book A Place: Then, the campus day’s programme and a booking form – the date, your name and e-mail, the school and who is coming.
• Contact: Finally, the campus, admissions and e-mail cards, a contact form with the campus hours, and a Google map.

Fashion Academy Open Day Landing Page Features

• One-page booking landing with a single goal: a place at an open day
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Light and dark mode on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets and a flag language picker that turns the page around (Bootstrap RTL included)
• A euro / pound / dollar switch that repaints every fee
• WebGL pastel clouds tinted by the theme, and the academy crest shattering into Voronoi cells and re-forming in the footer
• Real academy logic: open days dated from their repeat rules, every intake worked out from today, the studios open now
• Hero slider, testimonial slider, scroll-drawn croquis, parallax photo band, video popup, fee tables
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally, plus line-art school icons in two inks
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index

Before You Buy

First, open the live demo and scroll the whole page. Then, check it on your phone. Finally, compare the sections above with the action you need.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, RTLCSS, Google Fonts (Dosis, Commissioner).

Note

All images are used for preview purposes only and are not included in the download package – they are replaced with neutral placeholders. The logo files, the line icons and the language flags are included.

Browse more Fashion & Apparel landing pages, or the multi-page Fashion & Apparel website templates.