diff --git a/public/components/pages/about/SkillBox.jsx b/public/components/pages/about/SkillBox.jsx
new file mode 100644
index 0000000..510adac
--- /dev/null
+++ b/public/components/pages/about/SkillBox.jsx
@@ -0,0 +1,18 @@
+import React from 'react';
+
+import Language from './../../../language/Language';
+
+const SkillBox = function(props) {
+  return (
+    <div className={"o-skill-box o-skill-box--" + props.language}>
+      <h2 className="o-skill-box__heading">
+        {Language.get("about."+props.language+".name")}
+      </h2>
+      <p className="o-skill-box__description">
+        {Language.get("about."+props.language+".description")}
+      </p>
+    </div>
+  )
+}
+
+module.exports = SkillBox;
diff --git a/public/styles/objects/_skill-box.scss b/public/styles/objects/_skill-box.scss
new file mode 100644
index 0000000..e97c233
--- /dev/null
+++ b/public/styles/objects/_skill-box.scss
@@ -0,0 +1,29 @@
+/*
+ *  Skill Box
+ *    Little skill box.
+ *
+ *  Dependencies:
+ *
+ *  Version:
+ *    1.0.0 - 2018/03/18
+ */
+.o-skill-box {
+  width: 100%;
+  padding: 2em 1em;
+}
+
+.o-skill-box__heading,
+.o-skill-box__description {
+  text-align: center;
+}
+
+.o-skill-box__container {
+  @extend %t-flexbox;
+  @include t-flex-wrap(wrap);
+}
+
+@include t-media-query($s-small-up) {
+  .o-skill-box {
+    width: 50%;
+  }
+}