SONEX Documentation

Introduction

Thank you for purchasing SONEX template. This documentation will give you an overview of the template and help you to know how to customize template to your requirements.

What's Included

Once you have download template you will see the following structure:

• dist
  • css
    • animsition.min.css
    • bootstrap.min.css
    • fontello.min.css
    • magnific-popup.min.css
    • style.css
  • fonts
    • fontello.eot
    • fontello
    • fontello
    • fontello.woff
    • fontello.woff2
  • img
    • favicon.png
    • logo.png
    • map-marker.png
  • js
    • plugins
      • animsition.min.js
      • bootstrap.min.js
      • imagesloaded.pkgd.min.js
      • isotope.pkgd.min.js
      • jquery.magnific-popup.min.js
      • jquery-2.2.4.min.js
    • functions.js
    • plugins.min.js
  • php
    • mail.php
  • about.html
  • blog.html
  • blog-alt.html
  • blog-single.html
  • contact.html
  • index.html
  • index-columns-2.html
  • index-columns-4.html
  • project-page.html
  • project-page-alt.html
• src
  • img
    • favicon.png
    • logo.png
    • map-marker.png
  • js
    • 01. jquery-2.2.4.min.js
    • 02. bootstrap.min.js
    • 03. imagesloaded.pkgd.min.js
    • 04. isotope.pkgd.min.js
    • 05. jquery.magnific-popup.min.js
    • 06. animsition.min.js
  • pug
    • layout
      • widgets
        • blog-categories.pug
        • recent-projects.pug
        • search.pug
        • tags.pug
        • twitter.pug
        • works-filter.pug
      • copyright.pug
      • head.pug
      • js.pug
      • navigation.pug
    • about.pug
    • blog.pug
    • blog-alt.pug
    • blog-single.pug
    • contact.pug
    • index.pug
    • index-columns-2.pug
    • index-columns-4.pug
    • project-page.pug
    • project-page-alt.pug
  • styl
    • style.styl
• gulpfile.js

As you can see template has 2 types of files: precompiled and source codes. Precompiled files located in dist directory. You can use this files for customizing template, but much better way it's to use source codes files if you have skills. In this template I used such technologies:

• HTML. Pug (aka Jade) template engine. See more on jade-lang.com.
• CSS. Stylus stylesheet language. See more on stylus-lang.com.
• Images. TinyPNG image compressor. See more on tinypng.com.
• Gulp task manager to automate workflow. See more on gulpjs.com.

Requirements

Text Editor

To modify SONEX you should have a text editor. You can use any editor, but I recommend Sublime Text.

FTP Client

To publish your website you will need transfer files to remote server of your hosting. It's very important to understand that you must either have your own server space or use someone else's. The server space can be purchased at many different places around the Internet. You need somewhere to put the files that you purchased so others can find them online.

To transfer your files to server you can use different FTP clients (e.g. FileZilla). How to upload files to server with FileZilla you can read here. You should upload the contents of an archive to root directory.

If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!