summaryrefslogtreecommitdiff
path: root/src/components/home/StakeholderSection.js
diff options
context:
space:
mode:
authorGeorgios Andreadis <G.Andreadis@student.tudelft.nl>2017-10-04 23:23:09 +0200
committerGitHub <noreply@github.com>2017-10-04 23:23:09 +0200
commitfcaaae65d34003874c76e0c01134dedf94248e09 (patch)
tree2aae1422168651e832a1904623f6f5b100fc17ec /src/components/home/StakeholderSection.js
parent0a62dfb55c5700013d42a589b930c7448e5bff71 (diff)
parent606d1de0be09f3597165248f65d54e158a13860c (diff)
Merge pull request #42 from atlarge-research/auto-reformat
Standardize code format
Diffstat (limited to 'src/components/home/StakeholderSection.js')
-rw-r--r--src/components/home/StakeholderSection.js49
1 files changed, 32 insertions, 17 deletions
diff --git a/src/components/home/StakeholderSection.js b/src/components/home/StakeholderSection.js
index ddfe4f7c..6d25fd86 100644
--- a/src/components/home/StakeholderSection.js
+++ b/src/components/home/StakeholderSection.js
@@ -1,27 +1,42 @@
import React from "react";
import ContentSection from "./ContentSection";
-const Stakeholder = ({name, title, subtitle}) => (
- <div className="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-6">
- <img src={"img/stakeholders/" + name + ".png"}
- className="col-xl-3 col-lg-4 col-md-4 col-sm-4 col-4 img-fluid" alt={title}/>
- <div className="text-center mt-2">
- <h4>{title}</h4>
- <p>{subtitle}</p>
- </div>
+const Stakeholder = ({ name, title, subtitle }) => (
+ <div className="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-6">
+ <img
+ src={"img/stakeholders/" + name + ".png"}
+ className="col-xl-3 col-lg-4 col-md-4 col-sm-4 col-4 img-fluid"
+ alt={title}
+ />
+ <div className="text-center mt-2">
+ <h4>{title}</h4>
+ <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>
+ <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;