项目简介link

Quitzo 是一套多步骤问卷/测试/测验表单向导 HTML 模板，共包含 15 种不同视觉风格的模板，适用于在线测验、趣味问答、考试表单等场景。所有模板均为纯静态页面，无需后端支持，通过浏览器即可直接运行。

技术栈link

• HTML5 + CSS3 + JavaScript（原生）
• Bootstrap 5（CDN 引入）
• Remix Icon 图标库（CDN 引入）
• Google Fonts（Jost 字体）

项目结构link

questionnairehtml-10/
└── Main File/
    ├── Documentation/
    └── Questionnaire Multistep Test and Quiz Form Wizard HTML Template - Quitzo/
        ├── template-1/   ← 含计时器 + 进度条
        ├── template-2/   ← 图片选项卡片布局
        ├── template-3/   ← 侧边装饰图形 + 分栏布局
        ├── template-4/
        ├── template-5/   ← 进度指示器 + 卡片网格
        ├── template-6/
        ├── template-7/   ← 多装饰图形背景
        ├── template-8/   ← 图文左右分栏 + 按钮选项
        ├── template-9/
        └── template-10~15/

核心文件说明link

• template-N/index.html — 各模板入口页面，包含题目展示、选项交互与进度控制
• assets/css/style.css — 全局样式与各模板专属 UI 样式
• assets/css/media.css — 响应式断点样式
• assets/images/Logo/ — Logo 与 Favicon 资源
• assets/images/hero/ — 各模板使用的装饰图片、图标与背景素材
• assets/css/bootstrap.min.css — Bootstrap 5 基础样式（CDN 引入，本地 assets 中亦存在）

快速开始link

无需安装任何依赖，直接在浏览器中打开任意模板的 index.html 即可预览，例如：

• 双击 template-1/index.html 用浏览器打开
• 或使用 VS Code Live Server 等本地服务器运行

由于使用了 Google Fonts 和 Remix Icon CDN，需保证网络连接正常。

使用建议link

各模板的题目内容和选项均为示例占位文本（英文 Lorem ipsum），使用时需替换为实际业务数据。template-1 包含倒计时功能（00:30），template-7 装饰图形较多，建议根据内容复杂度选择合适的模板风格。