A. Template installation

You don't need a web server to preview this template. Open the index.html file in root, you can select color scheme from welcome page.

Every color scheme is standalone, you can copy a directory to a server using ftp client to start using it. Subfolders structure is:

  • /assets/css/
  • /assets/fonts/
  • /assets/images/
  • /assets/js/

You'll find all html files in the root html folder.

B. JQuery plugins

All plugins are placed in folder /assets/js/. Main file scripts.js is a main file, where we call all plugins and functions.

  • Swipebox

    Lightbox plugin for fullscreen preview of images. To use it, just add class="swipebox" to your link.

  • Parallax

    Generates parallax effects used on landing page with full-width images. If you want to enable parallax to you div, add class "parallax", set background-image and min-height of div

  • Collapse

    Bootstrap collapse plugin used for controlling mobile navigation bar

  • CountUp

    Plugin used for animation of numeric data on landing page of template

  • ScrollReveal

    We use this plugin for scroll multiple animations

  • Swiper

    Full-width slider with multiple effects and supporting mobile touch

  • Zoom Slider

    Second slider with image fade and zoom effect used on main landing page

C. Font Awesome

You can use font awesome shortcodes to add any icons. First of all it will be useful in social network areas in contact area and other. For example, you can use any icon you want here by adding/replacing "fa-" class you need:

<a href="#" class="social-fb fa fa-facebook"></a></li>

D. CSS Files

  • bootstrap-grid.css
  • fontawesome.css
  • swipebox.css
  • swiper.css
  • style.css

Style.css main css file with all site styles.

All images you want to be stretched to content width must have class="full-width", for responsive layout.
Use class="rounded" on your images to round corners of the images. We recommend to use it for all images.

<img src="photo-preview.jpg" class="full-width rounded">

E. Support

You can contact us by email (support@like-themes.com)

http://like-themes.com