<!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><!-- 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 --></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><!-- 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 --></code> </pre> </div> <div class='section'> <h2>Javascript Structure</h2> <pre> <code><!-- 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 --></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>