Clark - Free One-page Bootstrap 4 HTML5 Personal Portfolio Website Template

Clark is a free one-page Bootstrap 4 HTML5 personal portfolio template from ThemeWagon that builds a dark, fully responsive single-page site for creative professionals, with a hero slider, sticky navigation, and a project grid.

What is Clark?

Clark is a free one-page personal portfolio website template built with Bootstrap 4 and HTML5, distributed through ThemeWagon and created by Colorlib. It takes static content like text, images, and project descriptions and renders them into a single-page portfolio site with a dark theme, hero header slider, and contact form. The package includes 2 HTML files, CSS and SCSS source files, JavaScript source files, all demo images, and library/plugin files, and it runs as a static site on any web server or GitHub Pages. The template is listed as version 1.0.0, was released six years ago, and has been downloaded over 69,000 times.

Key Features

• Bootstrap 4 framework — Built on Bootstrap 4 with clean, minimal styling; includes cross-browser compatibility for Chrome, Edge, Firefox, Opera, and Safari.
• Sticky top navigation with scrollspy — The navigation bar stays fixed while scrolling and highlights the current section, which suits a one-page layout.
• Hero header with slider — The homepage opens with a slider powered by Owl Carousel, paired with call-to-action buttons.
• Project grid and blog section — Showcase portfolio work in a responsive grid and publish blog-style posts on the same single page.
• Fun fact counters and progress bars — Animated counters and progress bars present skills and achievements without extra plugins.
• Parallax effect and SVG preloader — Background parallax scrolling adds depth, while an SVG preloader covers the first load.
• Interactive UI components — Includes hover effects, load-on-scroll animations, a search box, comment form UI, and a working contact form.
• Ionicons font icons — Icon set from Ionicons (plus Flaticon and Icomoon assets) loads as fonts, with no image sprites.

Who is it for?

• Professional web developers and designers — Use the clean, well-organized codebase (CSS & SCSS, JS source files) to build a personal portfolio without starting from scratch.
• Creative professionals — Photographers, illustrators, and freelancers can show a project grid, blog, and contact form to attract clients.
• Developers learning Bootstrap — The template's included library and plugin files make a working example of Bootstrap 4, Owl Carousel, and parallax effects.
• Hobbyists — Anyone who wants a free, responsive one-page site with a dark aesthetic.

What can you do with Clark?

• Freelancers: Create a single-page personal site with hero, project grid, blog, and contact form in under an hour.
• Designers: Showcase a visual portfolio with hover effects and a lightbox via Magnific Pop-Up.
• Job seekers: Present skills with progress bars and fun fact counters, plus a resume-style layout.
• Students: Practice customizing a Bootstrap 4 template by editing SCSS variables and JS files.

How does Clark work?

Download the template from ThemeWagon, unzip it, and edit the HTML/CSS files locally. The package includes two HTML files and all assets; replace the demo images and text, then upload the folder to any web host or GitHub Pages for a live site. No build step or backend is required.

Pricing

Clark is free to download and use in commercial projects, with lifetime free updates. The free license requires credit to the author; ThemeWagon sells premium templates, such as Posh, that remove attribution and add 24/7 support, but those are separate products.

FAQ

Is Clark free?

Yes, Clark is a free download from ThemeWagon. It is open source and can be used in commercial projects, with lifetime free updates. The free license requires credit to the author; a paid alternative removes that requirement.

What's included in the download?

The package contains 2 HTML files, CSS & SCSS source files, JavaScript source files, all demo images, font icon sets (Ionicons, Flaticon, Icomoon), and library/plugin files including Bootstrap 4, Owl Carousel, and Magnific Pop-Up.

Does Clark work on mobile?

Yes. The layout is fully responsive and fluid, and the template is compatible with mobile browsers, as well as Chrome, Edge, Firefox, Opera, and Safari.

Can I use Clark for a client project?

Yes, the template is open source and licensed for commercial use. Credit to the author is required in the free version.

How do I customize Clark?

Edit the HTML files directly or change global styles in the included SCSS files and compile them; JavaScript source files are also included for behavior tweaks. No build step is required.