stage 3

web/src/css/App.css

@@ -0,0 +1,28 @@
+.App {
+  text-align: center;
+}
+
+.App-logo {
+  animation: App-logo-spin infinite 20s linear;
+  height: 80px;
+}
+
+.App-header {
+  background-color: #222;
+  height: 150px;
+  padding: 20px;
+  color: white;
+}
+
+.App-title {
+  font-size: 1.5em;
+}
+
+.App-intro {
+  font-size: large;
+}
+
+@keyframes App-logo-spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}

web/src/css/Intent.css

@@ -0,0 +1,35 @@
+/*IntentList and IntentItem CSS*/
+
+.IntentList{
+    max-width: 300px;
+    width: 30%;
+    border: 2px solid black;
+    float:left;
+    background-color: gray;
+}
+
+.IntentList-title{
+    font-size: 1.5em;
+}
+
+.IntentItem{
+    margin-top: 1px;
+    margin-bottom: 1px;
+    background-color: blue;
+}
+
+.IntentItem-selected{
+    background-color: yellow;
+}
+
+
+
+/*IntentDetails CSS*/
+
+.IntentDetails{
+    border: 2px solid blue;
+    float: left;
+    width: 70%;
+
+
+}

web/src/css/index.css

@@ -0,0 +1,5 @@
+body {
+  margin: 0;
+  padding: 0;
+  font-family: sans-serif;
+}