front/src/Routes/Home.js
2019-04-13 13:59:58 +02:00

64 lines
2.3 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import React from 'react';
import PropTypes from 'prop-types';
import {
Container,
Row,
Col,
} from 'reactstrap';
import '../css/Home.css';
function RouterHome(props) {
const {
changeBackground,
} = props;
changeBackground('home');
return (
<Container>
<Row className="with-margin">
{/* <Row className="mainContainer"> */}
<Col xs="12" className=" with-border with-background">
<img src="/logo.png" className="logo float-left" alt="RodiVert" />
<p>
En tant quétudiant, nous savons ce que cest que de chercher chaque caractéristique
dun végétal et de créer une fiche de technique. Cela demande un temps énorme, en plus
du travail que lon doit fournir pour réussir notre BTS. Cest pour cela que nous avons
pensé à créer un site rassemblant toutes les informations sur le végétal que nous avons
besoin au cours de notre scolarité.
</p>
<p>
RodiVert regroupe toutes les caractéristiques dune plante, sa nomenclature et une
photo de celle-ci pour pouvoir le reconnaitre. Cest maintenant facile et un plaisir
dapprendre !
</p>
<p>
Etant donné que nous finissons nos études cette année, le site sera utile pour la
génération future. Notre but est de faire découvrir aux futurs étudiants une nouvelle
méthode dapprentissage, qui évolue avec laire du temps, une méthode plus moderne.
Mais aussi de créer un lieu entre les formateurs et les élèves.
</p>
<p>
Il permet aussi dapporter une plus-value au CFA du Gard. Le lien sera inscrit sur le
site officiel de létablissement.
</p>
<p>
Nous laissons lévolution du site entre les mains de formateur compétent en
reconnaissance de végétaux et technique.
</p>
<Col lg={{ size: 8, offset: 2 }} xs="12" className="margin-botton">
<img src="/img/Home_01.jpg" className="img-fluid" alt="Sharlotte, Julie, Clément, Alois" />
</Col>
</Col>
</Row>
</Container>
);
}
RouterHome.propTypes = {
changeBackground: PropTypes.func.isRequired,
};
export default RouterHome;