import React from 'react';

class Article extends React.Component {

  constructor(props){
    super(props);
  }

  render () {
    const { title, subtitle, content, buttonText, href } = this.props;
    return (
      <div className="row">
        <div className="col-md-7">
          <img className="image-responsive" src={href}/>
          <a href="#"></a>
        </div>
        <div className="col-md-5">
          <h3> {title}</h3>
          <h4> {subtitle} </h4>
          <p>{content}</p>
          <a className="btn btn-primary" href="#">
            {buttonText} 
            <span className="glyphicon glyphicon-chevron-right"></span>
          </a>
        </div>
      </div>
    );
  }
}

Article.propTypes = {
  title: React.PropTypes.string,
  subtitle: React.PropTypes.string,
  content: React.PropTypes.string,
  buttonText: React.PropTypes.string,
  href: React.PropTypes.string
};

Article.defaultProps = {
  title: 'Big Project',
  subtitle: "",
  content: "Super content",
  buttonText: "View Project",
  href: "http://placehold.it/600x300"
};

export default Article;


@@ -175,17 +175,27 @@
 xt, href
- 
+, githubUrl
 %7D = this
@@ -545,19 +545,27 @@
 y%22 href=
-%22#%22
+%7BgithubUrl%7D
 %3E%0A      
@@ -884,16 +884,53 @@
 %0A  href:
+ React.PropTypes.string,%0A  githubUrl:
  React.P
@@ -1072,16 +1072,16 @@
 oject%22,%0A
-
   href: 
@@ -1109,16 +1109,68 @@
 600x300%22
+,%0A  githubUrl: %22https://github.com/guillaume-gomez%22%0A
 %0A%7D;%0A%0Aexp

add attribute in article class