Project Overviewlink

Zency is a set of static HTML templates designed for creative agencies and startups, providing complete pages including homepage, case studies, services, team, blog, product showcase, and shopping cart. The template features a responsive layout with built-in loading animations, parallax scrolling, and other interactive effects, making it suitable for quickly building corporate showcase websites.

Tech Stacklink

• HTML5 + CSS3 (native styles + Bootstrap 5 grid)
• jQuery + various jQuery plugins (Isotope, Slick, Counterup, Waypoints, Nice Select, WOW)
• FontAwesome + custom icon font
• Google Fonts (Hanken Grotesk, Syne)
• Animate.css animation library

Project Structurelink

zencyhtml-10/Main_File/
├── Documentation/
│   └── index.html          # Template usage documentation
└── zency_1.0.0/
    ├── index.html          # Homepage 1
    ├── index-2.html        # Homepage 2
    ├── about.html          # About Us
    ├── contact.html        # Contact/Error page (link name inconsistent in docs)
    ├── team.html           # Team list
    ├── team-details.html   # Member details
    ├── services.html       # Services list
    ├── service-details.html # Service details
    ├── case.html           # Case studies list
    ├── case-details.html   # Case study details
    ├── products.html       # Products list
    ├── product-details.html # Product details
    ├── cart.html           # Shopping cart
    ├── blog-grid.html      # Blog list
    ├── blog-details.html   # Blog details
    ├── 404.html             # Error page
    └── assets/             # CSS, JS, images, fonts

Key Files Descriptionlink

• zency_1.0.0/index.html — Main homepage, includes complete sections such as Banner, service introduction, case studies showcase
• zency_1.0.0/assets/css/style.css — Core stylesheet, main entry point for modifying theme colors and layout
• zency_1.0.0/assets/js/theme.js — Global interaction script, controls navigation, animations, slider components, etc.
• zency_1.0.0/assets/vendor/bootstrap/css/bootstrap.min.css — Bootstrap base grid and utility classes
• zency_1.0.0/404.html — Error page template with return to homepage button
• Documentation/index.html — Official documentation page, can reference code examples within

Quick Startlink

1. Open zencyhtml-10/Main_File/zency_1.0.0/index.html directly in your browser
2. For local server, use any static server, for example:
   bashcontent_copyCopy

   npx serve zencyhtml-10/Main_File/zency_1.0.0
   

Usage Recommendationslink

• For production use, replace all placeholder images referenced in style.css with real assets; the template loads fonts via Google Fonts. In mainland China environments, it is recommended to replace fonts with locally accessible resources or use font subsets to improve loading speed.