Project Overview
Montra is a modern HTML5 Bootstrap template designed for film production companies, video studios, and creative agencies. Featuring a dark theme with red accent colors, it provides complete pages including Home, About, Case Studies, Portfolio, Team, Blog, Pricing, and Contact, suitable for film company websites or personal video portfolio showcases.
Tech Stack
- HTML5 + Bootstrap 5.3.x
- CSS3 (including main.css, responsive.css)
- JavaScript / jQuery 3.7.1
- Swiper JS (carousel component)
- Font Awesome 5.x (icon library)
- Google Fonts (Anton / Inter fonts)
- PHP (contact / newsletter form backend)
Project Structure
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/
Core File Description
HTML_TEMPLATE/index.html— Template homepage entry pointassets/css/main.css— Main stylesheet defining dark theme colors and site-wide layoutassets/css/responsive.css— Responsive adaptation stylesassets/js/script.js— Navigation, sidebar, and other interaction logicassets/js/swiper-script.js— Partner/case study carousel component configurationassets/php/submit-contact.php— Contact form backend processing
Quick Start
- Extract the archive and open
HTML_TEMPLATE/index.htmldirectly in your browser to preview all pages - For full interactive experience, it's recommended to use VS Code's Live Server extension to start a local server
- The contact form requires a PHP environment, or you can replace it with a third-party form service
Usage Suggestions
The template includes 12+ complete pages covering common scenarios for film company websites. The dark theme (#121212 background + #E50914 red accent) provides strong visual impact, ideal for showcasing high-quality video work. When making modifications, maintain consistency of the CSS variable --accent-color to unify the site-wide color scheme.
