Download your bonus Free Goods before time runs out!
0 Days
0 Hrs
0 Min
0 Secs

Material - HTML5 & CSS3 template

Live Preview

Material – Modern, clean and beautiful Multi-Purpose HML5 and CSS3 template suitable for portfolios, landing pages, and just every kind of website. The archive includes 9 HTML pages, CSS, Sass and JavaScript files. Website is fully responsive and ready for every resolution and every device.

To increase the speed of loading of the website, Material template is using lazy loading technique for images all images. All assets are also optimized to save network resources and make the website even faster.

Material template is using free Roboto font hosted on Google Fonts CDN, icon font Font Awesome and Material design icon font. These fonts (except material icon font) are included in template directory as well.

CSS and Sass files for template are included in two versions – development (for your changes) and minified (optimized). Material template also contains detailed Help documentation with more information and contact details on me. If you will need to help with anything, feel free to reach me over mail or message on themeforest and I will reply immediately.

Design of the template is inspired by Google's Material design, hence the name "Material".

Key Features:

  • 9 HTML pages!
  • Modern, clean and unique Design
  • Minimal & Creative Design for portfolios, eshops, landing pages, and just every kind of website
  • Pixel Perfect
  • Beautiful graphic
  • Rich color palette - over 200 shades (in Sass)
  • Fully responsive
  • 12 Column grid system
  • Clean HTML5 & CSS3 code
  • CSS in 2 versions - Development & Minified
  • Sass files included
  • Easy to Customize & Deploy
  • Favicon, iOS and Android icons included
  • jQuery version 2.1.4
  • jQuery Lazy load plugin for images
  • Google material design
  • All assets are optimized - fast load of website guaranteed
  • Roboto Google web font
  • FontAwesome Icon font
  • Google material design icon font
  • and much more…


Font Used:

{{ pagination.totalCount }} Comments

You must be signed in to post a comment.

Showing {{ pagination.fromCount }} - {{ pagination.toCount }} of {{ pagination.totalCount }}

How do I contact support?

If you need help with the product, please contact the shop owner by visiting their shop profile and sending them a message. For anything else (licensing, billing, etc), please visit our Help Center.

How can I unzip product files?

PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.

Mac: Double click the .zip file, then search for the product folder or product file.

If you continue to have trouble, check out this help file for more tips.