
Montra - Movie & Video Production HTML Bootstrap Template
categoryUI 组件
# 项目简介
Montra 是一款专为影视制作公司、视频工作室和创意机构设计的现代 HTML5 Bootstrap 模板。采用深色主题搭配红色强调色,提供首页、关于、案例、作品集、团队、博客、定价及联系等完整页面,适用于影视公司官网或个人影视作品集展示。
## 技术栈
- HTML5 + Bootstrap 5.3.x
- CSS3(含 main.css、responsive.css)
- JavaScript / jQuery 3.7.1
- Swiper JS(轮播组件)
- Font Awesome 5.x(图标库)
- Google Fonts(Anton / Inter 字体)
- PHP(contact / newsletter 表单后端)
## 项目结构
```
Montra_Main_File/
├── Documentation/
│ ├── index.html
│ └── assets/
│ ├── css/style.css
│ └── js/script.js
└── HTML_TEMPLATE/
├── index.html
├── about.html
├── blog.html
├── contact.html
├── pricing.html
├── project.html
├── project-detail.html
├── service-detail.html
├── services.html
├── single-post.html
├── team.html
├── testimonial.html
├── 404_page.html
└── assets/
├── css/
├── images/
├── js/
├── php/
└── webfonts/
```
## 核心文件说明
- `HTML_TEMPLATE/index.html` — 模板首页入口
- `assets/css/main.css` — 主体样式,定义深色主题配色与全站布局
- `assets/css/responsive.css` — 响应式适配样式
- `assets/js/script.js` — 导航、侧边栏等交互逻辑
- `assets/js/swiper-script.js` — 合作伙伴/案例轮播组件配置
- `assets/php/submit-contact.php` — 联系表单后端处理
## 快速开始
1. 解压压缩包,直接在浏览器中打开 `HTML_TEMPLATE/index.html` 即可预览全部页面
2. 如需完整交互体验,推荐使用 VS Code 的 Live Server 扩展启动本地服务器
3. 联系表单需配合 PHP 环境使用,或替换为第三方表单服务
## 使用建议
模板内置 12+ 完整页面,覆盖影视公司建站常用场景。深色主题(`#121212` 背景 + `#E50914` 红色强调)视觉冲击力强,适合展示高质量视频作品。修改时注意保持 CSS 变量 `--accent-color` 的一致性,以统一全站色调。
help_outline
FAQ
Comments0
PublishedJan 19, 2026
Tech Stack
HTML