From 5c9d13e7dc2ae8412239e0c7bd7546aaa92d0b02 Mon Sep 17 00:00:00 2001
From: Clement G <clement@garrot.org>
Date: Sat, 8 Jun 2019 18:48:45 +0200
Subject: [PATCH] Add first form on Home page

---
 src/components/views/Home.js | 25 ++++++++++++++++++++++---
 src/scss/App.scss            |  1 +
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/components/views/Home.js b/src/components/views/Home.js
index f070642..2c05188 100644
--- a/src/components/views/Home.js
+++ b/src/components/views/Home.js
@@ -1,4 +1,7 @@
 import React, {Component} from "react";
+import { Container, Row, Col,Button, Input  } from 'reactstrap';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faRocket } from '@fortawesome/free-solid-svg-icons'
 
 class Home extends Component {
 
@@ -10,9 +13,25 @@ class Home extends Component {
 
     render(){
         return(
-            <div >
-               <h1>View : HOME</h1>
-            </div>
+            <Container>
+                <Row>
+                    <Col className="text-center"><h3>Simple, gratuit : organisez un vote à l'aide du Jugement Majoritaire.</h3></Col>
+                </Row>
+                <Row className="mt-2">
+
+                    <Col xs="12" md="9" xl="6" className="offset-xl-2">
+                            <Input placeholder="Question de votre vote" className="mt-2" />
+                    </Col>
+
+                    <Col xs="12" md="3" xl="2">
+                        <Button addonType="append" className="btn btn-block btn-secondary mt-2"><FontAwesomeIcon icon={faRocket} className="mr-2"/>Lancer</Button>
+                    </Col>
+                </Row>
+                <Row className="mt-4">
+                    <Col className="text-center"><p>Pas de publicité et pas de cookie publicitaire.</p></Col>
+                </Row>
+            </Container>
+
         )
     }
 }
diff --git a/src/scss/App.scss b/src/scss/App.scss
index 421abcc..758d571 100644
--- a/src/scss/App.scss
+++ b/src/scss/App.scss
@@ -17,6 +17,7 @@ main{
 
 header{
   position:fixed;
+  z-index:10;
   width:100%;
 }