1 files changed, 20 insertions, 0 deletions
diff --git a/frontend/src/components/home/JumbotronHeader.js b/frontend/src/components/home/JumbotronHeader.js
new file mode 100644
index 00000000..8a5312b3
--- /dev/null
+++ b/frontend/src/components/home/JumbotronHeader.js
@@ -0,0 +1,20 @@
+import React from "react";
+import "./JumbotronHeader.css";
+
+const JumbotronHeader = () => (
+  <section className="jumbotron-header">
+    <div className="container">
+      <div className="jumbotron text-center">
+        <h1>
+          Open<span className="dc">DC</span>
+        </h1>
+        <p className="lead">
+          Collaborative Datacenter Simulation and Exploration for Everybody
+        </p>
+        <img src="img/logo.png" className="img-responsive mt-3" alt="OpenDC" />
+      </div>
+    </div>
+  </section>
+);
+
+export default JumbotronHeader;