import React from 'react';

class About extends React.Component {
  render() {
    return (
      <div class="about">

        <p>Cette appli a été réalisée avec les technos open-source suivantes.</p>

        <div className="row valign-wrapper">
          <div className="col s3">
            <a href="https://reactjs.org">
              <img src="img/logo-react.png" alt="logo React" className="responsive-img" />
            </a>
          </div>
          <div className="col s9">
            <span className="black-text">
              <a href="https://reactjs.org">React</a> est le désormais célèbre framework front-end créé par Facebook.
            </span>
          </div>
        </div>

        <div className="about row valign-wrapper">
          <div className="col s3">
            <a href="http://materializecss.com">
              <img src="img/logo-materializecss.png" alt="logo MaterializeCSS" className="responsive-img" />
            </a>
          </div>
          <div className="col s9">
            <span className="black-text">
              <a href="http://materializecss.com">MaterializeCSS</a> est un framework CSS basé sur Material Design.
            </span>
          </div>
        </div>

        <div className="about row valign-wrapper">
          <div className="col s3">
            <a href="https://gogs.io">
              <img src="img/logo-gogs.png" alt="logo Gogs" className="responsive-img" />
            </a>
          </div>
          <div className="col s9">
            <span className="black-text">
              <a href="https://gogs.io">Gogs</a> est un service d'auto-hébergement de dépôts Git,
              que j'utilise pour partager le <a href="https://git.hubbros.fr/bh/react-web-tutorial">code source</a> sur mon propre serveur.
            </span>
          </div>
        </div>

      </div>

    );
  }
}

export default About;
