Hi, Thanks for purchasing our Theme
Satria is Professional Web Hosting Template. Suited for Web Hosting business / corporate web sites but it can be used for every type of web site with some modifications. There are four different homepage layouts, this template is robust and easy to modified because it uses UIkit framework.

The Package

The Satria 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
  • blog.html
    contain blog page
  • button-list.html
    contain sample of buttons and lists
  • client-area.html
    contain sample layout of hosting client area
  • client-area.html
    contain sample layout of hosting client area
  • cloud.html
    contain sample layout of cloud hosting page with pricing
  • column.html
    contain sample of column
  • contact.html
    contact information and AJAX email form
  • dedicated.html
    contain sample layout of dedicated hosting page with pricing
  • faq.html
    contain sample of frequently and questions page
  • features.html
    contain sample layout of hosting features
  • icon-list.html
    contain the list of smallicons that you can use
  • icon-use.html
    contain the example of icon use
  • 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
  • panel-promo.html
    contain sample of panel and promo box
  • portfolio.html
    contain information about your projects with 3 column layout
  • shared.html
    contain sample layout of shared hosting page with pricing
  • 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
  • table.html
    contain sample of many color tables
  • 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 Satria is flexible because this use "grid" system based on uikit, so you can make any configuration of column (please refer the "http://getuikit.com/docs/grid.html" for some sample of column).In this case I give example if you use 2 column, which one column is maincontent and one again is sidebar. All of the information within the maincontent area is nested within a div with an class of "uk-width-7-10" and for sidebar is nested within an class of "uk-width-3-10". Navigation menu is within a div with an id of "mainmenu". 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 117pixel 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 "li" to make menu and use "li" under "li" if you want make dropdown menu. If you want make active some menu please use class="active" in active menu that you want. See the image below to understand how it work.

Portfolio Filter

To undestand how porfolio filter work, first you must create each category on portfolio filter list, on this example I will give name ".print", ".web", and ".motion". If you look on HTML file this will like this.

Now you just need add a class of your "category" on each "li" of your portfolio, see the image below

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

Change that value on the file contact.js (js/components/contact.js) also don't forget change the latitude and longitude for marker icon with your value.

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

How to change Flickr account ?

On the blog page and single there has Flickr widget to show the latest stream of your Flickr photos, default is using Envato Flickr if you want change just overwrite the current ID with your ID

To change that id you can open config.js (js/config.js) at the flickr feed section. You can use this site : http://idgettr.com/ to get your flickr id

Sources & Credits

All image use on this theme are free and from :

All icon use on this theme are free and from :

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