{"size": 1342, "ext": "js", "max_stars_repo_path": "src/components/marketing/marketing.js", "max_stars_repo_name": "compwhile/compwhile-web", "max_stars_repo_stars_event_min_datetime": "2017-05-21T20:10:36.000Z", "max_stars_repo_stars_event_max_datetime": "2017-05-21T20:10:36.000Z", "max_issues_repo_path": "src/components/marketing/marketing.js", "max_issues_repo_name": "compwhile/compwhile-web", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/marketing/marketing.js", "max_forks_repo_name": "compwhile/compwhile-web", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 34.4102564103, "max_line_length": 149, "alphanum_fraction": 0.523099851}
import React, { Component } from 'react';
import { Row, Col, Glyphicon } from 'react-bootstrap';
import './marketing.css';

class Hero extends Component {
  render() {
    return (
      <div className="marketing">
        <Row>
            <Col sm={4}>
              <div className="marketing-item">
                <div className="marketing-icon"><Glyphicon glyph="console" /></div>
                <h3>Code and Run!</h3>
                <p>Write multiple programs within a web IDE - no installation required. Save for later use!</p>
              </div>
            </Col>
            <Col sm={4}>
              <div className="marketing-item">
                <div className="marketing-icon"><Glyphicon glyph="gift" /></div>
                <h3>Rich Visualizations</h3>
                <p>Build your input tree via an interactive tree builder. Then view the AST of your program, execute it and visualize its output.</p>
              </div>
            </Col>
            <Col sm={4}>
              <div className="marketing-item">
                <div className="marketing-icon"><Glyphicon glyph="tasks" /></div>
                <h3>Learn & Get better</h3>
                <p>Solve programming exercises with immediate feedback.</p>
              </div>
            </Col>
        </Row>
      </div>
    );
  }
}

export default Hero;

