├── .gitignore
├── pages
    ├── _lang
    │   ├── m.vue
    │   ├── about.vue
    │   ├── platform.vue
    │   ├── platform
    │   │   └── index.vue
    │   └── about
    │   │   ├── index.vue
    │   │   └── contactus.vue
    ├── about
    │   ├── contactus.vue
    │   └── index.vue
    ├── platform
    │   └── index.vue
    ├── platform.vue
    ├── about.vue
    ├── index.vue
    └── m.vue
├── static
    ├── img
    │   ├── avatar1.jpg
    │   ├── avatar2.jpg
    │   ├── avatar3.jpg
    │   ├── avatar4.jpg
    │   ├── avatar5.jpg
    │   ├── avatar6.jpg
    │   ├── avatar7.jpg
    │   ├── avatar8.jpg
    │   ├── avatar9.jpg
    │   ├── iphone.jpg
    │   ├── laptop.png
    │   ├── dashboard.png
    │   ├── shattered.png
    │   ├── word_map.png
    │   ├── avatar_all.png
    │   ├── header_one.jpg
    │   ├── header_two.jpg
    │   └── perspective.png
    ├── font-awesome
    │   ├── fonts
    │   │   ├── FontAwesome.otf
    │   │   ├── fontawesome-webfont.eot
    │   │   ├── fontawesome-webfont.ttf
    │   │   └── fontawesome-webfont.woff
    │   ├── less
    │   │   ├── fixed-width.less
    │   │   ├── bordered-pulled.less
    │   │   ├── larger.less
    │   │   ├── core.less
    │   │   ├── list.less
    │   │   ├── font-awesome.less
    │   │   ├── stacked.less
    │   │   ├── rotated-flipped.less
    │   │   ├── spinning.less
    │   │   ├── path.less
    │   │   ├── mixins.less
    │   │   └── variables.less
    │   ├── scss
    │   │   ├── _fixed-width.scss
    │   │   ├── _bordered-pulled.scss
    │   │   ├── _larger.scss
    │   │   ├── _core.scss
    │   │   ├── _list.scss
    │   │   ├── font-awesome.scss
    │   │   ├── _stacked.scss
    │   │   ├── _spinning.scss
    │   │   ├── _path.scss
    │   │   ├── _rotated-flipped.scss
    │   │   ├── _mixins.scss
    │   │   └── _variables.scss
    │   └── css
    │   │   └── font-awesome.min.css
    ├── fonts
    │   ├── glyphicons-halflings-regular.eot
    │   ├── glyphicons-halflings-regular.ttf
    │   └── glyphicons-halflings-regular.woff
    └── css
    │   ├── bootstrap-theme.min.css
    │   ├── bootstrap-theme.css
    │   └── style.less
├── README.md
├── backpack.config.js
├── store
    └── index.js
├── locales
    ├── fr.json
    ├── en.json
    └── zh.json
├── app.html
├── plugins
    └── i18n.js
├── package.json
├── layouts
    ├── mobile.vue
    └── default.vue
├── middleware
    └── i18n.js
├── Landing_Page
    ├── readme.txt
    └── index.html
├── nuxt.config.js
├── assets
    └── util.js
├── server
    └── index.js
└── components
    ├── pc-footer.vue
    ├── pc-header.vue
    └── m-footer.vue


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | npm-debug.log
4 | .idea
5 | .nuxt/
6 | dist/
7 | 


--------------------------------------------------------------------------------
/pages/_lang/m.vue:
--------------------------------------------------------------------------------
1 | <script>
2 |   import M from '~pages/m'
3 |   export default M
4 | </script>


--------------------------------------------------------------------------------
/static/img/avatar1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/avatar1.jpg


--------------------------------------------------------------------------------
/static/img/avatar2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/avatar2.jpg


--------------------------------------------------------------------------------
/static/img/avatar3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/avatar3.jpg


--------------------------------------------------------------------------------
/static/img/avatar4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/avatar4.jpg


--------------------------------------------------------------------------------
/static/img/avatar5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/avatar5.jpg


--------------------------------------------------------------------------------
/static/img/avatar6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/avatar6.jpg


--------------------------------------------------------------------------------
/static/img/avatar7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/avatar7.jpg


--------------------------------------------------------------------------------
/static/img/avatar8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/avatar8.jpg


--------------------------------------------------------------------------------
/static/img/avatar9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/avatar9.jpg


--------------------------------------------------------------------------------
/static/img/iphone.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/iphone.jpg


--------------------------------------------------------------------------------
/static/img/laptop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/laptop.png


--------------------------------------------------------------------------------
/static/img/dashboard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/dashboard.png


--------------------------------------------------------------------------------
/static/img/shattered.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/shattered.png


--------------------------------------------------------------------------------
/static/img/word_map.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/word_map.png


--------------------------------------------------------------------------------
/pages/_lang/about.vue:
--------------------------------------------------------------------------------
1 | <script>
2 |   import About from '~pages/about'
3 |   export default About
4 | </script>


--------------------------------------------------------------------------------
/static/img/avatar_all.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/avatar_all.png


--------------------------------------------------------------------------------
/static/img/header_one.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/header_one.jpg


--------------------------------------------------------------------------------
/static/img/header_two.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/header_two.jpg


--------------------------------------------------------------------------------
/static/img/perspective.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/img/perspective.png


--------------------------------------------------------------------------------
/pages/_lang/platform.vue:
--------------------------------------------------------------------------------
1 | <script>
2 |   import Index from '~pages/platform'
3 |   export default Index
4 | </script>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # i18n with Nuxt.js
2 | 
3 | https://nuxtjs.org/examples/i18n
4 | 
5 | https://github.com/kazupon/vue-i18n
6 | 


--------------------------------------------------------------------------------
/pages/_lang/platform/index.vue:
--------------------------------------------------------------------------------
1 | <script>
2 |   import Web from '~pages/platform/index'
3 |   export default Web
4 | </script>


--------------------------------------------------------------------------------
/pages/_lang/about/index.vue:
--------------------------------------------------------------------------------
1 | <script>
2 |   import Company from '~pages/about/index'
3 |   export default Company
4 | </script>


--------------------------------------------------------------------------------
/pages/_lang/about/contactus.vue:
--------------------------------------------------------------------------------
1 | <script>
2 |   import ContactUs from '~pages/about/contactus'
3 |   export default ContactUs
4 | </script>


--------------------------------------------------------------------------------
/static/font-awesome/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/font-awesome/fonts/FontAwesome.otf


--------------------------------------------------------------------------------
/static/fonts/glyphicons-halflings-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/fonts/glyphicons-halflings-regular.eot


--------------------------------------------------------------------------------
/static/fonts/glyphicons-halflings-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/fonts/glyphicons-halflings-regular.ttf


--------------------------------------------------------------------------------
/static/fonts/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/fonts/glyphicons-halflings-regular.woff


--------------------------------------------------------------------------------
/static/font-awesome/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/font-awesome/fonts/fontawesome-webfont.eot


--------------------------------------------------------------------------------
/static/font-awesome/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/font-awesome/fonts/fontawesome-webfont.ttf


--------------------------------------------------------------------------------
/static/font-awesome/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yjj5855/nuxt-i18n-web/master/static/font-awesome/fonts/fontawesome-webfont.woff


--------------------------------------------------------------------------------
/backpack.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   webpack: (config, options, webpack) => {
3 |     config.entry.main = './server/index.js'
4 |     return config
5 |   }
6 | }


--------------------------------------------------------------------------------
/static/font-awesome/less/fixed-width.less:
--------------------------------------------------------------------------------
1 | // Fixed Width Icons
2 | // -------------------------
3 | .@{fa-css-prefix}-fw {
4 |   width: (18em / 14);
5 |   text-align: center;
6 | }
7 | 


--------------------------------------------------------------------------------
/static/font-awesome/scss/_fixed-width.scss:
--------------------------------------------------------------------------------
1 | // Fixed Width Icons
2 | // -------------------------
3 | .#{$fa-css-prefix}-fw {
4 |   width: (18em / 14);
5 |   text-align: center;
6 | }
7 | 


--------------------------------------------------------------------------------
/store/index.js:
--------------------------------------------------------------------------------
 1 | export const state = () => ({
 2 |   locales: ['zh', 'en', 'fr'],
 3 |   locale: 'zh'
 4 | })
 5 | 
 6 | export const mutations = {
 7 |   SET_LANG (state, locale) {
 8 |     if (state.locales.indexOf(locale) !== -1) {
 9 |       state.locale = locale
10 |     }
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/pages/about/contactus.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>contact us</div>
 3 | </template>
 4 | <script>
 5 |   export default{
 6 |     components: {},
 7 |     data () {
 8 |       return {}
 9 |     },
10 |     computed: {},
11 |     created () {
12 | 
13 |     },
14 |     mounted () {
15 | 
16 |     },
17 |     methods: {}
18 |   }
19 | </script>


--------------------------------------------------------------------------------
/pages/platform/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>web</div>
 3 | </template>
 4 | <style lang="less" rel="stylesheet/less">
 5 | 
 6 | </style>
 7 | <script>
 8 |   export default{
 9 |     components: {},
10 |     data () {
11 |       return {}
12 |     },
13 |     computed: {},
14 |     created () {
15 | 
16 |     },
17 |     mounted () {
18 | 
19 |     },
20 |     methods: {}
21 |   }
22 | </script>


--------------------------------------------------------------------------------
/pages/about/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>company</div>
 3 | </template>
 4 | <style lang="less" rel="stylesheet/less">
 5 | 
 6 | </style>
 7 | <script>
 8 |   export default{
 9 |     components: {},
10 |     data () {
11 |       return {}
12 |     },
13 |     computed: {},
14 |     created () {
15 | 
16 |     },
17 |     mounted () {
18 | 
19 |     },
20 |     methods: {}
21 |   }
22 | </script>


--------------------------------------------------------------------------------
/static/font-awesome/less/bordered-pulled.less:
--------------------------------------------------------------------------------
 1 | // Bordered & Pulled
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}-border {
 5 |   padding: .2em .25em .15em;
 6 |   border: solid .08em @fa-border-color;
 7 |   border-radius: .1em;
 8 | }
 9 | 
10 | .pull-right { float: right; }
11 | .pull-left { float: left; }
12 | 
13 | .@{fa-css-prefix} {
14 |   &.pull-left { margin-right: .3em; }
15 |   &.pull-right { margin-left: .3em; }
16 | }
17 | 


--------------------------------------------------------------------------------
/static/font-awesome/scss/_bordered-pulled.scss:
--------------------------------------------------------------------------------
 1 | // Bordered & Pulled
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix}-border {
 5 |   padding: .2em .25em .15em;
 6 |   border: solid .08em $fa-border-color;
 7 |   border-radius: .1em;
 8 | }
 9 | 
10 | .pull-right { float: right; }
11 | .pull-left { float: left; }
12 | 
13 | .#{$fa-css-prefix} {
14 |   &.pull-left { margin-right: .3em; }
15 |   &.pull-right { margin-left: .3em; }
16 | }
17 | 


--------------------------------------------------------------------------------
/locales/fr.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "links": {
 3 |     "home": "Accueil",
 4 |     "about": "À propos",
 5 |     "english": "Version Anglaise",
 6 |     "french": "Version Française"
 7 |   },
 8 |   "home": {
 9 |     "title": "Bienvenue",
10 |     "introduction": "Ceci est un texte d'introduction en Français."
11 |   },
12 |   "about": {
13 |     "title": "À propos",
14 |     "introduction": "Cette page est faite pour vous donner plus d'informations."
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/static/font-awesome/less/larger.less:
--------------------------------------------------------------------------------
 1 | // Icon Sizes
 2 | // -------------------------
 3 | 
 4 | /* makes the font 33% larger relative to the icon container */
 5 | .@{fa-css-prefix}-lg {
 6 |   font-size: (4em / 3);
 7 |   line-height: (3em / 4);
 8 |   vertical-align: -15%;
 9 | }
10 | .@{fa-css-prefix}-2x { font-size: 2em; }
11 | .@{fa-css-prefix}-3x { font-size: 3em; }
12 | .@{fa-css-prefix}-4x { font-size: 4em; }
13 | .@{fa-css-prefix}-5x { font-size: 5em; }
14 | 


--------------------------------------------------------------------------------
/static/font-awesome/scss/_larger.scss:
--------------------------------------------------------------------------------
 1 | // Icon Sizes
 2 | // -------------------------
 3 | 
 4 | /* makes the font 33% larger relative to the icon container */
 5 | .#{$fa-css-prefix}-lg {
 6 |   font-size: (4em / 3);
 7 |   line-height: (3em / 4);
 8 |   vertical-align: -15%;
 9 | }
10 | .#{$fa-css-prefix}-2x { font-size: 2em; }
11 | .#{$fa-css-prefix}-3x { font-size: 3em; }
12 | .#{$fa-css-prefix}-4x { font-size: 4em; }
13 | .#{$fa-css-prefix}-5x { font-size: 5em; }
14 | 


--------------------------------------------------------------------------------
/static/font-awesome/less/core.less:
--------------------------------------------------------------------------------
 1 | // Base Class Definition
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix} {
 5 |   display: inline-block;
 6 |   font: normal normal normal 14px/1 FontAwesome; // shortening font declaration
 7 |   font-size: inherit; // can't have font-size inherit on line above, so need to override
 8 |   text-rendering: auto; // optimizelegibility throws things off #1094
 9 |   -webkit-font-smoothing: antialiased;
10 |   -moz-osx-font-smoothing: grayscale;
11 | }
12 | 


--------------------------------------------------------------------------------
/static/font-awesome/less/list.less:
--------------------------------------------------------------------------------
 1 | // List Icons
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}-ul {
 5 |   padding-left: 0;
 6 |   margin-left: @fa-li-width;
 7 |   list-style-type: none;
 8 |   > li { position: relative; }
 9 | }
10 | .@{fa-css-prefix}-li {
11 |   position: absolute;
12 |   left: -@fa-li-width;
13 |   width: @fa-li-width;
14 |   top: (2em / 14);
15 |   text-align: center;
16 |   &.@{fa-css-prefix}-lg {
17 |     left: (-@fa-li-width + (4em / 14));
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/static/font-awesome/scss/_core.scss:
--------------------------------------------------------------------------------
 1 | // Base Class Definition
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix} {
 5 |   display: inline-block;
 6 |   font: normal normal normal 14px/1 FontAwesome; // shortening font declaration
 7 |   font-size: inherit; // can't have font-size inherit on line above, so need to override
 8 |   text-rendering: auto; // optimizelegibility throws things off #1094
 9 |   -webkit-font-smoothing: antialiased;
10 |   -moz-osx-font-smoothing: grayscale;
11 | }
12 | 


--------------------------------------------------------------------------------
/static/font-awesome/scss/_list.scss:
--------------------------------------------------------------------------------
 1 | // List Icons
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix}-ul {
 5 |   padding-left: 0;
 6 |   margin-left: $fa-li-width;
 7 |   list-style-type: none;
 8 |   > li { position: relative; }
 9 | }
10 | .#{$fa-css-prefix}-li {
11 |   position: absolute;
12 |   left: -$fa-li-width;
13 |   width: $fa-li-width;
14 |   top: (2em / 14);
15 |   text-align: center;
16 |   &.#{$fa-css-prefix}-lg {
17 |     left: -$fa-li-width + (4em / 14);
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/static/font-awesome/scss/font-awesome.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 3 |  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 4 |  */
 5 | 
 6 | @import "variables";
 7 | @import "mixins";
 8 | @import "path";
 9 | @import "core";
10 | @import "larger";
11 | @import "fixed-width";
12 | @import "list";
13 | @import "bordered-pulled";
14 | @import "spinning";
15 | @import "rotated-flipped";
16 | @import "stacked";
17 | @import "icons";
18 | 


--------------------------------------------------------------------------------
/app.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="zh-CN" {{ HTML_ATTRS }}>
 3 | <head>
 4 |   <base href="/">
 5 |   {{ HEAD }}
 6 |   <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 7 |   <!--[if lt IE 9]>
 8 |   <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 9 |   <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
10 |   <![endif]-->
11 | </head>
12 | <body id="page-top" {{ BODY_ATTRS }}>
13 |   {{ APP }}
14 | </body>
15 | </html>


--------------------------------------------------------------------------------
/plugins/i18n.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import VueI18n from 'vue-i18n'
 3 | 
 4 | Vue.use(VueI18n)
 5 | 
 6 | export default ({ app, store }) => {
 7 |   // Set i18n instance on app
 8 |   // This way we can use it in middleware and pages asyncData/fetch
 9 |   app.i18n = new VueI18n({
10 |     locale: store.state.locale,
11 |     fallbackLocale: 'zh',
12 |     messages: {
13 |       'zh': require('~/locales/zh.json'),
14 |       'en': require('~/locales/en.json'),
15 |       'fr': require('~/locales/fr.json')
16 |     }
17 |   })
18 | }
19 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "nuxt-i18n",
 3 |   "dependencies": {
 4 |     "axios": "^0.16.1",
 5 |     "cross-env": "^5.0.0",
 6 |     "express": "^4.15.3",
 7 |     "nuxt": "latest",
 8 |     "vue-i18n": "^7.0.0"
 9 |   },
10 |   "devDependencies": {
11 |     "backpack-core": "^0.3.0",
12 |     "less": "^2.7.2",
13 |     "less-loader": "^2.2.3"
14 |   },
15 |   "scripts": {
16 |     "dev": "backpack dev",
17 |     "build": "nuxt build && backpack build",
18 |     "start": "cross-env NODE_ENV=production node build/main.jst"
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/static/font-awesome/less/font-awesome.less:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 3 |  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 4 |  */
 5 | 
 6 | @import "variables.less";
 7 | @import "mixins.less";
 8 | @import "path.less";
 9 | @import "core.less";
10 | @import "larger.less";
11 | @import "fixed-width.less";
12 | @import "list.less";
13 | @import "bordered-pulled.less";
14 | @import "spinning.less";
15 | @import "rotated-flipped.less";
16 | @import "stacked.less";
17 | @import "icons.less";
18 | 


--------------------------------------------------------------------------------
/layouts/mobile.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <pc-header></pc-header>
 4 |     <nuxt/>
 5 |     <m-footer></m-footer>
 6 |   </div>
 7 | </template>
 8 | <style lang="less" rel="stylesheet/less">
 9 | 
10 | </style>
11 | <script>
12 |   export default{
13 |     components: {
14 |       'pc-header': require('~components/pc-header.vue'),
15 |       'm-footer': require('~components/m-footer.vue'),
16 |     },
17 |     data () {
18 |       return {}
19 |     },
20 |     computed: {},
21 |     created () {
22 | 
23 |     },
24 |     mounted () {
25 | 
26 |     },
27 |     methods: {}
28 |   }
29 | </script>


--------------------------------------------------------------------------------
/static/font-awesome/less/stacked.less:
--------------------------------------------------------------------------------
 1 | // Stacked Icons
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}-stack {
 5 |   position: relative;
 6 |   display: inline-block;
 7 |   width: 2em;
 8 |   height: 2em;
 9 |   line-height: 2em;
10 |   vertical-align: middle;
11 | }
12 | .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
13 |   position: absolute;
14 |   left: 0;
15 |   width: 100%;
16 |   text-align: center;
17 | }
18 | .@{fa-css-prefix}-stack-1x { line-height: inherit; }
19 | .@{fa-css-prefix}-stack-2x { font-size: 2em; }
20 | .@{fa-css-prefix}-inverse { color: @fa-inverse; }
21 | 


--------------------------------------------------------------------------------
/static/font-awesome/scss/_stacked.scss:
--------------------------------------------------------------------------------
 1 | // Stacked Icons
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix}-stack {
 5 |   position: relative;
 6 |   display: inline-block;
 7 |   width: 2em;
 8 |   height: 2em;
 9 |   line-height: 2em;
10 |   vertical-align: middle;
11 | }
12 | .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
13 |   position: absolute;
14 |   left: 0;
15 |   width: 100%;
16 |   text-align: center;
17 | }
18 | .#{$fa-css-prefix}-stack-1x { line-height: inherit; }
19 | .#{$fa-css-prefix}-stack-2x { font-size: 2em; }
20 | .#{$fa-css-prefix}-inverse { color: $fa-inverse; }
21 | 


--------------------------------------------------------------------------------
/middleware/i18n.js:
--------------------------------------------------------------------------------
 1 | export default function ({ app, store, route, params, error, redirect, hotReload }) {
 2 |   // Check if middleware called from hot-reloading, ignore
 3 |   if (hotReload) return
 4 |   // Get locale from params
 5 |   const locale = params.lang || 'zh'
 6 |   if (store.state.locales.indexOf(locale) === -1) {
 7 |     return error({ message: 'This page could not be found.', statusCode: 404 })
 8 |   }
 9 |   // Set locale
10 |   store.commit('SET_LANG', locale)
11 |   app.i18n.locale = store.state.locale
12 |   // If route is /en/... -> redirect to /...
13 |   if (locale === 'zh' && route.fullPath.indexOf('/zh') === 0) {
14 |     return redirect(route.fullPath.replace(/^\/zh/, '/'))
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/static/font-awesome/less/rotated-flipped.less:
--------------------------------------------------------------------------------
 1 | // Rotated & Flipped Icons
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}-rotate-90  { .fa-icon-rotate(90deg, 1);  }
 5 | .@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
 6 | .@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
 7 | 
 8 | .@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
 9 | .@{fa-css-prefix}-flip-vertical   { .fa-icon-flip(1, -1, 2); }
10 | 
11 | // Hook for IE8-9
12 | // -------------------------
13 | 
14 | :root .@{fa-css-prefix}-rotate-90,
15 | :root .@{fa-css-prefix}-rotate-180,
16 | :root .@{fa-css-prefix}-rotate-270,
17 | :root .@{fa-css-prefix}-flip-horizontal,
18 | :root .@{fa-css-prefix}-flip-vertical {
19 |   filter: none;
20 | }
21 | 


--------------------------------------------------------------------------------
/static/font-awesome/less/spinning.less:
--------------------------------------------------------------------------------
 1 | // Spinning Icons
 2 | // --------------------------
 3 | 
 4 | .@{fa-css-prefix}-spin {
 5 |   -webkit-animation: fa-spin 2s infinite linear;
 6 |           animation: fa-spin 2s infinite linear;
 7 | }
 8 | 
 9 | @-webkit-keyframes fa-spin {
10 |   0% {
11 |     -webkit-transform: rotate(0deg);
12 |             transform: rotate(0deg);
13 |   }
14 |   100% {
15 |     -webkit-transform: rotate(359deg);
16 |             transform: rotate(359deg);
17 |   }
18 | }
19 | 
20 | @keyframes fa-spin {
21 |   0% {
22 |     -webkit-transform: rotate(0deg);
23 |             transform: rotate(0deg);
24 |   }
25 |   100% {
26 |     -webkit-transform: rotate(359deg);
27 |             transform: rotate(359deg);
28 |   }
29 | }
30 | 


--------------------------------------------------------------------------------
/static/font-awesome/scss/_spinning.scss:
--------------------------------------------------------------------------------
 1 | // Spinning Icons
 2 | // --------------------------
 3 | 
 4 | .#{$fa-css-prefix}-spin {
 5 |   -webkit-animation: fa-spin 2s infinite linear;
 6 |           animation: fa-spin 2s infinite linear;
 7 | }
 8 | 
 9 | @-webkit-keyframes fa-spin {
10 |   0% {
11 |     -webkit-transform: rotate(0deg);
12 |             transform: rotate(0deg);
13 |   }
14 |   100% {
15 |     -webkit-transform: rotate(359deg);
16 |             transform: rotate(359deg);
17 |   }
18 | }
19 | 
20 | @keyframes fa-spin {
21 |   0% {
22 |     -webkit-transform: rotate(0deg);
23 |             transform: rotate(0deg);
24 |   }
25 |   100% {
26 |     -webkit-transform: rotate(359deg);
27 |             transform: rotate(359deg);
28 |   }
29 | }
30 | 


--------------------------------------------------------------------------------
/static/font-awesome/less/path.less:
--------------------------------------------------------------------------------
 1 | /* FONT PATH
 2 |  * -------------------------- */
 3 | 
 4 | @font-face {
 5 |   font-family: 'FontAwesome';
 6 |   src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
 7 |   src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
 8 |     url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
 9 |     url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
10 |     url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
11 | //  src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
12 |   font-weight: normal;
13 |   font-style: normal;
14 | }
15 | 


--------------------------------------------------------------------------------
/static/font-awesome/scss/_path.scss:
--------------------------------------------------------------------------------
 1 | /* FONT PATH
 2 |  * -------------------------- */
 3 | 
 4 | @font-face {
 5 |   font-family: 'FontAwesome';
 6 |   src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
 7 |   src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
 8 |     url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
 9 |     url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
10 |     url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
11 |   //src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
12 |   font-weight: normal;
13 |   font-style: normal;
14 | }
15 | 


--------------------------------------------------------------------------------
/static/font-awesome/scss/_rotated-flipped.scss:
--------------------------------------------------------------------------------
 1 | // Rotated & Flipped Icons
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix}-rotate-90  { @include fa-icon-rotate(90deg, 1);  }
 5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
 6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
 7 | 
 8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
 9 | .#{$fa-css-prefix}-flip-vertical   { @include fa-icon-flip(1, -1, 2); }
10 | 
11 | // Hook for IE8-9
12 | // -------------------------
13 | 
14 | :root .#{$fa-css-prefix}-rotate-90,
15 | :root .#{$fa-css-prefix}-rotate-180,
16 | :root .#{$fa-css-prefix}-rotate-270,
17 | :root .#{$fa-css-prefix}-flip-horizontal,
18 | :root .#{$fa-css-prefix}-flip-vertical {
19 |   filter: none;
20 | }
21 | 


--------------------------------------------------------------------------------
/Landing_Page/readme.txt:
--------------------------------------------------------------------------------
 1 | Resource list for all mockup and pictures:
 2 | 
 3 | MOCKUPS
 4 | MackBook mockup     - https://dribbble.com/shots/1403640-MacBook-Pro
 5 | Browser mockup      - https://dribbble.com/shots/1460141-Free-minimal-browser-window
 6 | Iphone mockup       - https://dribbble.com/shots/1114707-FREE-PSDs-iGravertical-Screen-Layers-iOS-7-Screen-Converter?list=searches&offset=2
 7 | Ipad mockup         - http://www.pixeden.com/psd-mock-up-templates/perspective-tablet-mock-up
 8 | http://graphicburger.com/isometric-perspective-mock-up/
 9 | 
10 | IMAGES
11 | Avatars             - http://uifaces.com/
12 | 1 slider            - https://ununsplash.imgix.net/39/lIZrwvbeRuuzqOoWJUEn_Photoaday_CSD%20%281%20of%201%29-5.jpg?q=75&fm=jpg&s=51271112596da893693f98a61c47b619
13 | 2 slider            - https://dribbble.com/shots/1736601-6-Photorealistic-iPhone-6-mockups
14 | 
15 | 
16 | 


--------------------------------------------------------------------------------
/pages/platform.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="Content">
 3 |     <div class="container">
 4 |       <h1 class="Content__Title">{{ $t('home.title') }}</h1>
 5 |       <p>{{ $t('home.introduction') }}</p>
 6 |       <el-button type="primary" :plain="true">提交</el-button>
 7 |       <i class="el-icon-fa-address-book"></i>
 8 |       <i class="el-icon-iconfont-bianji"></i>
 9 |     </div>
10 |     <div>dsjkfsjnsnnsvsdmvmsdgks</div>
11 |     <el-tabs @tab-click="handleTabClick">
12 |       <el-tab-pane label="WEB端" name=""></el-tab-pane>
13 |       <el-tab-pane label="移动端" name="mobile"></el-tab-pane>
14 |     </el-tabs>
15 |     <nuxt-child></nuxt-child>
16 |   </div>
17 | </template>
18 | 
19 | <script>
20 |   // develop 修改的
21 |   export default {
22 |     head () {
23 |       return {title: this.$t('home.title')}
24 |     },
25 |     methods: {
26 |       handleTabClick (tab) {
27 |         this.$router.replace()
28 |       }
29 |     }
30 |   }
31 | </script>
32 | 


--------------------------------------------------------------------------------
/static/font-awesome/less/mixins.less:
--------------------------------------------------------------------------------
 1 | // Mixins
 2 | // --------------------------
 3 | 
 4 | .fa-icon() {
 5 |   display: inline-block;
 6 |   font: normal normal normal 14px/1 FontAwesome; // shortening font declaration
 7 |   font-size: inherit; // can't have font-size inherit on line above, so need to override
 8 |   text-rendering: auto; // optimizelegibility throws things off #1094
 9 |   -webkit-font-smoothing: antialiased;
10 |   -moz-osx-font-smoothing: grayscale;
11 | }
12 | 
13 | .fa-icon-rotate(@degrees, @rotation) {
14 |   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
15 |   -webkit-transform: rotate(@degrees);
16 |       -ms-transform: rotate(@degrees);
17 |           transform: rotate(@degrees);
18 | }
19 | 
20 | .fa-icon-flip(@horiz, @vert, @rotation) {
21 |   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1);
22 |   -webkit-transform: scale(@horiz, @vert);
23 |       -ms-transform: scale(@horiz, @vert);
24 |           transform: scale(@horiz, @vert);
25 | }
26 | 


--------------------------------------------------------------------------------
/static/font-awesome/scss/_mixins.scss:
--------------------------------------------------------------------------------
 1 | // Mixins
 2 | // --------------------------
 3 | 
 4 | @mixin fa-icon() {
 5 |   display: inline-block;
 6 |   font: normal normal normal 14px/1 FontAwesome; // shortening font declaration
 7 |   font-size: inherit; // can't have font-size inherit on line above, so need to override
 8 |   text-rendering: auto; // optimizelegibility throws things off #1094
 9 |   -webkit-font-smoothing: antialiased;
10 |   -moz-osx-font-smoothing: grayscale;
11 | }
12 | 
13 | @mixin fa-icon-rotate($degrees, $rotation) {
14 |   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
15 |   -webkit-transform: rotate($degrees);
16 |       -ms-transform: rotate($degrees);
17 |           transform: rotate($degrees);
18 | }
19 | 
20 | @mixin fa-icon-flip($horiz, $vert, $rotation) {
21 |   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
22 |   -webkit-transform: scale($horiz, $vert);
23 |       -ms-transform: scale($horiz, $vert);
24 |           transform: scale($horiz, $vert);
25 | }
26 | 


--------------------------------------------------------------------------------
/nuxt.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   build: {
 3 |     vendor: ['axios', 'vue-i18n'],
 4 |     externals: {
 5 |       jquery: 'window.$'
 6 |     }
 7 |   },
 8 |   router: {
 9 |     middleware: 'i18n'
10 |   },
11 |   plugins: [
12 |     // Will inject the plugin in the $root app and also in the context as `i18n`
13 |     { src: '~plugins/i18n.js', injectAs: 'i18n' }
14 |   ],
15 |   loading: { color: '#1ab394' },
16 |   head: {
17 |     title: '班步官网',
18 |     meta: [
19 |       { charset: 'utf-8' },
20 |       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
21 |       { hid: 'description', name: 'description', content: 'Nuxt.js project' }
22 |     ],
23 |     script: [
24 |       { src: 'js/jquery-2.1.1.js' },
25 |       { src: 'js/bootstrap.min.js' }
26 |     ],
27 |     link: [
28 |       { rel: 'stylesheet', href: 'css/bootstrap.min.css' },
29 |       { rel: 'stylesheet', href: 'css/animate.min.css' },
30 |       { rel: 'stylesheet', href: 'font-awesome/css/font-awesome.min.css' }
31 |     ]
32 |   },
33 |   css: [
34 |     '~static/css/style.less'
35 |   ]
36 | }


--------------------------------------------------------------------------------
/assets/util.js:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | export function replaceRoute (vm, path) {
 4 |   if (vm.$i18n.locale === 'zh') {
 5 |     vm.$router.replace(path)
 6 |   } else {
 7 |     vm.$router.replace(`/${vm.$i18n.locale}${path}`)
 8 |   }
 9 | }
10 | 
11 | export function chooseLang (vm, command) {
12 |   if (command === vm.$i18n.locale) {
13 |     return
14 |   }
15 |   const fullPath = vm.$route.fullPath.replace(/^\/[^\/]+/, '')
16 |   switch (command) {
17 |     case 'zh':
18 |       vm.$router.push(fullPath ? fullPath : '/')
19 |       break
20 |     default:
21 |       let full = vm.$route.fullPath
22 |       let paths = full.match(/^\/[^\/]+/)
23 |       if (paths && paths.length > 0) {
24 |         let path = paths[0].replace(/\//, '')
25 |         if (vm.$store.state.locales.indexOf(path) >= 0) {
26 |           vm.$router.push(`/${command}${fullPath}`)
27 |         } else {
28 |           vm.$router.push(`/${command}${full}`)
29 |         }
30 |       } else {
31 |         vm.$router.push(`/${command}${fullPath}`)
32 |       }
33 |       break
34 |   }
35 | }
36 | 
37 | export function isMobile () {
38 | 
39 | }


--------------------------------------------------------------------------------
/server/index.js:
--------------------------------------------------------------------------------
 1 | import Nuxt from 'nuxt'
 2 | import express from 'express'
 3 | 
 4 | // import api from './api'
 5 | 
 6 | const app = express()
 7 | const host = process.env.HOST || '127.0.0.1'
 8 | const port = process.env.PORT || 3000
 9 | 
10 | app.set('port', port)
11 | 
12 | // Import API Routes
13 | // app.use('/api', api)
14 | 
15 | app.get('/', (req, res, next) => {
16 |   const userAgentInfo = req.headers['user-agent'] // 获取user-agent
17 |   const Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]
18 |   let mobile_pc = 'pc' // pc端返回pc，移动端返回mobile
19 |   for (let v = 0; v < Agents.length; v++) {
20 |     if (userAgentInfo.indexOf(Agents[v]) > 0) {
21 |       mobile_pc = 'mobile'
22 |       break
23 |     }
24 |   }
25 |   if (mobile_pc === 'mobile') {
26 |     res.redirect('/m')
27 |   } else {
28 |     next()
29 |   }
30 | })
31 | 
32 | // Start nuxt.js
33 | async function start() {
34 |   // Import and Set Nuxt.js options
35 |   let config = require('../nuxt.config.js')
36 |   config.dev = !(process.env.NODE_ENV === 'production')
37 |   // Instanciate nuxt.js
38 |   const nuxt = new Nuxt(config)
39 |   // Add nuxt.js middleware
40 |   app.use(nuxt.render)
41 |   // Listen the server
42 |   app.listen(port, host)
43 |   console.log('Server listening on ' + host + ':' + port) // eslint-disable-line no-console
44 | }
45 | 
46 | start()


--------------------------------------------------------------------------------
/locales/en.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "links": {
 3 |     "link1": "主页",
 4 |     "link2": "班步平台",
 5 |     "link3": "优选服务",
 6 |     "link4": "班步学院",
 7 |     "link5": "客户案例",
 8 |     "link6": "咨询中心",
 9 |     "link7": "关于我们",
10 | 
11 |     "btn-login": "登录",
12 |     "btn-signin": "注册"
13 |   },
14 |   "home": {
15 |     "title": "欢迎",
16 |     "introduction": "This is an introduction in English."
17 |   },
18 |   "about": {
19 |     "title": "关于我们",
20 |     "introduction": "This page is made to give you more informations."
21 |   },
22 |   "footer": {
23 |     "collapse1": {
24 |       "name": "班步平台",
25 |       "children": [
26 |         {"name": "了解班步"},
27 |         {"name": "体验班步"},
28 |         {"name": "免费试用"},
29 |         {"name": "隐私声明"}
30 |       ]
31 |     },
32 |     "collapse2": {
33 |       "name": "优选服务",
34 |       "children": [
35 |         {"name": "人事外包"},
36 |         {"name": "弹性福利"},
37 |         {"name": "咨询服务"},
38 |         {"name": "招聘服务"}
39 |       ]
40 |     },
41 |     "collapse3": {
42 |       "name": "班步学院",
43 |       "children": [
44 |         {"name": "课程介绍"},
45 |         {"name": "课程回顾"}
46 |       ]
47 |     },
48 |     "collapse4": {
49 |       "name": "关于我们",
50 |       "children": [
51 |         {"name": "公司简介"},
52 |         {"name": "团队介绍"},
53 |         {"name": "加入我们"},
54 |         {"name": "合作洽谈"}
55 |       ]
56 |     }
57 |   }
58 | }
59 | 


--------------------------------------------------------------------------------
/locales/zh.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "links": {
 3 |     "link1": "主页",
 4 |     "link2": "班步平台",
 5 |     "link3": "优选服务",
 6 |     "link4": "班步学院",
 7 |     "link5": "客户案例",
 8 |     "link6": "咨询中心",
 9 |     "link7": "关于我们",
10 | 
11 |     "btn-login": "登录",
12 |     "btn-signin": "注册"
13 |   },
14 |   "home": {
15 |     "title": "欢迎",
16 |     "introduction": "This is an introduction in English."
17 |   },
18 |   "about": {
19 |     "title": "关于我们",
20 |     "introduction": "This page is made to give you more informations."
21 |   },
22 |   "footer": {
23 |     "collapse1": {
24 |       "name": "班步平台",
25 |       "children": [
26 |         {"name": "了解班步"},
27 |         {"name": "体验班步"},
28 |         {"name": "免费试用"},
29 |         {"name": "隐私声明"}
30 |       ]
31 |     },
32 |     "collapse2": {
33 |       "name": "优选服务",
34 |       "children": [
35 |         {"name": "人事外包"},
36 |         {"name": "弹性福利"},
37 |         {"name": "咨询服务"},
38 |         {"name": "招聘服务"}
39 |       ]
40 |     },
41 |     "collapse3": {
42 |       "name": "班步学院",
43 |       "children": [
44 |         {"name": "课程介绍"},
45 |         {"name": "课程回顾"}
46 |       ]
47 |     },
48 |     "collapse4": {
49 |       "name": "关于我们",
50 |       "children": [
51 |         {"name": "公司简介"},
52 |         {"name": "团队介绍"},
53 |         {"name": "加入我们"},
54 |         {"name": "合作洽谈"}
55 |       ]
56 |     }
57 |   }
58 | }
59 | 


--------------------------------------------------------------------------------
/layouts/default.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <pc-header></pc-header>
 4 |     <nuxt/>
 5 |     <pc-footer></pc-footer>
 6 |   </div>
 7 | </template>
 8 | <script>
 9 |   export default {
10 |     components: {
11 |       'pc-header': require('~components/pc-header.vue'),
12 |       'pc-footer': require('~components/pc-footer.vue')
13 |     },
14 |     methods: {
15 |       path (url) {
16 |         return (this.$i18n.locale === 'zh' ? url : '/' + this.$i18n.locale + url)
17 |       },
18 |       handleCommand (command) {
19 |         const fullPath = this.$route.fullPath.replace(/^\/[^\/]+/, '')
20 |         switch (command) {
21 |           case 'zh':
22 |             this.$router.push(fullPath ? fullPath : '/')
23 |             break
24 |           default:
25 |             let full = this.$route.fullPath
26 |             let paths = full.match(/^\/[^\/]+/)
27 |             if (paths && paths.length > 0) {
28 |               let path = paths[0].replace(/\//, '')
29 |               if (this.$store.state.locales.indexOf(path) >= 0) {
30 |                 this.$router.push(`/${command}${fullPath}`)
31 |               } else {
32 |                 this.$router.push(`/${command}${full}`)
33 |               }
34 |             } else {
35 |               this.$router.push(`/${command}${fullPath}`)
36 |             }
37 |             break
38 |         }
39 |       },
40 |     }
41 |   }
42 | </script>
43 | 
44 | <style lang="less" rel="stylesheet/less">
45 | </style>
46 | 


--------------------------------------------------------------------------------
/pages/about.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="Content">
 3 |     <div class="container">
 4 |       <h1 class="Content__Title">{{ $t('about.title') }}</h1>
 5 |       <p>{{ $t('about.introduction') }}</p>
 6 |     </div>
 7 |     <el-tabs v-model="activeName" @tab-click="handleTabClick">
 8 |       <el-tab-pane label="公司简介" name="/about"></el-tab-pane>
 9 |       <el-tab-pane label="发展历程" name="/dasf"></el-tab-pane>
10 |       <el-tab-pane label="团队介绍" name="/dawqsf"></el-tab-pane>
11 |       <el-tab-pane label="加入班步" name="/dfds"></el-tab-pane>
12 |       <el-tab-pane label="联系我们" name="/about/contactus"></el-tab-pane>
13 |     </el-tabs>
14 |     <nuxt-child></nuxt-child>
15 |   </div>
16 | </template>
17 | <style lang="less">
18 | 
19 | </style>
20 | <script>
21 |   import {replaceRoute} from '~assets/util'
22 |   export default {
23 |     components: {},
24 |     head () {
25 |       return {
26 |         title: this.$t('about.title')
27 |       }
28 |     },
29 |     data () {
30 |       return {
31 |         activeName: ''
32 |       }
33 |     },
34 |     methods: {
35 |       handleTabClick (tab) {
36 |         replaceRoute(this, tab.name)
37 |         this.activeName = tab.name
38 |       }
39 |     },
40 |     created () {
41 |       if (this.$i18n.locale === 'zh') {
42 |         this.activeName = this.$route.fullPath
43 |       } else {
44 |         this.activeName = this.$route.fullPath.replace(`/${this.$i18n.locale}`, '')
45 |       }
46 |     }
47 |   }
48 | </script>
49 | 


--------------------------------------------------------------------------------
/components/pc-footer.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <section id="contact" class="gray-section contact">
 3 |     <div class="container">
 4 |       <div class="row m-b-lg">
 5 |         <div class="col-lg-12 text-center">
 6 |           <div class="navy-line"></div>
 7 |           <h1>Contact Us</h1>
 8 |           <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod.</p>
 9 |         </div>
10 |       </div>
11 |       <div class="row m-b-lg">
12 |         <div class="col-lg-3 col-lg-offset-3">
13 |           <address>
14 |             <strong><span class="navy">Company name, Inc.</span></strong><br/>
15 |             795 Folsom Ave, Suite 600<br/>
16 |             San Francisco, CA 94107<br/>
17 |             <abbr title="Phone">P:</abbr> (123) 456-7890
18 |                 </address>
19 |         </div>
20 |         <div class="col-lg-4">
21 |           <p class="text-color">
22 |             Consectetur adipisicing elit. Aut eaque, totam corporis laboriosam veritatis quis ad perspiciatis, totam corporis laboriosam veritatis, consectetur adipisicing elit quos non quis ad perspiciatis, totam corporis ea,
23 |         </p>
24 |         </div>
25 |       </div>
26 |       <div class="row">
27 |         <div class="col-lg-12 text-center">
28 |           <a href="mailto:test@email.com" class="btn btn-primary">Send us mail</a>
29 |           <p class="m-t-sm">
30 |             Or follow us on social platform
31 |         </p>
32 |           <ul class="list-inline social-icon">
33 |             <li><a href="#"><i class="fa fa-twitter"></i></a>
34 |             </li>
35 |             <li><a href="#"><i class="fa fa-facebook"></i></a>
36 |             </li>
37 |             <li><a href="#"><i class="fa fa-linkedin"></i></a>
38 |             </li>
39 |           </ul>
40 |         </div>
41 |       </div>
42 |       <div class="row">
43 |         <div class="col-lg-8 col-lg-offset-2 text-center m-t-lg m-b-lg">
44 |           <p><strong>&copy; 2015 Company Name</strong><br/> consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
45 |         </div>
46 |       </div>
47 |     </div>
48 |   </section>
49 | </template>
50 | <script>
51 |   export default{
52 |     components: {},
53 |     data () {
54 |       return {}
55 |     },
56 |     computed: {},
57 |     created () {
58 | 
59 |     },
60 |     mounted () {
61 | 
62 |     },
63 |     methods: {}
64 |   }
65 | </script>


--------------------------------------------------------------------------------
/components/pc-header.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="navbar-wrapper">
  3 |     <nav class="navbar navbar-default navbar-fixed-top" :class="navbarClass" role="navigation">
  4 |       <div class="container-fluid">
  5 |         <div class="navbar-header page-scroll">
  6 |           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  7 |             <span class="sr-only">Toggle navigation</span>
  8 |             <span class="icon-bar"></span>
  9 |             <span class="icon-bar"></span>
 10 |             <span class="icon-bar"></span>
 11 |           </button>
 12 |           <nuxt-link tag="a" class="navbar-brand" to="/">Banbu 班步</nuxt-link>
 13 |         </div>
 14 |         <div id="navbar" class="navbar-collapse collapse">
 15 |           <ul class="nav navbar-nav navbar-right">
 16 |             <li><nuxt-link tag="a" class="page-scroll" to="/m">移动版</nuxt-link></li>
 17 |             <li><nuxt-link tag="a" class="page-scroll" to="/">{{$t('links.link1')}}</nuxt-link></li>
 18 |             <li><nuxt-link tag="a" class="page-scroll" to="/">{{$t('links.link2')}}</nuxt-link></li>
 19 |             <li><nuxt-link tag="a" class="page-scroll" to="/">{{$t('links.link3')}}</nuxt-link></li>
 20 |             <li><nuxt-link tag="a" class="page-scroll" to="/">{{$t('links.link4')}}</nuxt-link></li>
 21 |             <li><nuxt-link tag="a" class="page-scroll" to="/">{{$t('links.link5')}}</nuxt-link></li>
 22 |             <li><nuxt-link tag="a" class="page-scroll" to="/">{{$t('links.link6')}}</nuxt-link></li>
 23 |             <li><nuxt-link tag="a" class="page-scroll" to="/">{{$t('links.link7')}}</nuxt-link></li>
 24 |             <li class="navbar-btns hidden-sm hidden-xs">
 25 |               <button class="btn btn-ghost">{{$t('links.btn-login')}}</button>
 26 |               <button class="btn btn-solid">{{$t('links.btn-signin')}}</button>
 27 |             </li>
 28 |           </ul>
 29 |         </div>
 30 |       </div>
 31 |     </nav>
 32 |   </div>
 33 | </template>
 34 | 
 35 | <script>
 36 |   import $ from 'jquery'
 37 |   export default {
 38 |     components: {},
 39 |     data () {
 40 |       return {
 41 |         scrollTop: '',
 42 |         navbarClass: '',
 43 |         theme: 'transparent' // transparent or white
 44 |       }
 45 |     },
 46 |     computed: {
 47 |     },
 48 |     methods: {
 49 |       handleScroll (e) {
 50 |         this.scrollTop = $(window).scrollTop()
 51 |         if (this.scrollTop > 70) {
 52 |           this.navbarClass = 'navbar-scroll'
 53 |         } else {
 54 |           this.navbarClass = ''
 55 |         }
 56 |       }
 57 |     },
 58 |     created () {
 59 | 
 60 |     },
 61 |     mounted () {
 62 |       $(window).on('scroll', this.handleScroll)
 63 |     },
 64 |     destroyed () {
 65 |       $(window).off('scroll', this.handleScroll)
 66 |     }
 67 |   }
 68 | </script>
 69 | 
 70 | <style lang="less" scoped>
 71 |   @import (reference) "~static/css/style";
 72 |   @media (min-width: 768px) {
 73 |     .container-fluid{
 74 |       padding-left: 40px;
 75 |       padding-right: 40px;
 76 |     }
 77 |   }
 78 |   .navbar-btns{
 79 |     margin-top: 20px;
 80 |     margin-left: 50px;
 81 | 
 82 |     .btn{
 83 |       min-width: 88px;
 84 |     }
 85 |     .btn + .btn {
 86 |       margin-left: 20px;
 87 |     }
 88 |   }
 89 |   .btn-ghost{
 90 |     color: #fff;
 91 |     background-color: transparent;
 92 |     border-color: #fff;
 93 |   }
 94 |   .btn-solid{
 95 |     color: #fff;
 96 |     background-color: @navy;
 97 |     border-color: @navy;
 98 |   }
 99 |   .navbar.navbar-scroll{
100 |     .nav li .btn-ghost{
101 |       color: @navy;
102 |       background-color: #fff;
103 |       border-color: @navy;
104 |     }
105 |   }
106 | </style>


--------------------------------------------------------------------------------
/pages/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <div id="inSlider" class="carousel carousel-fade" data-ride="carousel">
 4 |       <ol class="carousel-indicators">
 5 |         <li data-target="#inSlider" data-slide-to="0" class="active"></li>
 6 |         <li data-target="#inSlider" data-slide-to="1"></li>
 7 |       </ol>
 8 |       <div class="carousel-inner" role="listbox">
 9 |         <div class="item active">
10 |           <div class="container">
11 |             <div class="carousel-caption">
12 |               <h1>We craft<br/>
13 |                 brands, web apps,<br/>
14 |                 and user interfaces<br/>
15 |                 we are IN+ studio</h1>
16 |               <p>Lorem Ipsum is simply dummy text of the printing.</p>
17 |               <p>
18 |                 <a class="btn btn-lg btn-primary" href="#" role="button">READ MORE</a>
19 |                 <a class="caption-link" href="#" role="button">Inspinia Theme</a>
20 |               </p>
21 |             </div>
22 |             <div class="carousel-image wow zoomIn">
23 |               <img src="img/laptop.png" alt="laptop"/>
24 |             </div>
25 |           </div>
26 |           <!-- Set background for slide in css -->
27 |           <div class="header-back one"></div>
28 | 
29 |         </div>
30 |         <div class="item">
31 |           <div class="container">
32 |             <div class="carousel-caption blank">
33 |               <h1>We create meaningful <br/> interfaces that inspire.</h1>
34 |               <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
35 |               <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
36 |             </div>
37 |           </div>
38 |           <!-- Set background for slide in css -->
39 |           <div class="header-back two"></div>
40 |         </div>
41 |       </div>
42 |       <a class="left carousel-control" href="#inSlider" role="button" data-slide="prev">
43 |         <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
44 |         <span class="sr-only">Previous</span>
45 |       </a>
46 |       <a class="right carousel-control" href="#inSlider" role="button" data-slide="next">
47 |         <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
48 |         <span class="sr-only">Next</span>
49 |       </a>
50 |     </div>
51 | 
52 |     <section id="features" class="container services">
53 |       <div class="row">
54 |         <div class="col-sm-3">
55 |           <h2>Full responsive</h2>
56 |           <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>
57 |           <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
58 |         </div>
59 |         <div class="col-sm-3">
60 |           <h2>LESS/SASS Files</h2>
61 |           <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>
62 |           <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
63 |         </div>
64 |         <div class="col-sm-3">
65 |           <h2>6 Charts Library</h2>
66 |           <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>
67 |           <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
68 |         </div>
69 |         <div class="col-sm-3">
70 |           <h2>Advanced Forms</h2>
71 |           <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>
72 |           <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
73 |         </div>
74 |       </div>
75 |     </section>
76 |   </div>
77 | </template>
78 | <style lang="less" rel="stylesheet/less">
79 | 
80 | </style>
81 | <script>
82 |   export default{
83 |     components: {},
84 |     data () {
85 |       return {}
86 |     },
87 |     computed: {},
88 |     created () {
89 | 
90 |     },
91 |     mounted () {
92 | 
93 |     },
94 |     methods: {}
95 |   }
96 | </script>


--------------------------------------------------------------------------------
/pages/m.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <div id="inSlider" class="carousel carousel-fade" data-ride="carousel">
 4 |       <ol class="carousel-indicators">
 5 |         <li data-target="#inSlider" data-slide-to="0" class="active"></li>
 6 |         <li data-target="#inSlider" data-slide-to="1"></li>
 7 |       </ol>
 8 |       <div class="carousel-inner" role="listbox">
 9 |         <div class="item active">
10 |           <div class="container">
11 |             <div class="carousel-caption">
12 |               <h1>We craft<br/>
13 |                 brands, web apps,<br/>
14 |                 and user interfaces<br/>
15 |                 we are IN+ studio</h1>
16 |               <p>Lorem Ipsum is simply dummy text of the printing.</p>
17 |               <p>
18 |                 <a class="btn btn-lg btn-primary" href="#" role="button">READ MORE</a>
19 |                 <a class="caption-link" href="#" role="button">Inspinia Theme</a>
20 |               </p>
21 |             </div>
22 |             <div class="carousel-image wow zoomIn">
23 |               <img src="img/laptop.png" alt="laptop"/>
24 |             </div>
25 |           </div>
26 |           <!-- Set background for slide in css -->
27 |           <div class="header-back one"></div>
28 | 
29 |         </div>
30 |         <div class="item">
31 |           <div class="container">
32 |             <div class="carousel-caption blank">
33 |               <h1>We create meaningful <br/> interfaces that inspire.</h1>
34 |               <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
35 |               <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
36 |             </div>
37 |           </div>
38 |           <!-- Set background for slide in css -->
39 |           <div class="header-back two"></div>
40 |         </div>
41 |       </div>
42 |       <a class="left carousel-control" href="#inSlider" role="button" data-slide="prev">
43 |         <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
44 |         <span class="sr-only">Previous</span>
45 |       </a>
46 |       <a class="right carousel-control" href="#inSlider" role="button" data-slide="next">
47 |         <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
48 |         <span class="sr-only">Next</span>
49 |       </a>
50 |     </div>
51 | 
52 |     <section id="features" class="container services">
53 |       <div class="row">
54 |         <div class="col-sm-3">
55 |           <h2>Full responsive</h2>
56 |           <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>
57 |           <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
58 |         </div>
59 |         <div class="col-sm-3">
60 |           <h2>LESS/SASS Files</h2>
61 |           <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>
62 |           <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
63 |         </div>
64 |         <div class="col-sm-3">
65 |           <h2>6 Charts Library</h2>
66 |           <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>
67 |           <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
68 |         </div>
69 |         <div class="col-sm-3">
70 |           <h2>Advanced Forms</h2>
71 |           <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>
72 |           <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
73 |         </div>
74 |       </div>
75 |     </section>
76 |   </div>
77 | </template>
78 | <style lang="less" rel="stylesheet/less">
79 | 
80 | </style>
81 | <script>
82 |   export default{
83 |     layout: 'mobile',
84 |     components: {},
85 |     data () {
86 |       return {}
87 |     },
88 |     computed: {},
89 |     created () {
90 | 
91 |     },
92 |     mounted () {
93 | 
94 |     },
95 |     methods: {}
96 |   }
97 | </script>


--------------------------------------------------------------------------------
/components/m-footer.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <section class="mobile-footer">
  3 |     <div class="container">
  4 |       <div class="row">
  5 |         <div class="col-lg-12">
  6 |           <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
  7 |             <div class="panel panel-default">
  8 |               <div class="panel-heading" role="tab" id="headingOne">
  9 |                 <h4 class="panel-title">
 10 |                   <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
 11 |                     {{$t('footer.collapse1.name')}}
 12 |                   </a>
 13 |                 </h4>
 14 |               </div>
 15 |               <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
 16 |                 <div class="panel-body">
 17 |                   <nuxt-link tag="a" to="">{{$t('footer.collapse1.children[0].name')}}</nuxt-link><br>
 18 |                   <nuxt-link tag="a" to="">{{$t('footer.collapse1.children[1].name')}}</nuxt-link><br>
 19 |                   <nuxt-link tag="a" to="">{{$t('footer.collapse1.children[2].name')}}</nuxt-link><br>
 20 |                   <nuxt-link tag="a" to="">{{$t('footer.collapse1.children[3].name')}}</nuxt-link>
 21 |                 </div>
 22 |               </div>
 23 |             </div>
 24 |             <div class="panel panel-default">
 25 |               <div class="panel-heading" role="tab" id="headingTwo">
 26 |                 <h4 class="panel-title">
 27 |                   <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
 28 |                     {{$t('footer.collapse2.name')}}
 29 |                   </a>
 30 |                 </h4>
 31 |               </div>
 32 |               <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
 33 |                 <div class="panel-body">
 34 |                   <nuxt-link tag="a" to="">{{$t('footer.collapse2.children[0].name')}}</nuxt-link><br>
 35 |                   <nuxt-link tag="a" to="">{{$t('footer.collapse2.children[1].name')}}</nuxt-link><br>
 36 |                   <nuxt-link tag="a" to="">{{$t('footer.collapse2.children[2].name')}}</nuxt-link><br>
 37 |                   <nuxt-link tag="a" to="">{{$t('footer.collapse2.children[3].name')}}</nuxt-link>
 38 |                 </div>
 39 |               </div>
 40 |             </div>
 41 |             <div class="panel panel-default">
 42 |               <div class="panel-heading" role="tab" id="headingThree">
 43 |                 <h4 class="panel-title">
 44 |                   <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
 45 |                     {{$t('footer.collapse3.name')}}
 46 |                   </a>
 47 |                 </h4>
 48 |               </div>
 49 |               <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
 50 |                 <div class="panel-body">
 51 |                   <nuxt-link tag="a" to="">{{$t('footer.collapse3.children[0].name')}}</nuxt-link><br>
 52 |                   <nuxt-link tag="a" to="">{{$t('footer.collapse3.children[1].name')}}</nuxt-link><br>
 53 |                 </div>
 54 |               </div>
 55 |             </div>
 56 |             <div class="panel panel-default">
 57 |               <div class="panel-heading" role="tab" id="headingFour">
 58 |                 <h4 class="panel-title">
 59 |                   <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
 60 |                     {{$t('footer.collapse4.name')}}
 61 |                   </a>
 62 |                 </h4>
 63 |               </div>
 64 |               <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
 65 |                 <div class="panel-body">
 66 |                   <nuxt-link tag="a" to="">{{$t('footer.collapse4.children[0].name')}}</nuxt-link><br>
 67 |                   <nuxt-link tag="a" to="">{{$t('footer.collapse4.children[1].name')}}</nuxt-link><br>
 68 |                   <nuxt-link tag="a" to="">{{$t('footer.collapse4.children[2].name')}}</nuxt-link><br>
 69 |                   <nuxt-link tag="a" to="">{{$t('footer.collapse4.children[3].name')}}</nuxt-link><br>
 70 |                 </div>
 71 |               </div>
 72 |             </div>
 73 |           </div>
 74 |         </div>
 75 |       </div>
 76 |       <div class="row">
 77 |         <div class="col-lg-8 col-lg-offset-2 text-center m-t-lg m-b-lg">
 78 |           <button class="btn btn-link" @click="chooseLang('zh')">中文</button>
 79 |           <button class="btn btn-link" @click="chooseLang('en')">English</button>
 80 |         </div>
 81 |       </div>
 82 |     </div>
 83 |   </section>
 84 | </template>
 85 | <script>
 86 |   import {chooseLang} from '../assets/util'
 87 |   export default{
 88 |     components: {},
 89 |     data () {
 90 |       return {}
 91 |     },
 92 |     computed: {},
 93 |     created () {
 94 | 
 95 |     },
 96 |     mounted () {
 97 | 
 98 |     },
 99 |     methods: {
100 |       chooseLang (command) {
101 |         chooseLang(this, command)
102 |       }
103 |     }
104 |   }
105 | </script>
106 | <style lang="less">
107 |   .mobile-footer{
108 |     margin-top: 20px;
109 | 
110 | 
111 |   }
112 | </style>


--------------------------------------------------------------------------------
/static/font-awesome/less/variables.less:
--------------------------------------------------------------------------------
  1 | // Variables
  2 | // --------------------------
  3 | 
  4 | @fa-font-path:        "../fonts";
  5 | //@fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts"; // for referencing Bootstrap CDN font files directly
  6 | @fa-css-prefix:       fa;
  7 | @fa-version:          "4.2.0";
  8 | @fa-border-color:     #eee;
  9 | @fa-inverse:          #fff;
 10 | @fa-li-width:         (30em / 14);
 11 | 
 12 | @fa-var-adjust: "\f042";
 13 | @fa-var-adn: "\f170";
 14 | @fa-var-align-center: "\f037";
 15 | @fa-var-align-justify: "\f039";
 16 | @fa-var-align-left: "\f036";
 17 | @fa-var-align-right: "\f038";
 18 | @fa-var-ambulance: "\f0f9";
 19 | @fa-var-anchor: "\f13d";
 20 | @fa-var-android: "\f17b";
 21 | @fa-var-angellist: "\f209";
 22 | @fa-var-angle-double-down: "\f103";
 23 | @fa-var-angle-double-left: "\f100";
 24 | @fa-var-angle-double-right: "\f101";
 25 | @fa-var-angle-double-up: "\f102";
 26 | @fa-var-angle-down: "\f107";
 27 | @fa-var-angle-left: "\f104";
 28 | @fa-var-angle-right: "\f105";
 29 | @fa-var-angle-up: "\f106";
 30 | @fa-var-apple: "\f179";
 31 | @fa-var-archive: "\f187";
 32 | @fa-var-area-chart: "\f1fe";
 33 | @fa-var-arrow-circle-down: "\f0ab";
 34 | @fa-var-arrow-circle-left: "\f0a8";
 35 | @fa-var-arrow-circle-o-down: "\f01a";
 36 | @fa-var-arrow-circle-o-left: "\f190";
 37 | @fa-var-arrow-circle-o-right: "\f18e";
 38 | @fa-var-arrow-circle-o-up: "\f01b";
 39 | @fa-var-arrow-circle-right: "\f0a9";
 40 | @fa-var-arrow-circle-up: "\f0aa";
 41 | @fa-var-arrow-down: "\f063";
 42 | @fa-var-arrow-left: "\f060";
 43 | @fa-var-arrow-right: "\f061";
 44 | @fa-var-arrow-up: "\f062";
 45 | @fa-var-arrows: "\f047";
 46 | @fa-var-arrows-alt: "\f0b2";
 47 | @fa-var-arrows-h: "\f07e";
 48 | @fa-var-arrows-v: "\f07d";
 49 | @fa-var-asterisk: "\f069";
 50 | @fa-var-at: "\f1fa";
 51 | @fa-var-automobile: "\f1b9";
 52 | @fa-var-backward: "\f04a";
 53 | @fa-var-ban: "\f05e";
 54 | @fa-var-bank: "\f19c";
 55 | @fa-var-bar-chart: "\f080";
 56 | @fa-var-bar-chart-o: "\f080";
 57 | @fa-var-barcode: "\f02a";
 58 | @fa-var-bars: "\f0c9";
 59 | @fa-var-beer: "\f0fc";
 60 | @fa-var-behance: "\f1b4";
 61 | @fa-var-behance-square: "\f1b5";
 62 | @fa-var-bell: "\f0f3";
 63 | @fa-var-bell-o: "\f0a2";
 64 | @fa-var-bell-slash: "\f1f6";
 65 | @fa-var-bell-slash-o: "\f1f7";
 66 | @fa-var-bicycle: "\f206";
 67 | @fa-var-binoculars: "\f1e5";
 68 | @fa-var-birthday-cake: "\f1fd";
 69 | @fa-var-bitbucket: "\f171";
 70 | @fa-var-bitbucket-square: "\f172";
 71 | @fa-var-bitcoin: "\f15a";
 72 | @fa-var-bold: "\f032";
 73 | @fa-var-bolt: "\f0e7";
 74 | @fa-var-bomb: "\f1e2";
 75 | @fa-var-book: "\f02d";
 76 | @fa-var-bookmark: "\f02e";
 77 | @fa-var-bookmark-o: "\f097";
 78 | @fa-var-briefcase: "\f0b1";
 79 | @fa-var-btc: "\f15a";
 80 | @fa-var-bug: "\f188";
 81 | @fa-var-building: "\f1ad";
 82 | @fa-var-building-o: "\f0f7";
 83 | @fa-var-bullhorn: "\f0a1";
 84 | @fa-var-bullseye: "\f140";
 85 | @fa-var-bus: "\f207";
 86 | @fa-var-cab: "\f1ba";
 87 | @fa-var-calculator: "\f1ec";
 88 | @fa-var-calendar: "\f073";
 89 | @fa-var-calendar-o: "\f133";
 90 | @fa-var-camera: "\f030";
 91 | @fa-var-camera-retro: "\f083";
 92 | @fa-var-car: "\f1b9";
 93 | @fa-var-caret-down: "\f0d7";
 94 | @fa-var-caret-left: "\f0d9";
 95 | @fa-var-caret-right: "\f0da";
 96 | @fa-var-caret-square-o-down: "\f150";
 97 | @fa-var-caret-square-o-left: "\f191";
 98 | @fa-var-caret-square-o-right: "\f152";
 99 | @fa-var-caret-square-o-up: "\f151";
100 | @fa-var-caret-up: "\f0d8";
101 | @fa-var-cc: "\f20a";
102 | @fa-var-cc-amex: "\f1f3";
103 | @fa-var-cc-discover: "\f1f2";
104 | @fa-var-cc-mastercard: "\f1f1";
105 | @fa-var-cc-paypal: "\f1f4";
106 | @fa-var-cc-stripe: "\f1f5";
107 | @fa-var-cc-visa: "\f1f0";
108 | @fa-var-certificate: "\f0a3";
109 | @fa-var-chain: "\f0c1";
110 | @fa-var-chain-broken: "\f127";
111 | @fa-var-check: "\f00c";
112 | @fa-var-check-circle: "\f058";
113 | @fa-var-check-circle-o: "\f05d";
114 | @fa-var-check-square: "\f14a";
115 | @fa-var-check-square-o: "\f046";
116 | @fa-var-chevron-circle-down: "\f13a";
117 | @fa-var-chevron-circle-left: "\f137";
118 | @fa-var-chevron-circle-right: "\f138";
119 | @fa-var-chevron-circle-up: "\f139";
120 | @fa-var-chevron-down: "\f078";
121 | @fa-var-chevron-left: "\f053";
122 | @fa-var-chevron-right: "\f054";
123 | @fa-var-chevron-up: "\f077";
124 | @fa-var-child: "\f1ae";
125 | @fa-var-circle: "\f111";
126 | @fa-var-circle-o: "\f10c";
127 | @fa-var-circle-o-notch: "\f1ce";
128 | @fa-var-circle-thin: "\f1db";
129 | @fa-var-clipboard: "\f0ea";
130 | @fa-var-clock-o: "\f017";
131 | @fa-var-close: "\f00d";
132 | @fa-var-cloud: "\f0c2";
133 | @fa-var-cloud-download: "\f0ed";
134 | @fa-var-cloud-upload: "\f0ee";
135 | @fa-var-cny: "\f157";
136 | @fa-var-code: "\f121";
137 | @fa-var-code-fork: "\f126";
138 | @fa-var-codepen: "\f1cb";
139 | @fa-var-coffee: "\f0f4";
140 | @fa-var-cog: "\f013";
141 | @fa-var-cogs: "\f085";
142 | @fa-var-columns: "\f0db";
143 | @fa-var-comment: "\f075";
144 | @fa-var-comment-o: "\f0e5";
145 | @fa-var-comments: "\f086";
146 | @fa-var-comments-o: "\f0e6";
147 | @fa-var-compass: "\f14e";
148 | @fa-var-compress: "\f066";
149 | @fa-var-copy: "\f0c5";
150 | @fa-var-copyright: "\f1f9";
151 | @fa-var-credit-card: "\f09d";
152 | @fa-var-crop: "\f125";
153 | @fa-var-crosshairs: "\f05b";
154 | @fa-var-css3: "\f13c";
155 | @fa-var-cube: "\f1b2";
156 | @fa-var-cubes: "\f1b3";
157 | @fa-var-cut: "\f0c4";
158 | @fa-var-cutlery: "\f0f5";
159 | @fa-var-dashboard: "\f0e4";
160 | @fa-var-database: "\f1c0";
161 | @fa-var-dedent: "\f03b";
162 | @fa-var-delicious: "\f1a5";
163 | @fa-var-desktop: "\f108";
164 | @fa-var-deviantart: "\f1bd";
165 | @fa-var-digg: "\f1a6";
166 | @fa-var-dollar: "\f155";
167 | @fa-var-dot-circle-o: "\f192";
168 | @fa-var-download: "\f019";
169 | @fa-var-dribbble: "\f17d";
170 | @fa-var-dropbox: "\f16b";
171 | @fa-var-drupal: "\f1a9";
172 | @fa-var-edit: "\f044";
173 | @fa-var-eject: "\f052";
174 | @fa-var-ellipsis-h: "\f141";
175 | @fa-var-ellipsis-v: "\f142";
176 | @fa-var-empire: "\f1d1";
177 | @fa-var-envelope: "\f0e0";
178 | @fa-var-envelope-o: "\f003";
179 | @fa-var-envelope-square: "\f199";
180 | @fa-var-eraser: "\f12d";
181 | @fa-var-eur: "\f153";
182 | @fa-var-euro: "\f153";
183 | @fa-var-exchange: "\f0ec";
184 | @fa-var-exclamation: "\f12a";
185 | @fa-var-exclamation-circle: "\f06a";
186 | @fa-var-exclamation-triangle: "\f071";
187 | @fa-var-expand: "\f065";
188 | @fa-var-external-link: "\f08e";
189 | @fa-var-external-link-square: "\f14c";
190 | @fa-var-eye: "\f06e";
191 | @fa-var-eye-slash: "\f070";
192 | @fa-var-eyedropper: "\f1fb";
193 | @fa-var-facebook: "\f09a";
194 | @fa-var-facebook-square: "\f082";
195 | @fa-var-fast-backward: "\f049";
196 | @fa-var-fast-forward: "\f050";
197 | @fa-var-fax: "\f1ac";
198 | @fa-var-female: "\f182";
199 | @fa-var-fighter-jet: "\f0fb";
200 | @fa-var-file: "\f15b";
201 | @fa-var-file-archive-o: "\f1c6";
202 | @fa-var-file-audio-o: "\f1c7";
203 | @fa-var-file-code-o: "\f1c9";
204 | @fa-var-file-excel-o: "\f1c3";
205 | @fa-var-file-image-o: "\f1c5";
206 | @fa-var-file-movie-o: "\f1c8";
207 | @fa-var-file-o: "\f016";
208 | @fa-var-file-pdf-o: "\f1c1";
209 | @fa-var-file-photo-o: "\f1c5";
210 | @fa-var-file-picture-o: "\f1c5";
211 | @fa-var-file-powerpoint-o: "\f1c4";
212 | @fa-var-file-sound-o: "\f1c7";
213 | @fa-var-file-text: "\f15c";
214 | @fa-var-file-text-o: "\f0f6";
215 | @fa-var-file-video-o: "\f1c8";
216 | @fa-var-file-word-o: "\f1c2";
217 | @fa-var-file-zip-o: "\f1c6";
218 | @fa-var-files-o: "\f0c5";
219 | @fa-var-film: "\f008";
220 | @fa-var-filter: "\f0b0";
221 | @fa-var-fire: "\f06d";
222 | @fa-var-fire-extinguisher: "\f134";
223 | @fa-var-flag: "\f024";
224 | @fa-var-flag-checkered: "\f11e";
225 | @fa-var-flag-o: "\f11d";
226 | @fa-var-flash: "\f0e7";
227 | @fa-var-flask: "\f0c3";
228 | @fa-var-flickr: "\f16e";
229 | @fa-var-floppy-o: "\f0c7";
230 | @fa-var-folder: "\f07b";
231 | @fa-var-folder-o: "\f114";
232 | @fa-var-folder-open: "\f07c";
233 | @fa-var-folder-open-o: "\f115";
234 | @fa-var-font: "\f031";
235 | @fa-var-forward: "\f04e";
236 | @fa-var-foursquare: "\f180";
237 | @fa-var-frown-o: "\f119";
238 | @fa-var-futbol-o: "\f1e3";
239 | @fa-var-gamepad: "\f11b";
240 | @fa-var-gavel: "\f0e3";
241 | @fa-var-gbp: "\f154";
242 | @fa-var-ge: "\f1d1";
243 | @fa-var-gear: "\f013";
244 | @fa-var-gears: "\f085";
245 | @fa-var-gift: "\f06b";
246 | @fa-var-git: "\f1d3";
247 | @fa-var-git-square: "\f1d2";
248 | @fa-var-github: "\f09b";
249 | @fa-var-github-alt: "\f113";
250 | @fa-var-github-square: "\f092";
251 | @fa-var-gittip: "\f184";
252 | @fa-var-glass: "\f000";
253 | @fa-var-globe: "\f0ac";
254 | @fa-var-google: "\f1a0";
255 | @fa-var-google-plus: "\f0d5";
256 | @fa-var-google-plus-square: "\f0d4";
257 | @fa-var-google-wallet: "\f1ee";
258 | @fa-var-graduation-cap: "\f19d";
259 | @fa-var-group: "\f0c0";
260 | @fa-var-h-square: "\f0fd";
261 | @fa-var-hacker-news: "\f1d4";
262 | @fa-var-hand-o-down: "\f0a7";
263 | @fa-var-hand-o-left: "\f0a5";
264 | @fa-var-hand-o-right: "\f0a4";
265 | @fa-var-hand-o-up: "\f0a6";
266 | @fa-var-hdd-o: "\f0a0";
267 | @fa-var-header: "\f1dc";
268 | @fa-var-headphones: "\f025";
269 | @fa-var-heart: "\f004";
270 | @fa-var-heart-o: "\f08a";
271 | @fa-var-history: "\f1da";
272 | @fa-var-home: "\f015";
273 | @fa-var-hospital-o: "\f0f8";
274 | @fa-var-html5: "\f13b";
275 | @fa-var-ils: "\f20b";
276 | @fa-var-image: "\f03e";
277 | @fa-var-inbox: "\f01c";
278 | @fa-var-indent: "\f03c";
279 | @fa-var-info: "\f129";
280 | @fa-var-info-circle: "\f05a";
281 | @fa-var-inr: "\f156";
282 | @fa-var-instagram: "\f16d";
283 | @fa-var-institution: "\f19c";
284 | @fa-var-ioxhost: "\f208";
285 | @fa-var-italic: "\f033";
286 | @fa-var-joomla: "\f1aa";
287 | @fa-var-jpy: "\f157";
288 | @fa-var-jsfiddle: "\f1cc";
289 | @fa-var-key: "\f084";
290 | @fa-var-keyboard-o: "\f11c";
291 | @fa-var-krw: "\f159";
292 | @fa-var-language: "\f1ab";
293 | @fa-var-laptop: "\f109";
294 | @fa-var-lastfm: "\f202";
295 | @fa-var-lastfm-square: "\f203";
296 | @fa-var-leaf: "\f06c";
297 | @fa-var-legal: "\f0e3";
298 | @fa-var-lemon-o: "\f094";
299 | @fa-var-level-down: "\f149";
300 | @fa-var-level-up: "\f148";
301 | @fa-var-life-bouy: "\f1cd";
302 | @fa-var-life-buoy: "\f1cd";
303 | @fa-var-life-ring: "\f1cd";
304 | @fa-var-life-saver: "\f1cd";
305 | @fa-var-lightbulb-o: "\f0eb";
306 | @fa-var-line-chart: "\f201";
307 | @fa-var-link: "\f0c1";
308 | @fa-var-linkedin: "\f0e1";
309 | @fa-var-linkedin-square: "\f08c";
310 | @fa-var-linux: "\f17c";
311 | @fa-var-list: "\f03a";
312 | @fa-var-list-alt: "\f022";
313 | @fa-var-list-ol: "\f0cb";
314 | @fa-var-list-ul: "\f0ca";
315 | @fa-var-location-arrow: "\f124";
316 | @fa-var-lock: "\f023";
317 | @fa-var-long-arrow-down: "\f175";
318 | @fa-var-long-arrow-left: "\f177";
319 | @fa-var-long-arrow-right: "\f178";
320 | @fa-var-long-arrow-up: "\f176";
321 | @fa-var-magic: "\f0d0";
322 | @fa-var-magnet: "\f076";
323 | @fa-var-mail-forward: "\f064";
324 | @fa-var-mail-reply: "\f112";
325 | @fa-var-mail-reply-all: "\f122";
326 | @fa-var-male: "\f183";
327 | @fa-var-map-marker: "\f041";
328 | @fa-var-maxcdn: "\f136";
329 | @fa-var-meanpath: "\f20c";
330 | @fa-var-medkit: "\f0fa";
331 | @fa-var-meh-o: "\f11a";
332 | @fa-var-microphone: "\f130";
333 | @fa-var-microphone-slash: "\f131";
334 | @fa-var-minus: "\f068";
335 | @fa-var-minus-circle: "\f056";
336 | @fa-var-minus-square: "\f146";
337 | @fa-var-minus-square-o: "\f147";
338 | @fa-var-mobile: "\f10b";
339 | @fa-var-mobile-phone: "\f10b";
340 | @fa-var-money: "\f0d6";
341 | @fa-var-moon-o: "\f186";
342 | @fa-var-mortar-board: "\f19d";
343 | @fa-var-music: "\f001";
344 | @fa-var-navicon: "\f0c9";
345 | @fa-var-newspaper-o: "\f1ea";
346 | @fa-var-openid: "\f19b";
347 | @fa-var-outdent: "\f03b";
348 | @fa-var-pagelines: "\f18c";
349 | @fa-var-paint-brush: "\f1fc";
350 | @fa-var-paper-plane: "\f1d8";
351 | @fa-var-paper-plane-o: "\f1d9";
352 | @fa-var-paperclip: "\f0c6";
353 | @fa-var-paragraph: "\f1dd";
354 | @fa-var-paste: "\f0ea";
355 | @fa-var-pause: "\f04c";
356 | @fa-var-paw: "\f1b0";
357 | @fa-var-paypal: "\f1ed";
358 | @fa-var-pencil: "\f040";
359 | @fa-var-pencil-square: "\f14b";
360 | @fa-var-pencil-square-o: "\f044";
361 | @fa-var-phone: "\f095";
362 | @fa-var-phone-square: "\f098";
363 | @fa-var-photo: "\f03e";
364 | @fa-var-picture-o: "\f03e";
365 | @fa-var-pie-chart: "\f200";
366 | @fa-var-pied-piper: "\f1a7";
367 | @fa-var-pied-piper-alt: "\f1a8";
368 | @fa-var-pinterest: "\f0d2";
369 | @fa-var-pinterest-square: "\f0d3";
370 | @fa-var-plane: "\f072";
371 | @fa-var-play: "\f04b";
372 | @fa-var-play-circle: "\f144";
373 | @fa-var-play-circle-o: "\f01d";
374 | @fa-var-plug: "\f1e6";
375 | @fa-var-plus: "\f067";
376 | @fa-var-plus-circle: "\f055";
377 | @fa-var-plus-square: "\f0fe";
378 | @fa-var-plus-square-o: "\f196";
379 | @fa-var-power-off: "\f011";
380 | @fa-var-print: "\f02f";
381 | @fa-var-puzzle-piece: "\f12e";
382 | @fa-var-qq: "\f1d6";
383 | @fa-var-qrcode: "\f029";
384 | @fa-var-question: "\f128";
385 | @fa-var-question-circle: "\f059";
386 | @fa-var-quote-left: "\f10d";
387 | @fa-var-quote-right: "\f10e";
388 | @fa-var-ra: "\f1d0";
389 | @fa-var-random: "\f074";
390 | @fa-var-rebel: "\f1d0";
391 | @fa-var-recycle: "\f1b8";
392 | @fa-var-reddit: "\f1a1";
393 | @fa-var-reddit-square: "\f1a2";
394 | @fa-var-refresh: "\f021";
395 | @fa-var-remove: "\f00d";
396 | @fa-var-renren: "\f18b";
397 | @fa-var-reorder: "\f0c9";
398 | @fa-var-repeat: "\f01e";
399 | @fa-var-reply: "\f112";
400 | @fa-var-reply-all: "\f122";
401 | @fa-var-retweet: "\f079";
402 | @fa-var-rmb: "\f157";
403 | @fa-var-road: "\f018";
404 | @fa-var-rocket: "\f135";
405 | @fa-var-rotate-left: "\f0e2";
406 | @fa-var-rotate-right: "\f01e";
407 | @fa-var-rouble: "\f158";
408 | @fa-var-rss: "\f09e";
409 | @fa-var-rss-square: "\f143";
410 | @fa-var-rub: "\f158";
411 | @fa-var-ruble: "\f158";
412 | @fa-var-rupee: "\f156";
413 | @fa-var-save: "\f0c7";
414 | @fa-var-scissors: "\f0c4";
415 | @fa-var-search: "\f002";
416 | @fa-var-search-minus: "\f010";
417 | @fa-var-search-plus: "\f00e";
418 | @fa-var-send: "\f1d8";
419 | @fa-var-send-o: "\f1d9";
420 | @fa-var-share: "\f064";
421 | @fa-var-share-alt: "\f1e0";
422 | @fa-var-share-alt-square: "\f1e1";
423 | @fa-var-share-square: "\f14d";
424 | @fa-var-share-square-o: "\f045";
425 | @fa-var-shekel: "\f20b";
426 | @fa-var-sheqel: "\f20b";
427 | @fa-var-shield: "\f132";
428 | @fa-var-shopping-cart: "\f07a";
429 | @fa-var-sign-in: "\f090";
430 | @fa-var-sign-out: "\f08b";
431 | @fa-var-signal: "\f012";
432 | @fa-var-sitemap: "\f0e8";
433 | @fa-var-skype: "\f17e";
434 | @fa-var-slack: "\f198";
435 | @fa-var-sliders: "\f1de";
436 | @fa-var-slideshare: "\f1e7";
437 | @fa-var-smile-o: "\f118";
438 | @fa-var-soccer-ball-o: "\f1e3";
439 | @fa-var-sort: "\f0dc";
440 | @fa-var-sort-alpha-asc: "\f15d";
441 | @fa-var-sort-alpha-desc: "\f15e";
442 | @fa-var-sort-amount-asc: "\f160";
443 | @fa-var-sort-amount-desc: "\f161";
444 | @fa-var-sort-asc: "\f0de";
445 | @fa-var-sort-desc: "\f0dd";
446 | @fa-var-sort-down: "\f0dd";
447 | @fa-var-sort-numeric-asc: "\f162";
448 | @fa-var-sort-numeric-desc: "\f163";
449 | @fa-var-sort-up: "\f0de";
450 | @fa-var-soundcloud: "\f1be";
451 | @fa-var-space-shuttle: "\f197";
452 | @fa-var-spinner: "\f110";
453 | @fa-var-spoon: "\f1b1";
454 | @fa-var-spotify: "\f1bc";
455 | @fa-var-square: "\f0c8";
456 | @fa-var-square-o: "\f096";
457 | @fa-var-stack-exchange: "\f18d";
458 | @fa-var-stack-overflow: "\f16c";
459 | @fa-var-star: "\f005";
460 | @fa-var-star-half: "\f089";
461 | @fa-var-star-half-empty: "\f123";
462 | @fa-var-star-half-full: "\f123";
463 | @fa-var-star-half-o: "\f123";
464 | @fa-var-star-o: "\f006";
465 | @fa-var-steam: "\f1b6";
466 | @fa-var-steam-square: "\f1b7";
467 | @fa-var-step-backward: "\f048";
468 | @fa-var-step-forward: "\f051";
469 | @fa-var-stethoscope: "\f0f1";
470 | @fa-var-stop: "\f04d";
471 | @fa-var-strikethrough: "\f0cc";
472 | @fa-var-stumbleupon: "\f1a4";
473 | @fa-var-stumbleupon-circle: "\f1a3";
474 | @fa-var-subscript: "\f12c";
475 | @fa-var-suitcase: "\f0f2";
476 | @fa-var-sun-o: "\f185";
477 | @fa-var-superscript: "\f12b";
478 | @fa-var-support: "\f1cd";
479 | @fa-var-table: "\f0ce";
480 | @fa-var-tablet: "\f10a";
481 | @fa-var-tachometer: "\f0e4";
482 | @fa-var-tag: "\f02b";
483 | @fa-var-tags: "\f02c";
484 | @fa-var-tasks: "\f0ae";
485 | @fa-var-taxi: "\f1ba";
486 | @fa-var-tencent-weibo: "\f1d5";
487 | @fa-var-terminal: "\f120";
488 | @fa-var-text-height: "\f034";
489 | @fa-var-text-width: "\f035";
490 | @fa-var-th: "\f00a";
491 | @fa-var-th-large: "\f009";
492 | @fa-var-th-list: "\f00b";
493 | @fa-var-thumb-tack: "\f08d";
494 | @fa-var-thumbs-down: "\f165";
495 | @fa-var-thumbs-o-down: "\f088";
496 | @fa-var-thumbs-o-up: "\f087";
497 | @fa-var-thumbs-up: "\f164";
498 | @fa-var-ticket: "\f145";
499 | @fa-var-times: "\f00d";
500 | @fa-var-times-circle: "\f057";
501 | @fa-var-times-circle-o: "\f05c";
502 | @fa-var-tint: "\f043";
503 | @fa-var-toggle-down: "\f150";
504 | @fa-var-toggle-left: "\f191";
505 | @fa-var-toggle-off: "\f204";
506 | @fa-var-toggle-on: "\f205";
507 | @fa-var-toggle-right: "\f152";
508 | @fa-var-toggle-up: "\f151";
509 | @fa-var-trash: "\f1f8";
510 | @fa-var-trash-o: "\f014";
511 | @fa-var-tree: "\f1bb";
512 | @fa-var-trello: "\f181";
513 | @fa-var-trophy: "\f091";
514 | @fa-var-truck: "\f0d1";
515 | @fa-var-try: "\f195";
516 | @fa-var-tty: "\f1e4";
517 | @fa-var-tumblr: "\f173";
518 | @fa-var-tumblr-square: "\f174";
519 | @fa-var-turkish-lira: "\f195";
520 | @fa-var-twitch: "\f1e8";
521 | @fa-var-twitter: "\f099";
522 | @fa-var-twitter-square: "\f081";
523 | @fa-var-umbrella: "\f0e9";
524 | @fa-var-underline: "\f0cd";
525 | @fa-var-undo: "\f0e2";
526 | @fa-var-university: "\f19c";
527 | @fa-var-unlink: "\f127";
528 | @fa-var-unlock: "\f09c";
529 | @fa-var-unlock-alt: "\f13e";
530 | @fa-var-unsorted: "\f0dc";
531 | @fa-var-upload: "\f093";
532 | @fa-var-usd: "\f155";
533 | @fa-var-user: "\f007";
534 | @fa-var-user-md: "\f0f0";
535 | @fa-var-users: "\f0c0";
536 | @fa-var-video-camera: "\f03d";
537 | @fa-var-vimeo-square: "\f194";
538 | @fa-var-vine: "\f1ca";
539 | @fa-var-vk: "\f189";
540 | @fa-var-volume-down: "\f027";
541 | @fa-var-volume-off: "\f026";
542 | @fa-var-volume-up: "\f028";
543 | @fa-var-warning: "\f071";
544 | @fa-var-wechat: "\f1d7";
545 | @fa-var-weibo: "\f18a";
546 | @fa-var-weixin: "\f1d7";
547 | @fa-var-wheelchair: "\f193";
548 | @fa-var-wifi: "\f1eb";
549 | @fa-var-windows: "\f17a";
550 | @fa-var-won: "\f159";
551 | @fa-var-wordpress: "\f19a";
552 | @fa-var-wrench: "\f0ad";
553 | @fa-var-xing: "\f168";
554 | @fa-var-xing-square: "\f169";
555 | @fa-var-yahoo: "\f19e";
556 | @fa-var-yelp: "\f1e9";
557 | @fa-var-yen: "\f157";
558 | @fa-var-youtube: "\f167";
559 | @fa-var-youtube-play: "\f16a";
560 | @fa-var-youtube-square: "\f166";
561 | 
562 | 


--------------------------------------------------------------------------------
/static/font-awesome/scss/_variables.scss:
--------------------------------------------------------------------------------
  1 | // Variables
  2 | // --------------------------
  3 | 
  4 | $fa-font-path:        "../fonts" !default;
  5 | //$fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts" !default; // for referencing Bootstrap CDN font files directly
  6 | $fa-css-prefix:       fa !default;
  7 | $fa-version:          "4.2.0" !default;
  8 | $fa-border-color:     #eee !default;
  9 | $fa-inverse:          #fff !default;
 10 | $fa-li-width:         (30em / 14) !default;
 11 | 
 12 | $fa-var-adjust: "\f042";
 13 | $fa-var-adn: "\f170";
 14 | $fa-var-align-center: "\f037";
 15 | $fa-var-align-justify: "\f039";
 16 | $fa-var-align-left: "\f036";
 17 | $fa-var-align-right: "\f038";
 18 | $fa-var-ambulance: "\f0f9";
 19 | $fa-var-anchor: "\f13d";
 20 | $fa-var-android: "\f17b";
 21 | $fa-var-angellist: "\f209";
 22 | $fa-var-angle-double-down: "\f103";
 23 | $fa-var-angle-double-left: "\f100";
 24 | $fa-var-angle-double-right: "\f101";
 25 | $fa-var-angle-double-up: "\f102";
 26 | $fa-var-angle-down: "\f107";
 27 | $fa-var-angle-left: "\f104";
 28 | $fa-var-angle-right: "\f105";
 29 | $fa-var-angle-up: "\f106";
 30 | $fa-var-apple: "\f179";
 31 | $fa-var-archive: "\f187";
 32 | $fa-var-area-chart: "\f1fe";
 33 | $fa-var-arrow-circle-down: "\f0ab";
 34 | $fa-var-arrow-circle-left: "\f0a8";
 35 | $fa-var-arrow-circle-o-down: "\f01a";
 36 | $fa-var-arrow-circle-o-left: "\f190";
 37 | $fa-var-arrow-circle-o-right: "\f18e";
 38 | $fa-var-arrow-circle-o-up: "\f01b";
 39 | $fa-var-arrow-circle-right: "\f0a9";
 40 | $fa-var-arrow-circle-up: "\f0aa";
 41 | $fa-var-arrow-down: "\f063";
 42 | $fa-var-arrow-left: "\f060";
 43 | $fa-var-arrow-right: "\f061";
 44 | $fa-var-arrow-up: "\f062";
 45 | $fa-var-arrows: "\f047";
 46 | $fa-var-arrows-alt: "\f0b2";
 47 | $fa-var-arrows-h: "\f07e";
 48 | $fa-var-arrows-v: "\f07d";
 49 | $fa-var-asterisk: "\f069";
 50 | $fa-var-at: "\f1fa";
 51 | $fa-var-automobile: "\f1b9";
 52 | $fa-var-backward: "\f04a";
 53 | $fa-var-ban: "\f05e";
 54 | $fa-var-bank: "\f19c";
 55 | $fa-var-bar-chart: "\f080";
 56 | $fa-var-bar-chart-o: "\f080";
 57 | $fa-var-barcode: "\f02a";
 58 | $fa-var-bars: "\f0c9";
 59 | $fa-var-beer: "\f0fc";
 60 | $fa-var-behance: "\f1b4";
 61 | $fa-var-behance-square: "\f1b5";
 62 | $fa-var-bell: "\f0f3";
 63 | $fa-var-bell-o: "\f0a2";
 64 | $fa-var-bell-slash: "\f1f6";
 65 | $fa-var-bell-slash-o: "\f1f7";
 66 | $fa-var-bicycle: "\f206";
 67 | $fa-var-binoculars: "\f1e5";
 68 | $fa-var-birthday-cake: "\f1fd";
 69 | $fa-var-bitbucket: "\f171";
 70 | $fa-var-bitbucket-square: "\f172";
 71 | $fa-var-bitcoin: "\f15a";
 72 | $fa-var-bold: "\f032";
 73 | $fa-var-bolt: "\f0e7";
 74 | $fa-var-bomb: "\f1e2";
 75 | $fa-var-book: "\f02d";
 76 | $fa-var-bookmark: "\f02e";
 77 | $fa-var-bookmark-o: "\f097";
 78 | $fa-var-briefcase: "\f0b1";
 79 | $fa-var-btc: "\f15a";
 80 | $fa-var-bug: "\f188";
 81 | $fa-var-building: "\f1ad";
 82 | $fa-var-building-o: "\f0f7";
 83 | $fa-var-bullhorn: "\f0a1";
 84 | $fa-var-bullseye: "\f140";
 85 | $fa-var-bus: "\f207";
 86 | $fa-var-cab: "\f1ba";
 87 | $fa-var-calculator: "\f1ec";
 88 | $fa-var-calendar: "\f073";
 89 | $fa-var-calendar-o: "\f133";
 90 | $fa-var-camera: "\f030";
 91 | $fa-var-camera-retro: "\f083";
 92 | $fa-var-car: "\f1b9";
 93 | $fa-var-caret-down: "\f0d7";
 94 | $fa-var-caret-left: "\f0d9";
 95 | $fa-var-caret-right: "\f0da";
 96 | $fa-var-caret-square-o-down: "\f150";
 97 | $fa-var-caret-square-o-left: "\f191";
 98 | $fa-var-caret-square-o-right: "\f152";
 99 | $fa-var-caret-square-o-up: "\f151";
100 | $fa-var-caret-up: "\f0d8";
101 | $fa-var-cc: "\f20a";
102 | $fa-var-cc-amex: "\f1f3";
103 | $fa-var-cc-discover: "\f1f2";
104 | $fa-var-cc-mastercard: "\f1f1";
105 | $fa-var-cc-paypal: "\f1f4";
106 | $fa-var-cc-stripe: "\f1f5";
107 | $fa-var-cc-visa: "\f1f0";
108 | $fa-var-certificate: "\f0a3";
109 | $fa-var-chain: "\f0c1";
110 | $fa-var-chain-broken: "\f127";
111 | $fa-var-check: "\f00c";
112 | $fa-var-check-circle: "\f058";
113 | $fa-var-check-circle-o: "\f05d";
114 | $fa-var-check-square: "\f14a";
115 | $fa-var-check-square-o: "\f046";
116 | $fa-var-chevron-circle-down: "\f13a";
117 | $fa-var-chevron-circle-left: "\f137";
118 | $fa-var-chevron-circle-right: "\f138";
119 | $fa-var-chevron-circle-up: "\f139";
120 | $fa-var-chevron-down: "\f078";
121 | $fa-var-chevron-left: "\f053";
122 | $fa-var-chevron-right: "\f054";
123 | $fa-var-chevron-up: "\f077";
124 | $fa-var-child: "\f1ae";
125 | $fa-var-circle: "\f111";
126 | $fa-var-circle-o: "\f10c";
127 | $fa-var-circle-o-notch: "\f1ce";
128 | $fa-var-circle-thin: "\f1db";
129 | $fa-var-clipboard: "\f0ea";
130 | $fa-var-clock-o: "\f017";
131 | $fa-var-close: "\f00d";
132 | $fa-var-cloud: "\f0c2";
133 | $fa-var-cloud-download: "\f0ed";
134 | $fa-var-cloud-upload: "\f0ee";
135 | $fa-var-cny: "\f157";
136 | $fa-var-code: "\f121";
137 | $fa-var-code-fork: "\f126";
138 | $fa-var-codepen: "\f1cb";
139 | $fa-var-coffee: "\f0f4";
140 | $fa-var-cog: "\f013";
141 | $fa-var-cogs: "\f085";
142 | $fa-var-columns: "\f0db";
143 | $fa-var-comment: "\f075";
144 | $fa-var-comment-o: "\f0e5";
145 | $fa-var-comments: "\f086";
146 | $fa-var-comments-o: "\f0e6";
147 | $fa-var-compass: "\f14e";
148 | $fa-var-compress: "\f066";
149 | $fa-var-copy: "\f0c5";
150 | $fa-var-copyright: "\f1f9";
151 | $fa-var-credit-card: "\f09d";
152 | $fa-var-crop: "\f125";
153 | $fa-var-crosshairs: "\f05b";
154 | $fa-var-css3: "\f13c";
155 | $fa-var-cube: "\f1b2";
156 | $fa-var-cubes: "\f1b3";
157 | $fa-var-cut: "\f0c4";
158 | $fa-var-cutlery: "\f0f5";
159 | $fa-var-dashboard: "\f0e4";
160 | $fa-var-database: "\f1c0";
161 | $fa-var-dedent: "\f03b";
162 | $fa-var-delicious: "\f1a5";
163 | $fa-var-desktop: "\f108";
164 | $fa-var-deviantart: "\f1bd";
165 | $fa-var-digg: "\f1a6";
166 | $fa-var-dollar: "\f155";
167 | $fa-var-dot-circle-o: "\f192";
168 | $fa-var-download: "\f019";
169 | $fa-var-dribbble: "\f17d";
170 | $fa-var-dropbox: "\f16b";
171 | $fa-var-drupal: "\f1a9";
172 | $fa-var-edit: "\f044";
173 | $fa-var-eject: "\f052";
174 | $fa-var-ellipsis-h: "\f141";
175 | $fa-var-ellipsis-v: "\f142";
176 | $fa-var-empire: "\f1d1";
177 | $fa-var-envelope: "\f0e0";
178 | $fa-var-envelope-o: "\f003";
179 | $fa-var-envelope-square: "\f199";
180 | $fa-var-eraser: "\f12d";
181 | $fa-var-eur: "\f153";
182 | $fa-var-euro: "\f153";
183 | $fa-var-exchange: "\f0ec";
184 | $fa-var-exclamation: "\f12a";
185 | $fa-var-exclamation-circle: "\f06a";
186 | $fa-var-exclamation-triangle: "\f071";
187 | $fa-var-expand: "\f065";
188 | $fa-var-external-link: "\f08e";
189 | $fa-var-external-link-square: "\f14c";
190 | $fa-var-eye: "\f06e";
191 | $fa-var-eye-slash: "\f070";
192 | $fa-var-eyedropper: "\f1fb";
193 | $fa-var-facebook: "\f09a";
194 | $fa-var-facebook-square: "\f082";
195 | $fa-var-fast-backward: "\f049";
196 | $fa-var-fast-forward: "\f050";
197 | $fa-var-fax: "\f1ac";
198 | $fa-var-female: "\f182";
199 | $fa-var-fighter-jet: "\f0fb";
200 | $fa-var-file: "\f15b";
201 | $fa-var-file-archive-o: "\f1c6";
202 | $fa-var-file-audio-o: "\f1c7";
203 | $fa-var-file-code-o: "\f1c9";
204 | $fa-var-file-excel-o: "\f1c3";
205 | $fa-var-file-image-o: "\f1c5";
206 | $fa-var-file-movie-o: "\f1c8";
207 | $fa-var-file-o: "\f016";
208 | $fa-var-file-pdf-o: "\f1c1";
209 | $fa-var-file-photo-o: "\f1c5";
210 | $fa-var-file-picture-o: "\f1c5";
211 | $fa-var-file-powerpoint-o: "\f1c4";
212 | $fa-var-file-sound-o: "\f1c7";
213 | $fa-var-file-text: "\f15c";
214 | $fa-var-file-text-o: "\f0f6";
215 | $fa-var-file-video-o: "\f1c8";
216 | $fa-var-file-word-o: "\f1c2";
217 | $fa-var-file-zip-o: "\f1c6";
218 | $fa-var-files-o: "\f0c5";
219 | $fa-var-film: "\f008";
220 | $fa-var-filter: "\f0b0";
221 | $fa-var-fire: "\f06d";
222 | $fa-var-fire-extinguisher: "\f134";
223 | $fa-var-flag: "\f024";
224 | $fa-var-flag-checkered: "\f11e";
225 | $fa-var-flag-o: "\f11d";
226 | $fa-var-flash: "\f0e7";
227 | $fa-var-flask: "\f0c3";
228 | $fa-var-flickr: "\f16e";
229 | $fa-var-floppy-o: "\f0c7";
230 | $fa-var-folder: "\f07b";
231 | $fa-var-folder-o: "\f114";
232 | $fa-var-folder-open: "\f07c";
233 | $fa-var-folder-open-o: "\f115";
234 | $fa-var-font: "\f031";
235 | $fa-var-forward: "\f04e";
236 | $fa-var-foursquare: "\f180";
237 | $fa-var-frown-o: "\f119";
238 | $fa-var-futbol-o: "\f1e3";
239 | $fa-var-gamepad: "\f11b";
240 | $fa-var-gavel: "\f0e3";
241 | $fa-var-gbp: "\f154";
242 | $fa-var-ge: "\f1d1";
243 | $fa-var-gear: "\f013";
244 | $fa-var-gears: "\f085";
245 | $fa-var-gift: "\f06b";
246 | $fa-var-git: "\f1d3";
247 | $fa-var-git-square: "\f1d2";
248 | $fa-var-github: "\f09b";
249 | $fa-var-github-alt: "\f113";
250 | $fa-var-github-square: "\f092";
251 | $fa-var-gittip: "\f184";
252 | $fa-var-glass: "\f000";
253 | $fa-var-globe: "\f0ac";
254 | $fa-var-google: "\f1a0";
255 | $fa-var-google-plus: "\f0d5";
256 | $fa-var-google-plus-square: "\f0d4";
257 | $fa-var-google-wallet: "\f1ee";
258 | $fa-var-graduation-cap: "\f19d";
259 | $fa-var-group: "\f0c0";
260 | $fa-var-h-square: "\f0fd";
261 | $fa-var-hacker-news: "\f1d4";
262 | $fa-var-hand-o-down: "\f0a7";
263 | $fa-var-hand-o-left: "\f0a5";
264 | $fa-var-hand-o-right: "\f0a4";
265 | $fa-var-hand-o-up: "\f0a6";
266 | $fa-var-hdd-o: "\f0a0";
267 | $fa-var-header: "\f1dc";
268 | $fa-var-headphones: "\f025";
269 | $fa-var-heart: "\f004";
270 | $fa-var-heart-o: "\f08a";
271 | $fa-var-history: "\f1da";
272 | $fa-var-home: "\f015";
273 | $fa-var-hospital-o: "\f0f8";
274 | $fa-var-html5: "\f13b";
275 | $fa-var-ils: "\f20b";
276 | $fa-var-image: "\f03e";
277 | $fa-var-inbox: "\f01c";
278 | $fa-var-indent: "\f03c";
279 | $fa-var-info: "\f129";
280 | $fa-var-info-circle: "\f05a";
281 | $fa-var-inr: "\f156";
282 | $fa-var-instagram: "\f16d";
283 | $fa-var-institution: "\f19c";
284 | $fa-var-ioxhost: "\f208";
285 | $fa-var-italic: "\f033";
286 | $fa-var-joomla: "\f1aa";
287 | $fa-var-jpy: "\f157";
288 | $fa-var-jsfiddle: "\f1cc";
289 | $fa-var-key: "\f084";
290 | $fa-var-keyboard-o: "\f11c";
291 | $fa-var-krw: "\f159";
292 | $fa-var-language: "\f1ab";
293 | $fa-var-laptop: "\f109";
294 | $fa-var-lastfm: "\f202";
295 | $fa-var-lastfm-square: "\f203";
296 | $fa-var-leaf: "\f06c";
297 | $fa-var-legal: "\f0e3";
298 | $fa-var-lemon-o: "\f094";
299 | $fa-var-level-down: "\f149";
300 | $fa-var-level-up: "\f148";
301 | $fa-var-life-bouy: "\f1cd";
302 | $fa-var-life-buoy: "\f1cd";
303 | $fa-var-life-ring: "\f1cd";
304 | $fa-var-life-saver: "\f1cd";
305 | $fa-var-lightbulb-o: "\f0eb";
306 | $fa-var-line-chart: "\f201";
307 | $fa-var-link: "\f0c1";
308 | $fa-var-linkedin: "\f0e1";
309 | $fa-var-linkedin-square: "\f08c";
310 | $fa-var-linux: "\f17c";
311 | $fa-var-list: "\f03a";
312 | $fa-var-list-alt: "\f022";
313 | $fa-var-list-ol: "\f0cb";
314 | $fa-var-list-ul: "\f0ca";
315 | $fa-var-location-arrow: "\f124";
316 | $fa-var-lock: "\f023";
317 | $fa-var-long-arrow-down: "\f175";
318 | $fa-var-long-arrow-left: "\f177";
319 | $fa-var-long-arrow-right: "\f178";
320 | $fa-var-long-arrow-up: "\f176";
321 | $fa-var-magic: "\f0d0";
322 | $fa-var-magnet: "\f076";
323 | $fa-var-mail-forward: "\f064";
324 | $fa-var-mail-reply: "\f112";
325 | $fa-var-mail-reply-all: "\f122";
326 | $fa-var-male: "\f183";
327 | $fa-var-map-marker: "\f041";
328 | $fa-var-maxcdn: "\f136";
329 | $fa-var-meanpath: "\f20c";
330 | $fa-var-medkit: "\f0fa";
331 | $fa-var-meh-o: "\f11a";
332 | $fa-var-microphone: "\f130";
333 | $fa-var-microphone-slash: "\f131";
334 | $fa-var-minus: "\f068";
335 | $fa-var-minus-circle: "\f056";
336 | $fa-var-minus-square: "\f146";
337 | $fa-var-minus-square-o: "\f147";
338 | $fa-var-mobile: "\f10b";
339 | $fa-var-mobile-phone: "\f10b";
340 | $fa-var-money: "\f0d6";
341 | $fa-var-moon-o: "\f186";
342 | $fa-var-mortar-board: "\f19d";
343 | $fa-var-music: "\f001";
344 | $fa-var-navicon: "\f0c9";
345 | $fa-var-newspaper-o: "\f1ea";
346 | $fa-var-openid: "\f19b";
347 | $fa-var-outdent: "\f03b";
348 | $fa-var-pagelines: "\f18c";
349 | $fa-var-paint-brush: "\f1fc";
350 | $fa-var-paper-plane: "\f1d8";
351 | $fa-var-paper-plane-o: "\f1d9";
352 | $fa-var-paperclip: "\f0c6";
353 | $fa-var-paragraph: "\f1dd";
354 | $fa-var-paste: "\f0ea";
355 | $fa-var-pause: "\f04c";
356 | $fa-var-paw: "\f1b0";
357 | $fa-var-paypal: "\f1ed";
358 | $fa-var-pencil: "\f040";
359 | $fa-var-pencil-square: "\f14b";
360 | $fa-var-pencil-square-o: "\f044";
361 | $fa-var-phone: "\f095";
362 | $fa-var-phone-square: "\f098";
363 | $fa-var-photo: "\f03e";
364 | $fa-var-picture-o: "\f03e";
365 | $fa-var-pie-chart: "\f200";
366 | $fa-var-pied-piper: "\f1a7";
367 | $fa-var-pied-piper-alt: "\f1a8";
368 | $fa-var-pinterest: "\f0d2";
369 | $fa-var-pinterest-square: "\f0d3";
370 | $fa-var-plane: "\f072";
371 | $fa-var-play: "\f04b";
372 | $fa-var-play-circle: "\f144";
373 | $fa-var-play-circle-o: "\f01d";
374 | $fa-var-plug: "\f1e6";
375 | $fa-var-plus: "\f067";
376 | $fa-var-plus-circle: "\f055";
377 | $fa-var-plus-square: "\f0fe";
378 | $fa-var-plus-square-o: "\f196";
379 | $fa-var-power-off: "\f011";
380 | $fa-var-print: "\f02f";
381 | $fa-var-puzzle-piece: "\f12e";
382 | $fa-var-qq: "\f1d6";
383 | $fa-var-qrcode: "\f029";
384 | $fa-var-question: "\f128";
385 | $fa-var-question-circle: "\f059";
386 | $fa-var-quote-left: "\f10d";
387 | $fa-var-quote-right: "\f10e";
388 | $fa-var-ra: "\f1d0";
389 | $fa-var-random: "\f074";
390 | $fa-var-rebel: "\f1d0";
391 | $fa-var-recycle: "\f1b8";
392 | $fa-var-reddit: "\f1a1";
393 | $fa-var-reddit-square: "\f1a2";
394 | $fa-var-refresh: "\f021";
395 | $fa-var-remove: "\f00d";
396 | $fa-var-renren: "\f18b";
397 | $fa-var-reorder: "\f0c9";
398 | $fa-var-repeat: "\f01e";
399 | $fa-var-reply: "\f112";
400 | $fa-var-reply-all: "\f122";
401 | $fa-var-retweet: "\f079";
402 | $fa-var-rmb: "\f157";
403 | $fa-var-road: "\f018";
404 | $fa-var-rocket: "\f135";
405 | $fa-var-rotate-left: "\f0e2";
406 | $fa-var-rotate-right: "\f01e";
407 | $fa-var-rouble: "\f158";
408 | $fa-var-rss: "\f09e";
409 | $fa-var-rss-square: "\f143";
410 | $fa-var-rub: "\f158";
411 | $fa-var-ruble: "\f158";
412 | $fa-var-rupee: "\f156";
413 | $fa-var-save: "\f0c7";
414 | $fa-var-scissors: "\f0c4";
415 | $fa-var-search: "\f002";
416 | $fa-var-search-minus: "\f010";
417 | $fa-var-search-plus: "\f00e";
418 | $fa-var-send: "\f1d8";
419 | $fa-var-send-o: "\f1d9";
420 | $fa-var-share: "\f064";
421 | $fa-var-share-alt: "\f1e0";
422 | $fa-var-share-alt-square: "\f1e1";
423 | $fa-var-share-square: "\f14d";
424 | $fa-var-share-square-o: "\f045";
425 | $fa-var-shekel: "\f20b";
426 | $fa-var-sheqel: "\f20b";
427 | $fa-var-shield: "\f132";
428 | $fa-var-shopping-cart: "\f07a";
429 | $fa-var-sign-in: "\f090";
430 | $fa-var-sign-out: "\f08b";
431 | $fa-var-signal: "\f012";
432 | $fa-var-sitemap: "\f0e8";
433 | $fa-var-skype: "\f17e";
434 | $fa-var-slack: "\f198";
435 | $fa-var-sliders: "\f1de";
436 | $fa-var-slideshare: "\f1e7";
437 | $fa-var-smile-o: "\f118";
438 | $fa-var-soccer-ball-o: "\f1e3";
439 | $fa-var-sort: "\f0dc";
440 | $fa-var-sort-alpha-asc: "\f15d";
441 | $fa-var-sort-alpha-desc: "\f15e";
442 | $fa-var-sort-amount-asc: "\f160";
443 | $fa-var-sort-amount-desc: "\f161";
444 | $fa-var-sort-asc: "\f0de";
445 | $fa-var-sort-desc: "\f0dd";
446 | $fa-var-sort-down: "\f0dd";
447 | $fa-var-sort-numeric-asc: "\f162";
448 | $fa-var-sort-numeric-desc: "\f163";
449 | $fa-var-sort-up: "\f0de";
450 | $fa-var-soundcloud: "\f1be";
451 | $fa-var-space-shuttle: "\f197";
452 | $fa-var-spinner: "\f110";
453 | $fa-var-spoon: "\f1b1";
454 | $fa-var-spotify: "\f1bc";
455 | $fa-var-square: "\f0c8";
456 | $fa-var-square-o: "\f096";
457 | $fa-var-stack-exchange: "\f18d";
458 | $fa-var-stack-overflow: "\f16c";
459 | $fa-var-star: "\f005";
460 | $fa-var-star-half: "\f089";
461 | $fa-var-star-half-empty: "\f123";
462 | $fa-var-star-half-full: "\f123";
463 | $fa-var-star-half-o: "\f123";
464 | $fa-var-star-o: "\f006";
465 | $fa-var-steam: "\f1b6";
466 | $fa-var-steam-square: "\f1b7";
467 | $fa-var-step-backward: "\f048";
468 | $fa-var-step-forward: "\f051";
469 | $fa-var-stethoscope: "\f0f1";
470 | $fa-var-stop: "\f04d";
471 | $fa-var-strikethrough: "\f0cc";
472 | $fa-var-stumbleupon: "\f1a4";
473 | $fa-var-stumbleupon-circle: "\f1a3";
474 | $fa-var-subscript: "\f12c";
475 | $fa-var-suitcase: "\f0f2";
476 | $fa-var-sun-o: "\f185";
477 | $fa-var-superscript: "\f12b";
478 | $fa-var-support: "\f1cd";
479 | $fa-var-table: "\f0ce";
480 | $fa-var-tablet: "\f10a";
481 | $fa-var-tachometer: "\f0e4";
482 | $fa-var-tag: "\f02b";
483 | $fa-var-tags: "\f02c";
484 | $fa-var-tasks: "\f0ae";
485 | $fa-var-taxi: "\f1ba";
486 | $fa-var-tencent-weibo: "\f1d5";
487 | $fa-var-terminal: "\f120";
488 | $fa-var-text-height: "\f034";
489 | $fa-var-text-width: "\f035";
490 | $fa-var-th: "\f00a";
491 | $fa-var-th-large: "\f009";
492 | $fa-var-th-list: "\f00b";
493 | $fa-var-thumb-tack: "\f08d";
494 | $fa-var-thumbs-down: "\f165";
495 | $fa-var-thumbs-o-down: "\f088";
496 | $fa-var-thumbs-o-up: "\f087";
497 | $fa-var-thumbs-up: "\f164";
498 | $fa-var-ticket: "\f145";
499 | $fa-var-times: "\f00d";
500 | $fa-var-times-circle: "\f057";
501 | $fa-var-times-circle-o: "\f05c";
502 | $fa-var-tint: "\f043";
503 | $fa-var-toggle-down: "\f150";
504 | $fa-var-toggle-left: "\f191";
505 | $fa-var-toggle-off: "\f204";
506 | $fa-var-toggle-on: "\f205";
507 | $fa-var-toggle-right: "\f152";
508 | $fa-var-toggle-up: "\f151";
509 | $fa-var-trash: "\f1f8";
510 | $fa-var-trash-o: "\f014";
511 | $fa-var-tree: "\f1bb";
512 | $fa-var-trello: "\f181";
513 | $fa-var-trophy: "\f091";
514 | $fa-var-truck: "\f0d1";
515 | $fa-var-try: "\f195";
516 | $fa-var-tty: "\f1e4";
517 | $fa-var-tumblr: "\f173";
518 | $fa-var-tumblr-square: "\f174";
519 | $fa-var-turkish-lira: "\f195";
520 | $fa-var-twitch: "\f1e8";
521 | $fa-var-twitter: "\f099";
522 | $fa-var-twitter-square: "\f081";
523 | $fa-var-umbrella: "\f0e9";
524 | $fa-var-underline: "\f0cd";
525 | $fa-var-undo: "\f0e2";
526 | $fa-var-university: "\f19c";
527 | $fa-var-unlink: "\f127";
528 | $fa-var-unlock: "\f09c";
529 | $fa-var-unlock-alt: "\f13e";
530 | $fa-var-unsorted: "\f0dc";
531 | $fa-var-upload: "\f093";
532 | $fa-var-usd: "\f155";
533 | $fa-var-user: "\f007";
534 | $fa-var-user-md: "\f0f0";
535 | $fa-var-users: "\f0c0";
536 | $fa-var-video-camera: "\f03d";
537 | $fa-var-vimeo-square: "\f194";
538 | $fa-var-vine: "\f1ca";
539 | $fa-var-vk: "\f189";
540 | $fa-var-volume-down: "\f027";
541 | $fa-var-volume-off: "\f026";
542 | $fa-var-volume-up: "\f028";
543 | $fa-var-warning: "\f071";
544 | $fa-var-wechat: "\f1d7";
545 | $fa-var-weibo: "\f18a";
546 | $fa-var-weixin: "\f1d7";
547 | $fa-var-wheelchair: "\f193";
548 | $fa-var-wifi: "\f1eb";
549 | $fa-var-windows: "\f17a";
550 | $fa-var-won: "\f159";
551 | $fa-var-wordpress: "\f19a";
552 | $fa-var-wrench: "\f0ad";
553 | $fa-var-xing: "\f168";
554 | $fa-var-xing-square: "\f169";
555 | $fa-var-yahoo: "\f19e";
556 | $fa-var-yelp: "\f1e9";
557 | $fa-var-yen: "\f157";
558 | $fa-var-youtube: "\f167";
559 | $fa-var-youtube-play: "\f16a";
560 | $fa-var-youtube-square: "\f166";
561 | 
562 | 


--------------------------------------------------------------------------------
/static/css/bootstrap-theme.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Bootstrap v3.3.1 (http://getbootstrap.com)
3 |  * Copyright 2011-2014 Twitter, Inc.
4 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5 |  */.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{text-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-default .badge,.btn-primary .badge,.btn-success .badge,.btn-info .badge,.btn-warning .badge,.btn-danger .badge{text-shadow:none}.btn:active,.btn.active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc}.btn-default:hover,.btn-default:focus{background-color:#e0e0e0;background-position:0 -15px}.btn-default:active,.btn-default.active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-default:disabled,.btn-default[disabled]{background-color:#e0e0e0;background-image:none}.btn-primary{background-image:-webkit-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-o-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));background-image:linear-gradient(to bottom,#337ab7 0,#265a88 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#245580}.btn-primary:hover,.btn-primary:focus{background-color:#265a88;background-position:0 -15px}.btn-primary:active,.btn-primary.active{background-color:#265a88;border-color:#245580}.btn-primary:disabled,.btn-primary[disabled]{background-color:#265a88;background-image:none}.btn-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#3e8f3e}.btn-success:hover,.btn-success:focus{background-color:#419641;background-position:0 -15px}.btn-success:active,.btn-success.active{background-color:#419641;border-color:#3e8f3e}.btn-success:disabled,.btn-success[disabled]{background-color:#419641;background-image:none}.btn-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));background-image:linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#28a4c9}.btn-info:hover,.btn-info:focus{background-color:#2aabd2;background-position:0 -15px}.btn-info:active,.btn-info.active{background-color:#2aabd2;border-color:#28a4c9}.btn-info:disabled,.btn-info[disabled]{background-color:#2aabd2;background-image:none}.btn-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#e38d13}.btn-warning:hover,.btn-warning:focus{background-color:#eb9316;background-position:0 -15px}.btn-warning:active,.btn-warning.active{background-color:#eb9316;border-color:#e38d13}.btn-warning:disabled,.btn-warning[disabled]{background-color:#eb9316;background-image:none}.btn-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c12e2a));background-image:linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#b92c28}.btn-danger:hover,.btn-danger:focus{background-color:#c12e2a;background-position:0 -15px}.btn-danger:active,.btn-danger.active{background-color:#c12e2a;border-color:#b92c28}.btn-danger:disabled,.btn-danger[disabled]{background-color:#c12e2a;background-image:none}.thumbnail,.img-thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#e8e8e8;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#2e6da4;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.navbar-default{background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-o-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075)}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.active>a{background-image:-webkit-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-o-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#e2e2e2));background-image:linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);box-shadow:inset 0 3px 9px rgba(0,0,0,.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,.25)}.navbar-inverse{background-image:-webkit-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-o-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.active>a{background-image:-webkit-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-o-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#080808),to(#0f0f0f));background-image:linear-gradient(to bottom,#080808 0,#0f0f0f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.25);box-shadow:inset 0 3px 9px rgba(0,0,0,.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,.25)}.navbar-static-top,.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}@media (max-width:767px){.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}}.alert{text-shadow:0 1px 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05)}.alert-success{background-image:-webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);background-repeat:repeat-x;border-color:#b2dba1}.alert-info{background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);background-repeat:repeat-x;border-color:#9acfea}.alert-warning{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);background-repeat:repeat-x;border-color:#f5e79e}.alert-danger{background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);background-repeat:repeat-x;border-color:#dca7a7}.progress{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#f5f5f5));background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x}.progress-bar{background-image:-webkit-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-o-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#286090));background-image:linear-gradient(to bottom,#337ab7 0,#286090 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);background-repeat:repeat-x}.progress-bar-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#449d44));background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);background-repeat:repeat-x}.progress-bar-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#31b0d5));background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);background-repeat:repeat-x}.progress-bar-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#ec971f));background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);background-repeat:repeat-x}.progress-bar-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c9302c));background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);background-repeat:repeat-x}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{text-shadow:0 -1px 0 #286090;background-image:-webkit-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2b669a));background-image:linear-gradient(to bottom,#337ab7 0,#2b669a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);background-repeat:repeat-x;border-color:#2b669a}.list-group-item.active .badge,.list-group-item.active:hover .badge,.list-group-item.active:focus .badge{text-shadow:none}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.panel-primary>.panel-heading{background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.panel-success>.panel-heading{background-image:-webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#d0e9c6));background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);background-repeat:repeat-x}.panel-info>.panel-heading{background-image:-webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#c4e3f3));background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);background-repeat:repeat-x}.panel-warning>.panel-heading{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#faf2cc));background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);background-repeat:repeat-x}.panel-danger>.panel-heading{background-image:-webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-o-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#ebcccc));background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);background-repeat:repeat-x}.well{background-image:-webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x;border-color:#dcdcdc;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)}


--------------------------------------------------------------------------------
/static/font-awesome/css/font-awesome.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
3 |  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4 |  */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}


--------------------------------------------------------------------------------
/static/css/bootstrap-theme.css:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  * Bootstrap v3.3.1 (http://getbootstrap.com)
  3 |  * Copyright 2011-2014 Twitter, Inc.
  4 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  5 |  */
  6 | 
  7 | .btn-default,
  8 | .btn-primary,
  9 | .btn-success,
 10 | .btn-info,
 11 | .btn-warning,
 12 | .btn-danger {
 13 |   text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
 14 |   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
 15 |           box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
 16 | }
 17 | .btn-default:active,
 18 | .btn-primary:active,
 19 | .btn-success:active,
 20 | .btn-info:active,
 21 | .btn-warning:active,
 22 | .btn-danger:active,
 23 | .btn-default.active,
 24 | .btn-primary.active,
 25 | .btn-success.active,
 26 | .btn-info.active,
 27 | .btn-warning.active,
 28 | .btn-danger.active {
 29 |   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 30 |           box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 31 | }
 32 | .btn-default .badge,
 33 | .btn-primary .badge,
 34 | .btn-success .badge,
 35 | .btn-info .badge,
 36 | .btn-warning .badge,
 37 | .btn-danger .badge {
 38 |   text-shadow: none;
 39 | }
 40 | .btn:active,
 41 | .btn.active {
 42 |   background-image: none;
 43 | }
 44 | .btn-default {
 45 |   text-shadow: 0 1px 0 #fff;
 46 |   background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
 47 |   background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
 48 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
 49 |   background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
 50 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
 51 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 52 |   background-repeat: repeat-x;
 53 |   border-color: #dbdbdb;
 54 |   border-color: #ccc;
 55 | }
 56 | .btn-default:hover,
 57 | .btn-default:focus {
 58 |   background-color: #e0e0e0;
 59 |   background-position: 0 -15px;
 60 | }
 61 | .btn-default:active,
 62 | .btn-default.active {
 63 |   background-color: #e0e0e0;
 64 |   border-color: #dbdbdb;
 65 | }
 66 | .btn-default:disabled,
 67 | .btn-default[disabled] {
 68 |   background-color: #e0e0e0;
 69 |   background-image: none;
 70 | }
 71 | .btn-primary {
 72 |   background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
 73 |   background-image:      -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
 74 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
 75 |   background-image:         linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
 76 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
 77 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 78 |   background-repeat: repeat-x;
 79 |   border-color: #245580;
 80 | }
 81 | .btn-primary:hover,
 82 | .btn-primary:focus {
 83 |   background-color: #265a88;
 84 |   background-position: 0 -15px;
 85 | }
 86 | .btn-primary:active,
 87 | .btn-primary.active {
 88 |   background-color: #265a88;
 89 |   border-color: #245580;
 90 | }
 91 | .btn-primary:disabled,
 92 | .btn-primary[disabled] {
 93 |   background-color: #265a88;
 94 |   background-image: none;
 95 | }
 96 | .btn-success {
 97 |   background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
 98 |   background-image:      -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
 99 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
100 |   background-image:         linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
101 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
102 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
103 |   background-repeat: repeat-x;
104 |   border-color: #3e8f3e;
105 | }
106 | .btn-success:hover,
107 | .btn-success:focus {
108 |   background-color: #419641;
109 |   background-position: 0 -15px;
110 | }
111 | .btn-success:active,
112 | .btn-success.active {
113 |   background-color: #419641;
114 |   border-color: #3e8f3e;
115 | }
116 | .btn-success:disabled,
117 | .btn-success[disabled] {
118 |   background-color: #419641;
119 |   background-image: none;
120 | }
121 | .btn-info {
122 |   background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
123 |   background-image:      -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
124 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
125 |   background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
126 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
127 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
128 |   background-repeat: repeat-x;
129 |   border-color: #28a4c9;
130 | }
131 | .btn-info:hover,
132 | .btn-info:focus {
133 |   background-color: #2aabd2;
134 |   background-position: 0 -15px;
135 | }
136 | .btn-info:active,
137 | .btn-info.active {
138 |   background-color: #2aabd2;
139 |   border-color: #28a4c9;
140 | }
141 | .btn-info:disabled,
142 | .btn-info[disabled] {
143 |   background-color: #2aabd2;
144 |   background-image: none;
145 | }
146 | .btn-warning {
147 |   background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
148 |   background-image:      -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
149 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
150 |   background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
151 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
152 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
153 |   background-repeat: repeat-x;
154 |   border-color: #e38d13;
155 | }
156 | .btn-warning:hover,
157 | .btn-warning:focus {
158 |   background-color: #eb9316;
159 |   background-position: 0 -15px;
160 | }
161 | .btn-warning:active,
162 | .btn-warning.active {
163 |   background-color: #eb9316;
164 |   border-color: #e38d13;
165 | }
166 | .btn-warning:disabled,
167 | .btn-warning[disabled] {
168 |   background-color: #eb9316;
169 |   background-image: none;
170 | }
171 | .btn-danger {
172 |   background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
173 |   background-image:      -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
174 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
175 |   background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
176 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
177 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
178 |   background-repeat: repeat-x;
179 |   border-color: #b92c28;
180 | }
181 | .btn-danger:hover,
182 | .btn-danger:focus {
183 |   background-color: #c12e2a;
184 |   background-position: 0 -15px;
185 | }
186 | .btn-danger:active,
187 | .btn-danger.active {
188 |   background-color: #c12e2a;
189 |   border-color: #b92c28;
190 | }
191 | .btn-danger:disabled,
192 | .btn-danger[disabled] {
193 |   background-color: #c12e2a;
194 |   background-image: none;
195 | }
196 | .thumbnail,
197 | .img-thumbnail {
198 |   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
199 |           box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
200 | }
201 | .dropdown-menu > li > a:hover,
202 | .dropdown-menu > li > a:focus {
203 |   background-color: #e8e8e8;
204 |   background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
205 |   background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
206 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
207 |   background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
208 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
209 |   background-repeat: repeat-x;
210 | }
211 | .dropdown-menu > .active > a,
212 | .dropdown-menu > .active > a:hover,
213 | .dropdown-menu > .active > a:focus {
214 |   background-color: #2e6da4;
215 |   background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
216 |   background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
217 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
218 |   background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
219 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
220 |   background-repeat: repeat-x;
221 | }
222 | .navbar-default {
223 |   background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
224 |   background-image:      -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
225 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
226 |   background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
227 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
228 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
229 |   background-repeat: repeat-x;
230 |   border-radius: 4px;
231 |   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
232 |           box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
233 | }
234 | .navbar-default .navbar-nav > .open > a,
235 | .navbar-default .navbar-nav > .active > a {
236 |   background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
237 |   background-image:      -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
238 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
239 |   background-image:         linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
240 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
241 |   background-repeat: repeat-x;
242 |   -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
243 |           box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
244 | }
245 | .navbar-brand,
246 | .navbar-nav > li > a {
247 |   text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
248 | }
249 | .navbar-inverse {
250 |   background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
251 |   background-image:      -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
252 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
253 |   background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
254 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
255 |   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
256 |   background-repeat: repeat-x;
257 | }
258 | .navbar-inverse .navbar-nav > .open > a,
259 | .navbar-inverse .navbar-nav > .active > a {
260 |   background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
261 |   background-image:      -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
262 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
263 |   background-image:         linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
264 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
265 |   background-repeat: repeat-x;
266 |   -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
267 |           box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
268 | }
269 | .navbar-inverse .navbar-brand,
270 | .navbar-inverse .navbar-nav > li > a {
271 |   text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
272 | }
273 | .navbar-static-top,
274 | .navbar-fixed-top,
275 | .navbar-fixed-bottom {
276 |   border-radius: 0;
277 | }
278 | @media (max-width: 767px) {
279 |   .navbar .navbar-nav .open .dropdown-menu > .active > a,
280 |   .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
281 |   .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
282 |     color: #fff;
283 |     background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
284 |     background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
285 |     background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
286 |     background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
287 |     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
288 |     background-repeat: repeat-x;
289 |   }
290 | }
291 | .alert {
292 |   text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
293 |   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
294 |           box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
295 | }
296 | .alert-success {
297 |   background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
298 |   background-image:      -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
299 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
300 |   background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
301 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
302 |   background-repeat: repeat-x;
303 |   border-color: #b2dba1;
304 | }
305 | .alert-info {
306 |   background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
307 |   background-image:      -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
308 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
309 |   background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
310 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
311 |   background-repeat: repeat-x;
312 |   border-color: #9acfea;
313 | }
314 | .alert-warning {
315 |   background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
316 |   background-image:      -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
317 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
318 |   background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
319 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
320 |   background-repeat: repeat-x;
321 |   border-color: #f5e79e;
322 | }
323 | .alert-danger {
324 |   background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
325 |   background-image:      -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
326 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
327 |   background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
328 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
329 |   background-repeat: repeat-x;
330 |   border-color: #dca7a7;
331 | }
332 | .progress {
333 |   background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
334 |   background-image:      -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
335 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
336 |   background-image:         linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
337 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
338 |   background-repeat: repeat-x;
339 | }
340 | .progress-bar {
341 |   background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
342 |   background-image:      -o-linear-gradient(top, #337ab7 0%, #286090 100%);
343 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
344 |   background-image:         linear-gradient(to bottom, #337ab7 0%, #286090 100%);
345 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
346 |   background-repeat: repeat-x;
347 | }
348 | .progress-bar-success {
349 |   background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
350 |   background-image:      -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
351 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
352 |   background-image:         linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
353 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
354 |   background-repeat: repeat-x;
355 | }
356 | .progress-bar-info {
357 |   background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
358 |   background-image:      -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
359 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
360 |   background-image:         linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
361 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
362 |   background-repeat: repeat-x;
363 | }
364 | .progress-bar-warning {
365 |   background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
366 |   background-image:      -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
367 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
368 |   background-image:         linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
369 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
370 |   background-repeat: repeat-x;
371 | }
372 | .progress-bar-danger {
373 |   background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
374 |   background-image:      -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
375 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
376 |   background-image:         linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
377 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
378 |   background-repeat: repeat-x;
379 | }
380 | .progress-bar-striped {
381 |   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
382 |   background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
383 |   background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
384 | }
385 | .list-group {
386 |   border-radius: 4px;
387 |   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
388 |           box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
389 | }
390 | .list-group-item.active,
391 | .list-group-item.active:hover,
392 | .list-group-item.active:focus {
393 |   text-shadow: 0 -1px 0 #286090;
394 |   background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
395 |   background-image:      -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
396 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
397 |   background-image:         linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
398 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
399 |   background-repeat: repeat-x;
400 |   border-color: #2b669a;
401 | }
402 | .list-group-item.active .badge,
403 | .list-group-item.active:hover .badge,
404 | .list-group-item.active:focus .badge {
405 |   text-shadow: none;
406 | }
407 | .panel {
408 |   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
409 |           box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
410 | }
411 | .panel-default > .panel-heading {
412 |   background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
413 |   background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
414 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
415 |   background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
416 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
417 |   background-repeat: repeat-x;
418 | }
419 | .panel-primary > .panel-heading {
420 |   background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
421 |   background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
422 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
423 |   background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
424 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
425 |   background-repeat: repeat-x;
426 | }
427 | .panel-success > .panel-heading {
428 |   background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
429 |   background-image:      -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
430 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
431 |   background-image:         linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
432 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
433 |   background-repeat: repeat-x;
434 | }
435 | .panel-info > .panel-heading {
436 |   background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
437 |   background-image:      -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
438 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
439 |   background-image:         linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
440 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
441 |   background-repeat: repeat-x;
442 | }
443 | .panel-warning > .panel-heading {
444 |   background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
445 |   background-image:      -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
446 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
447 |   background-image:         linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
448 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
449 |   background-repeat: repeat-x;
450 | }
451 | .panel-danger > .panel-heading {
452 |   background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
453 |   background-image:      -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
454 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
455 |   background-image:         linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
456 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
457 |   background-repeat: repeat-x;
458 | }
459 | .well {
460 |   background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
461 |   background-image:      -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
462 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
463 |   background-image:         linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
464 |   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
465 |   background-repeat: repeat-x;
466 |   border-color: #dcdcdc;
467 |   -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
468 |           box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
469 | }
470 | /*# sourceMappingURL=bootstrap-theme.css.map */
471 | 


--------------------------------------------------------------------------------
/static/css/style.less:
--------------------------------------------------------------------------------
   1 | /*
   2 |  *
   3 |  *   INSPINIA Landing Page - Responsive Admin Theme
   4 |  *
   5 | */
   6 | 
   7 | // Google Fonts
   8 | @import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;lang=en");
   9 | 
  10 | // Variables
  11 | @navy: #1ab394;         // Primary color
  12 | @text-color: #676a6c;   // Body text
  13 | @border-color: #e7eaec; // Border
  14 | 
  15 | 
  16 | /* GLOBAL STYLES
  17 | -------------------------------------------------- */
  18 | 
  19 | body {
  20 |   color: @text-color;
  21 |   font-family: 'Open Sans', helvetica, arial, sans-serif;
  22 | }
  23 | 
  24 | span.navy {
  25 |   color: @navy;
  26 | }
  27 | p.text-color {
  28 |   color: @text-color;
  29 | }
  30 | 
  31 | a.navy-link {
  32 |   color: @navy;
  33 |   text-decoration: none;
  34 | }
  35 | 
  36 | a.navy-link:hover {
  37 |   color: darken(@navy, 4%);
  38 | }
  39 | 
  40 | section p {
  41 |   color: #aeaeae;
  42 |   font-size: 13px;
  43 | }
  44 | 
  45 | address {
  46 |   font-size: 13px;
  47 | }
  48 | 
  49 | h1 {
  50 |   margin-top: 10px;
  51 |   font-size: 30px;
  52 |   font-weight: 200;
  53 | }
  54 | 
  55 | .navy-line {
  56 |   width: 60px;
  57 |   height: 1px;
  58 |   margin: 60px auto 0;
  59 |   border-bottom: 2px solid @navy;
  60 | }
  61 | 
  62 | .navy-bg {
  63 |   background-color: @navy;
  64 |   color: #ffffff;
  65 | }
  66 | 
  67 | /* CUSTOMIZE THE NAVBAR
  68 | -------------------------------------------------- */
  69 | 
  70 | .navbar-wrapper {
  71 |   position: absolute;
  72 |   top: 0;
  73 |   right: 0;
  74 |   left: 0;
  75 |   z-index: 20;
  76 | }
  77 | 
  78 | /* Flip around the padding for proper display in narrow viewports */
  79 | .navbar-wrapper > .container {
  80 |   padding-right: 0;
  81 |   padding-left: 0;
  82 | }
  83 | .navbar-wrapper .navbar {
  84 |   padding-right: 15px;
  85 |   padding-left: 15px;
  86 | }
  87 | 
  88 | .navbar-default.navbar-scroll {
  89 |   background-color: #fff;
  90 |   border-color: #fff;
  91 |   padding: 15px 0;
  92 | }
  93 | 
  94 | .navbar-default {
  95 |   background-color: transparent;
  96 |   border-color: transparent;
  97 |   transition: all 0.3s ease-in-out 0s;
  98 | }
  99 | 
 100 | .navbar-default .nav li a {
 101 |   color: #fff;
 102 |   font-family: 'Open Sans', helvetica, arial, sans-serif;
 103 |   font-weight: 700;
 104 |   letter-spacing: 1px;
 105 |   text-transform: uppercase;
 106 | }
 107 | 
 108 | .navbar-nav > li > a {
 109 |   padding-top: 25px;
 110 |   border-top: 6px solid transparent;
 111 |   border-bottom: 6px solid transparent;
 112 | }
 113 | 
 114 | .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
 115 |   background: transparent;
 116 |   color: #fff;
 117 |   border-top: 6px solid @navy;
 118 | }
 119 | 
 120 | .navbar-default .navbar-nav > li > a:hover {
 121 |   color: @navy;
 122 | }
 123 | 
 124 | .navbar-default .navbar-nav > .active > a:focus {
 125 |   background: transparent;
 126 |   color: #fff;
 127 | }
 128 | 
 129 | .navbar-default.navbar-scroll .navbar-nav > .active > a:focus {
 130 |   background: transparent;
 131 |   color: inherit;
 132 | }
 133 | 
 134 | .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
 135 |   background: darken(@navy, 4%);
 136 |   color: #fff;
 137 | }
 138 | 
 139 | .navbar-default .navbar-brand {
 140 |   color: #fff;
 141 |   height: auto;
 142 |   display: block;
 143 |   font-size: 14px;
 144 |   background: @navy;
 145 |   padding: 15px 20px 15px 20px;
 146 |   border-radius: 0 0px 5px 5px;
 147 |   font-weight: 700;
 148 |   transition: all 0.3s ease-in-out 0s;
 149 | }
 150 | 
 151 | .navbar-scroll.navbar-default .nav li a {
 152 |   color: @text-color;
 153 | }
 154 | 
 155 | .navbar-scroll.navbar-default .nav li a:hover {
 156 |   color: @navy;
 157 | }
 158 | 
 159 | .navbar-wrapper .navbar.navbar-scroll {
 160 |   padding-top: 0;
 161 |   padding-bottom: 5px;
 162 |   border-bottom: 1px solid @border-color;
 163 |   border-radius: 0;
 164 | 
 165 | // Uncomment this to add box shodow
 166 | //  -moz-box-shadow:    3px 0 5px #9f9f9f;
 167 | //  -webkit-box-shadow: 3px 0 5px #9f9f9f;
 168 | //  box-shadow:         3px 0 5px #9f9f9f;
 169 | 
 170 | }
 171 | 
 172 | .nav > li > a {
 173 |   padding: 20px 10px 15px 10px;
 174 | }
 175 | 
 176 | .navbar-scroll .navbar-nav > li > a {
 177 |   padding: 20px 10px;
 178 | }
 179 | 
 180 | .navbar.navbar-scroll .navbar-brand {
 181 |   margin-top: 15px;
 182 |   border-radius: 5px;
 183 |   font-size: 12px;
 184 |   padding: 10px;
 185 |   height: auto;
 186 | }
 187 | 
 188 | /* BACKGROUNDS SLIDER
 189 | -------------------------------------------------- */
 190 | .header-back {
 191 |   height: 470px;
 192 |   width: 100%;
 193 | }
 194 | 
 195 | .header-back.one {
 196 |   background: url('../img/header_one.jpg') 50% 0 no-repeat;
 197 | }
 198 | 
 199 | .header-back.two{
 200 |   background: url('../img/header_two.jpg') 50% 0 no-repeat;
 201 | }
 202 | 
 203 | /* CUSTOMIZE THE CAROUSEL
 204 | -------------------------------------------------- */
 205 | 
 206 | /* Carousel base class */
 207 | .carousel {
 208 |   height: 470px;
 209 | }
 210 | /* Since positioning the image, we need to help out the caption */
 211 | .carousel-caption {
 212 |   z-index: 10;
 213 | }
 214 | 
 215 | /* Declare heights because of positioning of img element */
 216 | .carousel .item {
 217 |   height: 470px;
 218 |   background-color: #777;
 219 | }
 220 | .carousel-inner > .item > img {
 221 |   position: absolute;
 222 |   top: 0;
 223 |   left: 0;
 224 |   min-width: 100%;
 225 |   height: 470px;
 226 | }
 227 | 
 228 | .carousel-fade .carousel-inner .item {
 229 |   opacity: 0;
 230 |   -webkit-transition-property: opacity;
 231 |   transition-property: opacity;
 232 | }
 233 | .carousel-fade .carousel-inner .active {
 234 |   opacity: 1;
 235 | }
 236 | .carousel-fade .carousel-inner .active.left,
 237 | .carousel-fade .carousel-inner .active.right {
 238 |   left: 0;
 239 |   opacity: 0;
 240 |   z-index: 1;
 241 | }
 242 | .carousel-fade .carousel-inner .next.left,
 243 | .carousel-fade .carousel-inner .prev.right {
 244 |   opacity: 1;
 245 | }
 246 | .carousel-fade .carousel-control {
 247 |   z-index: 2;
 248 | }
 249 | 
 250 | .carousel-control.left, .carousel-control.right {
 251 |   background: none;
 252 | }
 253 | 
 254 | .carousel-control {
 255 |   width: 6%;
 256 | }
 257 | 
 258 | .carousel-inner .container {
 259 |   position: relative;
 260 | }
 261 | 
 262 | .carousel-inner {
 263 |   overflow: visible;
 264 | }
 265 | 
 266 | .carousel-caption {
 267 |   position: absolute;
 268 |   top: 100px;
 269 |   left: 0;
 270 |   bottom: auto;
 271 |   right: auto;
 272 |   text-align: left;
 273 | }
 274 | 
 275 | .carousel-caption {
 276 |   position: absolute;
 277 |   top: 100px;
 278 |   left: 0;
 279 |   bottom: auto;
 280 |   right: auto;
 281 |   text-align: left;
 282 | }
 283 | 
 284 | .carousel-caption.blank {
 285 |   top: 140px;
 286 | }
 287 | 
 288 | .carousel-image {
 289 |   position: absolute;
 290 |   right: 10px;
 291 |   top: 150px;
 292 | }
 293 | 
 294 | .carousel-indicators {
 295 |   padding-right: 60px;
 296 | }
 297 | 
 298 | .carousel-caption h1 {
 299 |   font-weight: 700;
 300 |   font-size: 38px;
 301 |   text-transform: uppercase;
 302 |   text-shadow: none;
 303 |   letter-spacing: -1.5px;
 304 | }
 305 | 
 306 | .carousel-caption p {
 307 |   font-weight: 700;
 308 |   text-transform: uppercase;
 309 |   text-shadow: none;
 310 | }
 311 | 
 312 | .caption-link {
 313 |   color: #fff;
 314 |   margin-left: 10px;
 315 |   text-transform: capitalize;
 316 |   font-weight: 400;
 317 | }
 318 | 
 319 | .caption-link:hover {
 320 |   text-decoration: none;
 321 |   color: inherit;
 322 | }
 323 | 
 324 | /* Sections
 325 | ------------------------- */
 326 | 
 327 | .services {
 328 |   padding-top: 60px;
 329 | }
 330 | 
 331 | .services h2 {
 332 |   font-size: 20px;
 333 |   letter-spacing: -1px;
 334 |   font-weight: 600;
 335 |   text-transform: uppercase;
 336 | 
 337 | }
 338 | 
 339 | .features-block {
 340 |   margin-top: 40px;
 341 | }
 342 | 
 343 | .features-text {
 344 |   margin-top: 40px;
 345 | }
 346 | 
 347 | .features small {
 348 |   color: @navy;
 349 | }
 350 | 
 351 | .features h2  {
 352 |   font-size: 18px;
 353 |   margin-top: 5px;
 354 | }
 355 | 
 356 | .features-text-alone {
 357 |   margin: 40px 0;
 358 | }
 359 | 
 360 | .features-text-alone h1 {
 361 |   font-weight: 200;
 362 | }
 363 | 
 364 | .features-icon {
 365 |   color: @navy;
 366 |   font-size: 40px;
 367 | }
 368 | 
 369 | .navy-section {
 370 |   margin-top: 60px;
 371 |   background: @navy;
 372 |   color: #fff;
 373 |   padding: 20px 0;
 374 | }
 375 | 
 376 | .gray-section {
 377 |   background: #f4f4f4;
 378 |   margin-top: 60px;
 379 | }
 380 | 
 381 | .team-member {
 382 |   text-align: center;
 383 | }
 384 | 
 385 | .team-member img {
 386 |   margin: auto;
 387 | }
 388 | 
 389 | .social-icon a {
 390 |   background: @navy;
 391 |   color: #fff;
 392 |   padding: 4px 8px;
 393 |   height: 28px;
 394 |   width: 28px;
 395 |   display: block;
 396 |   border-radius: 50px;
 397 | }
 398 | 
 399 | .social-icon a:hover {
 400 |   background: darken(@navy, 4%);
 401 | }
 402 | 
 403 | .img-small {
 404 |   height: 88px;
 405 |   width: 88px;
 406 | }
 407 | 
 408 | .pricing-plan {
 409 |   margin: 20px 30px 0 30px;
 410 |   border-radius: 4px;
 411 | }
 412 | 
 413 | .pricing-plan.selected {
 414 |   transform: scale(1.1);
 415 |   background:#f4f4f4 ;
 416 | }
 417 | 
 418 | .pricing-plan li {
 419 |   padding: 10px 16px;
 420 |   border-top: 1px solid @border-color;
 421 |   text-align: center;
 422 |   color: #aeaeae;
 423 | }
 424 | 
 425 | .pricing-plan .pricing-price span {
 426 |   font-weight: 700;
 427 |   color: @navy;
 428 | }
 429 | 
 430 | li.pricing-desc {
 431 |   font-size: 13px;
 432 |   border-top: none;
 433 |   padding:20px 16px ;
 434 | }
 435 | 
 436 | li.pricing-title {
 437 |   background: @navy;
 438 |   color: #fff;
 439 |   padding: 10px;
 440 |   border-radius: 4px 4px 0 0;
 441 |   font-size: 22px;
 442 |   font-weight: 600;
 443 | }
 444 | 
 445 | .testimonials {
 446 |   padding-top: 80px;
 447 |   padding-bottom: 90px;
 448 |   background-color: @navy;
 449 |   background-image: url('../img/avatar_all.png');
 450 | }
 451 | 
 452 | .big-icon {
 453 |   font-size: 56px;
 454 | }
 455 | 
 456 | .features .big-icon {
 457 |   color: @navy;
 458 | }
 459 | 
 460 | .contact {
 461 |   background-image: url('../img/word_map.png');
 462 |   background-position: 50% 50%;
 463 |   background-repeat: no-repeat;
 464 |   margin-top: 60px;
 465 | }
 466 | 
 467 | 
 468 | /* Buttons - only primary custom button
 469 | ------------------------- */
 470 | .btn-primary.btn-outline:hover,
 471 | .btn-success.btn-outline:hover,
 472 | .btn-info.btn-outline:hover,
 473 | .btn-warning.btn-outline:hover,
 474 | .btn-danger.btn-outline:hover {
 475 |   color: #fff;
 476 | }
 477 | 
 478 | .btn-primary {
 479 |   background-color: @navy;
 480 |   border-color: @navy;
 481 |   color: #FFFFFF;
 482 | 
 483 |   font-size: 14px;
 484 |   padding: 10px 20px;
 485 |   font-weight: 600;
 486 | }
 487 | 
 488 | .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
 489 |   background-color: darken(@navy, 3%);
 490 |   border-color: darken(@navy, 3%);
 491 |   color: #FFFFFF;
 492 | }
 493 | 
 494 | .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
 495 |   background-image: none;
 496 | }
 497 | 
 498 | .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
 499 |   background-color: lighten(@navy, 4%);
 500 |   border-color: lighten(@navy, 4%);
 501 | }
 502 | 
 503 | 
 504 | /* RESPONSIVE CSS
 505 | -------------------------------------------------- */
 506 | 
 507 | @media (min-width: 768px) {
 508 |   /* Navbar positioning foo */
 509 |   .navbar-wrapper {
 510 |     margin-top: 20px;
 511 |   }
 512 |   .navbar-wrapper .container {
 513 |     padding-right: 15px;
 514 |     padding-left: 15px;
 515 |   }
 516 |   .navbar-wrapper .navbar {
 517 |     padding-right: 0;
 518 |     padding-left: 0;
 519 |   }
 520 | 
 521 |   /* The navbar becomes detached from the top, so we round the corners */
 522 |   .navbar-wrapper .navbar {
 523 |     border-radius: 0;
 524 |   }
 525 | 
 526 |   /* Bump up size of carousel content */
 527 |   .carousel-caption p {
 528 |     margin-bottom: 20px;
 529 |     font-size: 14px;
 530 |     line-height: 1.4;
 531 |   }
 532 | 
 533 |   .featurette-heading {
 534 |     font-size: 50px;
 535 |   }
 536 | }
 537 | 
 538 | @media (max-width: 992px) {
 539 |   .carousel-image {
 540 |     display: none;
 541 |   }
 542 | }
 543 | 
 544 | @media (max-width: 768px) {
 545 | 
 546 |   .carousel-caption, .carousel-caption.blank {
 547 |     left: 5%;
 548 |     top: 80px;
 549 |   }
 550 | 
 551 |   .carousel-caption h1 {
 552 |     font-size: 28px;
 553 |   }
 554 | 
 555 |   .navbar.navbar-scroll .navbar-brand {
 556 |     margin-top: 6px;
 557 | //    margin-left: 10px;
 558 |   }
 559 | 
 560 |   .navbar-default {
 561 |     background-color: #fff;
 562 |     border-color: #fff;
 563 |     padding: 15px 0;
 564 |   }
 565 |   .navbar-default .navbar-nav > .active > a:focus {
 566 |     background: transparent;
 567 |     color: inherit;
 568 |   }
 569 |   .navbar-default .nav li a {
 570 |     color: @text-color;
 571 |   }
 572 | 
 573 |   .navbar-default .nav li a:hover {
 574 |     color: @navy;
 575 |   }
 576 | 
 577 |   .navbar-wrapper .navbar {
 578 |     padding-top: 0;
 579 |     padding-bottom: 5px;
 580 |     border-bottom: 1px solid @border-color;
 581 |     border-radius: 0;
 582 |   }
 583 | 
 584 |   .nav > li > a {
 585 |     padding: 20px 10px 15px 10px;
 586 |   }
 587 | 
 588 |   .navbar-nav > li > a {
 589 |     padding: 10px 10px;
 590 |   }
 591 | 
 592 |   .navbar .navbar-brand {
 593 |     margin-top: 6px;
 594 |     border-radius: 5px;
 595 |     font-size: 12px;
 596 |     padding: 10px;
 597 |     height: auto;
 598 |   }
 599 | 
 600 |   .navbar-wrapper .navbar {
 601 |     padding-left: 15px;
 602 |     padding-right: 5px;
 603 |   }
 604 | 
 605 |   .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
 606 |     color: inherit;
 607 |   }
 608 | 
 609 |   .carousel-control {
 610 |     display: none;
 611 |   }
 612 | }
 613 | 
 614 | @media (min-width: 992px) {
 615 |   .featurette-heading {
 616 |     margin-top: 120px;
 617 |   }
 618 | }
 619 | 
 620 | /* MARGINS & PADDINGS
 621 | -------------------------------------------------- */
 622 | 
 623 | .p-xxs {
 624 |   padding: 5px;
 625 | }
 626 | 
 627 | .p-xs {
 628 |   padding: 10px;
 629 | }
 630 | 
 631 | .p-sm {
 632 |   padding: 15px;
 633 | }
 634 | 
 635 | .p-m {
 636 |   padding: 20px;
 637 | }
 638 | 
 639 | .p-md {
 640 |   padding: 25px;
 641 | }
 642 | 
 643 | .p-lg {
 644 |   padding: 30px;
 645 | }
 646 | 
 647 | .p-xl {
 648 |   padding: 40px;
 649 | }
 650 | 
 651 | .m-xxs {
 652 |   margin: 2px 4px;
 653 | }
 654 | 
 655 | .m-xs {
 656 |   margin: 5px;
 657 | }
 658 | 
 659 | .m-sm {
 660 |   margin: 10px;
 661 | }
 662 | 
 663 | .m {
 664 |   margin: 15px;
 665 | }
 666 | 
 667 | .m-md {
 668 |   margin: 20px;
 669 | }
 670 | 
 671 | .m-lg {
 672 |   margin: 30px;
 673 | }
 674 | 
 675 | .m-xl {
 676 |   margin: 50px;
 677 | }
 678 | 
 679 | .m-n {
 680 |   margin: 0 !important;
 681 | }
 682 | 
 683 | .m-l-none {
 684 |   margin-left: 0;
 685 | }
 686 | 
 687 | .m-l-xs {
 688 |   margin-left: 5px;
 689 | }
 690 | 
 691 | .m-l-sm {
 692 |   margin-left: 10px;
 693 | }
 694 | 
 695 | .m-l {
 696 |   margin-left: 15px;
 697 | }
 698 | 
 699 | .m-l-md {
 700 |   margin-left: 20px;
 701 | }
 702 | 
 703 | .m-l-lg {
 704 |   margin-left: 30px;
 705 | }
 706 | 
 707 | .m-l-xl {
 708 |   margin-left: 40px;
 709 | }
 710 | 
 711 | .m-l-n-xxs {
 712 |   margin-left: -1px;
 713 | }
 714 | 
 715 | .m-l-n-xs {
 716 |   margin-left: -5px;
 717 | }
 718 | 
 719 | .m-l-n-sm {
 720 |   margin-left: -10px;
 721 | }
 722 | 
 723 | .m-l-n {
 724 |   margin-left: -15px;
 725 | }
 726 | 
 727 | .m-l-n-md {
 728 |   margin-left: -20px;
 729 | }
 730 | 
 731 | .m-l-n-lg {
 732 |   margin-left: -30px;
 733 | }
 734 | 
 735 | .m-l-n-xl {
 736 |   margin-left: -40px;
 737 | }
 738 | 
 739 | .m-t-none {
 740 |   margin-top: 0;
 741 | }
 742 | 
 743 | .m-t-xxs {
 744 |   margin-top: 1px;
 745 | }
 746 | 
 747 | .m-t-xs {
 748 |   margin-top: 5px;
 749 | }
 750 | 
 751 | .m-t-sm {
 752 |   margin-top: 10px;
 753 | }
 754 | 
 755 | .m-t {
 756 |   margin-top: 15px;
 757 | }
 758 | 
 759 | .m-t-md {
 760 |   margin-top: 20px;
 761 | }
 762 | 
 763 | .m-t-lg {
 764 |   margin-top: 30px;
 765 | }
 766 | 
 767 | .m-t-xl {
 768 |   margin-top: 40px;
 769 | }
 770 | 
 771 | .m-t-n-xxs {
 772 |   margin-top: -1px;
 773 | }
 774 | 
 775 | .m-t-n-xs {
 776 |   margin-top: -5px;
 777 | }
 778 | 
 779 | .m-t-n-sm {
 780 |   margin-top: -10px;
 781 | }
 782 | 
 783 | .m-t-n {
 784 |   margin-top: -15px;
 785 | }
 786 | 
 787 | .m-t-n-md {
 788 |   margin-top: -20px;
 789 | }
 790 | 
 791 | .m-t-n-lg {
 792 |   margin-top: -30px;
 793 | }
 794 | 
 795 | .m-t-n-xl {
 796 |   margin-top: -40px;
 797 | }
 798 | 
 799 | .m-r-none {
 800 |   margin-right: 0;
 801 | }
 802 | 
 803 | .m-r-xxs {
 804 |   margin-right: 1px;
 805 | }
 806 | 
 807 | .m-r-xs {
 808 |   margin-right: 5px;
 809 | }
 810 | 
 811 | .m-r-sm {
 812 |   margin-right: 10px;
 813 | }
 814 | 
 815 | .m-r {
 816 |   margin-right: 15px;
 817 | }
 818 | 
 819 | .m-r-md {
 820 |   margin-right: 20px;
 821 | }
 822 | 
 823 | .m-r-lg {
 824 |   margin-right: 30px;
 825 | }
 826 | 
 827 | .m-r-xl {
 828 |   margin-right: 40px;
 829 | }
 830 | 
 831 | .m-r-n-xxs {
 832 |   margin-right: -1px;
 833 | }
 834 | 
 835 | .m-r-n-xs {
 836 |   margin-right: -5px;
 837 | }
 838 | 
 839 | .m-r-n-sm {
 840 |   margin-right: -10px;
 841 | }
 842 | 
 843 | .m-r-n {
 844 |   margin-right: -15px;
 845 | }
 846 | 
 847 | .m-r-n-md {
 848 |   margin-right: -20px;
 849 | }
 850 | 
 851 | .m-r-n-lg {
 852 |   margin-right: -30px;
 853 | }
 854 | 
 855 | .m-r-n-xl {
 856 |   margin-right: -40px;
 857 | }
 858 | 
 859 | .m-b-none {
 860 |   margin-bottom: 0;
 861 | }
 862 | 
 863 | .m-b-xxs {
 864 |   margin-bottom: 1px;
 865 | }
 866 | 
 867 | .m-b-xs {
 868 |   margin-bottom: 5px;
 869 | }
 870 | 
 871 | .m-b-sm {
 872 |   margin-bottom: 10px;
 873 | }
 874 | 
 875 | .m-b {
 876 |   margin-bottom: 15px;
 877 | }
 878 | 
 879 | .m-b-md {
 880 |   margin-bottom: 20px;
 881 | }
 882 | 
 883 | .m-b-lg {
 884 |   margin-bottom: 30px;
 885 | }
 886 | 
 887 | .m-b-xl {
 888 |   margin-bottom: 40px;
 889 | }
 890 | 
 891 | .m-b-n-xxs {
 892 |   margin-bottom: -1px;
 893 | }
 894 | 
 895 | .m-b-n-xs {
 896 |   margin-bottom: -5px;
 897 | }
 898 | 
 899 | .m-b-n-sm {
 900 |   margin-bottom: -10px;
 901 | }
 902 | 
 903 | .m-b-n {
 904 |   margin-bottom: -15px;
 905 | }
 906 | 
 907 | .m-b-n-md {
 908 |   margin-bottom: -20px;
 909 | }
 910 | 
 911 | .m-b-n-lg {
 912 |   margin-bottom: -30px;
 913 | }
 914 | 
 915 | .m-b-n-xl {
 916 |   margin-bottom: -40px;
 917 | }
 918 | 
 919 | .space-15 {
 920 |   margin: 15px 0;
 921 | }
 922 | 
 923 | .space-20 {
 924 |   margin: 20px 0;
 925 | }
 926 | 
 927 | .space-25 {
 928 |   margin: 25px 0;
 929 | }
 930 | 
 931 | .space-30 {
 932 |   margin: 30px 0;
 933 | }
 934 | 
 935 | /* PACE PLUGIN
 936 | -------------------------------------------------- */
 937 | 
 938 | .pace .pace-progress {
 939 |   background: #fff;
 940 |   position: fixed;
 941 |   z-index: 2000;
 942 |   top: 0;
 943 |   left: 0;
 944 |   height: 2px;
 945 | 
 946 |   -webkit-transition: width 1s;
 947 |   -moz-transition: width 1s;
 948 |   -o-transition: width 1s;
 949 |   transition: width 1s;
 950 | }
 951 | 
 952 | .pace-inactive {
 953 |   display: none;
 954 | }
 955 | 
 956 | section.timeline {
 957 |   padding-bottom: 30px;
 958 | }
 959 | section.comments {
 960 |   padding-bottom: 80px;
 961 | }
 962 | 
 963 | .comments-avatar {
 964 |   margin-top: 25px;
 965 |   margin-left: 22px;
 966 | }
 967 | 
 968 | .comments-avatar .commens-name {
 969 |   font-weight: 600;
 970 |   font-size: 14px;
 971 | }
 972 | 
 973 | .comments-avatar img {
 974 |   width: 42px;
 975 |   height: 42px;
 976 |   border-radius: 50%;
 977 |   margin-right: 10px;
 978 | }
 979 | 
 980 | .bubble {
 981 |   position: relative;
 982 |   height: 120px;
 983 |   padding: 20px;
 984 |   background: #FFFFFF;
 985 |   -webkit-border-radius: 10px;
 986 |   -moz-border-radius: 10px;
 987 |   border-radius: 10px;
 988 |   font-style: italic;
 989 |   font-size: 14px;
 990 | }
 991 | 
 992 | .bubble:after {
 993 |   content: '';
 994 |   position: absolute;
 995 |   border-style: solid;
 996 |   border-width: 15px 14px 0;
 997 |   border-color: #FFFFFF transparent;
 998 |   display: block;
 999 |   width: 0;
1000 |   z-index: 1;
1001 |   bottom: -15px;
1002 |   left: 30px;
1003 | }
1004 | 
1005 | /* New Timeline style */
1006 | 
1007 | .vertical-container {
1008 |   /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
1009 |   width: 90%;
1010 |   max-width: 1170px;
1011 |   margin: 0 auto;
1012 | }
1013 | .vertical-container::after {
1014 |   /* clearfix */
1015 |   content: '';
1016 |   display: table;
1017 |   clear: both;
1018 | }
1019 | 
1020 | #vertical-timeline {
1021 |   position: relative;
1022 |   padding:0;
1023 |   margin-top: 2em;
1024 |   margin-bottom: 2em;
1025 | }
1026 | #vertical-timeline::before {
1027 |   content: '';
1028 |   position: absolute;
1029 |   top: 0;
1030 |   left: 18px;
1031 |   height: 100%;
1032 |   width: 4px;
1033 |   background: #f1f1f1;
1034 | }
1035 | 
1036 | 
1037 | .vertical-timeline-content .btn {
1038 |   float: right;
1039 | }
1040 | 
1041 | #vertical-timeline.light-timeline:before {
1042 |   background: #e7eaec;
1043 | }
1044 | 
1045 | 
1046 | .dark-timeline .vertical-timeline-content:before
1047 | {
1048 |   border-color: transparent #f5f5f5 transparent transparent ;
1049 | }
1050 | 
1051 | .dark-timeline.center-orientation .vertical-timeline-content:before
1052 | {
1053 |   border-color: transparent  transparent transparent #f5f5f5;
1054 | }
1055 | 
1056 | .dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
1057 | .dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before
1058 | {
1059 |   border-color: transparent #f5f5f5 transparent transparent;
1060 | }
1061 | 
1062 | .dark-timeline .vertical-timeline-content,
1063 | .dark-timeline.center-orientation .vertical-timeline-content
1064 | {
1065 |   background: #f5f5f5;
1066 | }
1067 | 
1068 | @media only screen and (min-width: 1170px) {
1069 |   #vertical-timeline.center-orientation {
1070 |     margin-top: 3em;
1071 |     margin-bottom: 3em;
1072 |   }
1073 |   #vertical-timeline.center-orientation:before {
1074 |     left: 50%;
1075 |     margin-left: -2px;
1076 |   }
1077 | }
1078 | 
1079 | @media only screen and (max-width: 1170px) {
1080 |   .center-orientation.dark-timeline .vertical-timeline-content:before {
1081 |     border-color: transparent #f5f5f5 transparent transparent;
1082 |   }
1083 | }
1084 | 
1085 | .vertical-timeline-block {
1086 |   position: relative;
1087 |   margin: 2em 0;
1088 | }
1089 | .vertical-timeline-block:after {
1090 |   content: "";
1091 |   display: table;
1092 |   clear: both;
1093 | }
1094 | .vertical-timeline-block:first-child {
1095 |   margin-top: 0;
1096 | }
1097 | .vertical-timeline-block:last-child {
1098 |   margin-bottom: 0;
1099 | }
1100 | @media only screen and (min-width: 1170px) {
1101 |   .center-orientation .vertical-timeline-block {
1102 |     margin: 4em 0;
1103 |   }
1104 |   .center-orientation .vertical-timeline-block:first-child {
1105 |     margin-top: 0;
1106 |   }
1107 |   .center-orientation .vertical-timeline-block:last-child {
1108 |     margin-bottom: 0;
1109 |   }
1110 | }
1111 | 
1112 | .vertical-timeline-icon {
1113 |   position: absolute;
1114 |   top: 0;
1115 |   left: 0;
1116 |   width: 40px;
1117 |   height: 40px;
1118 |   border-radius: 50%;
1119 |   font-size: 16px;
1120 |   border: 3px solid #f1f1f1;
1121 |   text-align: center;
1122 | }
1123 | .vertical-timeline-icon i {
1124 |   display: block;
1125 |   width: 24px;
1126 |   height: 24px;
1127 |   position: relative;
1128 |   left: 50%;
1129 |   top: 50%;
1130 |   margin-left: -12px;
1131 |   margin-top: -9px;
1132 | }
1133 | 
1134 | @media only screen and (min-width: 1170px) {
1135 |   .center-orientation .vertical-timeline-icon {
1136 |     width: 50px;
1137 |     height: 50px;
1138 |     left: 50%;
1139 |     margin-left: -25px;
1140 |     -webkit-transform: translateZ(0);
1141 |     -webkit-backface-visibility: hidden;
1142 |     font-size: 19px;
1143 |   }
1144 |   .center-orientation .vertical-timeline-icon i {
1145 |     margin-left: -12px;
1146 |     margin-top: -10px;
1147 |   }
1148 |   .center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
1149 |     visibility: hidden;
1150 |   }
1151 | }
1152 | 
1153 | 
1154 | .vertical-timeline-content {
1155 |   position: relative;
1156 |   margin-left: 60px;
1157 |   background: white;
1158 |   border-radius: 0.25em;
1159 |   padding: 1em;
1160 | }
1161 | .vertical-timeline-content:after {
1162 |   content: "";
1163 |   display: table;
1164 |   clear: both;
1165 | }
1166 | .vertical-timeline-content h2 {
1167 |   font-weight: 400;
1168 |   margin-top: 4px;
1169 | }
1170 | 
1171 | 
1172 | .vertical-timeline-content p {
1173 |   margin: 1em 0;
1174 |   line-height: 1.6;
1175 | }
1176 | 
1177 | 
1178 | .vertical-timeline-content .vertical-date {
1179 |   float: left;
1180 |   font-weight: 500;
1181 | }
1182 | 
1183 | .vertical-date small {
1184 |   color: @navy;
1185 |   font-weight: 400;
1186 | }
1187 | 
1188 | .vertical-timeline-content::before {
1189 |   content: '';
1190 |   position: absolute;
1191 |   top: 16px;
1192 |   right: 100%;
1193 |   height: 0;
1194 |   width: 0;
1195 |   border: 7px solid transparent;
1196 |   border-right: 7px solid white;
1197 | }
1198 | @media only screen and (min-width: 768px) {
1199 |   .vertical-timeline-content h2 {
1200 |     font-size: 18px;
1201 |   }
1202 |   .vertical-timeline-content p {
1203 |     font-size: 13px;
1204 |   }
1205 | 
1206 | }
1207 | @media only screen and (min-width: 1170px) {
1208 |   .center-orientation .vertical-timeline-content {
1209 |     margin-left: 0;
1210 |     padding: 1.6em;
1211 |     width: 45%;
1212 |   }
1213 |   .center-orientation .vertical-timeline-content::before {
1214 |     top: 24px;
1215 |     left: 100%;
1216 |     border-color: transparent;
1217 |     border-left-color: white;
1218 |   }
1219 | 
1220 |   .center-orientation .vertical-timeline-content .btn {
1221 |     float: left;
1222 |   }
1223 |   .center-orientation .vertical-timeline-content .vertical-date {
1224 |     position: absolute;
1225 |     width: 100%;
1226 |     left: 122%;
1227 |     top: 2px;
1228 |     font-size: 14px;
1229 |   }
1230 |   .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
1231 |     float: right;
1232 |   }
1233 |   .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
1234 |     top: 24px;
1235 |     left: auto;
1236 |     right: 100%;
1237 |     border-color: transparent;
1238 |     border-right-color: white;
1239 |   }
1240 |   .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
1241 |     float: right;
1242 |   }
1243 |   .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
1244 |     left: auto;
1245 |     right: 122%;
1246 |     text-align: right;
1247 |   }
1248 |   .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
1249 |     visibility: hidden;
1250 |   }
1251 | }
1252 | 
1253 | 


--------------------------------------------------------------------------------
/Landing_Page/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
  7 |     <meta name="description" content="">
  8 |     <meta name="author" content="">
  9 |     <!-- Add Your favicon here -->
 10 |     <!--<link rel="icon" href="img/favicon.ico">-->
 11 | 
 12 |     <title>INSPINIA - Landing Page</title>
 13 | 
 14 |     <!-- Bootstrap core CSS -->
 15 |     <link href="css/bootstrap.min.css" rel="stylesheet">
 16 | 
 17 |     <!-- Animation CSS -->
 18 |     <link href="css/animate.min.css" rel="stylesheet">
 19 | 
 20 |     <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
 21 | 
 22 |     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 23 |     <!--[if lt IE 9]>
 24 |     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 25 |     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 26 |     <![endif]-->
 27 | 
 28 |     <!-- Custom styles for this template -->
 29 |     <link href="css/style.css" rel="stylesheet">
 30 | </head>
 31 | <body id="page-top">
 32 | <div class="navbar-wrapper">
 33 |         <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
 34 |             <div class="container">
 35 |                 <div class="navbar-header page-scroll">
 36 |                     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 37 |                         <span class="sr-only">Toggle navigation</span>
 38 |                         <span class="icon-bar"></span>
 39 |                         <span class="icon-bar"></span>
 40 |                         <span class="icon-bar"></span>
 41 |                     </button>
 42 |                     <a class="navbar-brand" href="#">WEBAPPLAYERS</a>
 43 |                 </div>
 44 |                 <div id="navbar" class="navbar-collapse collapse">
 45 |                     <ul class="nav navbar-nav navbar-right">
 46 |                         <li><a class="page-scroll" href="#page-top">Home</a></li>
 47 |                         <li><a class="page-scroll" href="#features">Features</a></li>
 48 |                         <li><a class="page-scroll" href="#team">Team</a></li>
 49 |                         <li><a class="page-scroll" href="#testimonials">Testimonials</a></li>
 50 |                         <li><a class="page-scroll" href="#pricing">Pricing</a></li>
 51 |                         <li><a class="page-scroll" href="#contact">Contact</a></li>
 52 |                     </ul>
 53 |                 </div>
 54 |             </div>
 55 |         </nav>
 56 | </div>
 57 | <div id="inSlider" class="carousel carousel-fade" data-ride="carousel">
 58 |     <ol class="carousel-indicators">
 59 |         <li data-target="#inSlider" data-slide-to="0" class="active"></li>
 60 |         <li data-target="#inSlider" data-slide-to="1"></li>
 61 |     </ol>
 62 |     <div class="carousel-inner" role="listbox">
 63 |         <div class="item active">
 64 |             <div class="container">
 65 |                 <div class="carousel-caption">
 66 |                     <h1>We craft<br/>
 67 |                         brands, web apps,<br/>
 68 |                         and user interfaces<br/>
 69 |                         we are IN+ studio</h1>
 70 |                     <p>Lorem Ipsum is simply dummy text of the printing.</p>
 71 |                     <p>
 72 |                         <a class="btn btn-lg btn-primary" href="#" role="button">READ MORE</a>
 73 |                         <a class="caption-link" href="#" role="button">Inspinia Theme</a>
 74 |                     </p>
 75 |                 </div>
 76 |                 <div class="carousel-image wow zoomIn">
 77 |                     <img src="img/laptop.png" alt="laptop"/>
 78 |                 </div>
 79 |             </div>
 80 |             <!-- Set background for slide in css -->
 81 |             <div class="header-back one"></div>
 82 | 
 83 |         </div>
 84 |         <div class="item">
 85 |             <div class="container">
 86 |                 <div class="carousel-caption blank">
 87 |                     <h1>We create meaningful <br/> interfaces that inspire.</h1>
 88 |                     <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
 89 |                     <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
 90 |                 </div>
 91 |             </div>
 92 |             <!-- Set background for slide in css -->
 93 |             <div class="header-back two"></div>
 94 |         </div>
 95 |     </div>
 96 |     <a class="left carousel-control" href="#inSlider" role="button" data-slide="prev">
 97 |         <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 98 |         <span class="sr-only">Previous</span>
 99 |     </a>
100 |     <a class="right carousel-control" href="#inSlider" role="button" data-slide="next">
101 |         <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
102 |         <span class="sr-only">Next</span>
103 |     </a>
104 | </div>
105 | 
106 | 
107 | <section id="features" class="container services">
108 |     <div class="row">
109 |         <div class="col-sm-3">
110 |             <h2>Full responsive</h2>
111 |             <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>
112 |             <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
113 |         </div>
114 |         <div class="col-sm-3">
115 |             <h2>LESS/SASS Files</h2>
116 |             <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>
117 |             <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
118 |         </div>
119 |         <div class="col-sm-3">
120 |             <h2>6 Charts Library</h2>
121 |             <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>
122 |             <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
123 |         </div>
124 |         <div class="col-sm-3">
125 |             <h2>Advanced Forms</h2>
126 |             <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>
127 |             <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
128 |         </div>
129 |     </div>
130 | </section>
131 | 
132 | <section  class="container features">
133 |     <div class="row">
134 |         <div class="col-lg-12 text-center">
135 |             <div class="navy-line"></div>
136 |             <h1>Over 40+ unique view<br/> <span class="navy"> with many custom components</span> </h1>
137 |             <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. </p>
138 |         </div>
139 |     </div>
140 |     <div class="row">
141 |         <div class="col-md-3 text-center wow fadeInLeft">
142 |             <div>
143 |                 <i class="fa fa-mobile features-icon"></i>
144 |                 <h2>Full responsive</h2>
145 |                 <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>
146 |             </div>
147 |             <div class="m-t-lg">
148 |                 <i class="fa fa-bar-chart features-icon"></i>
149 |                 <h2>6 Charts Library</h2>
150 |                 <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>
151 |             </div>
152 |         </div>
153 |         <div class="col-md-6 text-center  wow zoomIn">
154 |             <img src="img/perspective.png" alt="dashboard" class="img-responsive">
155 |         </div>
156 |         <div class="col-md-3 text-center wow fadeInRight">
157 |             <div>
158 |                 <i class="fa fa-envelope features-icon"></i>
159 |                 <h2>Mail pages</h2>
160 |                 <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>
161 |             </div>
162 |             <div class="m-t-lg">
163 |                 <i class="fa fa-google features-icon"></i>
164 |                 <h2>AngularJS version</h2>
165 |                 <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>
166 |             </div>
167 |         </div>
168 |     </div>
169 |     <div class="row">
170 |         <div class="col-lg-12 text-center">
171 |             <div class="navy-line"></div>
172 |             <h1>Discover great feautres</h1>
173 |             <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. </p>
174 |         </div>
175 |     </div>
176 |     <div class="row features-block">
177 |         <div class="col-lg-6 features-text wow fadeInLeft">
178 |             <small>INSPINIA</small>
179 |             <h2>Perfectly designed </h2>
180 |             <p>INSPINIA Admin Theme is a premium admin dashboard template with flat design concept. It is fully responsive admin dashboard template built with Bootstrap 3+ Framework, HTML5 and CSS3, Media query. It has a huge collection of reusable UI components and integrated with latest jQuery plugins.</p>
181 |             <a href="" class="btn btn-primary">Learn more</a>
182 |         </div>
183 |         <div class="col-lg-6 text-right wow fadeInRight">
184 |             <img src="img/dashboard.png" alt="dashboard" class="img-responsive pull-right">
185 |         </div>
186 |     </div>
187 | </section>
188 | 
189 | <section id="team" class="gray-section team">
190 |     <div class="container">
191 |         <div class="row m-b-lg">
192 |             <div class="col-lg-12 text-center">
193 |                 <div class="navy-line"></div>
194 |                 <h1>Our Team</h1>
195 |                 <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod.</p>
196 |             </div>
197 |         </div>
198 |         <div class="row">
199 |             <div class="col-sm-4 wow fadeInLeft">
200 |                 <div class="team-member">
201 |                     <img src="img/avatar3.jpg" class="img-responsive img-circle img-small" alt="">
202 |                     <h4><span class="navy">Amelia</span> Smith</h4>
203 |                     <p>Lorem ipsum dolor sit amet, illum fastidii dissentias quo ne. Sea ne sint animal iisque, nam an soluta sensibus. </p>
204 |                     <ul class="list-inline social-icon">
205 |                         <li><a href="#"><i class="fa fa-twitter"></i></a>
206 |                         </li>
207 |                         <li><a href="#"><i class="fa fa-facebook"></i></a>
208 |                         </li>
209 |                         <li><a href="#"><i class="fa fa-linkedin"></i></a>
210 |                         </li>
211 |                     </ul>
212 |                 </div>
213 |             </div>
214 |             <div class="col-sm-4">
215 |                 <div class="team-member wow zoomIn">
216 |                     <img src="img/avatar1.jpg" class="img-responsive img-circle" alt="">
217 |                     <h4><span class="navy">John</span> Novak</h4>
218 |                     <p>Lorem ipsum dolor sit amet, illum fastidii dissentias quo ne. Sea ne sint animal iisque, nam an soluta sensibus.</p>
219 |                     <ul class="list-inline social-icon">
220 |                         <li><a href="#"><i class="fa fa-twitter"></i></a>
221 |                         </li>
222 |                         <li><a href="#"><i class="fa fa-facebook"></i></a>
223 |                         </li>
224 |                         <li><a href="#"><i class="fa fa-linkedin"></i></a>
225 |                         </li>
226 |                     </ul>
227 |                 </div>
228 |             </div>
229 |             <div class="col-sm-4 wow fadeInRight">
230 |                 <div class="team-member">
231 |                     <img src="img/avatar2.jpg" class="img-responsive img-circle img-small" alt="">
232 |                     <h4><span class="navy">Peter</span> Johnson</h4>
233 |                     <p>Lorem ipsum dolor sit amet, illum fastidii dissentias quo ne. Sea ne sint animal iisque, nam an soluta sensibus.</p>
234 |                     <ul class="list-inline social-icon">
235 |                         <li><a href="#"><i class="fa fa-twitter"></i></a>
236 |                         </li>
237 |                         <li><a href="#"><i class="fa fa-facebook"></i></a>
238 |                         </li>
239 |                         <li><a href="#"><i class="fa fa-linkedin"></i></a>
240 |                         </li>
241 |                     </ul>
242 |                 </div>
243 |             </div>
244 |         </div>
245 |         <div class="row">
246 |             <div class="col-lg-8 col-lg-offset-2 text-center m-t-lg m-b-lg">
247 |                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
248 |             </div>
249 |         </div>
250 |     </div>
251 | </section>
252 | 
253 | <section class="features">
254 |     <div class="container">
255 |         <div class="row">
256 |             <div class="col-lg-12 text-center">
257 |                 <div class="navy-line"></div>
258 |                 <h1>Even more great feautres</h1>
259 |                 <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. </p>
260 |             </div>
261 |         </div>
262 |         <div class="row features-block">
263 |             <div class="col-lg-3 features-text wow fadeInLeft">
264 |                 <small>INSPINIA</small>
265 |                 <h2>Perfectly designed </h2>
266 |                 <p>INSPINIA Admin Theme is a premium admin dashboard template with flat design concept. It is fully responsive admin dashboard template built with Bootstrap 3+ Framework, HTML5 and CSS3, Media query. It has a huge collection of reusable UI components and integrated with latest jQuery plugins.</p>
267 |                 <a href="" class="btn btn-primary">Learn more</a>
268 |             </div>
269 |             <div class="col-lg-6 text-right m-t-n-lg wow zoomIn">
270 |                 <img src="img/iphone.jpg" class="img-responsive" alt="dashboard">
271 |             </div>
272 |             <div class="col-lg-3 features-text text-right wow fadeInRight">
273 |                 <small>INSPINIA</small>
274 |                 <h2>Perfectly designed </h2>
275 |                 <p>INSPINIA Admin Theme is a premium admin dashboard template with flat design concept. It is fully responsive admin dashboard template built with Bootstrap 3+ Framework, HTML5 and CSS3, Media query. It has a huge collection of reusable UI components and integrated with latest jQuery plugins.</p>
276 |                 <a href="" class="btn btn-primary">Learn more</a>
277 |             </div>
278 |         </div>
279 |     </div>
280 | 
281 | </section>
282 | <section class="timeline gray-section">
283 |     <div class="container">
284 |         <div class="row">
285 |             <div class="col-lg-12 text-center">
286 |                 <div class="navy-line"></div>
287 |                 <h1>Our workflow</h1>
288 |                 <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. </p>
289 |             </div>
290 |         </div>
291 |         <div class="row features-block">
292 | 
293 |             <div class="col-lg-12">
294 |                 <div id="vertical-timeline" class="vertical-container light-timeline center-orientation">
295 |                     <div class="vertical-timeline-block">
296 |                         <div class="vertical-timeline-icon navy-bg">
297 |                             <i class="fa fa-briefcase"></i>
298 |                         </div>
299 | 
300 |                         <div class="vertical-timeline-content">
301 |                             <h2>Meeting</h2>
302 |                             <p>Conference on the sales results for the previous year. Monica please examine sales trends in marketing and products. Below please find the current status of the sale.
303 |                             </p>
304 |                             <a href="#" class="btn btn-xs btn-primary"> More info</a>
305 |                             <span class="vertical-date"> Today <br/> <small>Dec 24</small> </span>
306 |                         </div>
307 |                     </div>
308 | 
309 |                     <div class="vertical-timeline-block">
310 |                         <div class="vertical-timeline-icon navy-bg">
311 |                             <i class="fa fa-file-text"></i>
312 |                         </div>
313 | 
314 |                         <div class="vertical-timeline-content">
315 |                             <h2>Decision</h2>
316 |                             <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
317 |                             <a href="#" class="btn btn-xs btn-primary"> More info</a>
318 |                             <span class="vertical-date"> Tomorrow <br/> <small>Dec 26</small> </span>
319 |                         </div>
320 |                     </div>
321 | 
322 |                     <div class="vertical-timeline-block">
323 |                         <div class="vertical-timeline-icon navy-bg">
324 |                             <i class="fa fa-cogs"></i>
325 |                         </div>
326 | 
327 |                         <div class="vertical-timeline-content">
328 |                             <h2>Implementation</h2>
329 |                             <p>Go to shop and find some products. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's. </p>
330 |                             <a href="#" class="btn btn-xs btn-primary"> More info</a>
331 |                             <span class="vertical-date"> Monday <br/> <small>Jan 02</small> </span>
332 |                         </div>
333 |                     </div>
334 | 
335 |                 </div>
336 |             </div>
337 | 
338 |         </div>
339 |     </div>
340 | 
341 | </section>
342 | 
343 | <section id="testimonials" class="navy-section testimonials" style="margin-top: 0">
344 | 
345 |     <div class="container">
346 |         <div class="row">
347 |             <div class="col-lg-12 text-center wow zoomIn">
348 |                 <i class="fa fa-comment big-icon"></i>
349 |                 <h1>
350 |                     What our users say
351 |                 </h1>
352 |                 <div class="testimonials-text">
353 |                     <i>"Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)."</i>
354 |                 </div>
355 |                 <small>
356 |                     <strong>12.02.2014 - Andy Smith</strong>
357 |                 </small>
358 |             </div>
359 |         </div>
360 |     </div>
361 | 
362 | </section>
363 | <section class="comments gray-section" style="margin-top: 0">
364 |     <div class="container">
365 |         <div class="row">
366 |             <div class="col-lg-12 text-center">
367 |                 <div class="navy-line"></div>
368 |                 <h1>What our partners say</h1>
369 |                 <p>Donec sed odio dui. Etiam porta sem malesuada. </p>
370 |             </div>
371 |         </div>
372 |         <div class="row features-block">
373 |             <div class="col-lg-4">
374 |                 <div class="bubble">
375 |                     "Uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)."
376 |                 </div>
377 |                 <div class="comments-avatar">
378 |                     <a href="" class="pull-left">
379 |                         <img alt="image" src="img/avatar3.jpg">
380 |                     </a>
381 |                     <div class="media-body">
382 |                         <div class="commens-name">
383 |                             Andrew Williams
384 |                         </div>
385 |                         <small class="text-muted">Company X from California</small>
386 |                     </div>
387 |                 </div>
388 |             </div>
389 | 
390 |             <div class="col-lg-4">
391 |                 <div class="bubble">
392 |                     "Uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)."
393 |                 </div>
394 |                 <div class="comments-avatar">
395 |                     <a href="" class="pull-left">
396 |                         <img alt="image" src="img/avatar1.jpg">
397 |                     </a>
398 |                     <div class="media-body">
399 |                         <div class="commens-name">
400 |                             Andrew Williams
401 |                         </div>
402 |                         <small class="text-muted">Company X from California</small>
403 |                     </div>
404 |                 </div>
405 |             </div>
406 | 
407 |             <div class="col-lg-4">
408 |                 <div class="bubble">
409 |                     "Uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)."
410 |                 </div>
411 |                 <div class="comments-avatar">
412 |                     <a href="" class="pull-left">
413 |                         <img alt="image" src="img/avatar2.jpg">
414 |                     </a>
415 |                     <div class="media-body">
416 |                         <div class="commens-name">
417 |                             Andrew Williams
418 |                         </div>
419 |                         <small class="text-muted">Company X from California</small>
420 |                     </div>
421 |                 </div>
422 |             </div>
423 | 
424 | 
425 | 
426 |         </div>
427 |     </div>
428 | 
429 | </section>
430 | <section class="features">
431 |     <div class="container">
432 |         <div class="row">
433 |             <div class="col-lg-12 text-center">
434 |                 <div class="navy-line"></div>
435 |                 <h1>More and more extra great feautres</h1>
436 |                 <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. </p>
437 |             </div>
438 |         </div>
439 |         <div class="row">
440 |             <div class="col-lg-5 col-lg-offset-1 features-text">
441 |                 <small>INSPINIA</small>
442 |                 <h2>Perfectly designed </h2>
443 |                 <i class="fa fa-bar-chart big-icon pull-right"></i>
444 |                 <p>INSPINIA Admin Theme is a premium admin dashboard template with flat design concept. It is fully responsive admin dashboard template built with Bootstrap 3+ Framework, HTML5 and CSS3, Media query. It has a huge collection of reusable UI components and integrated with.</p>
445 |             </div>
446 |             <div class="col-lg-5 features-text">
447 |                 <small>INSPINIA</small>
448 |                 <h2>Perfectly designed </h2>
449 |                 <i class="fa fa-bolt big-icon pull-right"></i>
450 |                 <p>INSPINIA Admin Theme is a premium admin dashboard template with flat design concept. It is fully responsive admin dashboard template built with Bootstrap 3+ Framework, HTML5 and CSS3, Media query. It has a huge collection of reusable UI components and integrated with.</p>
451 |             </div>
452 |         </div>
453 |         <div class="row">
454 |             <div class="col-lg-5 col-lg-offset-1 features-text">
455 |                 <small>INSPINIA</small>
456 |                 <h2>Perfectly designed </h2>
457 |                 <i class="fa fa-clock-o big-icon pull-right"></i>
458 |                 <p>INSPINIA Admin Theme is a premium admin dashboard template with flat design concept. It is fully responsive admin dashboard template built with Bootstrap 3+ Framework, HTML5 and CSS3, Media query. It has a huge collection of reusable UI components and integrated with.</p>
459 |             </div>
460 |             <div class="col-lg-5 features-text">
461 |                 <small>INSPINIA</small>
462 |                 <h2>Perfectly designed </h2>
463 |                 <i class="fa fa-users big-icon pull-right"></i>
464 |                 <p>INSPINIA Admin Theme is a premium admin dashboard template with flat design concept. It is fully responsive admin dashboard template built with Bootstrap 3+ Framework, HTML5 and CSS3, Media query. It has a huge collection of reusable UI components and integrated with.</p>
465 |             </div>
466 |         </div>
467 |     </div>
468 | 
469 | </section>
470 | <section id="pricing" class="pricing">
471 |     <div class="container">
472 |         <div class="row m-b-lg">
473 |             <div class="col-lg-12 text-center">
474 |                 <div class="navy-line"></div>
475 |                 <h1>App Pricing</h1>
476 |                 <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod.</p>
477 |             </div>
478 |         </div>
479 |         <div class="row">
480 |             <div class="col-lg-4 wow zoomIn">
481 |                 <ul class="pricing-plan list-unstyled">
482 |                     <li class="pricing-title">
483 |                         Basic
484 |                     </li>
485 |                     <li class="pricing-desc">
486 |                         Lorem ipsum dolor sit amet, illum fastidii dissentias quo ne. Sea ne sint animal iisque, nam an soluta sensibus.
487 |                     </li>
488 |                     <li class="pricing-price">
489 |                         <span>$16</span> / month
490 |                     </li>
491 |                     <li>
492 |                         Dashboards
493 |                     </li>
494 |                     <li>
495 |                         Projects view
496 |                     </li>
497 |                     <li>
498 |                         Contacts
499 |                     </li>
500 |                     <li>
501 |                         Calendar
502 |                     </li>
503 |                     <li>
504 |                         AngularJs
505 |                     </li>
506 |                     <li>
507 |                         <a class="btn btn-primary btn-xs" href="#">Signup</a>
508 |                     </li>
509 |                 </ul>
510 |             </div>
511 | 
512 |             <div class="col-lg-4 wow zoomIn">
513 |                 <ul class="pricing-plan list-unstyled selected">
514 |                     <li class="pricing-title">
515 |                         Standard
516 |                     </li>
517 |                     <li class="pricing-desc">
518 |                         Lorem ipsum dolor sit amet, illum fastidii dissentias quo ne. Sea ne sint animal iisque, nam an soluta sensibus.
519 |                     </li>
520 |                     <li class="pricing-price">
521 |                         <span>$22</span> / month
522 |                     </li>
523 |                     <li>
524 |                         Dashboards
525 |                     </li>
526 |                     <li>
527 |                         Projects view
528 |                     </li>
529 |                     <li>
530 |                         Contacts
531 |                     </li>
532 |                     <li>
533 |                         Calendar
534 |                     </li>
535 |                     <li>
536 |                         AngularJs
537 |                     </li>
538 |                     <li>
539 |                         <strong>Support platform</strong>
540 |                     </li>
541 |                     <li class="plan-action">
542 |                         <a class="btn btn-primary btn-xs" href="#">Signup</a>
543 |                     </li>
544 |                 </ul>
545 |             </div>
546 | 
547 |             <div class="col-lg-4 wow zoomIn">
548 |                 <ul class="pricing-plan list-unstyled">
549 |                     <li class="pricing-title">
550 |                         Premium
551 |                     </li>
552 |                     <li class="pricing-desc">
553 |                         Lorem ipsum dolor sit amet, illum fastidii dissentias quo ne. Sea ne sint animal iisque, nam an soluta sensibus.
554 |                     </li>
555 |                     <li class="pricing-price">
556 |                         <span>$160</span> / month
557 |                     </li>
558 |                     <li>
559 |                         Dashboards
560 |                     </li>
561 |                     <li>
562 |                         Projects view
563 |                     </li>
564 |                     <li>
565 |                         Contacts
566 |                     </li>
567 |                     <li>
568 |                         Calendar
569 |                     </li>
570 |                     <li>
571 |                         AngularJs
572 |                     </li>
573 |                     <li>
574 |                         <a class="btn btn-primary btn-xs" href="#">Signup</a>
575 |                     </li>
576 |                 </ul>
577 |             </div>
578 |         </div>
579 |         <div class="row m-t-lg">
580 |             <div class="col-lg-8 col-lg-offset-2 text-center m-t-lg">
581 |                 <p>*Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. <span class="navy">Various versions</span>  have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
582 |             </div>
583 |         </div>
584 |     </div>
585 | 
586 | </section>
587 | 
588 | <section id="contact" class="gray-section contact">
589 |     <div class="container">
590 |         <div class="row m-b-lg">
591 |             <div class="col-lg-12 text-center">
592 |                 <div class="navy-line"></div>
593 |                 <h1>Contact Us</h1>
594 |                 <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod.</p>
595 |             </div>
596 |         </div>
597 |         <div class="row m-b-lg">
598 |             <div class="col-lg-3 col-lg-offset-3">
599 |                 <address>
600 |                     <strong><span class="navy">Company name, Inc.</span></strong><br/>
601 |                     795 Folsom Ave, Suite 600<br/>
602 |                     San Francisco, CA 94107<br/>
603 |                     <abbr title="Phone">P:</abbr> (123) 456-7890
604 |                 </address>
605 |             </div>
606 |             <div class="col-lg-4">
607 |                 <p class="text-color">
608 |                     Consectetur adipisicing elit. Aut eaque, totam corporis laboriosam veritatis quis ad perspiciatis, totam corporis laboriosam veritatis, consectetur adipisicing elit quos non quis ad perspiciatis, totam corporis ea,
609 |                 </p>
610 |             </div>
611 |         </div>
612 |         <div class="row">
613 |             <div class="col-lg-12 text-center">
614 |                 <a href="mailto:test@email.com" class="btn btn-primary">Send us mail</a>
615 |                 <p class="m-t-sm">
616 |                     Or follow us on social platform
617 |                 </p>
618 |                 <ul class="list-inline social-icon">
619 |                     <li><a href="#"><i class="fa fa-twitter"></i></a>
620 |                     </li>
621 |                     <li><a href="#"><i class="fa fa-facebook"></i></a>
622 |                     </li>
623 |                     <li><a href="#"><i class="fa fa-linkedin"></i></a>
624 |                     </li>
625 |                 </ul>
626 |             </div>
627 |         </div>
628 |         <div class="row">
629 |             <div class="col-lg-8 col-lg-offset-2 text-center m-t-lg m-b-lg">
630 |                 <p><strong>&copy; 2015 Company Name</strong><br/> consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
631 |             </div>
632 |         </div>
633 |     </div>
634 | </section>
635 | 
636 | <script src="js/jquery-2.1.1.js"></script>
637 | <script src="js/pace.min.js"></script>
638 | <script src="js/bootstrap.min.js"></script>
639 | <script src="js/classie.js"></script>
640 | <script src="js/cbpAnimatedHeader.js"></script>
641 | <script src="js/wow.min.js"></script>
642 | <script src="js/inspinia.js"></script>
643 | </body>
644 | </html>
645 | 


--------------------------------------------------------------------------------