Smartex - 一页投资组合模板 preview 1

Smartex - 一页投资组合模板

bookmark

Smartex 是一款单页作品集模板，提供 6 种首页视觉模式（幻灯片、视频背景、单图等），适合个人或工作室展示作品与技能。

HTML

项目简介

Smartex 是一款单页作品集模板，提供 6 种首页视觉模式（幻灯片、视频背景、单图等），适合个人或工作室展示作品与技能。

技术栈

  • HTML5 + CSS3 + JavaScript（原生 + jQuery）
  • PHP（联系表单后端）
  • 第三方插件：Slick、Magnific Popup、Owl Carousel、Lity

项目结构

text
smartexhtml-10/
├── Smartex-v1-0-Template/     # 模板主目录
│   ├── index-*.html            # 6 种首页变体
│   ├── contact.php             # 表单处理
│   ├── css/                    # 样式（含插件样式）
│   ├── js/                     # 脚本
│   ├── img/                    # 图片资源
│   ├── fonts/                  # 图标字体
│   └── photoswipe/             # 图片灯箱
└── Smartex-v1-0-Documentation/ # 使用文档

核心文件说明

  • index-*.html — 6 种首页布局（幻灯片、视频、单图等）
  • css/style.css — 主样式表（含全部组件样式）
  • js/smartex.js — 交互逻辑
  • contact.php — 联系表单处理
  • css/plugins.css — 第三方插件样式
  • js/plugins.js — 第三方插件脚本

快速开始

  1. 打开 Smartex-v1-0-Template/index-HERO-SLIDESHOW-ZOOM-FADE.html 查看幻灯片首页
  2. 如需使用联系表单，需配置 contact.php 中的邮箱地址并部署到 PHP 环境
  3. 图片路径位于 img/background/ 目录

使用建议

  • 更换图片时保持 background/ 目录结构，确保 CSS 路径正确
  • 视频背景版本需要额外配置视频文件或嵌入链接，可参考文档修改 HTML 结构
help_outline

常见问题