About.js 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. import React from 'react';
  2. class About extends React.Component {
  3. render() {
  4. return (
  5. <div class="about">
  6. <p>Cette appli a été réalisée avec les technos open-source suivantes.</p>
  7. <div className="row valign-wrapper">
  8. <div className="col s3">
  9. <a href="https://reactjs.org">
  10. <img src="img/logo-react.png" alt="logo React" className="responsive-img" />
  11. </a>
  12. </div>
  13. <div className="col s9">
  14. <span className="black-text">
  15. <a href="https://reactjs.org">React</a> est le désormais célèbre framework front-end créé par Facebook.
  16. </span>
  17. </div>
  18. </div>
  19. <div className="about row valign-wrapper">
  20. <div className="col s3">
  21. <a href="http://materializecss.com">
  22. <img src="img/logo-materializecss.png" alt="logo MaterializeCSS" className="responsive-img" />
  23. </a>
  24. </div>
  25. <div className="col s9">
  26. <span className="black-text">
  27. <a href="http://materializecss.com">MaterializeCSS</a> est un framework CSS basé sur Material Design.
  28. </span>
  29. </div>
  30. </div>
  31. <div className="about row valign-wrapper">
  32. <div className="col s3">
  33. <a href="https://gogs.io">
  34. <img src="img/logo-gogs.png" alt="logo Gogs" className="responsive-img" />
  35. </a>
  36. </div>
  37. <div className="col s9">
  38. <span className="black-text">
  39. <a href="https://gogs.io">Gogs</a> est un service d'auto-hébergement de dépôts Git,
  40. que j'utilise pour partager le <a href="https://git.hubbros.fr/bh/react-web-tutorial">code source</a> sur mon propre serveur.
  41. </span>
  42. </div>
  43. </div>
  44. </div>
  45. );
  46. }
  47. }
  48. export default About;