Project Overviewlink

WowTube is an OTT video streaming platform HTML template based on Bootstrap 5, offering various content display pages for movies, TV series, variety shows, and more. It is suitable for quickly building an online film platform or video-on-demand website. The template includes 3 homepage variants and complete detail pages, news, pricing, team, and other additional pages.

Tech Stacklink

• HTML5 + CSS3 (native styles + SCSS source)
• Bootstrap 5 (responsive layout framework)
• jQuery (DOM manipulation and interactions)
• Swiper.js (carousels and slideshows)
• Magnific Popup (image/video lightbox)
• MeanMenu (mobile navigation)
• Nice Select (custom dropdown)
• WOW.js (scroll animations)

Project Structurelink

wowtubehtml-10/
└── Main files/
    ├── index.html          # Homepage (main)
    ├── index-2.html        # Homepage variant 2
    ├── index-3.html        # Homepage variant 3
    ├── movie.html          # Movie list page
    ├── movie-details.html  # Movie detail page
    ├── tv-shows.html       # Variety/TV series list
    ├── tv-shows-details.html
    ├── web-series.html     # Web series list
    ├── web-series-details.html
    ├── news.html           # News list
    ├── news-details.html
    ├── pricing.html        # Pricing plans
    ├── about.html          # About us
    ├── team.html           # Team members
    ├── contact.html        # Contact page
    ├── login.html          # Login page
    ├── 404.html            # Error page
    ├── cooming-soon.html   # Coming soon page
    └── assets/
        ├── css/            # Compiled styles (includes main.css.map)
        ├── scss/           # SCSS source files
        ├── js/             # Script files
        └── img/            # Image assets

Core File Descriptionlink

• Main files/index.html — Main homepage entry, includes carousel, featured content, CTA, and other modules
• assets/css/main.css — Fully compiled stylesheet defining all visual rules such as theme colors, typography, and layout
• assets/scss/ — SCSS source directory organized by modules (_header.scss, _hero.scss, _movie.scss, etc.) for easy theme customization
• assets/js/main.js — Interaction logic: navigation initialization, lightbox, carousel, counter, and other plugin configuration
• assets/css/bootstrap.min.css — Bootstrap 5 core framework providing grid system and base components
• assets/css/color.css — Theme color variables file defining CSS custom properties (--theme, --theme2, etc.)

Quick Startlink

1. Navigate to the Main files directory and open index.html directly in your browser to preview all pages.

2. For a local server (recommended), use any static server tool, for example:

   bashcontent_copyCopy

   # Python 3
   cd wowtubehtml-10/Main\ files
   python -m http.server 8080
   
   # Or use VS Code Live Server extension
   

3. The template includes complete SCSS source files; modify styles and recompile to main.css.

Usage Suggestionslink

• Video playback functionality requires integrating your own backend player or third-party service (e.g., Video.js, DPlayer). The current template only provides video lightbox previews.
• Mobile menu relies on the MeanMenu plugin, which is initialized by default in assets/js/main.js. If a page lacks a mobile menu, check for the existence of the #mobile-menu element.
• SCSS is highly modular; it is recommended to manage theme colors centrally in _color.scss or color.css for easy brand skinning later.