Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Empty file modified Gruntfile.js
100644 → 100755
Empty file.
214 changes: 108 additions & 106 deletions README.markdown
100644 → 100755
Original file line number Diff line number Diff line change
@@ -1,106 +1,108 @@
__________ __ _____.__ __
\______ \ ____ _____/ |__/ ____\ | _____ _/ |_
| | _// _ \ / _ \ __\ __\| | \__ \\ __\
| | ( <_> | <_> ) | | | | |__/ __ \| |
|______ /\____/ \____/|__| |__| |____(____ /__|
\/ \/

***

# What is Bootflat?

[![Bower version](https://badge.fury.io/bo/Bootflat.png)](http://badge.fury.io/bo/Bootflat) [![NPM version](https://badge.fury.io/js/bootflat.png)](http://badge.fury.io/js/bootflat) [![Build Status](https://travis-ci.org/bootflat/bootflat.github.io.svg?branch=master)](https://travis-ci.org/bootflat/bootflat.github.io)

BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.

Bootflat is built on the foundations of Bootstrap, visioned in a stunning flat design. Bootstrap itself is a trusted, reliable and proven tool for developers. Built with `Sass 3.3.9`.

Bootflat is compatible with the following browsers: `IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome`.

Thanks for supporting our framework, and enjoy!

# Preview

For the designers, we offer a [free PSD](https://github.com/bootflat/Bootflat.UI.Kit.PSD) file for you, it including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps.

![Bootflat UI Kit](http://bootflat.github.io/img/bootflat-ui-kit.jpg "Bootflat UI Kit")

## Features:

### 1. Bootstrap 3.2.0
Bootflat is built on Bootstrap 3.2.0: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.

### 2. HTML5 & CSS3
Bootflat's components are built with HTML5 and CSS3. The pages use `header`, `nav` and `section` to build the layout. Bootflat also comes with several splendid color schemes built-in, and allows for easy customization.

### 3. Lightweight
Bootflat uses lightweight high-function plugins for maximum performance, keeping CSS and JS file sizes down.

### 4. Mobile first
Bootflat is fully responsive, built for mobile-first in mind. It provides off screen navigation, and almost all the widgets are compatible with all screen sizes.

## Quick start

* Clone the repo: `git clone https://github.com/bootflat/bootflat.github.io.git`
* Install with [npm](https://www.npmjs.org/) `npm install bootflat`
* Install with [bower](http://bower.io/) `bower install Bootflat`

The source files are in the `bootflat/` folder. You can just grab the `bootflat/css/`, `bootflat/scss/`,`bootflat/js/` and `bootflat/img/` folders and you'll be good to go.


<!doctype html>
<html>
<head>
<title>Minimal Bootflat example</title>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://bootflat.github.io/bootflat/css/bootflat.css">
</head>

<body>
<h1>Test bootflat</h1>
<a class="btn btn-primary">Flat button</a>

<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

<!-- Bootflat's JS files.-->
<script src="https://bootflat.github.io/bootflat/js/icheck.min.js"></script>
<script src="https://bootflat.github.io/bootflat/js/jquery.fs.selecter.min.js"></script>
<script src="https://bootflat.github.io/bootflat/js/jquery.fs.stepper.min.js"></script>

</body>
</html>


## Table of contents:

+ [Home page](http://bootflat.github.io)
+ [Getting Started](http://bootflat.github.io/getting-started.html)
+ [Documentation](http://bootflat.github.io/documentation.html)
+ [Flat UI Color Picker](http://bootflat.github.io/color-picker.html)
+ [Free PSD](http://bootflat.github.io/free-psd.html)
+ [Free Sketch](https://github.com/teracy-official/bootflat-ui-kit.sketch)

## Changelog:

2014/9/3 version 2.0.4 `add widget: TimeLine`

2014/8/26 add `color picker`, you can make a flat design with it

2014/7/9 version 2.0.3 `support bootstrap 3.2.0 and Sass 3.3.9, add wigets: Calendar, Pricing`

2014/6/5 version 2.0.2 `add wigets: Toggle, Selecter, Stepper`

2014/4/3 version 2.0.1 `support bootstrap 3.1.1`

2014/3/6 version 2.0.0 `support bootstrap 3.0.1`

## Community

+ Follow [@flathemes on Twitter](https://twitter.com/flathemes).
+ Have a feature request or find a bug? [Submit an issue](https://github.com/bootflat/bootflat.github.io/issues).

## LICENSE

Bootflat is licensed under the MIT Open Source license. For more information, please see the LICENSE file in this repository.
__________ __ _____.__ __
\______ \ ____ _____/ |__/ ____\ | _____ _/ |_
| | _// _ \ / _ \ __\ __\| | \__ \\ __\
| | ( <_> | <_> ) | | | | |__/ __ \| |
|______ /\____/ \____/|__| |__| |____(____ /__|
\/ \/

***

# What is Bootflat?

[![Bower version](https://badge.fury.io/bo/Bootflat.png)](http://badge.fury.io/bo/Bootflat) [![NPM version](https://badge.fury.io/js/bootflat.png)](http://badge.fury.io/js/bootflat) [![Build Status](https://travis-ci.org/bootflat/bootflat.github.io.svg?branch=master)](https://travis-ci.org/bootflat/bootflat.github.io)

BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.

Bootflat is built on the foundations of Bootstrap, visioned in a stunning flat design. Bootstrap itself is a trusted, reliable and proven tool for developers. Built with `Sass 3.3.9`.

Bootflat is compatible with the following browsers: `IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome`.

Thanks for supporting our framework, and enjoy!

# Preview

For the designers, we offer a [free PSD](https://github.com/bootflat/Bootflat.UI.Kit.PSD) file for you, it including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps.

![Bootflat UI Kit](http://bootflat.github.io/img/bootflat-ui-kit.jpg "Bootflat UI Kit")

## Features:

### 1. Bootstrap 3.3.0
Bootflat is built on Bootstrap 3.3.0: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.

### 2. HTML5 & CSS3
Bootflat's components are built with HTML5 and CSS3. The pages use `header`, `nav` and `section` to build the layout. Bootflat also comes with several splendid color schemes built-in, and allows for easy customization.

### 3. Lightweight
Bootflat uses lightweight high-function plugins for maximum performance, keeping CSS and JS file sizes down.

### 4. Mobile first
Bootflat is fully responsive, built for mobile-first in mind. It provides off screen navigation, and almost all the widgets are compatible with all screen sizes.

## Quick start

* Clone the repo: `git clone https://github.com/bootflat/bootflat.github.io.git`
* Install with [npm](https://www.npmjs.org/) `npm install bootflat`
* Install with [bower](http://bower.io/) `bower install Bootflat`

The source files are in the `bootflat/` folder. You can just grab the `bootflat/css/`, `bootflat/scss/`,`bootflat/js/` and `bootflat/img/` folders and you'll be good to go.


<!doctype html>
<html>
<head>
<title>Minimal Bootflat example</title>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://bootflat.github.io/bootflat/css/bootflat.css">
</head>

<body>
<h1>Test bootflat</h1>
<a class="btn btn-primary">Flat button</a>

<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

<!-- Bootflat's JS files.-->
<script src="https://bootflat.github.io/bootflat/js/icheck.min.js"></script>
<script src="https://bootflat.github.io/bootflat/js/jquery.fs.selecter.min.js"></script>
<script src="https://bootflat.github.io/bootflat/js/jquery.fs.stepper.min.js"></script>

</body>
</html>


## Table of contents:

+ [Home page](http://bootflat.github.io)
+ [Getting Started](http://bootflat.github.io/getting-started.html)
+ [Documentation](http://bootflat.github.io/documentation.html)
+ [Flat UI Color Picker](http://bootflat.github.io/color-picker.html)
+ [Free PSD](http://bootflat.github.io/free-psd.html)
+ [Free Sketch](https://github.com/teracy-official/bootflat-ui-kit.sketch)

## Changelog:

2014/11/4 version 2.0.4 `support bootstrap 3.3.0`

2014/9/3 version 2.0.4 `add widget: TimeLine`

2014/8/26 add `color picker`, you can make a flat design with it

2014/7/9 version 2.0.3 `support bootstrap 3.2.0 and Sass 3.3.9, add wigets: Calendar, Pricing`

2014/6/5 version 2.0.2 `add wigets: Toggle, Selecter, Stepper`

2014/4/3 version 2.0.1 `support bootstrap 3.1.1`

2014/3/6 version 2.0.0 `support bootstrap 3.0.1`

## Community

+ Follow [@flathemes on Twitter](https://twitter.com/flathemes).
+ Have a feature request or find a bug? [Submit an issue](https://github.com/bootflat/bootflat.github.io/issues).

## LICENSE

Bootflat is licensed under the MIT Open Source license. For more information, please see the LICENSE file in this repository.
2 changes: 1 addition & 1 deletion _config.yml
100644 → 100755
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# Meta data
name: Bootflat
authors: flathemes
description: BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. And, for the designers, we offer a free PSD Download. It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps.
description: BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. And, for the designers, we offer a free PSD Download. It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps.

# Dependencies
pygments: true
Expand Down
2 changes: 1 addition & 1 deletion bower.json
100644 → 100755
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
"authors": [
"flathemes <info@flathemes.com>"
],
"description": "BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.",
"description": "BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.",
"repository": {
"type": "git",
"url": "https://github.com/bootflat/bootflat.github.io.git"
Expand Down
2 changes: 1 addition & 1 deletion composer.json
100644 → 100755
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "bootflat/bootflat",
"description": "An open source Flat UI KIT based on Bootstrap (3.2.0). A faster, easier and less repetitive way for web developers to create elegant web apps.",
"description": "An open source Flat UI KIT based on Bootstrap (3.3.0). A faster, easier and less repetitive way for web developers to create elegant web apps.",
"version": "2.0.4",
"keywords": [
"mobile",
Expand Down
4 changes: 2 additions & 2 deletions css/bootstrap.min.css
100644 → 100755

Large diffs are not rendered by default.

58 changes: 33 additions & 25 deletions getting-started.html
Original file line number Diff line number Diff line change
Expand Up @@ -119,49 +119,57 @@ <h3>What's included</h3>
<pre><code class="bash">bootflat/
├── css/
│ ├── bootflat.css
│ ├── bootflat.min.css
│ ├── bootflat.css.map
│ └── bootflat.min.css
├── js/
│ ├── icheck.min.js
│ ├── jquery.fs.selecter.min.js
│ ├── jquery.fs.stepper.min.js
│ ├── jquery.collapse.js
│ └── jquery.fs.stepper.min.js
├── fonts/
│ ├── glyphicons-halflings-regular.eot
│ ├── glyphicons-halflings-regular.svg
│ ├── glyphicons-halflings-regular.ttf
── glyphicons-halflings-regular.woff
── glyphicons-halflings-regular.woff
├── sass/
│ ├── bootflat.scss
│ ├── bootflat/
│ ├── global.scss
│ ├── typography.scss
│ └── bootflat/
│ ├── accordion.scss
│ ├── alert.scss
│ ├── breadcrumb.scss
│ ├── button.scss
│ ├── button_group.scss
│ ├── label_badge.scss
│ ├── tooltip.scss
│ ├── progress.scss
│ ├── breadcrumb.scss
│ ├── pagination.scss
│ ├── pager.scss
│ ├── form.scss
│ ├── calendar.scss
│ ├── checkbox_radio.scss
│ ├── alert.scss
│ ├── tab.scss
│ ├── pill.scss
│ ├── navbar.scss
│ ├── dropdown.scss
│ ├── footer.scss
│ ├── form.scss
│ ├── global.scss
│ ├── jumbotron.scss
│ ├── label_badge.scss
│ ├── list.scss
│ ├── media_list.scss
│ ├── modal.scss
│ ├── well.scss
│ ├── thumbnail.scss
│ ├── jumbotron.scss
│ ├── navbar.scss
│ ├── pager.scss
│ ├── pagination.scss
│ ├── panel.scss
│ ├── accordion.scss
│ ├── footer.scss
│ ├── dropdown.scss
│ ├── pill.scss
│ ├── popover.scss
│ ├── pricing.scss
│ ├── progress.scss
│ ├── selecter.scss
│ ├── stepper.scss
│ ├── tab.scss
│ ├── thumbnail.scss
│ ├── timeline.scss
│ ├── toggle.scss
│ ├── tooltip.scss
│ ├── typography.scss
│ └── well.scss
└── img/
└── check_flat/
└── default.png
├── default.png
└── default.psd
</code></pre>
</div>
<!-- CSS/SASS
Expand Down
8 changes: 4 additions & 4 deletions index.html
100644 → 100755
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<!-- SmartAddon.com Verification -->
<meta name="smartaddon-verification" content="936e8d43184bc47ef34e25e426c508fe" />
<meta name="keywords" content="Flat UI Design, UI design, UI, user interface, web interface design, user interface design, Flat web design, Bootstrap, Bootflat, Flat UI colors, colors">
<meta name="description" content="BOOTFLAT is an open source Flat UI KIT based on Bootstrap CSS framework.
<meta name="description" content="BOOTFLAT is an open source Flat UI KIT based on Bootstrap CSS framework.
And, for the designers, we offer a free PSD Download. It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps.">
<link rel="shortcut icon" href="favicon_16.ico"/>
<link rel="bookmark" href="favicon_16.ico"/>
Expand Down Expand Up @@ -51,7 +51,7 @@
<h1>
<img src="img/logo-index.png" alt="Bootflat: Advanced HTML5 Hybrid Mobile App Framework">
</h1>
<h2>BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. <br/>And, for the designers, we offer a <a href="free-psd.html">free PSD Download</a>. <br />It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps. </h2>
<h2>BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. <br/>And, for the designers, we offer a <a href="free-psd.html">free PSD Download</a>. <br />It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps. </h2>
<h3>Compatible Browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome.</h3>
<p class="download-link">
<a class="btn btn-primary" href="https://github.com/Bootflat/Bootflat.github.io/archive/master.zip">Download (Version 2.0.4)</a>
Expand Down Expand Up @@ -89,8 +89,8 @@ <h3>Designed for everyone, everywhere.</h3>
<div class="row">
<div class="col-md-6">
<div class="features__photo"><img src="img/feature-bootstrap.png" /></div>
<h4>Bootstrap 3.2.0</h4>
<p>Bootflat is built on Bootstrap 3.2.0: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.</p>
<h4>Bootstrap 3.3.0</h4>
<p>Bootflat is built on Bootstrap 3.3.0: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.</p>
</div>
<div class="col-md-6">
<div class="features__photo"><img src="img/feature-css.png" /></div>
Expand Down
2 changes: 1 addition & 1 deletion package.json
100644 → 100755
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"name": "bootflat",
"private": false,
"version": "2.0.4",
"description": "BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.",
"description": "BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.",
"author":"Flathemes <info@flathemes.com>",
"homepage": "http://bootflat.github.com/",
"keywords": [
Expand Down