“FolioFlix - Personal Portfolio HTML Template” Documentation by “Designing Media Team”
“FolioFlix - Personal Portfolio HTML Template”
Created: 24 February, 2022
By: DesigningMedia.com
Support: www.designingmedia.com/support
Email: hello@designingmedia.com
Twitter: twitter.com/mediadesigning
Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to post your questions on my support forum at http://designingmedia.com/support. Thanks so much!
Table of Contents
- Introduction
- How to Edit HTML Files?
- How to Edit CSS Files?
- How to use Color Schemes?
- How to use On Load Animation?
- Resources Used
A) Introduction - top
The FolioFlix HTML5 portfolio template is a unique design parallax effect yet powerful solution for displaying artwork. It is creative, minimal and clean design. The FolioFlix HTML5 template features a fully responsive framework that looks fantastic on any mobile device and retina display ready for high-quality resolution graphics.
It is well suited for Freelancers, Business websites, Agencies, Personal Portfolio and Blogs.
The FolioFlix template features coded with Bootstrap v4.0, HTML5 & CSS3 and unlimited color schemes. It’s compatible with all modern browsers and search engine friendly. So showcase your artworks and services with this awesome template!
C) How to Edit HTML Files? - top
We have included 06+ unique HTML sections like services section, skills section, portfolio section, blog section etc. Please open any HTML files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want.
D) How to Edit CSS Files? - top
We have included some custom CSS styles like style.css (default). Please open any CSS files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want. For example if you want to edit your banner images open style.css and look at ".banner-right-img.png" for banner image and change your styles.
G) How to use On Load Animation? - top
We are wow.js on load animation for our website. you can edit them by simply adding or changeing the predefined classes name.
jQuery Files
Photos
Icons:
font:
G) Resources Used - top
Global
Colors:
- Primary: #3f396d
- Secondary: #07003b
- Ascent: #fca61f
- Text: #7d7789
Font Sizes:
h1 >> 85 px
h2 >> 52 px
h3 >> 40 px
h4 >> 26 px
h5 >> 24 px
h6 >> 22 px
P >> 18 px
Image Links:
- https://elements.envato.com/portrait-of-serious-mixed-race-female-student-with-TFAEQ6B
- https://elements.envato.com/style-design-logo-template-S4436P
- https://www.freepik.com/free-vector/graphic-design-geometric-wallpaper_7088577.htm#query=Design%20elements&position=2&from_view=search
- https://elements.envato.com/business-icon-VUVDSUN/preview
- https://elements.envato.com/simple-set-web-disign-and-development-line-icons-SV8PZX/preview
- https://elements.envato.com/phone-mobile-app-ui-screen-mockup-KFHGQYL/preview
- https://elements.envato.com/la-muse-cosmetics-mobile-app-PWS8WHP/preview
- https://elements.envato.com/business-card-mockup-WXEKXC6/preview/8
- https://elements.envato.com/real-estate-website-design-template-GMCYM7P
- https://elements.envato.com/furni-furniture-website-homepage-JLBZBLQ/preview/2
- https://elements.envato.com/collage-of-smiling-and-happy-multiethnic-people-LXVSPXR
- https://elements.envato.com/partial-view-of-man-making-notes-in-notebook-at-wo-EM9RV4P
- https://elements.envato.com/business-ZP7TZKH
- https://elements.envato.com/business-woman-using-a-laptop-RSRMWUA
- https://elements.envato.com/young-male-software-developer-looking-at-electroni-3DTGSPZ
- https://elements.envato.com/programmer-working-with-program-code-Y66FHRZ
- https://elements.envato.com/web-designer-on-computer-R28GA9P
- https://elements.envato.com/ui-designers-choosing-color-scheme-ASQXM6K
Note: All images are used for preview purposes only. They are not part of the template and hence, not included in the final purchase files.
Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes and templates on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
Designing Media Team
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
Designing Media Team