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/ScreenshotSection.js | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/components/home/ScreenshotSection.js

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

diff --git a/src/components/home/ScreenshotSection.js b/src/components/home/ScreenshotSection.js
new file mode 100644
index 00000000..74394dcb
--- /dev/null
+++ b/src/components/home/ScreenshotSection.js
@@ -0,0 +1,23 @@
+import classNames from "classnames";
+import React from "react";
+import ContentSection from "./ContentSection";
+import "./ScreenshotSection.css";
+
+const ScreenshotSection = ({name, title, imageUrl, caption, imageIsRight, children}) => (
+    <ContentSection name={name} title={title}>
+        <div className="row">
+            <div className={classNames("col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 text-left",
+                {"order-1": !imageIsRight})}>
+                {children}
+            </div>
+            <div className="col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12">
+                <img src={imageUrl} className="col-12 screenshot" alt={caption}/>
+                <div className="row text-muted justify-content-center">
+                    {caption}
+                </div>
+            </div>
+        </div>
+    </ContentSection>
+);
+
+export default ScreenshotSection;
-- 
cgit v1.2.3