项目简介
Andor 是一款面向企业商务场景的 HTML5 网站模板,基于 Bootstrap 5 构建。提供首页(视频背景)、作品集、服务、团队、博客、联系页等 20+ 完整页面,适合创意机构、数字工作室及公司官网快速搭建。
技术栈
- HTML5 + Bootstrap 5
- CSS:Owl Carousel、Swiper、ScrollCue、Magnific Popup、master.css
- JavaScript:jQuery、plugins.js、master.js
- Icons:Bootstrap Icons + Font Awesome
项目结构
text
andorhtml-10/Andor-HTML-Full-Source/
├── DOCUMENTATION/
│ ├── index.html
│ └── assets/
└── HTML/
├── index.html
├── contact.html
├── 404-page.html
├── coming-soon.html
├── about-us.html
├── digital-studio.html
├── corporate-business.html
├── blog.html
├── blog-grid.html
├── our-team.html
├── pricing-table.html
├── services.html
├── service-two/three/four.html
├── portfolio-*.html(8 种布局)
└── assets/
核心文件说明
HTML/index.html— 首页,背景视频展示HTML/contact.html— 联系表单页,含姓名、邮箱、留言字段HTML/404-page.html— 404 错误页面,带返回首页链接HTML/coming-soon.html— 倒计时页面HTML/portfolio-*.html— 作品集页面,涵盖 2/3/4 列及详情页DOCUMENTATION/index.html— 官方文档入口
快速开始
纯静态模板,无需构建工具:
- 进入
HTML目录 - 双击
index.html在浏览器中打开 - 如需本地服务器(推荐),在目录下执行:
bash
# Python 3
python -m http.server 8080
# Node.js (npx)
npx serve .
然后访问 http://localhost:8080
使用建议
模板提供三种首页变体(index.html、digital-studio.html、corporate-business.html),按需替换 index.html 即可切换整体风格。视频背景素材位于 assets/videos/,正式上线前请替换为实际内容。
