diff --git a/src/components/Decks.js b/src/components/Decks.js
new file mode 100644
index 0000000..cdce61e
--- /dev/null
+++ b/src/components/Decks.js
@@ -0,0 +1,72 @@
+import React from "react";
+import {
+ Card,
+ Button,
+ CardImg,
+ CardTitle,
+ CardText,
+ CardDeck,
+ CardSubtitle,
+ CardBody
+} from "reactstrap";
+
+const InventionProcessDeck = props => {
+ return (
+
+
+
+
+ Product Design
+ Card subtitle
+
+ This is a wider card with supporting text below as a natural lead-in
+ to additional content. This content is a little bit longer.
+
+
+
+
+
+
+
+ Rapid Prototyping
+ Card subtitle
+
+ This card has supporting text below as a natural lead-in to
+ additional content.
+
+
+
+
+
+
+
+ Manufacturing
+ Card subtitle
+
+ This is a wider card with supporting text below as a natural lead-in
+ to additional content. This card has even longer content than the
+ first to show that equal height action.
+
+
+
+
+
+ );
+};
+
+export default InventionProcessDeck;
diff --git a/src/pages/Homepage/index.js b/src/pages/Homepage/index.js
index 8cdba18..ae1d226 100644
--- a/src/pages/Homepage/index.js
+++ b/src/pages/Homepage/index.js
@@ -6,44 +6,49 @@ import styles from "./index.css";
import HeadNavbar from "../../components/Navbar.js";
import ModalExample from "../../components/PopUpSignUp.js";
import MainJumbotron from "../../components/Jumbotron";
+import InventionProcessDeck from "../../components/Decks";
// /Users/omar/Desktop/innovationDrive/innovation-drive/src/components/Form.js
export default class Homepage extends Component {
render() {
return (
-
})