Stonecold – Flat & Minimalist Portfolio Template




Stonecold – Flat & Minimalist Portfolio Template designed with flat and minimalist template. In the longer term individuals love flat and minimalist idea. Template have lovely hover impact for the merchandise. And even have a filter function to filter each merchandise. To use filter merchandise, simply open the index.html, then discover “filters-button-group” class. Inside of that you'll discover button which have attribute “data-filter” to seek out one thing class. Let say “data-filter=”.webdesign”, this button will filter merchandise solely present / show class webdesign inside div merchandise. In this case, you will see that this class inside grid.

Next, this template have working contact type construct with ajax and php, so when someone fill contact type, php script will ship e mail routinely to recipient e mail however you have to change recipient e-mail to your e-mail. So you will get the notification. To do that, simply open sendmail.php and alter “[email protected]” to your e mail. Then save the file. You will get notification when type submited and ensure your mailserver is sweet.

Stonecold template have seven HTML file and one PHP file. And even have css file for styling, font-superior.min.css is for producing icon font, owl-carousel is use for make slider, bootstrap.min.css is use for base styling framework. For fonts sort, I exploit 2 sort of google fonts, ” ‘Montserrat', sans-serif ” and ” ‘Lora', serif ”.

Then for the js script I've one further script to assist handle any function, 1 jquery.min.js, 1 boostrap.min.js, 1 imagesloaded.pkgd.min.js, 1 isotope.pkgd.min.js, 1 owl.carousel.min.js.

This template is powered by Bootstrap three so it's responsive and help for cellular gadget.

Credits

1. Jquery – https://jquery.com/
2. Isotope – https://isotope.metafizzy.co/
three. imagesLoaded – https://imagesloaded.desandro.com/
four. Owl carousel – https://owlcarousel2.github.io/OwlCarousel2/
5. Pexel – https://www.pexels.com/
6. Boostrap – http://getbootstrap.com/
7. Google fonts – https://fonts.google.com/

All pictures on the preview, is just not embrace within the obtain file.