add the homepage

src/component/HomepageCard/HomepageCard.jsx

@@ -0,0 +1,31 @@
+import React, { Component } from 'react'
+import LogoHomepage from '../../img/logoHeader.svg'
+
+class HomepageCard extends Component {
+  render () {
+    return (
+      <div className='card homepagecard'>
+        <div className='card-body homepagecard__body'>
+          <div className='homepagecard__title text-center my-4'>
+            Bienvenue sur Tracim
+          </div>
+          <div className='homepagecard__thanks text-center'>
+            Merci de nous faire confiance et d'utiliser notre outil collaboratif
+          </div>
+          <div className='homepagecard__delimiter delimiter' />
+          <div className='homepagecard__text text-center mb-5'>
+            Vous allez créez votre premier espace de travail
+          </div>
+          <div className='homepagecard__btn btn btn-outline-primary'>
+            Créer votre espace de travail
+          </div>
+          <div className='homepagecard__logo mt-5 mb-3'>
+            <img src={LogoHomepage} alt='logo homepage' />
+          </div>
+        </div>
+      </div>
+    )
+  }
+}
+
+export default HomepageCard

src/container/Homepage.jsx

@@ -0,0 +1,16 @@
+import React, { Component } from 'react'
+import HomepageCard from '../Component/HomepageCard/HomepageCard.jsx'
+
+class Homepage extends Component {
+  render () {
+    return (
+      <section className='homepage'>
+        <div className='container-fluid'>
+          <HomepageCard />
+        </div>
+      </section>
+    )
+  }
+}
+
+export default Homepage

src/css/Homepage.styl

@@ -0,0 +1,5 @@
+.homepage
+  display flex
+  width 100%
+  background-color darkBlue
+

src/css/HomepageCard.styl

@@ -0,0 +1,22 @@
+.homepagecard
+  margin 100px auto
+  width 600px
+  &__title
+    font-size 35px
+    font-weight 600
+    text-transform uppercase
+    color blue
+  &__thanks
+    font-size 20px
+  &__delimiter
+    margin 50px auto
+  &__text
+    font-size 20px
+  &__btn
+    margin-left calc(50% - 150px) /* 150px => width: 300px / 2 */
+    padding 15px 10px
+    width 300px
+    cursor pointer
+  &__logo
+    margin-left calc(50% - 90px) /* 90px => width: 180px / 2 */
+    width 180px

src/css/index.styl

@@ -31,3 +31,6 @@ html, body, #content
 @import 'PopupCreateContainer'
 @import 'FileContent'
 @import 'WksContent'
+
+@import 'Homepage'
+@import 'HomepageCard'