The includes/ folder contains files with ready-made content that should be included to all pages.

Components should be included to the pages that require components.Example of the code used in the component: Each file has mixins to which different kinds of content are being passed as parameters (blurb, post).

The components/ folder consists of files with file components.

The file should be included to _skeleton.pug file.Example of the code used in the _config.pug file: Such elements can be included to any page or component.

The _elements.pug file has mixins for elements (button, image, link etc.).

Such file contains different kinds of global variables (navigation, buy-link, callto-link, layout switcher etc.). The _config.pug file is a configuration file.In most cases this applies to to the tags like, ,, contents of the tag and global includes used on every page ( _elements.pug, _config.pug).Example of the code used in the _skeleton.pug file: The _skeleton.pug file has code that should be included to all files.Please, note, that templates may have different files structure (some files like functions.pug, mixins.pug and folders may not be available specifically in your template). Typical structure of files inside the pug folder:

Pug files allow editing website pages, scss files should be used for adjusting website styles. You can find the source files in the sources folder of your template (be sure to unzip the zip file with the source files). Render a set of data console.This tutorial shows how to work with CSS/HTML sources files (pug/scss) in our Multipurpose Website templates. Compile the source code const compiledFunction = pug. - template.pug p #'s Pug source code! const pug = require( 'pug') The compiled function can be re-used, and called with different sets of data. Call that resultant function with your data, and voilà!, it will return a string of HTML rendered with your data. pug.compile() will compile the Pug source code into a JavaScript function that takes a data object (called “ locals”) as an argument. The general rendering process of Pug is simple. Pug is available via npm: $ npm install pug Sponsors coin news Getting Started Installation ¶

Pug template image