项目简介link

PixelMod 是一套基于 Bootstrap 的响应式 HTML 网站模板，适合搭建游戏、科技或数字产品类 Landing Page。内置 20+ 页面、3 种首页样式、Owl Carousel 轮播、计数器动画等常见组件，开箱即用。

技术栈link

• Bootstrap 4（已内嵌 bootstrap.min.css）
• jQuery（用于轮播、计数器、搜索弹层等交互）
• Font Awesome 6（CDN 引入）
• Owl Carousel 2（轮播组件）
• 纯 HTML/CSS/JS，无构建工具依赖

项目结构link

pixelmodhtml-10/
└── pixelmod/
    ├── index.html          # 首页（3 种首页版本：index / index2 / index3）
    ├── about.html
    ├── blog-news.html
    ├── contact.html
    ├── pricing.html
    ├── services.html
    ├── testimonial.html
    ├── faq.html
    ├── games.html
    ├── 404.html
    └── assets/
        ├── bootstrap/
        │   └── bootstrap.min.css
        └── css/
            ├── custom.css
            ├── responsive.css
            ├── owl.carousel.min.css
            └── ...

核心文件说明link

• index.html — 模板入口首页，包含导航、Banner、服务展示等完整布局
• assets/css/custom.css — 自定义样式，覆盖 Bootstrap 默认样式
• assets/css/responsive.css — 媒体查询，移动端适配
• assets/js/counter.js — 数字递增动画逻辑（用于统计数据展示）
• assets/js/video-section.js — Vimeo 视频弹层播放（magnificPopup）
• assets/js/search.js — 顶部搜索框展开/关闭交互

快速开始link

1. 解压压缩包，进入 pixelmodhtml-10/pixelmod/ 目录
2. 直接用浏览器打开 index.html 即可预览
3. 如需本地服务器（推荐），可在该目录下运行：
   bashcontent_copyCopy

   python -m http.server 8080
   

   然后访问 http://localhost:8080

使用建议link

页面模板通过复制 index.html 并修改内容即可快速定制；需要动态功能（如表单提交、后台数据）时，可将 contact-form.php 替换为自有的后端接口。建议首次使用前确认 Font Awesome CDN 可正常访问。