diff --git a/src/containers/Home/Home.css b/src/containers/Home/Home.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/containers/Home/Home.js b/src/containers/Home/Home.js
new file mode 100644
index 0000000..38c1d22
--- /dev/null
+++ b/src/containers/Home/Home.js
@@ -0,0 +1,39 @@
+import React, { Component } from 'react';
+import {
+ Container,
+ Row,
+ Col
+} from 'reactstrap';
+
+import OpenTicketCard from './OpenTicketCard';
+import ViewTicketCard from './ViewTicketCard';
+
+import './Home.css';
+
+
+class Home extends Component {
+ constructor(props) {
+ super(props);
+
+ this.state = {};
+ }
+
+ render() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+ }
+}
+
+export default Home;
\ No newline at end of file
diff --git a/src/containers/Home/OpenTicketCard.js b/src/containers/Home/OpenTicketCard.js
new file mode 100644
index 0000000..dfbdda7
--- /dev/null
+++ b/src/containers/Home/OpenTicketCard.js
@@ -0,0 +1,55 @@
+import React, { Component } from 'react';
+import { Link } from 'react-router-dom';
+import { Button } from 'reactstrap';
+
+import Card from '../../components/Card';
+import Logo from '../../components/Logo';
+
+import logoSVG from '../../assets/assistance.svg';
+
+const style={
+ height: '160px',
+ margin: '30px'
+};
+
+const LogoOpenTicket = () => {
+ return (
+
+ );
+}
+const ButtonPrimary = () => {
+ return (
+
+ )
+}
+
+class OpenTicketCard extends Component {
+ constructor(props) {
+ super(props);
+
+ this.state = {};
+ }
+
+ render() {
+
+ return (
+
+ }
+ footer={} />
+
+ );
+ }
+}
+
+export default OpenTicketCard;
\ No newline at end of file
diff --git a/src/containers/Home/ViewTicketCard.js b/src/containers/Home/ViewTicketCard.js
new file mode 100644
index 0000000..dff52d0
--- /dev/null
+++ b/src/containers/Home/ViewTicketCard.js
@@ -0,0 +1,80 @@
+import React, { Component } from 'react';
+import { Redirect } from 'react-router-dom';
+import Card from '../../components/Card';
+import SearchForm from '../../components/SearchForm';
+
+import logoSVG from '../../assets/ticket.svg';
+import Logo from '../../components/Logo';
+
+const style={
+ height: '150px',
+ margin: '30px'
+};
+
+const LogoViewTicket = () => {
+ return (
+
+ );
+}
+
+class ViewTicketCard extends Component {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ ticketId: '',
+ submitted: false
+ };
+
+ // binding
+ this.handleSubmit = this.handleSubmit.bind(this);
+ this.handleChangeInput = this.handleChangeInput.bind(this);
+ }
+
+ handleSubmit(e) {
+ e.preventDefault();
+ this.setState({
+ submitted: true
+ });
+ }
+
+ handleChangeInput(e) {
+ this.setState({
+ ticketId: e.target.value
+ });
+ }
+
+ render() {
+
+ if (this.state.submitted) {
+ return ();
+ }
+
+ let Search = (
+ );
+
+ return (
+
+ }
+ footer={Search} />
+
+ );
+ }
+}
+
+export default ViewTicketCard;
\ No newline at end of file