renaming backend, cellxgene to server, client respectively

client/src/components/framework/buttons.css

@@ -0,0 +1,6 @@
+.btn {
+  background: none;
+  cursor: pointer;
+  color: "#FFF";
+  border: "none";
+}

client/src/components/framework/container.css

@@ -0,0 +1,3 @@
+.container {
+  min-height: 100%;
+}

client/src/components/framework/container.js

@@ -0,0 +1,10 @@
+// jshint esversion: 6
+import React from "react";
+
+import styles from "./container.css";
+
+const Container = props => (
+  <div className={styles.container}>{props.children}</div>
+);
+
+export default Container;

client/src/components/framework/header.css

@@ -0,0 +1,3 @@
+.header {
+  background: red;
+}

client/src/components/framework/header.js

@@ -0,0 +1,13 @@
+// jshint esversion: 6
+import React from "react";
+
+import Container from "./container";
+import styles from "./header.css";
+
+const Header = () => (
+  <header className={styles.header}>
+    <Container />
+  </header>
+);
+
+export default Header;

client/src/components/framework/sectionHeader.js

@@ -0,0 +1,15 @@
+// jshint esversion: 6
+import React from "react";
+
+const SectionHeader = ({ text }) => (
+  <p
+    style={{
+      fontSize: 32,
+      fontWeight: 700
+    }}
+  >
+    {text}
+  </p>
+);
+
+export default SectionHeader;