Cavani - Personal Portfolio Template
Last Update: 16/12/2021
Fully Responsive HTML5
Fully Responsive to all devices
Developer Friendly Coding
After unzip the download pack, you'll found a html folder with all the files. You can view this template in any browser, you can display or edit the template without an internet connection. Now open your FTP Client(like File Zilla) or directly through cpanel, upload the content of the Template on your server root. Once the files are done uploading go to www.yourdomain.com and enjoy ))
If you haven't FTP Client you can download it from Filezilla's official website. Download
The template includes 4 html files. This template is a flexible layout with max 3 column. All of the information within the main content area is nested within a div with a class of "cavani_tm_all_wrap". You have to open index page in order to change it.
If you would like to edit the color, font, or style of any elements in this template, you could do by using "Inspect Element" on Chrome, Safari, Mozilla and Opera(press right click on browser ). It is really powerful tool to work with html and css codes.
CSS Files and Structures
I'm using 2 CSS files in this template. If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.
All call actions are run in init.js
Sources and Credits
I've used the following images, icons or other files as listed.
Icons - These Icons by fontello.com and flaticon.com
Images - pexels.com
Fonts - Free Google Fonts: "Poppins", "Open Sans"
Contact form works only in hosting environment. If you want to use it, open "cavani/modal/contact.php" file and change main email address (line-4) to yours.
Important! Some hosting providers don't support PHP Mail Function automatically. So if you don't receive any message after changing mail address to yours, then contact with your hosting provider and they'll enable PHP Mail function. And everything would be great.
How to edit template
In order to edit the file, you need to have Code Writer program installed on your system. Just open files in code writer and edit them. Recommended programs are Adobe Dreamweaver and NotePad++
Tutorial for using special blocks
Enable and Disable Magic Cursor
If you want enable or disable Magic Cursor feature just change data-magic-cursor value. Values are show and hide
Change Page Transition Effects
If you want to change Page Transtion Effects change data-enter and data-exit values to any animate class from https://animate.style
Change animate text effect
If you want change animate text effect just change extra class. Values are zoom, rotate-1, letters type, letters rotate-2, loading-bar, slide, clip, letters rotate-3, letters scale, push
Read this Article before asking for a refund.
The refund request will not be accepted in the following cases by the article: