1 files changed, 19 insertions, 0 deletions
diff --git a/src/components/home/ModelingSection.js b/src/components/home/ModelingSection.js
new file mode 100644
index 00000000..2a984935
--- /dev/null
+++ b/src/components/home/ModelingSection.js
@@ -0,0 +1,19 @@
+import React from "react";
+import ScreenshotSection from "./ScreenshotSection";
+
+const ModelingSection = () => (
+    <ScreenshotSection name="modeling" title="Datacenter Modeling"
+                       imageUrl="https://github.com/atlarge-research/opendc/raw/master/images/opendc-frontend-construction.PNG"
+                       caption="The datacenter construction interface"
+                       imageIsRight={true}>
+        <h3>Collaboratively...</h3>
+        <ul>
+            <li>Model DC layout, and room locations and types</li>
+            <li>Place racks in rooms and nodes in racks</li>
+            <li>Add real-world CPU, GPU, memory, storage and network units to each node</li>
+            <li>Select from diverse scheduling policies</li>
+        </ul>
+    </ScreenshotSection>
+);
+
+export default ModelingSection;