Keenan Goldis

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;

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;

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;

src/components/SubHeader.js

@@ -0,0 +1,7 @@
+import React from 'react'
+
+function SubHeader(props){
+  return <h2>React rules</h2>;
+}
+
+export default SubHeader;

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;