[
  {
    "key": "gulp",
    "title": "Gulp",
    "logo": "http://fountainjs.io/assets/imgs/gulp.png",
    "text1": "The streaming build system",
    "text2": "Automate and enhance your workflow"
  },
  {
    "key": "react",
    "title": "React",
    "logo": "http://fountainjs.io/assets/imgs/react.png",
    "text1": "A JavaScript library for building user interfaces",
    "text2": "A declarative, efficient, and flexible JavaScript library for building user interfaces"
  },
  {
    "key": "angular1",
    "title": "Angular 1",
    "logo": "http://fountainjs.io/assets/imgs/angular1.png",
    "text1": "HTML enhanced for web apps!",
    "text2": "AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop."
  },
  {
    "key": "angular2",
    "title": "Angular 2",
    "logo": "http://fountainjs.io/assets/imgs/angular2.png",
    "text1": "One framework. Mobile and desktop.",
    "text2": "In Angular you display data by defining components. Data in your component classes is automatically available to display in your templates or control how they render as in the example below."
  },
  {
    "key": "vue",
    "title": "Vue.js 2",
    "logo": "http://fountainjs.io/assets/imgs/vue.png",
    "text1": "Reactive Components for Modern Web Interfaces",
    "text2": "Write some HTML, grab some JSON, create a Vue instance, that's it."
  },
  {
    "key": "browsersync",
    "title": "Browsersync",
    "logo": "http://fountainjs.io/assets/imgs/browsersync.png",
    "text1": "Time-saving synchronised browser testing",
    "text2": "It’s wicked-fast and totally free"
  },
  {
    "key": "scss",
    "title": "Sass",
    "logo": "http://fountainjs.io/assets/imgs/sass.png",
    "text1": "Syntactically Awesome Style Sheets.",
    "text2": "CSS with superpowers."
  },
  {
    "key": "less",
    "title": "Less",
    "logo": "http://fountainjs.io/assets/imgs/less.png",
    "text1": "Less is a CSS pre-processor.",
    "text2": "It extends the CSS language by adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable."
  },
  {
    "key": "stylus",
    "title": "Stylus",
    "logo": "http://fountainjs.io/assets/imgs/stylus.png",
    "text1": "Robust, expressive, and feature-rich CSS superset",
    "text2": "Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style."
  },
  {
    "key": "css",
    "title": "CSS",
    "logo": "http://fountainjs.io/assets/imgs/css.png",
    "text1": "Cascading Style Sheets.",
    "text2": "A simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents."
  },
  {
    "key": "babel",
    "title": "Babel",
    "logo": "http://fountainjs.io/assets/imgs/babel.png",
    "text1": "Babel is a JavaScript compiler",
    "text2": "Use next generation JavaScript, today"
  },
  {
    "key": "js",
    "title": "JavaScript",
    "logo": "http://fountainjs.io/assets/imgs/js.png",
    "text1": "A high-level, dynamic, untyped, and interpreted programming language.",
    "text2": "A prototype-based with first-class functions, making it a multi-paradigm language, supporting object-oriented, imperative, and functional programming styles."
  },
  {
    "key": "typescript",
    "title": "TypeScript",
    "logo": "http://fountainjs.io/assets/imgs/typescript.png",
    "text1": "TypeScript lets you write JavaScript the way you really want to.",
    "text2": "TypeScript is a typed superset of JavaScript that compiles to plain JavaScript."
  },
  {
    "key": "eslint",
    "title": "ESLint",
    "logo": "http://fountainjs.io/assets/imgs/eslint.png",
    "text1": "The pluggable linting utility for JavaScript and JSX.",
    "text2": "1 tool for identifying and reporting on patterns found in ECMAScript/JavaScript code."
  },
  {
    "key": "tslint",
    "title": "TSLint",
    "logo": "http://fountainjs.io/assets/imgs/tslint.png",
    "text1": "A Linter for the TypeScript language.",
    "text2": "TSLint checks your TypeScript code for readability, maintainability, and functionality errors."
  },
  {
    "key": "karma",
    "title": "Karma",
    "logo": "http://fountainjs.io/assets/imgs/karma.png",
    "text1": "Spectacular Test Runner for JavaScript",
    "text2": "Things should be simple. We believe in testing and so we want to make it as simple as possible"
  },
  {
    "key": "webpack",
    "title": "Webpack",
    "logo": "http://fountainjs.io/assets/imgs/webpack.png",
    "text1": "Webpack is a module bundler",
    "text2": "Webpack, the production / unbiased / flexible / extensible / open source module bundler"
  },
  {
    "key": "systemjs",
    "title": "SystemJS",
    "logo": "http://fountainjs.io/assets/imgs/systemjs.png",
    "text1": "Universal dynamic module loader.",
    "text2": "Loads ES6 modules, AMD, CommonJS and global scripts in the browser and NodeJS. Works with both Typescript and Babel."
  },
  {
    "key": "inject",
    "title": "Inject & Bower",
    "logo": "http://fountainjs.io/assets/imgs/bower.png",
    "text1": "Automatically inject scripts and styles tags in your HTML.",
    "text2": "Use Bower, a package manager for the web."
  }
]