├── .editorconfig ├── .gitignore ├── CHANGELOG.md ├── LICENSE ├── README.md ├── app ├── css │ ├── docs.css │ ├── flat-ui.css │ └── vendor │ │ ├── bootstrap.min.css │ │ └── bootstrap.min.css.map ├── favicon.ico ├── fonts │ ├── glyphicons │ │ ├── flat-ui-pro-icons-regular.eot │ │ ├── flat-ui-pro-icons-regular.svg │ │ ├── flat-ui-pro-icons-regular.ttf │ │ ├── flat-ui-pro-icons-regular.woff │ │ └── selection.json │ └── lato │ │ ├── lato-black.eot │ │ ├── lato-black.svg │ │ ├── lato-black.ttf │ │ ├── lato-black.woff │ │ ├── lato-bold.eot │ │ ├── lato-bold.svg │ │ ├── lato-bold.ttf │ │ ├── lato-bold.woff │ │ ├── lato-bolditalic.eot │ │ ├── lato-bolditalic.svg │ │ ├── lato-bolditalic.ttf │ │ ├── lato-bolditalic.woff │ │ ├── lato-italic.eot │ │ ├── lato-italic.svg │ │ ├── lato-italic.ttf │ │ ├── lato-italic.woff │ │ ├── lato-light.eot │ │ ├── lato-light.svg │ │ ├── lato-light.ttf │ │ ├── lato-light.woff │ │ ├── lato-regular.eot │ │ ├── lato-regular.svg │ │ ├── lato-regular.ttf │ │ └── lato-regular.woff ├── images │ ├── carousel │ │ ├── image-01.jpg │ │ ├── image-02.jpg │ │ └── image-03.jpg │ ├── exaple-image.jpg │ ├── icons │ │ ├── android.svg │ │ ├── android1.svg │ │ ├── app-store.svg │ │ ├── arrow.svg │ │ ├── art.svg │ │ ├── bag.svg │ │ ├── basket.svg │ │ ├── book.svg │ │ ├── bowling.svg │ │ ├── box.svg │ │ ├── brush.svg │ │ ├── building.svg │ │ ├── bulb.svg │ │ ├── button.svg │ │ ├── calculator.svg │ │ ├── calendar.svg │ │ ├── camera.svg │ │ ├── car.svg │ │ ├── card.svg │ │ ├── chair.svg │ │ ├── chat.svg │ │ ├── clipboard.svg │ │ ├── clocks.svg │ │ ├── compas.svg │ │ ├── converse.svg │ │ ├── cup.svg │ │ ├── dj.svg │ │ ├── donut.svg │ │ ├── dude.svg │ │ ├── dynamite.svg │ │ ├── earth.svg │ │ ├── egg.svg │ │ ├── eye.svg │ │ ├── file.svg │ │ ├── fit.svg │ │ ├── flag.svg │ │ ├── flask.svg │ │ ├── flower.svg │ │ ├── games.svg │ │ ├── gift-box.svg │ │ ├── girl.svg │ │ ├── goal.svg │ │ ├── google.svg │ │ ├── graph.svg │ │ ├── icecream.svg │ │ ├── imac.svg │ │ ├── ipad.svg │ │ ├── iphone.svg │ │ ├── key.svg │ │ ├── lettersymbol.svg │ │ ├── lock.svg │ │ ├── loop.svg │ │ ├── macbook.svg │ │ ├── magic.svg │ │ ├── magicmouse.svg │ │ ├── mail.svg │ │ ├── map.svg │ │ ├── medal.svg │ │ ├── mic.svg │ │ ├── money.svg │ │ ├── mortarboard.svg │ │ ├── mountain.svg │ │ ├── news.svg │ │ ├── paper-bag.svg │ │ ├── pc.svg │ │ ├── pencil.svg │ │ ├── pencils.svg │ │ ├── picture.svg │ │ ├── pig.svg │ │ ├── pills.svg │ │ ├── play.svg │ │ ├── printer.svg │ │ ├── responsive.svg │ │ ├── retina.svg │ │ ├── ribbon.svg │ │ ├── ring.svg │ │ ├── rocket.svg │ │ ├── rss.svg │ │ ├── safe.svg │ │ ├── save.svg │ │ ├── search.svg │ │ ├── settings.svg │ │ ├── shield.svg │ │ ├── shirt.svg │ │ ├── skateboard.svg │ │ ├── spray.svg │ │ ├── storage.svg │ │ ├── support.svg │ │ ├── ticket.svg │ │ ├── toilet-paper.svg │ │ ├── touch.svg │ │ ├── trash.svg │ │ ├── trip-bag.svg │ │ ├── trunk.svg │ │ ├── ubmrella.svg │ │ ├── user-interface.svg │ │ ├── video.svg │ │ ├── weather.svg │ │ ├── wi-fi.svg │ │ ├── wine.svg │ │ └── yinyang.svg │ ├── login │ │ ├── icon.png │ │ ├── imac-2x.png │ │ └── imac.png │ └── tile │ │ ├── ribbon-2x.png │ │ └── ribbon.png ├── index.html ├── scripts │ └── flat-ui.js └── styles │ ├── _mixins.scss │ ├── _variables.scss │ ├── flat-ui.scss │ ├── mixins │ ├── background-clip.scss │ ├── background-variant.scss │ ├── border-radius.scss │ ├── breakpoints.scss │ ├── buttons.scss │ ├── center-block.scss │ ├── clearfix.scss │ ├── forms.scss │ ├── gradients.scss │ ├── grid.scss │ ├── hide-text.scss │ ├── image.scss │ ├── nav-divider.scss │ ├── navbar-vertical-align.scss │ ├── opacity.scss │ ├── pagination.scss │ ├── palette.scss │ ├── reset-filter.scss │ ├── resize.scss │ ├── responsive-visibility.scss │ ├── select.scss │ ├── size.scss │ ├── switches.scss │ ├── tab-focus.scss │ ├── text-emphasis.scss │ ├── text-overflow.scss │ └── vendor-prefixes.scss │ └── modules │ ├── button-groups.scss │ ├── buttons.scss │ ├── code.scss │ ├── dropdowns.scss │ ├── footer.scss │ ├── forms.scss │ ├── glyphicons.scss │ ├── input-groups.scss │ ├── local-fonts.scss │ ├── login.scss │ ├── navbar.scss │ ├── pager.scss │ ├── pagination.scss │ ├── palette.scss │ ├── print.scss │ ├── progress-bars.scss │ ├── radiocheck.scss │ ├── scaffolding.scss │ ├── select.scss │ ├── share.scss │ ├── slider.scss │ ├── spaces.scss │ ├── switch.scss │ ├── tagsinput.scss │ ├── thumbnails.scss │ ├── tiles.scss │ ├── todo-list.scss │ ├── tooltip.scss │ ├── type.scss │ ├── typeahead.scss │ └── video.scss ├── bower.json ├── dist ├── css │ ├── flat-ui.css │ ├── flat-ui.min.css │ └── vendor │ │ └── bootstrap.min.css ├── favicon.ico ├── fonts │ ├── glyphicons │ │ ├── flat-ui-pro-icons-regular.eot │ │ ├── flat-ui-pro-icons-regular.svg │ │ ├── flat-ui-pro-icons-regular.ttf │ │ ├── flat-ui-pro-icons-regular.woff │ │ └── selection.json │ └── lato │ │ ├── lato-black.eot │ │ ├── lato-black.svg │ │ ├── lato-black.ttf │ │ ├── lato-black.woff │ │ ├── lato-bold.eot │ │ ├── lato-bold.svg │ │ ├── lato-bold.ttf │ │ ├── lato-bold.woff │ │ ├── lato-bolditalic.eot │ │ ├── lato-bolditalic.svg │ │ ├── lato-bolditalic.ttf │ │ ├── lato-bolditalic.woff │ │ ├── lato-italic.eot │ │ ├── lato-italic.svg │ │ ├── lato-italic.ttf │ │ ├── lato-italic.woff │ │ ├── lato-light.eot │ │ ├── lato-light.svg │ │ ├── lato-light.ttf │ │ ├── lato-light.woff │ │ ├── lato-regular.eot │ │ ├── lato-regular.svg │ │ ├── lato-regular.ttf │ │ └── lato-regular.woff ├── images │ ├── carousel │ │ ├── image-01.jpg │ │ ├── image-02.jpg │ │ └── image-03.jpg │ ├── exaple-image.jpg │ ├── icons │ │ ├── android.svg │ │ ├── android1.svg │ │ ├── app-store.svg │ │ ├── arrow.svg │ │ ├── art.svg │ │ ├── bag.svg │ │ ├── basket.svg │ │ ├── book.svg │ │ ├── bowling.svg │ │ ├── box.svg │ │ ├── brush.svg │ │ ├── building.svg │ │ ├── bulb.svg │ │ ├── button.svg │ │ ├── calculator.svg │ │ ├── calendar.svg │ │ ├── camera.svg │ │ ├── car.svg │ │ ├── card.svg │ │ ├── chair.svg │ │ ├── chat.svg │ │ ├── clipboard.svg │ │ ├── clocks.svg │ │ ├── compas.svg │ │ ├── converse.svg │ │ ├── cup.svg │ │ ├── dj.svg │ │ ├── donut.svg │ │ ├── dude.svg │ │ ├── dynamite.svg │ │ ├── earth.svg │ │ ├── egg.svg │ │ ├── eye.svg │ │ ├── file.svg │ │ ├── fit.svg │ │ ├── flag.svg │ │ ├── flask.svg │ │ ├── flower.svg │ │ ├── games.svg │ │ ├── gift-box.svg │ │ ├── girl.svg │ │ ├── goal.svg │ │ ├── google.svg │ │ ├── graph.svg │ │ ├── icecream.svg │ │ ├── imac.svg │ │ ├── ipad.svg │ │ ├── iphone.svg │ │ ├── key.svg │ │ ├── lettersymbol.svg │ │ ├── lock.svg │ │ ├── loop.svg │ │ ├── macbook.svg │ │ ├── magic.svg │ │ ├── magicmouse.svg │ │ ├── mail.svg │ │ ├── map.svg │ │ ├── medal.svg │ │ ├── mic.svg │ │ ├── money.svg │ │ ├── mortarboard.svg │ │ ├── mountain.svg │ │ ├── news.svg │ │ ├── paper-bag.svg │ │ ├── pc.svg │ │ ├── pencil.svg │ │ ├── pencils.svg │ │ ├── picture.svg │ │ ├── pig.svg │ │ ├── pills.svg │ │ ├── play.svg │ │ ├── printer.svg │ │ ├── responsive.svg │ │ ├── retina.svg │ │ ├── ribbon.svg │ │ ├── ring.svg │ │ ├── rocket.svg │ │ ├── rss.svg │ │ ├── safe.svg │ │ ├── save.svg │ │ ├── search.svg │ │ ├── settings.svg │ │ ├── shield.svg │ │ ├── shirt.svg │ │ ├── skateboard.svg │ │ ├── spray.svg │ │ ├── storage.svg │ │ ├── support.svg │ │ ├── ticket.svg │ │ ├── toilet-paper.svg │ │ ├── touch.svg │ │ ├── trash.svg │ │ ├── trip-bag.svg │ │ ├── trunk.svg │ │ ├── ubmrella.svg │ │ ├── user-interface.svg │ │ ├── video.svg │ │ ├── weather.svg │ │ ├── wi-fi.svg │ │ ├── wine.svg │ │ └── yinyang.svg │ ├── login │ │ ├── icon.png │ │ ├── imac-2x.png │ │ └── imac.png │ ├── tile │ │ ├── ribbon-2x.png │ │ └── ribbon.png │ └── video │ │ └── poster.jpg ├── index.html └── scripts │ ├── application.js │ ├── flat-ui.js │ └── flat-ui.min.js ├── docs ├── assets │ ├── css │ │ ├── demo.css │ │ ├── demo.css.map │ │ ├── docs.css │ │ ├── docs.css.map │ │ └── src │ │ │ ├── docs.less │ │ │ └── prettyprint.less │ ├── images │ │ ├── carousel │ │ │ ├── image-01.jpg │ │ │ ├── image-02.jpg │ │ │ └── image-03.jpg │ │ ├── demo │ │ │ ├── browser-2x.png │ │ │ ├── browser-author.jpg │ │ │ ├── browser-pic-1.jpg │ │ │ ├── browser-pic-2.jpg │ │ │ ├── browser-pic-3.jpg │ │ │ ├── browser-pic-4.jpg │ │ │ ├── browser-pic-5.jpg │ │ │ ├── browser-pic-6.jpg │ │ │ ├── browser.png │ │ │ ├── html-icon.png │ │ │ ├── logo-mask-2x.png │ │ │ ├── logo-mask.png │ │ │ ├── logo.png │ │ │ └── video.jpg │ │ ├── example-image.jpg │ │ ├── getting-started │ │ │ └── icomoon_import.jpg │ │ ├── icons │ │ │ ├── android.svg │ │ │ ├── android1.svg │ │ │ ├── app-store.svg │ │ │ ├── arrow.svg │ │ │ ├── art.svg │ │ │ ├── bag.svg │ │ │ ├── basket.svg │ │ │ ├── book.svg │ │ │ ├── bowling.svg │ │ │ ├── box.svg │ │ │ ├── brush.svg │ │ │ ├── building.svg │ │ │ ├── bulb.svg │ │ │ ├── button.svg │ │ │ ├── calculator.svg │ │ │ ├── calendar.svg │ │ │ ├── camera.svg │ │ │ ├── car.svg │ │ │ ├── card.svg │ │ │ ├── chair.svg │ │ │ ├── chat.svg │ │ │ ├── clipboard.svg │ │ │ ├── clocks.svg │ │ │ ├── compas.svg │ │ │ ├── converse.svg │ │ │ ├── cup.svg │ │ │ ├── dj.svg │ │ │ ├── donut.svg │ │ │ ├── dude.svg │ │ │ ├── dynamite.svg │ │ │ ├── earth.svg │ │ │ ├── egg.svg │ │ │ ├── eye.svg │ │ │ ├── file.svg │ │ │ ├── fit.svg │ │ │ ├── flag.svg │ │ │ ├── flask.svg │ │ │ ├── flower.svg │ │ │ ├── games.svg │ │ │ ├── gift-box.svg │ │ │ ├── girl.svg │ │ │ ├── goal.svg │ │ │ ├── google.svg │ │ │ ├── graph.svg │ │ │ ├── icecream.svg │ │ │ ├── imac.svg │ │ │ ├── ipad.svg │ │ │ ├── iphone.svg │ │ │ ├── key.svg │ │ │ ├── lettersymbol.svg │ │ │ ├── lock.svg │ │ │ ├── loop.svg │ │ │ ├── macbook.svg │ │ │ ├── magic.svg │ │ │ ├── magicmouse.svg │ │ │ ├── mail.svg │ │ │ ├── map.svg │ │ │ ├── medal.svg │ │ │ ├── mic.svg │ │ │ ├── money.svg │ │ │ ├── mortarboard.svg │ │ │ ├── mountain.svg │ │ │ ├── news.svg │ │ │ ├── paper-bag.svg │ │ │ ├── pc.svg │ │ │ ├── pencil.svg │ │ │ ├── pencils.svg │ │ │ ├── picture.svg │ │ │ ├── pig.svg │ │ │ ├── pills.svg │ │ │ ├── play.svg │ │ │ ├── printer.svg │ │ │ ├── responsive.svg │ │ │ ├── retina.svg │ │ │ ├── ribbon.svg │ │ │ ├── ring.svg │ │ │ ├── rocket.svg │ │ │ ├── rss.svg │ │ │ ├── safe.svg │ │ │ ├── save.svg │ │ │ ├── search.svg │ │ │ ├── settings.svg │ │ │ ├── shield.svg │ │ │ ├── shirt.svg │ │ │ ├── skateboard.svg │ │ │ ├── spray.svg │ │ │ ├── storage.svg │ │ │ ├── support.svg │ │ │ ├── ticket.svg │ │ │ ├── toilet-paper.svg │ │ │ ├── touch.svg │ │ │ ├── trash.svg │ │ │ ├── trip-bag.svg │ │ │ ├── trunk.svg │ │ │ ├── ubmrella.svg │ │ │ ├── user-interface.svg │ │ │ ├── video.svg │ │ │ ├── weather.svg │ │ │ ├── wi-fi.svg │ │ │ ├── wine.svg │ │ │ └── yinyang.svg │ │ ├── login │ │ │ ├── icon.png │ │ │ ├── imac-2x.png │ │ │ └── imac.png │ │ ├── tile │ │ │ ├── ribbon-2x.png │ │ │ └── ribbon.png │ │ └── video │ │ │ └── poster.jpg │ └── js │ │ ├── application.js │ │ └── prettify.js ├── components.html ├── examples │ ├── buttons.html │ ├── dropdowns.html │ ├── fileinput.html │ ├── forms.html │ ├── navbar-fixed-top.html │ ├── navbar-static-top.html │ ├── navbars-with-elements.html │ ├── pagination.html │ ├── radiocheck.html │ ├── select.html │ ├── switches.html │ ├── tagsinput.html │ ├── thumbnails.html │ ├── tiles.html │ ├── timepicker.html │ ├── todo-list.html │ ├── typography.html │ └── vertical-slider.html ├── favicon.ico ├── getting-started.html └── template.html ├── gulpfile.js ├── index.html ├── package-lock.json ├── package.json └── readme license.txt /.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | 3 | root = true 4 | 5 | [*] 6 | indent_style = space 7 | indent_size = 2 8 | end_of_line = lf 9 | charset = utf-8 10 | trim_trailing_whitespace = true 11 | insert_final_newline = true 12 | 13 | [*.py] 14 | indent_size = 4 -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Ignore docs files 2 | _gh_pages 3 | _site 4 | .ruby-version 5 | 6 | # Numerous always-ignore extensions 7 | *.diff 8 | *.err 9 | *.orig 10 | *.log 11 | *.rej 12 | *.swo 13 | *.swp 14 | *.zip 15 | *.vi 16 | *~ 17 | 18 | # OS or Editor folders 19 | .DS_Store 20 | ._* 21 | Thumbs.db 22 | .cache 23 | .project 24 | .settings 25 | .tmproj 26 | *.esproj 27 | nbproject 28 | *.sublime-project 29 | *.sublime-workspace 30 | .idea 31 | .local 32 | .tmp 33 | ehthumbs.db 34 | Desktop.ini 35 | $RECYCLE.BIN/ 36 | .AppleDouble 37 | .LSOverride 38 | Icon 39 | .Spotlight-V100 40 | .Trashes 41 | node_server.js 42 | 43 | # Komodo 44 | *.komodoproject 45 | .komodotools 46 | 47 | 48 | # Folders to ignore 49 | node_modules 50 | bower_components 51 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Copyright (c) 2013-2018 Designmodo 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining a 4 | copy of this software and associated documentation files (the "Software"), 5 | to deal in the Software without restriction, including without limitation 6 | the rights to use, copy, modify, merge, publish, distribute, sublicense, 7 | and/or sell copies of the Software, and to permit persons to whom the 8 | Software is furnished to do so, subject to the following conditions: 9 | 10 | The above copyright notice and this permission notice shall be included in 11 | all copies or substantial portions of the Software. 12 | 13 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS 14 | OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 15 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 16 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 17 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 18 | FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 19 | DEALINGS IN THE SOFTWARE. 20 | -------------------------------------------------------------------------------- /app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/favicon.ico -------------------------------------------------------------------------------- /app/fonts/glyphicons/flat-ui-pro-icons-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/glyphicons/flat-ui-pro-icons-regular.eot -------------------------------------------------------------------------------- /app/fonts/glyphicons/flat-ui-pro-icons-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/glyphicons/flat-ui-pro-icons-regular.ttf -------------------------------------------------------------------------------- /app/fonts/glyphicons/flat-ui-pro-icons-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/glyphicons/flat-ui-pro-icons-regular.woff -------------------------------------------------------------------------------- /app/fonts/lato/lato-black.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-black.eot -------------------------------------------------------------------------------- /app/fonts/lato/lato-black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-black.ttf -------------------------------------------------------------------------------- /app/fonts/lato/lato-black.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-black.woff -------------------------------------------------------------------------------- /app/fonts/lato/lato-bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-bold.eot -------------------------------------------------------------------------------- /app/fonts/lato/lato-bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-bold.ttf -------------------------------------------------------------------------------- /app/fonts/lato/lato-bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-bold.woff -------------------------------------------------------------------------------- /app/fonts/lato/lato-bolditalic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-bolditalic.eot -------------------------------------------------------------------------------- /app/fonts/lato/lato-bolditalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-bolditalic.ttf -------------------------------------------------------------------------------- /app/fonts/lato/lato-bolditalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-bolditalic.woff -------------------------------------------------------------------------------- /app/fonts/lato/lato-italic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-italic.eot -------------------------------------------------------------------------------- /app/fonts/lato/lato-italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-italic.ttf -------------------------------------------------------------------------------- /app/fonts/lato/lato-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-italic.woff -------------------------------------------------------------------------------- /app/fonts/lato/lato-light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-light.eot -------------------------------------------------------------------------------- /app/fonts/lato/lato-light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-light.ttf -------------------------------------------------------------------------------- /app/fonts/lato/lato-light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-light.woff -------------------------------------------------------------------------------- /app/fonts/lato/lato-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-regular.eot -------------------------------------------------------------------------------- /app/fonts/lato/lato-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-regular.ttf -------------------------------------------------------------------------------- /app/fonts/lato/lato-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/fonts/lato/lato-regular.woff -------------------------------------------------------------------------------- /app/images/carousel/image-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/images/carousel/image-01.jpg -------------------------------------------------------------------------------- /app/images/carousel/image-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/images/carousel/image-02.jpg -------------------------------------------------------------------------------- /app/images/carousel/image-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/images/carousel/image-03.jpg -------------------------------------------------------------------------------- /app/images/exaple-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/images/exaple-image.jpg -------------------------------------------------------------------------------- /app/images/icons/android.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/android1.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/arrow.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/book.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/box.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/camera.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/card.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/chair.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/chat.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/clocks.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /app/images/icons/dude.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/egg.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/eye.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/file.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/fit.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/flag.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/flower.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/girl.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/goal.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/google.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/graph.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/icecream.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/imac.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/ipad.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/iphone.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/lock.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/loop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/images/icons/macbook.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/magic.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/magicmouse.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/mail.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/map.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/medal.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/paper-bag.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/pc.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/pencil.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/pills.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/printer.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/responsive.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/ring.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/save.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/search.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/shield.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/shirt.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/spray.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/storage.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/toilet-paper.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/touch.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/ubmrella.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/user-interface.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/icons/yinyang.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/images/login/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/images/login/icon.png -------------------------------------------------------------------------------- /app/images/login/imac-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/images/login/imac-2x.png -------------------------------------------------------------------------------- /app/images/login/imac.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/images/login/imac.png -------------------------------------------------------------------------------- /app/images/tile/ribbon-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/images/tile/ribbon-2x.png -------------------------------------------------------------------------------- /app/images/tile/ribbon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/app/images/tile/ribbon.png -------------------------------------------------------------------------------- /app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Flat UI Template 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 |

Hello, world!

19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /app/styles/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------------------------------- 3 | 4 | // Utilities 5 | @import "mixins/hide-text.scss"; 6 | @import "mixins/opacity.scss"; 7 | @import "mixins/image.scss"; 8 | @import "mixins/reset-filter.scss"; 9 | @import "mixins/resize.scss"; 10 | @import "mixins/responsive-visibility.scss"; 11 | @import "mixins/size.scss"; 12 | @import "mixins/tab-focus.scss"; 13 | @import "mixins/text-emphasis.scss"; 14 | @import "mixins/text-overflow.scss"; 15 | @import "mixins/vendor-prefixes.scss"; 16 | @import "mixins/background-clip.scss"; 17 | @import "mixins/breakpoints.scss"; 18 | 19 | // Components 20 | @import "mixins/buttons.scss"; 21 | @import "mixins/select.scss"; 22 | @import "mixins/pagination.scss"; 23 | @import "mixins/nav-divider.scss"; 24 | @import "mixins/forms.scss"; 25 | @import "mixins/switches.scss"; 26 | 27 | // Skins 28 | @import "mixins/background-variant.scss"; 29 | @import "mixins/border-radius.scss"; 30 | @import "mixins/gradients.scss"; 31 | 32 | // Layout 33 | @import "mixins/clearfix.scss"; 34 | @import "mixins/center-block.scss"; 35 | @import "mixins/navbar-vertical-align.scss"; 36 | @import "mixins/grid.scss"; 37 | -------------------------------------------------------------------------------- /app/styles/flat-ui.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Flat UI Pro main stylesheet that aggregates all modules 3 | // -------------------------------------------------- 4 | 5 | // Loading config with variables (changing them leads to changing a color scheme) 6 | @import "variables"; 7 | 8 | // Utility mixins for greater good 9 | @import "mixins"; 10 | 11 | // Loading custom fonts 12 | //@import url("https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,400italic,300"); 13 | @import "modules/local-fonts"; 14 | @import "modules/glyphicons"; 15 | 16 | // Modules 17 | @import "modules/scaffolding"; 18 | @import "modules/type"; 19 | @import "modules/code"; 20 | @import "modules/thumbnails"; 21 | @import "modules/buttons"; 22 | @import "modules/button-groups"; 23 | @import "modules/forms"; 24 | @import "modules/input-groups"; 25 | @import "modules/radiocheck"; 26 | @import "modules/tagsinput"; 27 | @import "modules/typeahead"; 28 | @import "modules/progress-bars"; 29 | @import "modules/slider"; 30 | @import "modules/pager"; 31 | @import "modules/pagination"; 32 | @import "modules/tooltip"; 33 | @import "modules/dropdowns"; 34 | @import "modules/select"; 35 | @import "modules/navbar"; 36 | @import "modules/tiles"; 37 | @import "modules/switch"; 38 | @import "modules/video"; 39 | @import "modules/todo-list"; 40 | @import "modules/login"; 41 | @import "modules/palette"; 42 | @import "modules/share"; 43 | @import "modules/footer"; 44 | 45 | // Spaces 46 | @import "modules/spaces"; 47 | 48 | //Print styles 49 | @import "modules/print"; 50 | -------------------------------------------------------------------------------- /app/styles/mixins/background-clip.scss: -------------------------------------------------------------------------------- 1 | // Background clip 2 | @mixin background-clip($clip: border-box) { 3 | -webkit-background-clip: $clip; 4 | -moz-background-clip: $clip; 5 | background-clip: $clip; 6 | } -------------------------------------------------------------------------------- /app/styles/mixins/background-variant.scss: -------------------------------------------------------------------------------- 1 | // Contextual backgrounds 2 | 3 | @mixin bg-variant($color) { 4 | background-color: $color; 5 | 6 | @at-root a#{&}:hover { 7 | background-color: darken($color, 10%); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /app/styles/mixins/border-radius.scss: -------------------------------------------------------------------------------- 1 | // Single side border-radius 2 | 3 | @mixin border-top-radius($radius) { 4 | border-top-right-radius: $radius; 5 | border-top-left-radius: $radius; 6 | } 7 | @mixin border-right-radius($radius) { 8 | border-bottom-right-radius: $radius; 9 | border-top-right-radius: $radius; 10 | } 11 | @mixin border-bottom-radius($radius) { 12 | border-bottom-right-radius: $radius; 13 | border-bottom-left-radius: $radius; 14 | } 15 | @mixin border-left-radius($radius) { 16 | border-bottom-left-radius: $radius; 17 | border-top-left-radius: $radius; 18 | } 19 | -------------------------------------------------------------------------------- /app/styles/mixins/center-block.scss: -------------------------------------------------------------------------------- 1 | // Center-align a block level element 2 | 3 | @mixin center-block() { 4 | display: block; 5 | margin-left: auto; 6 | margin-right: auto; 7 | } 8 | -------------------------------------------------------------------------------- /app/styles/mixins/clearfix.scss: -------------------------------------------------------------------------------- 1 | // Clearfix 2 | // 3 | // For modern browsers 4 | // 1. The space content is one way to avoid an Opera bug when the 5 | // contenteditable attribute is included anywhere else in the document. 6 | // Otherwise it causes space to appear at the top and bottom of elements 7 | // that are clearfixed. 8 | // 2. The use of `table` rather than `block` is only necessary if using 9 | // `:before` to contain the top-margins of child elements. 10 | // 11 | // Source: http://nicolasgallagher.com/micro-clearfix-hack/ 12 | 13 | @mixin clearfix() { 14 | &:before, 15 | &:after { 16 | content: " "; // 1 17 | display: table; // 2 18 | } 19 | &:after { 20 | clear: both; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /app/styles/mixins/hide-text.scss: -------------------------------------------------------------------------------- 1 | // CSS image replacement 2 | // 3 | // Heads up! v3 launched with with only `.hide-text()`, but per our pattern for 4 | // mixins being reused as classes with the same name, this doesn't hold up. As 5 | // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. 6 | // 7 | // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 8 | 9 | // Deprecated as of v3.0.1 (will be removed in v4) 10 | @mixin hide-text() { 11 | font: "0/0" a; 12 | color: transparent; 13 | text-shadow: none; 14 | background-color: transparent; 15 | border: 0; 16 | } 17 | 18 | // New mixin to use as of v3.0.1 19 | @mixin text-hide() { 20 | @include hide-text(); 21 | } 22 | -------------------------------------------------------------------------------- /app/styles/mixins/image.scss: -------------------------------------------------------------------------------- 1 | // Image Mixins 2 | // - Responsive image 3 | // - Retina image 4 | 5 | 6 | // Responsive image 7 | // 8 | // Keep images from scaling beyond the width of their parents. 9 | @mixin img-responsive($display: block) { 10 | display: $display; 11 | max-width: 100%; // Part 1: Set a maximum relative to the parent 12 | height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching 13 | } 14 | 15 | 16 | // Retina image 17 | // 18 | // Short retina mixin for setting background-image and -size. Note that the 19 | // spelling of `min--moz-device-pixel-ratio` is intentional. 20 | @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) { 21 | background-image: url("#{$file-1x}"); 22 | 23 | @media 24 | only screen and (-webkit-min-device-pixel-ratio: 2), 25 | only screen and ( min--moz-device-pixel-ratio: 2), 26 | only screen and ( -o-min-device-pixel-ratio: 2/1), 27 | only screen and ( min-device-pixel-ratio: 2), 28 | only screen and ( min-resolution: 192dpi), 29 | only screen and ( min-resolution: 2dppx) { 30 | background-image: url("#{$file-2x}"); 31 | background-size: $width-1x $height-1x; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /app/styles/mixins/nav-divider.scss: -------------------------------------------------------------------------------- 1 | // Horizontal dividers 2 | // 3 | // Dividers (basically an hr) within dropdowns and nav lists 4 | 5 | @mixin nav-divider($color: #e5e5e5) { 6 | height: 2px; 7 | margin: 3px 0; 8 | overflow: hidden; 9 | background-color: $color; 10 | } 11 | -------------------------------------------------------------------------------- /app/styles/mixins/navbar-vertical-align.scss: -------------------------------------------------------------------------------- 1 | // Navbar vertical align 2 | // ------------------------- 3 | // Vertically center elements in the navbar. 4 | // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. 5 | 6 | @mixin navbar-vertical-align($element-height, $navbar-height: $navbar-height-base) { 7 | padding-top: (($navbar-height - $element-height) / 2); 8 | padding-bottom: (($navbar-height - $element-height) / 2); 9 | } 10 | -------------------------------------------------------------------------------- /app/styles/mixins/opacity.scss: -------------------------------------------------------------------------------- 1 | // Opacity 2 | 3 | @mixin opacity($opacity) { 4 | opacity: $opacity; 5 | // IE8 filter 6 | $opacity-ie: ($opacity * 100); 7 | filter: "alpha(opacity=#{$opacity-ie})"; 8 | } 9 | -------------------------------------------------------------------------------- /app/styles/mixins/pagination.scss: -------------------------------------------------------------------------------- 1 | // Pagination variants 2 | 3 | @mixin pagination-variant($color, $hover, $active) { 4 | ul { 5 | background-color: $color; 6 | 7 | li { 8 | &.previous { 9 | > a { 10 | border-right-color: mix($color, white, 66%); 11 | } 12 | } 13 | > a, > span { 14 | border-left-color: mix($color, white, 66%); 15 | 16 | &:hover, &:focus { 17 | background-color: $hover; 18 | } 19 | &:active { 20 | background-color: $active; 21 | } 22 | } 23 | &.active { 24 | > a, > span { 25 | background-color: $active; 26 | } 27 | } 28 | } 29 | } 30 | } -------------------------------------------------------------------------------- /app/styles/mixins/palette.scss: -------------------------------------------------------------------------------- 1 | // Pallet color variants 2 | // 3 | 4 | @mixin pallet-variant($first-color, $second-color){ 5 | .palette-${first-color} { 6 | background-color: #{"${${first-color}}"}; 7 | } 8 | .palette-${second-color} { 9 | background-color: #{"${${second-color}}"}; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /app/styles/mixins/reset-filter.scss: -------------------------------------------------------------------------------- 1 | // Reset filters for IE 2 | // 3 | // When you need to remove a gradient background, do not forget to use this to reset 4 | // the IE filter for IE9 and below. 5 | 6 | @mixin reset-filter() { 7 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); 8 | } 9 | -------------------------------------------------------------------------------- /app/styles/mixins/resize.scss: -------------------------------------------------------------------------------- 1 | // Resize anything 2 | 3 | @mixin resizable($direction) { 4 | resize: $direction; // Options: horizontal, vertical, both 5 | overflow: auto; // Safari fix 6 | } 7 | -------------------------------------------------------------------------------- /app/styles/mixins/responsive-visibility.scss: -------------------------------------------------------------------------------- 1 | // Responsive utilities 2 | 3 | // 4 | // More easily include all the states for responsive-utilities.scss. 5 | @mixin responsive-visibility() { 6 | display: block !important; 7 | // table& { display: table; } 8 | // tr& { display: table-row !important; } 9 | // th&, 10 | // td& { display: table-cell !important; } 11 | } 12 | 13 | @mixin responsive-invisibility() { 14 | display: none !important; 15 | } 16 | -------------------------------------------------------------------------------- /app/styles/mixins/size.scss: -------------------------------------------------------------------------------- 1 | // Sizing shortcuts 2 | 3 | @mixin size($width, $height) { 4 | width: $width; 5 | height: $height; 6 | } 7 | 8 | // @mixin square($size) { 9 | // .size($size; $size); 10 | // } 11 | -------------------------------------------------------------------------------- /app/styles/mixins/switches.scss: -------------------------------------------------------------------------------- 1 | // Switch variants 2 | 3 | @mixin switch-variant($handle-color, $handle-bg, $label-border, $label-bg) { 4 | color: $handle-color; 5 | background-color: $handle-bg; 6 | 7 | // second handler "label" 8 | ~ .#{$switch-name}-handle-off:before { 9 | background-color: $label-bg; 10 | border-color: $label-border; 11 | } 12 | 13 | // second handler inset shadow 14 | .#{$switch-name}-on & { 15 | ~ .#{$switch-name}-handle-off { 16 | box-shadow: inset 16px 0 0 $handle-bg; 17 | } 18 | } 19 | } 20 | 21 | // Switch handle-off variant 22 | @mixin switch-handle-off-variant($handle-name, $handle-border, $handle-bg) { 23 | // second heandler outset shadow 24 | & ~ .#{$switch-name}-handle-off.#{$switch-name}-#{$handle-name} { 25 | box-shadow: "inset 0 0 transparent, -16px 0 0 #{$handle-border}"; 26 | } 27 | // second heandler "label" 28 | ~ .#{$switch-name}-handle-off.#{$switch-name}-#{$handle-name}:before { 29 | border-color: $handle-border; 30 | background-color: $handle-bg; 31 | } 32 | } -------------------------------------------------------------------------------- /app/styles/mixins/tab-focus.scss: -------------------------------------------------------------------------------- 1 | // WebKit-style focus 2 | 3 | @mixin tab-focus() { 4 | // Default 5 | outline: thin dotted; 6 | // WebKit 7 | outline: 5px auto -webkit-focus-ring-color; 8 | outline-offset: -2px; 9 | } 10 | -------------------------------------------------------------------------------- /app/styles/mixins/text-emphasis.scss: -------------------------------------------------------------------------------- 1 | // Typography 2 | 3 | @mixin text-emphasis-variant($color) { 4 | color: $color !important; 5 | @at-root a#{&}:hover { 6 | color: darken($color, 10%); 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /app/styles/mixins/text-overflow.scss: -------------------------------------------------------------------------------- 1 | // Text overflow 2 | // Requires inline-block or block for proper styling 3 | 4 | @mixin text-overflow() { 5 | overflow: hidden; 6 | text-overflow: ellipsis; 7 | white-space: nowrap; 8 | } 9 | -------------------------------------------------------------------------------- /app/styles/modules/code.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Code (inline and blocK) 3 | // -------------------------------------------------- 4 | 5 | 6 | // Inline and block code styles 7 | code, 8 | kbd, 9 | pre, 10 | samp { 11 | font-family: $font-family-monospace; 12 | } 13 | 14 | // Inline code 15 | code { 16 | padding: 2px 6px; 17 | font-size: 85%; 18 | color: $code-color; 19 | background-color: $code-bg; 20 | border-radius: $border-radius-base; 21 | } 22 | 23 | // User input typically entered via keyboard 24 | kbd { 25 | padding: 2px 6px; 26 | font-size: 85%; 27 | color: $kbd-color; 28 | background-color: $kbd-bg; 29 | border-radius: $border-radius-base; 30 | box-shadow: none; 31 | } 32 | 33 | // Blocks of code 34 | pre { 35 | padding: (($line-height-computed - 6) / 3); 36 | margin: 0 0 ($line-height-computed / 2); 37 | font-size: ($font-size-base - 5); // 18px to 13px 38 | line-height: $line-height-base; 39 | color: $pre-color; 40 | background-color: $pre-bg; 41 | border: 2px solid $pre-border-color; 42 | border-radius: $pre-border-radius; 43 | white-space: pre; 44 | } 45 | 46 | // Enable scrollable blocks of code 47 | .pre-scrollable { 48 | max-height: $pre-scrollable-max-height; 49 | } -------------------------------------------------------------------------------- /app/styles/modules/pager.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Pager 3 | // -------------------------------------------------- 4 | 5 | .pager { 6 | background-color: $pager-bg; 7 | border-radius: $pager-border-radius; 8 | color: $pager-color; 9 | font-size: 16px; 10 | font-weight: 700; 11 | display: inline-block; 12 | padding-left: 0; 13 | margin: 20px 0; 14 | text-align: center; 15 | list-style: none; 16 | 17 | li { 18 | display: inline; 19 | 20 | &:first-child { 21 | > a, 22 | > span { 23 | border-left: none; 24 | border-radius: $pager-border-radius 0 0 $pager-border-radius; 25 | } 26 | } 27 | 28 | > a, 29 | > span { 30 | display: inline-block; 31 | background: none; 32 | border: none; 33 | border-left: 2px solid mix($brand-primary, black, 85%); 34 | color: $inverse; 35 | padding: $pager-padding; 36 | text-decoration: none; 37 | white-space: nowrap; 38 | border-radius: 0 $pager-border-radius $pager-border-radius 0; 39 | line-height: 1.313; 40 | 41 | &:hover, 42 | &:focus { 43 | background-color: $pager-hover-bg; 44 | } 45 | &:active { 46 | background-color: $pager-active-bg; 47 | } 48 | 49 | // Add some spacing between the icon and text 50 | [class*="fui-"] + span { 51 | margin-left: 8px; 52 | } 53 | span + [class*="fui-"] { 54 | margin-left: 8px; 55 | } 56 | } 57 | } 58 | } 59 | -------------------------------------------------------------------------------- /app/styles/modules/progress-bars.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Progress bars 3 | // -------------------------------------------------- 4 | 5 | // Outer container 6 | .progress { 7 | background: mix($brand-primary, white, 10%); 8 | border-radius: 32px; 9 | height: $progress-height; 10 | box-shadow: none; 11 | } 12 | 13 | // Bar of progress 14 | .progress-bar { 15 | background: $brand-secondary; 16 | line-height: $progress-height; 17 | box-shadow: none; 18 | } 19 | 20 | // Variations 21 | // ------------------------- 22 | 23 | .progress-bar-success { 24 | background-color: $brand-success; 25 | } 26 | .progress-bar-warning { 27 | background-color: $brand-warning; 28 | } 29 | .progress-bar-danger { 30 | background-color: $brand-danger; 31 | } 32 | .progress-bar-info { 33 | background-color: $brand-info; 34 | } -------------------------------------------------------------------------------- /app/styles/modules/share.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Sharing box 3 | // -------------------------------------------------- 4 | 5 | // Module color variable 6 | $share-color: mix($brand-primary, $inverse, 8%); 7 | 8 | .share { 9 | background-color: $share-color; 10 | position: relative; 11 | border-radius: $border-radius-large; 12 | 13 | ul { 14 | list-style-type: none; 15 | margin: 0; 16 | padding: 15px; 17 | } 18 | li { 19 | font-size: $component-font-size-base; 20 | line-height: 1.4; 21 | padding-top: 11px; 22 | @include clearfix(); 23 | 24 | &:first-child { 25 | padding-top: 0; 26 | } 27 | } 28 | .toggle { 29 | float: right; 30 | margin: 0; 31 | } 32 | .btn { 33 | @include border-top-radius(0); 34 | } 35 | } 36 | 37 | .share-label { 38 | float: left; 39 | font-size: 15px; 40 | line-height: 1.4; 41 | padding-top: 5px; 42 | width: 50%; 43 | } 44 | -------------------------------------------------------------------------------- /app/styles/modules/thumbnails.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Thumbnails 3 | // -------------------------------------------------- 4 | 5 | 6 | // Mixin and adjust the regular image class 7 | .thumbnail { 8 | display: block; 9 | padding: $thumbnail-padding; 10 | margin-bottom: 5px; 11 | line-height: $line-height-base; 12 | background-color: $thumbnail-bg; 13 | border: 2px solid $thumbnail-border; 14 | border-radius: $thumbnail-border-radius; 15 | transition: border .25s ease-in-out; 16 | 17 | > img, 18 | a > img { 19 | @include img-responsive(); 20 | margin-left: auto; 21 | margin-right: auto; 22 | } 23 | 24 | // Add a hover state for linked versions only 25 | a { 26 | &:hover, 27 | &:focus, 28 | &.active { 29 | border-color: $link-color; 30 | } 31 | } 32 | 33 | // Image captions 34 | .caption { 35 | padding: $thumbnail-caption-padding; 36 | color: $thumbnail-caption-color; 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /app/styles/modules/tiles.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Tile 3 | // ------------------------------------------------- 4 | 5 | .tile { 6 | background-color: $tiles-bg; 7 | border-radius: $tiles-border-radius; 8 | padding: 14px; 9 | margin-bottom: 20px; 10 | position: relative; 11 | text-align: center; 12 | 13 | .tile-hot-ribbon { 14 | display: block; 15 | position: absolute; 16 | right: -4px; 17 | top: -4px; 18 | width: 82px; 19 | } 20 | p { 21 | font-size: 15px; 22 | margin-bottom: 33px; 23 | } 24 | } 25 | .tile-image { 26 | height: 100px; 27 | margin: 31px 0 27px; 28 | vertical-align: bottom; 29 | 30 | &.big-illustration { 31 | height: 111px; 32 | margin-top: 20px; 33 | width: 112px; 34 | } 35 | } 36 | .tile-title { 37 | font-size: 20px; 38 | margin: 0; 39 | } 40 | -------------------------------------------------------------------------------- /app/styles/modules/typeahead.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Typeahead 3 | // -------------------------------------------------- 4 | 5 | .twitter-typeahead { 6 | width: 100%; 7 | 8 | .tt-dropdown-menu { 9 | width: 100%; 10 | margin-top: 5px; 11 | border: 2px solid $brand-secondary; 12 | padding: 5px 0; 13 | background-color: $inverse; 14 | border-radius: $border-radius-large; 15 | } 16 | 17 | .tt-suggestion { 18 | p { 19 | padding: 6px 14px; 20 | font-size: ceil(($component-font-size-base * 0.933)); 21 | line-height: 1.429; // ~20px 22 | margin: 0; 23 | } 24 | 25 | &:first-child, 26 | &:last-child { 27 | p { 28 | padding: 6px 14px; 29 | } 30 | } 31 | &.tt-is-under-cursor, // Deprecated 32 | &.tt-cursor { 33 | cursor: pointer; 34 | color: #fff; 35 | background-color: mix($brand-secondary, black, 85%); 36 | } 37 | } 38 | } -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "flat-ui-pro", 3 | "version": "1.4.0", 4 | "private": true, 5 | "dependencies": { 6 | "popper.js": "^1.14.1" 7 | }, 8 | "devDependencies": { 9 | "chai": "^4.1.2", 10 | "mocha": "^5.0.1" 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /dist/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/favicon.ico -------------------------------------------------------------------------------- /dist/fonts/glyphicons/flat-ui-pro-icons-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/glyphicons/flat-ui-pro-icons-regular.eot -------------------------------------------------------------------------------- /dist/fonts/glyphicons/flat-ui-pro-icons-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/glyphicons/flat-ui-pro-icons-regular.ttf -------------------------------------------------------------------------------- /dist/fonts/glyphicons/flat-ui-pro-icons-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/glyphicons/flat-ui-pro-icons-regular.woff -------------------------------------------------------------------------------- /dist/fonts/lato/lato-black.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-black.eot -------------------------------------------------------------------------------- /dist/fonts/lato/lato-black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-black.ttf -------------------------------------------------------------------------------- /dist/fonts/lato/lato-black.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-black.woff -------------------------------------------------------------------------------- /dist/fonts/lato/lato-bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-bold.eot -------------------------------------------------------------------------------- /dist/fonts/lato/lato-bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-bold.ttf -------------------------------------------------------------------------------- /dist/fonts/lato/lato-bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-bold.woff -------------------------------------------------------------------------------- /dist/fonts/lato/lato-bolditalic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-bolditalic.eot -------------------------------------------------------------------------------- /dist/fonts/lato/lato-bolditalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-bolditalic.ttf -------------------------------------------------------------------------------- /dist/fonts/lato/lato-bolditalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-bolditalic.woff -------------------------------------------------------------------------------- /dist/fonts/lato/lato-italic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-italic.eot -------------------------------------------------------------------------------- /dist/fonts/lato/lato-italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-italic.ttf -------------------------------------------------------------------------------- /dist/fonts/lato/lato-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-italic.woff -------------------------------------------------------------------------------- /dist/fonts/lato/lato-light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-light.eot -------------------------------------------------------------------------------- /dist/fonts/lato/lato-light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-light.ttf -------------------------------------------------------------------------------- /dist/fonts/lato/lato-light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-light.woff -------------------------------------------------------------------------------- /dist/fonts/lato/lato-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-regular.eot -------------------------------------------------------------------------------- /dist/fonts/lato/lato-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-regular.ttf -------------------------------------------------------------------------------- /dist/fonts/lato/lato-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/fonts/lato/lato-regular.woff -------------------------------------------------------------------------------- /dist/images/carousel/image-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/images/carousel/image-01.jpg -------------------------------------------------------------------------------- /dist/images/carousel/image-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/images/carousel/image-02.jpg -------------------------------------------------------------------------------- /dist/images/carousel/image-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/images/carousel/image-03.jpg -------------------------------------------------------------------------------- /dist/images/exaple-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/images/exaple-image.jpg -------------------------------------------------------------------------------- /dist/images/icons/android.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/android1.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/app-store.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/arrow.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/book.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/box.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/bulb.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/camera.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/card.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/chair.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/chat.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/clocks.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/converse.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/dude.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/egg.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/eye.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/file.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/fit.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/flag.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/flower.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/girl.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/goal.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/google.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/graph.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/icecream.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/imac.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/ipad.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/iphone.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/lock.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/loop.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/macbook.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/magic.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/magicmouse.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/mail.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/map.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/medal.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/paper-bag.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/pc.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/pencil.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/pills.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/printer.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/responsive.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/ring.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/save.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/search.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/shield.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/shirt.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/spray.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/storage.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/toilet-paper.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/touch.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/ubmrella.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/user-interface.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/wine.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/icons/yinyang.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/login/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/images/login/icon.png -------------------------------------------------------------------------------- /dist/images/login/imac-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/images/login/imac-2x.png -------------------------------------------------------------------------------- /dist/images/login/imac.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/images/login/imac.png -------------------------------------------------------------------------------- /dist/images/tile/ribbon-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/images/tile/ribbon-2x.png -------------------------------------------------------------------------------- /dist/images/tile/ribbon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/images/tile/ribbon.png -------------------------------------------------------------------------------- /dist/images/video/poster.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/dist/images/video/poster.jpg -------------------------------------------------------------------------------- /dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Flat UI Template 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 |

Hello, world!

19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /docs/assets/images/carousel/image-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/carousel/image-01.jpg -------------------------------------------------------------------------------- /docs/assets/images/carousel/image-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/carousel/image-02.jpg -------------------------------------------------------------------------------- /docs/assets/images/carousel/image-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/carousel/image-03.jpg -------------------------------------------------------------------------------- /docs/assets/images/demo/browser-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/demo/browser-2x.png -------------------------------------------------------------------------------- /docs/assets/images/demo/browser-author.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/demo/browser-author.jpg -------------------------------------------------------------------------------- /docs/assets/images/demo/browser-pic-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/demo/browser-pic-1.jpg -------------------------------------------------------------------------------- /docs/assets/images/demo/browser-pic-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/demo/browser-pic-2.jpg -------------------------------------------------------------------------------- /docs/assets/images/demo/browser-pic-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/demo/browser-pic-3.jpg -------------------------------------------------------------------------------- /docs/assets/images/demo/browser-pic-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/demo/browser-pic-4.jpg -------------------------------------------------------------------------------- /docs/assets/images/demo/browser-pic-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/demo/browser-pic-5.jpg -------------------------------------------------------------------------------- /docs/assets/images/demo/browser-pic-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/demo/browser-pic-6.jpg -------------------------------------------------------------------------------- /docs/assets/images/demo/browser.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/demo/browser.png -------------------------------------------------------------------------------- /docs/assets/images/demo/html-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/demo/html-icon.png -------------------------------------------------------------------------------- /docs/assets/images/demo/logo-mask-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/demo/logo-mask-2x.png -------------------------------------------------------------------------------- /docs/assets/images/demo/logo-mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/demo/logo-mask.png -------------------------------------------------------------------------------- /docs/assets/images/demo/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/demo/logo.png -------------------------------------------------------------------------------- /docs/assets/images/demo/video.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/demo/video.jpg -------------------------------------------------------------------------------- /docs/assets/images/example-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/example-image.jpg -------------------------------------------------------------------------------- /docs/assets/images/getting-started/icomoon_import.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/getting-started/icomoon_import.jpg -------------------------------------------------------------------------------- /docs/assets/images/icons/android.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/android1.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/arrow.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/book.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/box.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/camera.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/card.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/chair.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/chat.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/clocks.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /docs/assets/images/icons/dude.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/egg.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/eye.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/file.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/fit.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/flag.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/flower.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/girl.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/goal.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/google.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/graph.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/icecream.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/imac.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/ipad.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/iphone.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/lock.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/loop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /docs/assets/images/icons/macbook.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/magic.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/magicmouse.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/mail.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/map.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/medal.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/paper-bag.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/pc.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/pencil.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/pills.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/printer.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/responsive.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/ring.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/save.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/search.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/shield.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/shirt.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/spray.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/storage.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/toilet-paper.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/touch.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/ubmrella.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/user-interface.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/icons/yinyang.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/assets/images/login/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/login/icon.png -------------------------------------------------------------------------------- /docs/assets/images/login/imac-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/login/imac-2x.png -------------------------------------------------------------------------------- /docs/assets/images/login/imac.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/login/imac.png -------------------------------------------------------------------------------- /docs/assets/images/tile/ribbon-2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/tile/ribbon-2x.png -------------------------------------------------------------------------------- /docs/assets/images/tile/ribbon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/tile/ribbon.png -------------------------------------------------------------------------------- /docs/assets/images/video/poster.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/assets/images/video/poster.jpg -------------------------------------------------------------------------------- /docs/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designmodo/Flat-UI/9ca160837964248fef9031c16909abdba2cf24c4/docs/favicon.ico -------------------------------------------------------------------------------- /docs/template.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Flat UI Template 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 |

Hello, world!

19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /readme license.txt: -------------------------------------------------------------------------------- 1 | This item has been downloaded from the Designmodo - https://designmodo.com/ 2 | 3 | LICENSE: 4 | 5 | Use for Free, but Please Set a Link 6 | 7 | We distribute them under the license called Creative Commons Attribution-NoDerivs 3.0 Unported. 8 | The UI Kits, mockups, icons, templates, themes and photos are free for personal use and also free for commercial use, but we require linking to our website - https://designmodo.com/ . --------------------------------------------------------------------------------