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 available on ThemeForest.
- 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)