Merge branch 'master' of https://bitbucket.org/vel1024/capstone

 import React from "react";
 import GlobalStyles from "../Styles/GlobalStyles";
+import Header from "./Header";
+import Image from "./Image";
+import Grid from "./Grid";
 
 export default () => {
   return (
     <>
       <GlobalStyles />
-      <div id="App"></div>
+      <Header />
+      <Image />
+      <Grid />
     </>
   );
 };

+import React from "react";
+import Styled from "styled-components";
+
+const Article = Styled.div`
+    width: 70%;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    margin-top: 10px;
+    border-top: 1px solid black;
+`;
+
+export default () => {
+  return (
+    <Article>
+      <h1>Article Title</h1>
+    </Article>
+  );
+};

+import React from "react";
+import Styled from "styled-components";
+import MenuList from "./MenuList";
+import Article from "./Article";
+
+const Grid = Styled.div`
+    width: 100%;
+    display: flex;
+`;
+
+export default () => {
+  return (
+    <Grid>
+      <MenuList />
+      <Article />
+    </Grid>
+  );
+};

+import React from "react";
+import Styled from "styled-components";
+
+const Header = Styled.div`
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    margin: 10px 0px;
+    font-size: 25px;
+`;
+
+export default () => {
+  return (
+    <Header>
+      <h1>KHU Chatting service</h1>
+    </Header>
+  );
+};

+import React from "react";
+import Styled from "styled-components";
+
+const Image = Styled.div`
+    width: 100%;
+    margin: 20px 0px;
+    display: flex;
+    justify-content: center;
+`;
+
+export default () => {
+  return (
+    <Image>
+      <img src="" alt="sample"></img>
+    </Image>
+  );
+};

+import React from "react";
+import Styled from "styled-components";
+
+const MenuBox = Styled.div`
+    width: 30%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 10px;
+    border-top: 1px solid black;
+    border-right: 1px solid black;
+`;
+
+const MenuList = Styled.ol`
+`;
+
+const MenuItem = Styled.li`
+`;
+
+const Link = Styled.a`
+`;
+
+export default () => {
+  return (
+    <MenuBox>
+      <MenuList>
+        <MenuItem>
+          <Link href="">1. What is KHU Chat?</Link>
+        </MenuItem>
+      </MenuList>
+    </MenuBox>
+  );
+};