Getting Started

Last updated 6 months ago

Introduction

Pages is carefully well thought UI frame work that is built on top of Bootstrap 4, Its hand crafted components look great on all devices and works super fast even on mobile

This documentation guide for all Pages users who can even be a beginner to Web development

Light Weight & Ready to Go

The entire set of modules clocks in at 52KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes.

Production level usage using minified and gzipped files

Getting Started

This part of the doc will help you to quick start your project and will you a basic idea about how pages work. For you to get start visit the "Get Started" folder in your download package

What's Included

Pages comes in two forms, within which you'll find the following directories and files, logically grouping common resources and providing both compiled and minified variations

Once you have download the package you will see the following folder structure

Whats Inside getting_started

This folder is a boilerplate template to help you start your project from.

Folder : assets

This folder is entirely dedicated for you and you can add your own images, custom css and js files, its grouped into resource folders for best practice

Folder : pages

This where the magic happens and contains pre-complied version of Pages, we do recommend updating any contents of the folder as all future updates are affected directly to this

Whats Inside demo

This folder contains all the demo files that we have shown in the live version for reference, you may wish to import code to your project from that. This is only used for reference and we do no recommend to start your project from demo files.

Whats Inside grunt and gulp

Pages support two popular build systems called Grunt and Gulp.