From 7aea29d0b22f7e5932c9b147611fe02373bb9645 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Sun, 27 Aug 2017 22:33:41 +0200
Subject: Add content sections to homepage

---
 src/components/home/StakeholderSection.js | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/components/home/StakeholderSection.js

(limited to 'src/components/home/StakeholderSection.js')

diff --git a/src/components/home/StakeholderSection.js b/src/components/home/StakeholderSection.js
new file mode 100644
index 00000000..47f0d9bb
--- /dev/null
+++ b/src/components/home/StakeholderSection.js
@@ -0,0 +1,26 @@
+import React from "react";
+import ContentSection from "./ContentSection";
+
+const Stakeholder = ({name, title, subtitle}) => (
+    <div className="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-6">
+        <img src={"img/stakeholders/" + name + ".png"} className="col-4 img-fluid" alt={title}/>
+        <div className="text-center">
+            <h3>{title}</h3>
+            <p>{subtitle}</p>
+        </div>
+    </div>
+);
+
+const StakeholderSection = () => (
+    <ContentSection name="stakeholders" title="Stakeholders">
+        <div className="row justify-content-center">
+            <Stakeholder name="Manager" title="Managers" subtitle="Seeing is deciding"/>
+            <Stakeholder name="Sales" title="Sales" subtitle="Demo concepts"/>
+            <Stakeholder name="Developer" title="DevOps" subtitle="Develop & tune"/>
+            <Stakeholder name="Researcher" title="Researchers" subtitle="Understand & design"/>
+            <Stakeholder name="Student" title="Students" subtitle="Grasp complex concepts"/>
+        </div>
+    </ContentSection>
+);
+
+export default StakeholderSection;
-- 
cgit v1.2.3