diff --git a/src/components/App.js b/src/components/App.js
index e29e0c9..fe006ac 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,12 +1,19 @@
 import React from 'react';
+import Header from './Header';
+import SubHeader from './SubHeader'
+import SubSubHeader from './SubSubHeader'
+import Paragraph from './Paragraph'
 import './App.css';
 
 function App(props) {
   return (
     <div>
-      <h1 className="app-header">Hello React</h1>
+      <Header />
+      <SubHeader />
+      <SubSubHeader />
+      <Paragraph />
     </div>
   );
 }
-
+//test
 export default App;
diff --git a/src/components/Header.js b/src/components/Header.js
index a0c5963..aab9b30 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -2,6 +2,7 @@ import React from 'react';
 
 function Header(props) {
     // Make it so
+    return <h1>Hello ACA</h1>;
 }
 
 export default Header;
diff --git a/src/components/Paragraph.js b/src/components/Paragraph.js
new file mode 100644
index 0000000..1d7fa6b
--- /dev/null
+++ b/src/components/Paragraph.js
@@ -0,0 +1,8 @@
+import React from 'react'
+
+
+function Paragraph(props){
+  return <p>Damn you to hello, javascript</p>;
+}
+
+export default Paragraph;
diff --git a/src/components/SubHeader.js b/src/components/SubHeader.js
new file mode 100644
index 0000000..443ef97
--- /dev/null
+++ b/src/components/SubHeader.js
@@ -0,0 +1,7 @@
+import React from 'react'
+
+function SubHeader(props){
+  return <h2>React rules</h2>;
+}
+
+export default SubHeader;
diff --git a/src/components/SubSubHeader.js b/src/components/SubSubHeader.js
new file mode 100644
index 0000000..bdd7ee3
--- /dev/null
+++ b/src/components/SubSubHeader.js
@@ -0,0 +1,7 @@
+import React from 'react'
+
+function SubSubHeader(props){
+  return <h3>React Rules the Web!</h3>;
+}
+
+export default SubSubHeader;