diff --git a/src/App.js b/src/App.js
index dc3436f..d487814 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,5 +1,5 @@
 import React from 'react'
-
+import { Article,Brand, Actions  } from './components'
 const App = () => {
   return (
     <div>
diff --git a/src/components/index.js b/src/components/index.js
new file mode 100644
index 0000000..9ec8e1b
--- /dev/null
+++ b/src/components/index.js
@@ -0,0 +1,5 @@
+export { default as Article } from './article/article'
+export { default as Brand } from './brand/Brand'
+export { default as Actions } from './actions/Actions'
+export { default as Navbar } from './navbar/Navbar'
+export { default as Features } from './features/Features'
\ No newline at end of file
diff --git a/src/containers/blog/Blog.jsx b/src/containers/blog/Blog.jsx
new file mode 100644
index 0000000..b849065
--- /dev/null
+++ b/src/containers/blog/Blog.jsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import  './Blog.scss'
+const Blog = () => {
+  return (
+    <div>Blog</div>
+  )
+}
+
+export default Blog
\ No newline at end of file
diff --git a/src/containers/blog/Blog.scss b/src/containers/blog/Blog.scss
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/src/containers/blog/Blog.scss
@@ -0,0 +1 @@
+
diff --git a/src/containers/features/Features.jsx b/src/containers/features/Features.jsx
new file mode 100644
index 0000000..2c79454
--- /dev/null
+++ b/src/containers/features/Features.jsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import  './Features.scss'
+const Features = () => {
+  return (
+    <div>Features</div>
+  )
+}
+
+export default Features
\ No newline at end of file
diff --git a/src/containers/features/Features.scss b/src/containers/features/Features.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/containers/footer/Footer.jsx b/src/containers/footer/Footer.jsx
new file mode 100644
index 0000000..81b7b00
--- /dev/null
+++ b/src/containers/footer/Footer.jsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import './Footer.scss'
+const Footer = () => {
+  return (
+    <div>Footer</div>
+  )
+}
+
+export default Footer
\ No newline at end of file
diff --git a/src/containers/footer/Footer.scss b/src/containers/footer/Footer.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/containers/header/Header.jsx b/src/containers/header/Header.jsx
new file mode 100644
index 0000000..5638b8e
--- /dev/null
+++ b/src/containers/header/Header.jsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import './Header.scss'
+const Header = () => {
+  return (
+    <div>Header</div>
+  )
+}
+
+export default Header
\ No newline at end of file
diff --git a/src/containers/header/Header.scss b/src/containers/header/Header.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/containers/possib/Possibilities.jsx b/src/containers/possib/Possibilities.jsx
new file mode 100644
index 0000000..9d9cc72
--- /dev/null
+++ b/src/containers/possib/Possibilities.jsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import './Possibilities.scss'
+const Possibilities = () => {
+  return (
+    <div>Possibilities</div>
+  )
+}
+
+export default Possibilities
\ No newline at end of file
diff --git a/src/containers/possib/Possibilities.scss b/src/containers/possib/Possibilities.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/containers/whatAICOMDEV1/WHATAI.scss b/src/containers/whatAICOMDEV1/WHATAI.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/containers/whatAICOMDEV1/WhatIA.jsx b/src/containers/whatAICOMDEV1/WhatIA.jsx
new file mode 100644
index 0000000..457f9b0
--- /dev/null
+++ b/src/containers/whatAICOMDEV1/WhatIA.jsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import './WHATAI.scss'
+const WhatIA = () => {
+  return (
+    <div>WhatIA</div>
+  )
+}
+
+export default WhatIA
\ No newline at end of file