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 ))
Tonni - Personal Portfolio Template
Last Update: 26/05/2022
Important: We used more SVG icons in this template. SVG icons such as its colors work properly with Localhost. So we recommend open your page via Localhost instead of Directly. If you haven't you can download it from the XAMPP's offical website. Download
Fully Responsive HTML5
Fully Responsive to all devices
Developer Friendly Coding
If you haven't FTP Client you can download it from Filezilla's official website. Download
The template includes 1 html file. 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 "tonni_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
Images - pexels.com
Fonts - Free Google and Fontsquirrel Fonts: "Open Sans", "Inter", "Reey"
Contact form works only in hosting environment. If you want to use it, open "tonni/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 or NotePad++ or Visual Studio
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
Support via Mail: Click Here
Read this Article before asking for a refund.
The refund request will not be accepted in the following cases by the article:
Customization services starts from 50$. You can contact via Mail