Updated Home page

src/Routes/Home.js

@@ -18,17 +18,23 @@ export default class RouterHome extends React.Component {
           <Col xs="12" className=" with-border with-background">
             <img src="/logo.png" className="logo float-left" alt="RodiVert" />
             <p>
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id arcu varius sem pulvinar porta eget at felis. Curabitur euismod libero erat, id sagittis nunc hendrerit vitae. Nulla facilisis lobortis quam sit amet pellentesque. Vestibulum eget justo ut enim pretium iaculis sit amet eu ex. Suspendisse potenti. Curabitur ac justo ligula. Proin molestie vestibulum metus, eget dignissim enim euismod in. Nam at neque nisi.
+              En tant qu’étudiant, nous savons ce que c’est que de chercher chaque caractéristique d’un végétal et de créer une fiche de technique. Cela demande un temps énorme, en plus du travail que l’on doit fournir pour réussir notre BTS. C’est 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>
-              Pellentesque luctus dignissim orci a tempus. Nam eget sem consectetur, dignissim ante sed, laoreet mi. Ut efficitur at nibh quis efficitur. Ut accumsan ultricies felis id sodales. Fusce hendrerit mi neque, eget consequat nibh lobortis at. Nunc ligula elit, efficitur id mauris a, congue aliquet nibh. In congue enim metus, a mattis velit vehicula id. Nunc commodo magna sit amet vulputate condimentum. Integer vitae pretium dui. Vestibulum ut convallis velit. Pellentesque vehicula finibus viverra. Nam a elit sapien. Praesent laoreet est ac nisl dapibus, non porttitor est placerat. Aenean vitae tellus convallis, venenatis felis in, venenatis augue. Maecenas id finibus arcu, vitae dignissim tellus. Duis eget metus turpis.
+              Rodi’Vert regroupe toutes les caractéristiques d’une plante, sa nomenclature et une photo de celle-ci pour pouvoir le reconnaitre. C’est maintenant facile et un plaisir d’apprendre !
             </p>
             <p>
-              Nulla sed mauris non mi efficitur suscipit. Praesent tincidunt metus in justo viverra, non condimentum lectus tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Quisque non tempus ligula, non fermentum velit. Nunc metus ipsum, luctus quis venenatis sed, efficitur ut eros. Nullam vitae risus at orci fringilla faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pharetra at mi hendrerit blandit. Praesent tempus at massa in finibus. Suspendisse id lacus auctor, pretium erat varius, scelerisque neque. Etiam tincidunt et est ac cursus. Sed nec neque fringilla, mollis enim sit amet, tristique massa. Aliquam erat volutpat. Suspendisse semper aliquam diam sit amet porttitor. Praesent eget elit vel tortor iaculis ornare ac congue lacus.
+              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 d’apprentissage, qui évolue avec l’aire du temps, une méthode plus moderne. Mais aussi de créer un lieu entre les formateurs et les élèves.
             </p>
             <p>
-              Suspendisse semper, orci non porttitor semper, elit ligula euismod turpis, sed facilisis ligula eros eget urna. Praesent facilisis nulla interdum mauris cursus cursus. In massa sapien, condimentum eget est eleifend, varius pellentesque velit. Nunc vitae eros sed ex mollis lacinia vitae vel augue. Proin sed metus velit. Aliquam eget justo ornare, dictum ipsum vitae, fermentum purus. Curabitur mollis arcu sed libero porta, et porta ante interdum. Integer non viverra purus.
+              Il permet aussi d’apporter 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>

src/css/Header.css

@@ -19,3 +19,7 @@
   position: absolute;
   right: 24px;
 }
+
+.navbar-brand img {
+  max-height: 48px;
+}

src/css/Home.css

@@ -5,3 +5,7 @@
 .mainContainer {
   margin: 16px 8px !important;
 }
+
+.margin-botton {
+  margin-bottom: 32px;
+}

src/css/index.css

@@ -35,6 +35,7 @@ body {
 
 .container {
   margin-top: 116px;
+  margin-bottom: 32px;
 }