The Card

The Card is a free one-page portfolio template built with HTML5 and Bootstrap 4, designed to present personal projects or image galleries through an unconventional layout of full-width background sections.

What is The Card?

The Card is a free one-page portfolio template built with HTML5 and Bootstrap 4, distributed by ThemeWagon and created by Tooplate. It takes demo images and content and produces a responsive single-page portfolio site with multiple full-width background sections, a lightbox gallery, and a contact form UI. The template ships as plain HTML, CSS, and JavaScript files, so it runs on any static web host without a backend. The page metadata lists version 1, a release date 8 years ago, and an update 4 years ago.

Key Features

• One Page Layout — All content sits on a single scrolling page with menu navigation that switches full-width background images per section.
• Bootstrap 4 Framework — Built on Bootstrap v4.1.1, giving a responsive grid and components that adapt to mobile, tablet, and desktop screens.
• Full-width Backgrounds — Each menu section displays a different full-width background, creating an unconventional layered layout.
• Lightbox Gallery — The work section uses Magnific Popup to open project images in a lightbox with on-hover animation and numbered items.
• On-hover Animation — Gallery items animate on hover to highlight each portfolio piece.
• Contact Form UI — Includes a styled contact form layout; the page notes it is UI only, so no backend processing is included.
• Three JavaScript Files — The template bundles jQuery v1.11.0, Slick Slider, and Magnific Popup to power interactions and the gallery.

Who should use The Card?

• Creative professionals — Photographers, designers, and artists can display a visual portfolio with a gallery that opens images in a lightbox.
• Freelancers — Independent workers can build a personal one-page site with a contact form UI to collect inquiries.
• Students and hobbyists — Anyone needing a quick portfolio or personal project showcase can download the free files and customize them without a budget.

What can you do with The Card?

• Photographers: present a lightbox gallery of images with numbered items and hover animation.
• Designers: use the one-page layout and full-width backgrounds to create a distinctive personal brand page.
• Developers: fork the static HTML/CSS/JS files and host them on GitHub Pages or any static server.

FAQ

Is The Card free?

Yes, The Card is a free template released under an open-source license. ThemeWagon also states it can be used in commercial projects and includes lifetime free updates.

What files are included?

The download contains 1 HTML file, 3 CSS files, 3 JavaScript files, and demo images. The template relies on Bootstrap v4.1.1, jQuery v1.11.0, Magnific Popup, and Slick Slider.

Can I use The Card for commercial work?

Yes, the template license allows commercial use. ThemeWagon lists "Use in commercial projects" as a permitted use on the download page.

Does The Card work on mobile?

Yes, it is a fully responsive Bootstrap 4 template, so it adapts to various screen sizes including mobile devices. The page also lists Chrome, Edge, Firefox, Mobile, Opera, and Safari as compatible browsers.