diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..85e56aa
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,119 @@
+/*
+ * SPDX-FileCopyrightText: © 2020 Open Networking Foundation <support@opennetworking.org>
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+@font-face {
+    font-family: 'Gilroy';
+    src: url('/fonts/gilroy-regular-webfont.woff2') format('woff2'),
+         url('/fonts/gilroy-regular-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: url('/fonts/gilroy-regularitalic-webfont.woff2') format('woff2'),
+         url('/fonts/gilroy-regularitalic-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Gilroy';
+    src: url('/fonts/gilroy-semibold-webfont.woff2') format('woff2'),
+         url('/fonts/gilroy-semibold-webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+
+html, body {
+  height: 100%;
+}
+
+body {
+  font-family: 'Gilroy', 'Open Sans', sans-serif;
+  font-size: 16px;
+  line-height: 140%;
+
+  margin: 0;
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+}
+
+.header {
+  border-top: 2px solid #C4161C;
+  background-color: #cccccc;
+  padding: 1em;
+}
+
+.header.logo {
+  float: left;
+  vertical-align: middle;
+}
+
+.header h1 {
+  display: inline;
+  padding-left: 1em;
+}
+
+.content {
+  padding: 1em;
+  flex: 1;
+}
+
+.footer {
+  padding: 1em;
+  color: #eeeeee;
+  background-color: #1a1a1a;
+}
+
+.footer a {
+  color: #eeeeee;
+}
+
+.buildtime{
+  font-size: 0.8em;
+}
+
+.ccresults ul {
+  padding: 0;
+  margin: 0;
+}
+
+.ccresults li {
+  border: 1px solid #eeeeee;
+  padding: 0.5em;
+  color: #eeeeee;
+  font-size: 0.8em;
+  display: inline-block;
+  background-color: #444444;
+}
+
+.ccresults li a {
+  color: #eeeeee;
+}
+
+/* colors specific to build status */
+li.SUCCESS, a.SUCCESS, span.SUCCESS {
+  background-color: #4E8F00;
+}
+
+li.UNSTABLE, a.UNSTABLE, span.UNSTABLE {
+  background-color: #C28610;
+}
+
+li.FAILURE, a.FAILURE, span.FAILURE {
+  background-color: #C4161C;
+}
+
+li.ABORTED, a.ABORTED, span.ABORTED {
+  background-color: #666666;
+}
+
+li.NONE, a.NONE, span.NONE, li a.NONE {
+  color: #333333;
+  background-color: #eeeeee;
+}