The Package

The Fina download package contains of 3 folder, the folder is "documentation", "html" and "psd". The main file of html file is under folder "html", and here the structure of file from of Satria html.

HTML Files

• 404.html
  contain information about your 404 error page
• about.html
  contain information about your site, your corporation, your personal info, etc
• alert-progress.html
  contain sample of alert and progress plugin
• button-list.html
  contain sample of buttons and lists
• card-hero.html
  contain sample of card box and hero box
• column-table.html
  contain sample of column and table
• contact.html
  contact information and AJAX email form
• education.html
  contain sample of education layout
• faq.html
  contain sample of frequently and questions page
• index.html
  default homepage template
• index-layout2.html
  the alternate homepage with different layout
• index-layout3.html
  the alternate homepage with different layout
• index-layout4.html
  the alternate homepage with different layout
• investment.html
  contain sample of investment layout
• news.html
  contain sample of news list or blog
• single.html
  contain sample of single post your blog
• sitemap.html
  contain sample of sitemap your site
• tab-accordion.html
  contain sample tab and accordion plugin
• team.html
  contain sample of your company team
• testimonial.html
  contain of testmonials your clients
• typography.html
  contain sample of typography

HTML Structure

The layout in Fina is flexible because this use "grid" system based on uikit, so you can make any configuration of column (please refer the "https://getuikit.com/docs/width" for some sample of column). Navigation menu is within a nav with an class of "uk-navbar-container". The general template structure is the same throughout the template. Here is the general structure :

Site Structure

The page have five main blocks : header, pagetitle, content-area, and footer each block consisting of each element present in it.

Logo

To edit the logo you can simply replace the "logo.svg" for header logo file into the images folder, if you intend to use a png file or svg file. Default size for header logo is 140pixel for width.

You can change with another big size logo, but it's not recommended and offcourse make the design not good :-)

Menu

Menu at this theme is use horizontal menu style, and it use nav with ul class "uk-navbar-nav" and for dropdown just make div class "uk-navbar-dropdown" between parent li menu. If you want make active some menu please use class="uk-active" in active menu that you want. See the image below to understand how it work.

How to change Map location ?

You must set "latitude" point and "longitude" point, to know your position coordinates or latitude and longitude please visit : http://www.mapcoordinates.net/en

How to change or add stock ticker

You can change the default stock ticker that display on homepage 1. Edit the current stock ticker with anything do you like, the ticker is based on Yahoo Finance so it recommend to see stock code from there.

How to setting Contact Form ?

To setting contact form, please open file "sendmail.php" and change with your email on the line 7, also you can change the email subject on the line 9.

How to make a new Favicon ?

First you must make image on size 32x32 pixel, and save in png format, after that go to this site : http://tools.dynamicdrive.com/favicon/ and create your "favicon.ico" there and replace the old "favicon.ico" in image folder with your new favicon.ico

Sources & Credits

All image use on this theme are free and from :

• http://www.freepik.com/free-photo/businessman-profile-looking-to-the-left_852698.htm
  used on homepage layout 1
• http://www.freepik.com/free-photo/employees-working-with-a-graphics-tablet_962189.htm
  used on homepage layout 1
• http://www.freepik.com/free-photo/smart-executives-planning-work-at-meeting_857888.htm
  used on homepage layout 1
• http://www.freepik.com/free-photo/couple-training-in-the-morning_866655.htm
  used on homepage layout 2
• http://www.freepik.com/free-photo/working-in-the-office_856031.htm
  used on homepage layout 2
• http://www.freepik.com/free-photo/reading-adult-person-entrepreneur-job_1072594.htm
  used on homepage layout 3
• http://www.freepik.com/free-photo/financial-charts-on-the-table-with-laptop_1010128.htm
  used on homepage layout 3
• http://www.freepik.com/free-photo/smartphone-with-graphics-and-icons_935248.htm
  used on homepage layout 4
• http://www.freepik.com/free-photo/smiling-businessman-holding-a-sketch_861443.htm
  used on homepage layout 1
• http://www.freepik.com/free-photo/businesswoman-listening-to-her-client_858298.htm
  used on homepage layout 1
• http://www.freepik.com/free-photo/close-up-of-documents-with-businessmen-blurred-background_864230.htm
  used on homepage layout 1
• http://www.freepik.com/free-photo/women-with-tablet-sitting-on-the-couch_866458.htm
  used on box hero image

All psd mockup are free and from :

• http://www.pixeden.com/psd-mock-up-templates/the-new-macbook-psd-mockup
• http://www.pixeden.com/psd-mock-up-templates/iphone-7-psd-mockup-vector

All icon use on this theme are free and from :

• Font Awesome

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.

Thanks,
Indonez