criacao do repositorio

src/App.js

@@ -1,25 +1,24 @@
 import React from 'react';
 import logo from './logo.svg';
 import './App.css';
+import { HeaderComponent } from './HeaderComponent';
+import { NavBarComponent } from './NavBarComponent';
+import { ContainerComponent } from './ContainerComponent';
+import { PostComponent } from './PostComponent';
+import { SideBarComponent } from './SideBarComponent';
 
 function App() {
   return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
+    <div>
+      <HeaderComponent />
+      <NavBarComponent />
+      <ContainerComponent />
+      <PostComponent />
+      <PostComponent />
+      <PostComponent />
+      <SideBarComponent />
     </div>
+
   );
 }
 

src/ContainerComponent.js

@@ -0,0 +1,8 @@
+import React from 'react';
+
+export const ContainerComponent = () => (
+    <>
+    <div> </div>
+    </>
+)
+

src/HeaderComponent.js

@@ -0,0 +1,19 @@
+import React from 'react';
+
+export const HeaderComponent = () => (
+    <>
+    <h1>LOGO</h1>
+    <ul>
+    <li>
+        <a href="#">topico 1</a>
+    </li>
+    <li>
+        <a href="#">topico 2</a>
+    </li>
+    <li>
+        <a href="#">topico 3</a>
+    </li>
+    </ul>
+    </>
+)
+

src/NavBarComponent.js

@@ -0,0 +1,21 @@
+import React from 'react';
+
+export const NavBarComponent = () => (
+    <>
+    <ul>
+    <li>
+        <a href="#">Sessao 1</a>
+    </li>
+    <li>
+        <a href="#">Sessao 2</a>
+    </li>
+    <li>
+        <a href="#">Sessao 3</a>
+    </li>
+    <li>
+        <a href="#">Sessao 4</a>
+    </li>    
+    </ul>
+    </>
+)
+

src/PostComponent.js

@@ -0,0 +1,8 @@
+import React from 'react';
+
+export const PostComponent = () => (
+    <>
+    <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ante mi, fermentum sed justo a, fringilla aliquam libero. Aliquam a bibendum purus. Aenean tincidunt varius scelerisque. Phasellus at lacinia augue. Curabitur vitae leo consequat elit gravida semper vitae at purus. Sed tempor quam nec gravida posuere. Aliquam fermentum tellus non quam elementum feugiat. Aenean ac libero vitae est tristique semper. Sed feugiat velit mi. Integer et mauris pulvinar, lacinia lectus sit amet, tempus quam. Cras vitae purus elementum, rutrum erat eu, pellentesque tellus. Maecenas efficitur porta erat, vitae tincidunt nunc ultricies at.</div>
+    </>
+)
+

src/SideBarComponent.js

@@ -0,0 +1,21 @@
+import React from 'react';
+
+export const SideBarComponent = () => (
+    <>
+    <ul>
+    <li>
+        <a href="#">Sessao side 1</a>
+    </li>
+    <li>
+        <a href="#">Sessao side 2</a>
+    </li>
+    <li>
+        <a href="#">Sessao side 3</a>
+    </li>
+    <li>
+        <a href="#">Sessao side 4</a>
+    </li>    
+    </ul>
+    </>
+)
+