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

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

bookmark

Montra 是一款专为影视制作公司、视频工作室和创意机构设计的现代 HTML5 Bootstrap 模板。采用深色主题搭配红色强调色,提供首页、关于、案例、作品集、团队、博客、定价及联系等完整页面,适用于影视公司官网或个人影视作品集展示。

HTML

项目简介

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 表单后端)

项目结构

text
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

常见问题