Material Resume

Material Design Resume Template for Professionals

Material Resume is a material design resume template for professionals who want to showcase their work experience, projects and education. This free HTML template is perfect for students and job seeker to showcase your skills, work experience, education and protfolio to potential employers. The template has modern and responsive design and is easy to edit, customize and extend as per your CV profile needs.

This resume website template is built with Bootstrap and MDB. It includes sections to showcase your bio, professional skills (with animated bars), work experience (with timeline), education and contact details. Sections to display your portfolio and references are also added. Your photo along with your name and “hire me” call to action buttons are displayed prominently in the header. A button to allow your visitors to download your resume is also present. Social media buttons are present for letting your visitors and potential recruiters find you on social media sites. You can add more social channels using the FontAwesome icons included with the template.

The template sections can be easily edited for adding your own details in the HTML file as per your own needs. We have added subtle animations in the portfolio page which gets played on scrolling.

A contact section is provided which has a working contact form utilizing the free service offered by Formspree. Sign up for a free account with them, create a form with your email address and change the URL of the form in the HTML. You will start receiving contact form submissions without needing any backend or email service provider. Google map has also been embedded which you can update for your own location.

The template displays perfectly on every screen size and responds well to window size changes. You can even take print out of this website template and save the print as PDF to create your downloadable resume.

Print Instructions

To print the template as PDF, set the paper size to "A4", scale to "62%", Margins to "Default" or "1cm" or "0.4inch" and turn on background graphics. Here is a screenshot of print settings you can use. If you have added or removed sections, then you may need to change the scale accordingly to make it fit inside pages. Do make sure that you are using a modern browser like Google Chrome for printing the template.

Find below additional resources and links that we have used to create this template. Don’t forget to share!

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.

Engaging Animations

The template has eye catching animations that get played on user scroll, increasing the engagement of your website visitor while leaving a lasting impression.

Built with Bootstrap

We have used Bootstrap framework to build the template which makes it responsive as well as easy to customize and extend.

Font Awesome Icons

Font Awesome icons have been integrated to help you easily add and replace icons used in the template. Choose from over 600 icons.

Easy to Understand Code

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

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.


The template has been built using Bootstrap framework. We are using Roboto font in this website template for typography. The template also include icons from Font Awesome. We have sourced images from Pixabay. If you like this template, please don't forget to share!

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 Gumroad



Material Design Resume Template
Animations & Font Awesome Icons
Powered by Bootstrap
Contact Form
Print to PDF
Easy to Understand Code

License Options

Free Download
With Credit
One-time fee
Lifetime License
One-time fee
Lifetime License
One-time fee
Lifetime License
Create personal website
Create client websites
Remove credit link from footer
Stylesheet source files (SCSS)
Use in products that are sold
Use in SAAS products
No. of websites/domains-1UnlimitedUnlimited
Team size-1Upto 5Upto 15
Support via e-mailNone3 Months6 Months1 Year
DownloadBuy NowBuy NowBuy Now
Secured Payment powered by Gumroad
More Templates by TemplateFlip
Material Portfolio

Material Portfolio

A Material Design Portfolio Template
Coming Soon

Coming Soon

Under Construction Template with Subscription Form
Start Simple

Start Simple

Landing Page Template for Startups and Small Business