Modara is a fashion design website template: a soft, pastel HTML5 template for a fashion design and styling academy: a school that teaches fashion design, styling, fashion photography and makeup & hair through diplomas and short courses, full-time, part-time or online. Spaced Dosis capitals, a friendly Commissioner text face, blush rules and the powder, lavender and peach of studio backdrops keep it light, while real academy logic runs underneath from one data block: 8 courses in 4 schools, each with three study modes, its fees and its intake months. Every intake worked out from today with its application deadline, the days left, the places left and the early-application saving. A tuition calculator (course x study mode x payment plan, the early saving and a starter kit, with the deposit and every payment’s date).

A five-step application with a portfolio upload previewed as you add it. Open days dated from their repeat rules with the one on now lit. The graduate show with a countdown and a running order that lights up on the night. And a week’s timetable that shows the class in the studios right now. It ships with a light and a dark theme and right-to-left support. It also has a currency switch and a WebGL layer of drifting pastel clouds, with the academy crest shattering into Voronoi cells and re-forming in the footer.

Three Home Pages

• Home 01 – The Academy: a full-bleed pastel slider under a clear header, a strip of each school’s next intake, the four schools in line-art, Sketch To Photograph – a croquis draws itself, becomes the technical flat, is cut in calico as a toile and turns into the photographed dress as you scroll – the courses opening next. Then come a photo mosaic of student work, the graduates’ words with the real review average, the faculty, an open-day band and the houses graduates work with.
• Home 02 – Courses & Intakes: a boxed hero slider and the studios this term. Then come every course’s next intake from today in a table with school tabs, Semester Grid – the diploma’s modules drop into four semesters slot by slot as the credit bar fills – a quick tuition calculator on a photo band, voices, three of the studios and the next open days.
• Home 03 – Graduate Show: a split hero with the spaced title among pastel brush daubs and a white-matted look. Then come a live countdown to the doors, the night at a glance, Portfolios Fan Out – the graduates’ portfolios open like a hand of cards – the running order, the class by school, past shows and a free seat booking.

Courses, Admissions & The Show

• All Courses: school tabs, level and study-mode filters, search and a count. Each card slides in its next intake on hover.
• Two Course Layouts: the diploma (story, study modes, semester grid, the next three intakes, tutors, entry) and the short course (a studio slider, the weeks, a priced place by intake and mode).
• Intakes & Dates: every course’s next three starts from today, with deadlines, days left, places and the early saving.
• Tuition & Fees: the calculator with the payment plan and its dates. It also has every fee by study mode and the three ways to pay.
• Apply Now: course and intake, about you and the portfolio (six to twelve images or a link). It also has a statement and the interview and the review. Continue never blocks; only Submit checks. A plan from the calculator fills the first step.
• Open Days & Timetable: campus days and online evenings with their sessions and places and a booking form. It also has the week’s classes with the one on now lit.
• The Graduate Show, Graduates & Portfolios: the countdown, the running order, the award winners, past shows and a seat booking. It also has every graduate by school and a portfolio page with its lookbook.

Fashion Design Website Template: Inner Pages

Modara includes All Courses, Course Single (Diploma, Short Course) and Intakes & Dates. It also has A Week In The Studios, Student Work and How To Apply. Then come Apply Now, Tuition & Fees, Open Days, The Graduate Show and Graduates. There are also Graduate Portfolio, About, The Studios, Faculty, Tutor Profile, Journal and Journal Post. It also has FAQ with search, Contact (working PHP form and map) and Student Area. Finally, there are Login, Register, Forgot Password, Coming Soon and 404 – thirty pages in total.

Fashion Design Website Template Features

• 30 HTML pages, 3 unique home page designs
• A light theme by default and a dark theme on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets for every page and a flag language picker that turns any page around (Bootstrap RTL included)
• A currency switch (euros, pounds, dollars) that repaints every fee on the page
• Dates from the visitor’s own clock: intakes, deadlines, the early-application window, open days, the graduate show and the class on now
• A WebGL pastel-cloud layer tinted by the theme colours, and a Voronoi crest in the footer
• Real logic from one data block: courses, study modes and fees, intakes. It also has the tuition engine with payment plans, the application with a portfolio upload, open days, the show, the timetable and the student area.
• A Pin Cushion preloader, Swatch Flip photo reveals, soft-rise copy, an intake-badge hover and three scroll moments that never pin the page
• Swiper sliders, Fancybox video popups and lightbox galleries
• 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 icons in two inks
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• Clean, valid code with zero console errors
• Well-commented code with a numbered CSS table of contents and JS index
• Documentation included

This fashion design website template ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Modara also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Fashion & Apparel HTML5 templates.

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).