Quitzo - Survey Multi-Step Test & Quiz Form Wizard HTML Template

# 项目简介 Quitzo 是一套多步骤问卷/测试/测验表单向导 HTML 模板，共包含 15 种不同视觉风格的模板，适用于在线测验、趣味问答、考试表单等场景。所有模板均为纯静态页面，无需后端支持，通过浏览器即可直接运行。 ## 技术栈 - HTML5 + CSS3 + JavaScript（原生） - Bootstrap 5（CDN 引入） - Remix Icon 图标库（CDN 引入） - Google Fonts（Jost 字体） ## 项目结构 ``` 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/ ``` ## 核心文件说明 - `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 中亦存在） ## 快速开始 无需安装任何依赖，直接在浏览器中打开任意模板的 index.html 即可预览，例如： - 双击 `template-1/index.html` 用浏览器打开 - 或使用 VS Code Live Server 等本地服务器运行 > 由于使用了 Google Fonts 和 Remix Icon CDN，需保证网络连接正常。 ## 使用建议 各模板的题目内容和选项均为示例占位文本（英文 Lorem ipsum），使用时需替换为实际业务数据。template-1 包含倒计时功能（00:30），template-7 装饰图形较多，建议根据内容复杂度选择合适的模板风格。