Flatron is a responsive portfolio HTML template which designed focus to introduce your projects or design to your audience. This template are build with HTML5 and the smooth hover by CSS3. There is 2 type hover effect. The first one, the hover use the image tag ( img ) on the script and the second one, put the image on the div tag. Both hover have difference effect. For the first hover, you must put same image resolution. I use 1920×1280. Dont use too small images. For the second hover, you are free to use image resolution because the size is hadle by css.
This template contain 4 html files, 4 css files, 6 js files, and fonts icon. Template have a good structur HTML, so you can easy to edit. To edit some of the content just follow the commented tag. I already put the commented tag on the source file.
For example, if you want to edit the gallery grid on homepage, just find commented tag call “First Grid”, then find the img tag ( because I use img tag on first section of grid ), then just change the path. Simple is it ? Then to edit the text, just find with command find from your text editor ( I use sublime text ), then enter word, then edit the text. Super easy! or you can use command “find and replace text”.
What’s include ?
HTML files
- index.html
- works.html
- detail.html
- contact.html
CSS files
- style.css
- bootstrap.min.css
- swiper.min.css
- fontawesome-all.min.css
JS Files
- jquery.min.js
- bootstrap.min.js
- imagesloaded.pkgd.min.js
- jquery.min.js
- masonry.pkgd.min.js
- script.js
Web fonts.
* Demo Images not included in the download files.
Credits:
1. Jquery – https://jquery.com/
2. masonry – https://masonry.desandro.com/
3. imagesLoaded – https://imagesloaded.desandro.com/
4. Pexel – https://www.pexels.com/
5. Google Map – https://maps.googleapis.com/
6. swiper js – http://idangero.us/swiper/
7. fontAwesome – https://fontawesome.com/
Flatron template is great to use for you and your bussines.