Hi, Thanks for purchasing our Template
Epicon is Multipurpose HTML Template. There are Three different home layouts for Corporate, Hosting and Hotel. Layout Hosting designed Modern and with amazing features that suitable to the current buyer demand, and Layout Hotel designed with accommodation which requires a booking system. Our template makes it special is focus on details the highest quality code and you can get layered PSD Files.

The Package

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

HTML Files

  • 404.html
    contain information 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 bars
  • blog.html
    contain blog page
  • button-list.html
    contain sample of button and list
  • column.html
    contain sample of column
  • contact.html
    contact information and AJAX email form
  • faq.html
    contain sample of frequently and questions page
  • icon-list.html
    contain list of icon category
  • icon-use.html
    contain sample of icon layout in use
  • faq.html
    contain sample of frequently and questions page
  • index.html
    the homepage of template
  • panel-promo.html
    contact sample of panel and promo box
  • portfolio-2col.html
    contain information about your projects with 2 column layout
  • portfolio-3col.html
    contain information about your projects with 3 column layout
  • portfolio-4col.html
    contain information about your projects with 4 column layout
  • portfolio-single.html
    contain detail information of portfolio
  • pricing-plan.html
    contact sample of pricing page
  • services.html
    information about your services offered to site visitors
  • single.html
    contain sample of single post your blog
  • tables.html
    contain sample of many color tables
  • tab-accordion.html
    contain sample of tabs & toggle
  • team.html
    contain sample of your company team
  • testimonial.html
    contain of testmonials your clients

JS Files

  • contact-form.js
    used for contact form
  • jquery.countTo.js
    used for animated number settings
  • jquery.easypiechart.js
    used for circular progress bar
  • jquery.easyResponsiveTabs.js
    used for responsive tabs
  • jquery.fancybox.js
    used for pop up lightbox
  • idz.parallax.js
    used for parallax effect settings
  • jquery.isotope.js
    used for portfolio filter
  • jquery.maps.js
    used for display google maps
  • jquery.scrollUp.js
    used for scroll up button
  • jquery.smartmenus.min.js
    used for responsive navigation menu
  • owl.carousel.min.js
    used for post or image carousel
  • theme-script.js
    All setting of jquery used for this theme

CSS Files

  • animate.css
    animated effect for html tag
  • foundstrap.css
    responsive framework based on Foundation
  • whhg.css
    contain styling for whhg icon
  • smartmenu.css
    contain styling for responsive navigation menu
  • mediaplayer.css
    contain styling for media player plugin
  • epicon-responsive.css
    contain styling of responsive design
  • fancybox.css
    contain styling for fancybox pop up
  • owl-carousel.css
    contain styling for owl carousel plugin
  • style.css
    contain main styling of this template

HTML Structure

The layout in Epicon is flexible because this use "grid" system, so you can make any configuration of column (please refer the "column.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 "eight columns" and for sidebar is nested within an class of "four columns". Navigation menu is within a nav 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 three main blocks : header, content-wrapper, and footer each block consisting of each element present in it.

Logo

To edit the logo you can simply replace the "logo.png" for logo image file into the images folder and change the current (epicon) logo text with your logo text.

Menu

Menu at this theme is use horizontal menu style, and it use "li" to make menu. If you want make active some menu please use class="current_page_item" 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-design", ".web-design", and ".motion-graphics". 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://universimmedia.pagesperso-orange.fr/geo/loc.htm

Change latitude and longitude on the line 318(latitude) and 319(longitude) 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 2.

How to make image Retina ready in Retina devices ?

First you must add a class in image that you want retina ready with this class : class="retina", after that make a image with double size from regular size of image and in behind of name image put this :@2x

Example : the reguler image name is logo.png so give the name of retina image with logo@2x.png

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 ?

To change Flickr account with your Flickr account please open "theme-functions.js" inside js folder and go to the line 88, you will see this options :

You can use this site : http://idgettr.com/ to get your flickr id

Sources & Credits

Premium images :

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