Made about page

public/components/sections/BodySection.jsx

@@ -20,7 +20,9 @@ class BodySection extends React.Component {
   render() {
     return (
       <Section section="body">
-        {this.props.children}
+        <div className="c-section--style-body__inner">
+          {this.props.children}
+        </div>
       </Section>
     )
   }

public/components/sections/SplitSection.jsx

@@ -0,0 +1,46 @@
+/*
+ *  Poly
+ *    Poly styled section.
+ *
+ *  Dependencies:
+ *    styles/components/_section--style-split.scss
+ *
+ *  Version:
+ *    1.0.0 - 2018/03/11
+ */
+import React from 'react';
+import Section from './../Section';
+
+const SplitSectionSection = function(props) {
+  let clazz = "c-section--style-split__split-part";
+
+  if(typeof props.className !== typeof undefined) clazz += " " + props.className;
+
+  return (
+    <div className={clazz}>
+      {props.children}
+    </div>
+  );
+}
+
+class SplitSection extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <Section section="split">
+        <SplitSectionSection className={this.props.leftClass}>
+          {this.props.left}
+        </SplitSectionSection>
+
+        <SplitSectionSection className={this.props.rightClass}>
+          {this.props.right}
+        </SplitSectionSection>
+      </Section>
+    );
+  }
+}
+
+export default SplitSection;