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

You can download this template for free under CCA3 license. You are free to do any modifications to it as long as you provide credit to

Free Download

  • Use in personal projects
  • Must keep attribution link in footer
  • HTML, CSS & JS files
  • CCA3 license

Buy License

  • Use in a personal or commercial project
  • No attribution link required
  • HTML, CSS, SCSS & JS files
  • Support via e-mail

Download Options


CCA3 license, use in personal projects, must keep attribution link in footer. HTML, CSS & JS files.

Buy License - $9

Use in a personal or commercial project without attribution. HTML, CSS, SCSS & JS files.


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

Coming Soon

Website Under Construction Template with Bootstrap 4

Start Simple

Landing Page Template for Startups and Small Business

Awesome App

App Landing Page Template built with Bootstrap 4