Video Production Website Template – Kinora HTML5

About This Item

Kinora is a video production website template: an editorial HTML5 template for a film and video production company that makes commercials, music videos and documentary. White paper, ink, giant Inter capitals with an italic serif word, hairline rules and a single tungsten accent keep it as quiet as a cutting room. Underneath, it runs real production logic: a shoot estimate that multiplies shoot days by crew size and adds the camera package. It also has the edit and the grade and a six-step brief with the estimate beside it.

In addition, it has a production board that works out where every film is today. Finally, it has the work by type, the showreel by timecode, the crew, the kit list and a client review room where notes are pinned to the frame. It ships with a light and a dark theme and right-to-left support. It also has a currency switch and WebGL layers – 35 mm film grain with light leaks, and a film reel turning in an ASCII shader in the footer.

Three Home Pages

• Home 01 – The Studio: two tall strips of stills beside a huge three-line title. Then come a three-slide hero with the film’s caption and what is on set today, the numbered services with their day rates, the work in stepped tiles, The Cut – the showreel’s clips drop and snap onto the tracks of an edit timeline as you scroll while the playhead runs and a program monitor shows the frame – the studio in figures. Finally, the page ends with the day-rate units, the crew in vertical slices, the journal, featured films and contact.
• Home 02 – The Reel: a giant two-line title over a centred still slider. Then come the work cascading down the page by kind, Every Film, Its Frame – one picture widens from the square Academy frame to flat and to anamorphic scope as the section travels – a shoot estimate in a minute. Finally, the page ends with the reel cut by cut and client words.
• Home 03 – On Set: a split hero with the night column and two overlapping stills. Then comes the production board of four films with their stage and day. Finally, the page ends with Push Into The Set – a dolly push through a layered set, a flag, a fresnel, a chair and a doorway, onto the frame beyond – the kit list by category, the crew, how we work, the brief and the first questions.

Production Pages

• Shoot Estimate: the kind of film, shoot days, crew size, camera package, edit days, grade and extras, with a live total, the cost per shoot day and a bar of where the money goes. Save it to the account or send it as a brief.
• Start A Project: six steps – the film, the dates, the crew and kit, the post, your details, the summary – with the live estimate beside them. Continue never blocks; only Send checks the details, and the brief gets a reference.
• Day Rates: the Documentary Unit, the Music Video Day and the Commercial Unit, priced per shoot day by the same engine, and the full rate card.
• Our Work & Three Project Layouts: sixteen films with type tabs and search. A commercial with wide stills and its deliverables, a music video on a still rail with behind-the-scenes frames, a documentary with chapters by timecode and a gallery.
• Showreel: the reel to play and every cut in it with its timecode, plus earlier reels.
• Client Review Room: a code opens the room. Scrub the cut frame by frame, pin notes to the timecode, jump to a note, approve the cut.
• The Crew & The Kit List: the crew in slices and cards with their day rates and a profile. The kit by category with search, quantities, packages and day rates, and one camera in depth.

Video Production Website Template: Inner Pages

Kinora includes Our Work, Commercial, Music Video, Documentary, Showreel, Client Review and Services. It also has Service Details, How We Work, Shoot Estimate and Start A Project. Then come Day Rates, The Crew, Crew Profile, The Kit List and Kit Details. There are also About Us, Journal, Journal Details and FAQ with search. It also has Contact (working PHP form and map), My Account, Login and Register. Finally, there are Forgot Password, Coming Soon and 404 – thirty pages in total.

Video Production 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 (dollars, euros, pounds) that repaints every price and every estimate
• WebGL layers tinted by the theme colours: Film Grain with a gate weave and light leaks over the photo bands, and a film reel in an ASCII shader in the footer
• Real production logic from one data block: the shoot estimate, the day-rate units and the brief wizard. It also has the production board from the visitor’s date, the office hours and the review room’s notes.
• A Slate Clap preloader, Letterbox Open photo reveals, soft-rise copy, a running timecode on 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
• 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
• Documentation included

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

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5 and Font Awesome Free. It also uses RTLCSS and Google Fonts (Inter, Noto Serif Display).