diff --git a/smart-hut/public/avatar.png b/smart-hut/public/avatar.png
new file mode 100644
index 0000000..86ce723
Binary files /dev/null and b/smart-hut/public/avatar.png differ
diff --git a/smart-hut/public/avatar2.png b/smart-hut/public/avatar2.png
new file mode 100644
index 0000000..97ac118
Binary files /dev/null and b/smart-hut/public/avatar2.png differ
diff --git a/smart-hut/public/smart-home.png b/smart-hut/public/smart-home.png
new file mode 100644
index 0000000..d2681ce
Binary files /dev/null and b/smart-hut/public/smart-home.png differ
diff --git a/smart-hut/public/smart-home_index.png b/smart-hut/public/smart-home_index.png
new file mode 100644
index 0000000..3b678bc
Binary files /dev/null and b/smart-hut/public/smart-home_index.png differ
diff --git a/smart-hut/public/title.png b/smart-hut/public/title.png
new file mode 100644
index 0000000..0e288cf
Binary files /dev/null and b/smart-hut/public/title.png differ
diff --git a/smart-hut/public/title3.png b/smart-hut/public/title3.png
new file mode 100644
index 0000000..635a665
Binary files /dev/null and b/smart-hut/public/title3.png differ
diff --git a/smart-hut/public/title4.png b/smart-hut/public/title4.png
new file mode 100644
index 0000000..8a39bf1
Binary files /dev/null and b/smart-hut/public/title4.png differ
diff --git a/smart-hut/public/user-icon.png b/smart-hut/public/user-icon.png
new file mode 100644
index 0000000..7c2a03c
Binary files /dev/null and b/smart-hut/public/user-icon.png differ
diff --git a/smart-hut/src/views/ForgotPassword.js b/smart-hut/src/views/ForgotPassword.js
new file mode 100644
index 0000000..7b3a2bd
--- /dev/null
+++ b/smart-hut/src/views/ForgotPassword.js
@@ -0,0 +1,107 @@
+import React, { Component } from "react";
+import { render } from "react-dom";
+import HomeNavbar from "./../components/HomeNavbar";
+import {
+  Container,
+  Icon,
+  Image,
+  Menu,
+  Sidebar,
+  Responsive,
+  Header,
+  Divider,
+  Message,
+  Grid
+} from "semantic-ui-react";
+
+class Paragraph extends Component {
+    state = { visible: true }
+  
+    handleDismiss = () => {
+      this.setState({ visible: false })
+  
+      setTimeout(() => {
+        this.setState({ visible: true })
+      }, 2000)
+    }
+  
+    render() {
+      if (this.state.visible) {
+        return (
+          <Message
+            onDismiss={this.handleDismiss}
+            header='Link has been sent!'
+            content='An e-mail has been sent your address, please follow the
+            instruction to create a new password'
+          />
+        )
+      }
+  
+      return (
+        <p>
+          <br />
+          <i>The message will return in 2s</i>
+          <br />
+          <br />
+        </p>
+      )
+    }
+  }
+
+
+  const MessageReg = () => (
+    <Grid>
+    <HomeNavbar />
+    <Divider />
+    <Grid.Row height={3}>
+    </Grid.Row> 
+    <Grid.Row height={3}>
+    </Grid.Row> 
+    <Grid.Row height={3}>
+    </Grid.Row> 
+    <Grid.Row height={3}>
+        <Grid.Column width={6}>
+        </Grid.Column>
+        <Grid.Column width={10}>
+        <Image src='title5.png' />
+        </Grid.Column>
+    <Grid.Column width={3}>
+    </Grid.Column>
+    </Grid.Row> 
+    <Grid.Row height={3}>
+    </Grid.Row> 
+    <Grid.Row height={3}>
+    </Grid.Row> 
+    <Grid.Column width={3}>
+    </Grid.Column>
+    <Grid.Column width={4}>
+      <Image src='./img/logo.png' />
+     </Grid.Column>
+    <Grid.Column width={6}>
+    <Paragraph />
+    </Grid.Column>
+    <Grid.Column width={4}>
+    </Grid.Column>
+    <Grid.Row height={3}>
+    </Grid.Row> 
+    <Grid.Row height={3}>
+    </Grid.Row> 
+    <Grid.Row height={3}>
+    <Grid.Column width={3}>
+    </Grid.Column>
+    <Grid.Column width={10}>
+      <Divider />
+    </Grid.Column>
+    <Grid.Column width={3}>
+    </Grid.Column>
+    </Grid.Row> 
+    </Grid>
+  ) 
+
+export default class ForgotPasswrod extends React.Component {
+  render () {
+    return (
+        <MessageReg />
+    )
+  }
+}
\ No newline at end of file
diff --git a/smart-hut/src/views/TestHeaderController.js b/smart-hut/src/views/TestHeaderController.js
new file mode 100644
index 0000000..6293908
--- /dev/null
+++ b/smart-hut/src/views/TestHeaderController.js
@@ -0,0 +1,20 @@
+import _ from "lodash";
+import React, { Component } from "react";
+import HeaderController from "./../components/HeaderController";
+import { render } from "react-dom";
+import {
+  Container,
+  Icon,
+  Image,
+  Menu,
+  Sidebar,
+  Responsive
+} from "semantic-ui-react";
+
+export default class TestHeaderController extends React.Component {
+  render () {
+    return (
+      <HeaderController/>
+    )
+  }
+}
\ No newline at end of file