Montra - 电影和视频制作 HTML Bootstrap 模板

Montra - 电影和视频制作 HTML Bootstrap 模板

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

常见问题

评论0
发布时间Jan 19, 2026

技术栈

HTML