From 3d76d83a39ca61641f3efd7ed5cc6f7a214835ca Mon Sep 17 00:00:00 2001
From: Brandon Millman <brandon.millman@gmail.com>
Date: Tue, 1 May 2018 10:17:27 -0700
Subject: Skeleton for jobs page and initial implementation

---
 packages/website/ts/pages/jobs/benefits.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 packages/website/ts/pages/jobs/benefits.tsx

(limited to 'packages/website/ts/pages/jobs/benefits.tsx')

diff --git a/packages/website/ts/pages/jobs/benefits.tsx b/packages/website/ts/pages/jobs/benefits.tsx
new file mode 100644
index 000000000..fa4edb240
--- /dev/null
+++ b/packages/website/ts/pages/jobs/benefits.tsx
@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+import { FilledImage } from 'ts/pages/jobs/filled_image';
+
+export const Benefits = () => (
+    <div className="flex" style={{ height: 937 }}>
+        <div style={{ width: '43%', height: '100%' }}>
+            <div className="flex" style={{ height: '67%' }}>
+                <FilledImage src="/images/jobs/location1.png" />
+            </div>
+            <div className="clearfix" style={{ height: '33%' }}>
+                <div className="col lg-col-6 md-col-6 col-12" style={{ height: '100%' }}>
+                    <FilledImage src="/images/jobs/location2.png" />
+                </div>
+                <div className="col lg-col-6 md-col-6 col-12" style={{ height: '100%' }}>
+                    <FilledImage src="/images/jobs/location3.png" />
+                </div>
+            </div>
+        </div>
+        <div style={{ width: '57%', height: '100%' }} />
+    </div>
+);
-- 
cgit