<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>
    <title>Documentation</title>
    <link href="assets/css/documentation.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="assets/css/highlight/default.css" media="screen" rel="stylesheet" type="text/css" />
    <script src="assets/js/documentation.js" type="text/javascript"></script>
    <script src="assets/js/highlight.pack.js" type="text/javascript"></script>
    <script type="text/javascript">
      hljs.initHighlightingOnLoad();
    </script>

  </head>
  <body>
    <div id='main'>
      <h1>
        Lavar Jekyll Theme
      </h1>
      <p id='author'>Documentation by Andy Lu</p>
      <p id='intro'>
        Thanks for buying
        "Lavar",
        a creative responsive Jekyll theme for many purposes, it could be used as company, design studio, business or portfolio websites.
      </p>
      <div class='section'>
        <h2>Installation</h2>
        <pre>
          <code>
  ~ $ gem install jekyll
  ~ $ cd lavar
  ~/lavar $ jekyll serve
  # => Now browse to http://localhost:4000
          </code>
        </pre>

        <h2>HTML Structure</h2>
        <p>
          This template is based on
          <a target="_blank" href="http://foundation.zurb.com/">foundation</a>
          framework, to understand what the "row" and "column" classes mean, please refer to the foundation
          <a target="_blank" href="http://foundation.zurb.com/docs">documentation</a>.
        </p>

        <pre>
          <code>&lt;!--

  HTML files:

  _layouts:
    1. blog.html -> the blog layout file
    2. default.html -> the default layout file
    3. post.html -> blog post layout file

  blog:
    1. index.html -> the blog index page

--&gt;</code>
        </pre>
      </div>

      <div class='section'>
        <h2>CSS Structure</h2>
        <p>
          The CSS files are based on
          <a target="_blank" href="http://foundation.zurb.com/">foundation</a>
          framework. You can find the original scss files in scss folder
        </p>

        <pre>
          <code>&lt;!--

  CSS files:
  1. css/responsive.css -> responsive settings
  2. css/app.css -> foundation framework
  3. css/style.css -> main style
  4. css/font-awesome.css -> font awesome icon font

--&gt;</code>
        </pre>
      </div>
      <div class='section'>
        <h2>Javascript Structure</h2>

        <pre>
          <code>&lt;!--

  Javascript files:

  1. app.js -> main javascript file
  2. jquery.superslides.min.js
  3. jquery.validate.js
  4. slick.min.js
  5. wow.min.js
  6. bower_components/ -> third party js libs

--&gt;</code>
        </pre>
      </div>
      <div class='section'>
        <h2>Contact form and Comments</h2>
        <p>
          They are just placeholders, just the design. Regarding the contat form, you have to implement the backend for sending email, usually that is done by a PHP script. For the comments, you can look into Disqus.
        </p>
      </div>
      <div class='section'>
        <h2>Version and updates</h2>

        <pre>
          <code>
Version: 1.0

Date of release: 2016/04/06

Updates:
  * initial release

Version history:
  * 2015/04/06 initial release
          </code>
        </pre>
      </div>
      <div class='section'>
        <h2>Credits</h2>

        <pre>
          <code>
Fonts:
  * Chivo: http://www.fontsquirrel.com/fonts/chivo
  * Josefin: https://www.google.com/fonts#UsePlace:use/Collection:Josefin+Sans

Icons:
  * "Linea icons":http://linea.io/

Images:
  * "unsplash":http://unsplash.com
  * "pixeden":http://pixeden.com/
  * "Freepik":http://www.freepik.com
  * "The stocks":http://thestocks.im/
  * "Retro logos":https://www.flickr.com/photos/jordanlloyd/
  * "cheerful young man":http://photodune.net/item/cheerful-young-man/11602034
  * "man talk to cellphone":http://photodune.net/item/man-talk-to-cellphone/11602062
  * "funny face":http://photodune.net/item/a-real-funny-face-captured-in-high-detail/7248135
  * "man surprised face":http://photodune.net/item/portrait-of-a-man-surprised-face-expression/7248125
  * "surprise man":http://photodune.net/item/man-with-a-surprised-facial-expression-surprise-man-screaming/10450453
  * "happy man smiling":http://photodune.net/item/happy-man-smiling/10852584
  * "woman 1":http://photodune.net/item/woman/1796399
  * "woman 2":http://photodune.net/item/woman/1796396
  * "package":https://www.flickr.com/photos/colindunn/
  * "lamps":https://www.flickr.com/photos/jurgenleckie/
  * "lights":https://www.flickr.com/photos/lightyearsdk/
  * "spices":https://www.flickr.com/photos/68711844@N07/
  * "woman":https://www.flickr.com/photos/jeffipod
  * "models":https://www.flickr.com/photos/beautyleg/
  * "chair":https://www.flickr.com/photos/wicker-furniture/
  * "Brandbook":https://www.flickr.com/photos/brandbook
  * "danielviero":https://www.flickr.com/photos/danielviero
          </code>
        </pre>
      </div>
      <p id='rate'>
        Thanks again for purchasing this template.
        <br>
        Please contact me via
        <a href='mailto:honryou@gmail.com'>honryou@gmail.com</a>
        if you want to.
        <br>
        And please go to your themeforest downloads page to rate this template when you have time.
      </p>
    </div>
  </body>
</html>