delete header

Author: daveconnis

src/components/header.js

@@ -1,7 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import Helmet from 'react-helmet'
-import Header from '../components/header'
 import 'bootstrap/dist/css/bootstrap.css'
 import '../styles/index.scss'
 
@@ -14,7 +13,6 @@ const Layout = ({ children, data }) => (
         { name: 'keywords', content: 'sample, something' },
       ]}
     />
-    <Header siteTitle={data.site.siteMetadata.title} />
     <div
       style={{
         margin: '0 auto',

src/layouts/index.js

@@ -12,13 +12,18 @@ const IndexPage = ({ Testimonial }) => (
           We handpick new content on product development, user experience,
           analytics, and more sent right to your inbox.
         </p>
-        <div>
-          <input type="form" placeholder="Your email address" />
+        <div className="input">
+          <input
+            type="email"
+            className="form-control"
+            aria-describedby="emailHelp"
+            placeholder="Your email adress"
+          />
         </div>
-        <div>
-          <Button color="primary" size="large ">
+        <div className="subscribe-button">
+          <button type="button" className="btn btn-primary">
             Subscribe
-          </Button>{' '}
+          </button>
         </div>
         <div>{Testimonial}</div>
       </div>

src/pages/index.js

@@ -0,0 +1,23 @@
+h1 {
+  text-align: center;
+}
+
+.input {
+  margin-bottom: 5px;
+  text-align: center;
+}
+
+.form-control {
+  width: 45%;
+}
+
+.subscribe-button {
+  text-align: center;
+  display: block;
+}
+
+.btn-primary {
+  background-color: #3f51b5;
+  border-color: #ccc;
+  width: 45%;
+}