Ziana — Digital Agency HTML5 Template is a clean, bold, and modern HTML5 template built for digital agencies, creative studios, freelancers, and tech startups who want a website that makes an instant statement. With 13 fully crafted pages, 2 distinct home layouts, a filterable portfolio, parallax effects, smooth scroll animations, a built-in accessibility widget, and full ARIA accessibility — Ziana delivers premium quality in a focused, purposeful package.

Ziana is not cluttered with features you will never use. It is intentionally designed for agencies and studios that value sharp typography, bold visual hierarchy, and conversion-focused layouts. Built on Bootstrap 5 with a 1170px grid, W3C validated, and crafted with the deep navy and electric blue palette that communicates trust, innovation, and confidence to every client who lands on your site.

Key Features

• 13 Fully Crafted Pages — every page purpose-built for agency conversion
• 2 Home Layouts — Homepage v1 (bold hero) and Homepage v2 (editorial split)
• Bootstrap 5 — 1170px grid, fully responsive from 320px to 4K
• Filterable Portfolio — Isotope-powered work grid with hover effects and lightbox
• Parallax Effects — Jarallax depth-scroll on hero and feature sections
• Scroll Animations — WOW.js + Animate.css entrance effects on all key blocks
• Swiper Slider — smooth, touch-friendly carousel for testimonials and hero
• Fancybox Lightbox — fullscreen portfolio and image gallery with keyboard support
• Accessibility Widget — 30+ controls including contrast, dyslexia font, text size
• Services Section — icon-driven layouts with clean feature lists
• Team & About Pages — personal profiles with skill bars and social links
• Contact Page — minimal form with Google Maps integration and social links
• Blog Pages — article listing and post detail pages for thought leadership
• W3C Validated — clean, standards-compliant HTML5 source code
• Well Documented — setup guide, file structure reference, customisation notes
• Cross-Browser — Chrome, Firefox, Safari, Opera, Edge

Design System & Visual Philosophy

Ziana is built around a precise, intentional design system that makes it immediately feel premium and professional — without any configuration:

• Primary colour — Electric Blue (#3d72fc) — conveys innovation and digital confidence
• Dark base — Deep Navy (#070a11) — editorial weight and authority
• Typography — Rajdhani (Google Fonts) — geometric, bold, and tech-forward
• Layout principle — generous whitespace, clear hierarchy, minimal decoration
• Icon language — icomoon custom webfont + Font Awesome for consistency
• Motion design — WOW.js scroll reveals + Jarallax parallax for depth without distraction

Accessibility Ready — ARIA (v1.2)

Ziana includes a built-in accessibility widget and a full ARIA pass — making it one of the most accessible agency templates on the leading template marketplace.

• WCAG 2.1 AA-informed accessibility pass across all 13 pages
• Built-in accessibility widget — 30+ controls: contrast modes, dyslexia font, text scaling, motion reduction
• Skip navigation link on every page — keyboard users jump directly to content
• Visible focus indicators — 3px accent-coloured rings on all interactive elements
• Screen reader landmarks — main, nav, footer on every page
• All icon-only links auto-labeled via JS (social icons, close buttons, back-to-top)
• Slider arrow buttons: role=”button” + aria-label + keyboard Enter/Space activation
• Mobile nav: aria-label + aria-expanded toggled on click

Who Is This Template For?

• Digital Marketing Agencies — showcase services, team, case studies, and client wins
• Creative Studios & Design Agencies — filterable portfolio with lightbox and project detail
• Web Development Agencies — clean tech aesthetic that communicates expertise instantly
• Freelance Designers & Developers — a polished portfolio and services site without bloat
• Tech Startups & SaaS Companies — features, team, blog, and contact in one tight package
• Branding & Consulting Firms — thought leadership blog, team profiles, and service pages

All 13 Pages

• Home v1 — Bold Hero
• Home v2 — Editorial Split
• About
• Services
• Service Detail
• Portfolio
• Portfolio Detail
• Team
• Testimonials
• Blog
• Blog Post Detail
• FAQ
• Contact

Template At a Glance

• 13 purpose-built HTML pages
• 2 home layouts
• Bootstrap 5 — Grid 1170px
• W3C Validated source code
• ARIA accessibility pass — all pages
• Built-in 30+ feature accessibility widget
• Filterable portfolio (Isotope)
• Parallax hero sections (Jarallax)
• Scroll animations (WOW.js)
• Swiper slider + Fancybox lightbox
• Electric blue (#3d72fc) + deep navy design system
• Rajdhani bold typography (Google Fonts)

Fonts Used

• Rajdhani

Image Credit

• Unsplash
• Freepik

Note: All images in screenshots are for demo purposes only and are NOT included in the download package.

v1.2  03/10/2026
-Full ARIA accessibility pass across all 13 pages
-Skip navigation links added to every page
-Screen reader landmarks (main, nav) on all pages
-Social icon links auto-labeled via JS
-Slider arrow buttons: role=button + aria-label + keyboard Enter/Space
-Mobile nav togglers: aria-label + aria-expanded synced
-Back-to-top: aria-label + role=button
-Visible focus indicators (3px outline, keyboard-only via :focus-visible)