Getting started

Download

Before you start to download, make sure to install a code editor you find convenient (we recommend WebStorm, Brackets, Sublime Text). To benefit more from this software you'll need to have some basic understanding and knowledge of HTML and CSS technologies. Here we won't give source files description, but they are freely accessible on Bitbucket.

<FlexKit/>
Download <FlexKit/>
Minimized CSS code, JavaScript and fonts. Without source files.
<FlexKit/> eCommerce
Download eCommerce
Minimized CSS code, JavaScript and fonts + eCommerce styles. No source files are included.
Source code
Download source
Source Less code, JavaScript, and font files. Compiler Less and other settings are required.

File structure

After downloading, you will see the following file structure. The files are logically regrouped and given in a compiled and minimized form

founder/
├── css/
│   ├── reset.css - reset all standard browser styles
│   ├── content.css - styles related to the site typography
│   ├── nav.css - all navigation styles
│   ├── style.css - additional custom styles
│   ├── store.css - store elements styles
│   ├── flexkit.css - additional packet styles
│   └── animation.css - animation package for CSS3
│
├── fonts/
│   └── icon/ - Icons fonts
│       ├── flexkit.svg
│       ├── flexkit.ttf
│       ├── flexkit.woff
│       └── flexkit.eot
│
├── js/
│   ├── plugin/
│   │   ├── hammer.js - Adding gestures for mobile devices on your page
│   │   ├── jquery.carousel.min.js
│   │   └── jquery.cycle2.min.js - Slider Cycle2
│   │   
│   ├── system/
│   │   ├── ie-pack.min.js - hacks package for Internet Explorer (HTML5shiv, selectivizr и Respond)
│   │   └── flexkit.min.js - full JavaScript packet <FlexKit/>
│   │
│   ├── scripts.js
│   └── scripts.min.js
│
├── images/
│   ├── touch/ - images for devices (Android, Apple, Win8)
│   │   ├── 57x57.png
│   │   ├── 72x72.png
│   │   ├── 114x114.png
│   │   ├── 144x144.png
│   │   ├── win8_70x70.png
│   │   ├── win8_150x150.png
│   │   ├── win8_310x150.png
│   │   └── win8_310x310.png
│   │   
│   └── favicon.ico
│
├── index.html
├── category.html
├── default.html
├── news.html
├── _news list.html
├── news room.html
├── email.html
├── preview.png - your theme preview

... Templates for general usage
├── _head.html
├── _footer.html
├── _main menu.html
├── _mobile bar.html
├── _social links.html

... Templates for the store
├── _products list.html
├── product.html
├── checkout.html
├── invoice.html
├── quote.html

... Additional templates
├── 404 page.html
└── contact.html

This is the main type of file structure used in <FlexKit/>. It consists of a set or compiled files. Simply upload them to the server and you're ready to go.

Keep in mind that all JavaScript-plugins are based on jQuery.

Getting started

Download

<FlexKit/>

<FlexKit/> eCommerce

Source code

File structure

Share with your friends