Material Portfolio

A Material Design Portfolio Template

Material Portfolio is a modern looking free material design portfolio template built with the Material Design Light framework. It has clean material look which is ideal for showcasing portfolio of a person or a company website.

When you download this free template, you will get templates for Home page (index.html), Portfolio page (portfolio.html), Portfolio item description page (portfolio-page.html), About page (about.html) and a Contact Page (contact.html), all designed with Material design.

The Home Page features a large Welcome Card with a call to action button, followed by a placeholder for displaying an intro video to your visitors. It also has a preview of your portfolio which links to the actual portfolio page. At the bottom, you will find sections for customer testimonials as well as a calendar card to display details of events, conferences, deals etc.

The contact page included with the template has a working contact form integrated with Formspree and works with static sites (without server-side code) too. All you need to do is change the email address in form’s action URL and you will start receiving e-mails from contact form submissions. (You may need to verify your e-mail with Formspree first, Formspree is a free service).

Thanks to the MDL framework, you will find Material style ripple effect animations on all buttons. All the pages also contain a floating action button (FAB) at the bottom in Material design style to help your visitor quickly reach out to you using the contact page.

The template is completely responsive and displays well on all screen sizes including mobile devices. You can change the color scheme by changing the MDL CSS URL used in the template. Refer to the MDL customizer tool to select your color scheme.

We have also included all the demo images (courtsey: Pixabay) as well as the Logo (in SVG and PNG formats) used in the demo website.

Template Features

Material Design

The template is designed using Material Design principles. We have given material design look and feel to the page elements, layouts and interactions.


The template has a responsive layout which has been optimized for every screen size. It looks good on desktop, tablets as well as on mobile.

Easy to Understand Code

The template has an easy to understand and lightweight code which you can modify to suit your own needs.

Working Contact Form

We have included a working contact form which works without any server side code, thanks to the free service offered by Formspree.

Sample Content & Images

All images shown in the demo are included with the template download file. You can easily setup your own site by replacing the sample content and images.

Free Download

Use this template for free in personal sites by keeping the credit link in footer. Or, buy a license as per your choice to use it without credit.

Download Options


Must keep attribution link in footer, use in personal projects only. Get HTML, CSS & JS files.

Buy License

Use in personal or commercial projects without attribution. Get HTML, CSS, SCSS & JS files.
Buy Now
Secured Payment powered by Gumroad


Material Design
Modern Portfolio Template
Working Contact Form
Easy to Understand Code
Sample Content and Images
Material Design for Bootstrap 4
Divi WordPress Theme
WordPress Theme with Page Builder

License Options

Create personal websites (with credit)
Remove credit link from footer
Stylesheet source files (SCSS)
Create a website for self or single client
Create multiple websites for self or clients
Create products for sale
Use in SAAS product
Sell or redistribute (as is)
6 months support via e-mail
Future updates and bug-fixes
One-time fee for Lifetime License
DownloadBuy NowBuy NowBuy Now
Secured Payment powered by Gumroad
More Templates by TemplateFlip
Coming Soon

Coming Soon

Website Under Construction Template with Bootstrap 4
Start Simple

Start Simple

Landing Page Template for Startups and Small Business
Awesome App

Awesome App

App Landing Page Template built with Bootstrap 4