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 to use it without credit or for commercial purpose.

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.
Secured Payment powered by Paddle



Material Design
Modern Portfolio Template
Working Contact Form
Easy to Understand Code
Sample Content and Images
Material Design UI Kit
Paper Kit 2
Modern Bootstrap UI Kit

License Options

Create personal websites (with credit)
Remove credit link from footer
Stylesheet source files (SCSS)
Create single website
Create unlimited websites
Use in products that are sold
Use in SAAS products
Future updates
Support via e-mailNone6 Months6 Months1 Year
One-time fee for Lifetime License
DownloadBuy NowBuy NowBuy Now
Secured Payment powered by Paddle
More Templates by TemplateFlip
Coming Soon

Coming Soon

Under Construction Template with Subscription Form
Start Simple

Start Simple

Landing Page Template for Startups and Small Business
Awesome App

Awesome App

App Landing Page Template built with Bootstrap