Videograph

Videograph is a free, multipage Bootstrap 4 HTML5 portfolio website template built by Colorlib for presenting video-centric portfolios with a dark, bold design. It ships as a static HTML/CSS/JS package on ThemeWagon and can be hosted on any web server after you replace the demo content.

What is Videograph?

Videograph is a free, open-source portfolio website template built on Bootstrap 4 and HTML5, created by the team at Colorlib. It consists of 8 HTML files plus CSS/SCSS, JavaScript, and plugin assets, and it produces a fully responsive, video-focused portfolio website. The template runs entirely in the browser without a backend; you upload the files to any static host and edit the markup to add your own videos, text, and links.

Key Features

• Hero header with slider — A large introductory slider cycles through multiple headline blocks in the hero area, giving first-time visitors an immediate video-focused impression.
• Sorted portfolio grid — A filterable grid layout organizes video or project entries into categories, letting visitors narrow down work by type.
• Modal video player — Videos open in an overlay via Magnific-popup, so visitors can watch a showreel or project clip without navigating away.
• Multi-page structure — 8 HTML files let you build separate home, portfolio, blog, and contact pages with shared navigation.
• Dark and bold design — The default theme uses dark backgrounds, gradient accents, and hover effects to make video thumbnails stand out.
• Blog post carousel — An Owl Carousel component showcases recent blog posts, and the template also includes a blog section, pagination UI, and comment form UI.
• Business-oriented widgets — Fun fact counters, testimonial carousel, service cards, call-to-action buttons, newsletter subscription form, and a Google Maps embed are all included.
• Cross-browser and responsive — Compatible with Chrome, Edge, Firefox, Opera, Safari, and mobile devices, and includes a CSS3 preloader and hover effects.

Who is it for?

• Video editors and videographers looking to present a visual portfolio of showreels, music videos, or short films.
• Creative agencies wanting a dark, cinematic website to display client work, team services, and case studies.
• Freelancers and media professionals who need a self-hosted, no-subscription portfolio site they can update by hand.
• Web developers needing a clean Bootstrap 4 starting point that can be restyled with SCSS and extended with custom plugins.

What can you do with Videograph?

• Video creators: Embed latest work in the modal video player so visitors watch a reel without leaving the page, and use the hero slider to feature multiple pieces.
• Agencies: Add service cards, testimonial carousel, and fun fact counters to a multi-page site that builds trust and supports lead generation.
• Bloggers: Set up a blog section with a post carousel, pagination, and comment form UI, all without a backend or CMS.
• Local businesses: Place a Google Map and contact form on the contact page so clients can find and reach the company from a branded page.

What's included in the download?

The package contains all demo images, 8 HTML pages, font icon sets, CSS and SCSS source files, JavaScript files, and the library/plugin files (Bootstrap 4, jQuery, Font Awesome, Owl Carousel, Magnific-popup, and SlickNav). It is open source, and the license allows commercial use with lifetime free updates from ThemeWagon.