Orido - Personal Portfolio Template

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

Template Features

  • Fully Responsive HTML5

  • CSS3 Animations

  • SEO optimized

  • Mobile Navigations

  • Fully Responsive to all devices

  • Developer Friendly Coding

  • Sticky Navigation

  • Free Updates

Installing Template

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

STEP 1
STEP 2
STEP 3

HTML Structure

The template includes 2 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 "orido_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.

STEP 1
STEP 2

CSS Files and Structures

I'm using 3 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.

JavaScript Structures

All call actions are run in init.js

Attention: If you remove any of javascripts, please don't forget to remove js code call action that belongs to removed js from init.js . Otherwise your site works inproperly.

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 Fonts: "Inter", "DM Sans", "Oswald" "Kaushan"

Contact Form

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 Item

    Refund Policy

    Read this Article before asking for a refund.

    The refund request will not be accepted in the following cases by the article:

    Customization Service

    Customization services starts from 50$. You can contact via Mail