built our first class component for the inputs container, and built a…

…n input functional component to render custom inputs

src/components/card.js

@@ -0,0 +1,16 @@
+import React, { Component } from 'react';
+
+import Input from './input';
+
+class Card extends Component {
+    render() {
+        return (
+            <div className="card">
+                { Input('Color') }
+                { Input('Plural Noun') }
+            </div>
+        )
+    }
+}
+
+export default Card;

src/components/home.js

@@ -1,12 +1,14 @@
 import React, { Component } from 'react';
 
 import Header from './header';
+import Card from './card';
 
 class Home extends Component {
   render() {
     return (
       <div className="home">
         { Header() }
+        <Card />
       </div>
     );
   }

src/components/input.js

@@ -0,0 +1,12 @@
+import React from 'react';
+
+const Input = (title) => {
+    return (
+        <div className="input">
+            <input />
+            <label>{title}</label>
+        </div>
+    )
+}
+
+export default Input;