Create sponsor reel component

src/components/SponsorReel/SponsorReel.scss

@@ -0,0 +1,34 @@
+@import "../../assets/scss/globals";
+
+.sponsor-reel {
+  text-align: center;
+
+  h3 {
+    text-transform: uppercase;
+    letter-spacing: 2px;
+    font-weight: 500;
+    color: $dark-blue;
+    margin: 1rem 0 4rem;
+    font-size: 14px;
+
+    @media screen and (max-width: 1200px - 1px) {
+      font-size: 16px;
+    }
+  }
+
+  a {
+    color: $blue;
+    text-decoration: underline;
+  }
+
+  &-logos {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: center;
+    margin-bottom: 3rem;
+
+    img {
+      margin: 0.5rem 0.5rem;
+    }
+  }
+}

src/components/SponsorReel/SponsorReel.tsx

@@ -0,0 +1,25 @@
+import * as React from "react";
+import "./SponsorReel.scss";
+
+export interface SponsorReelProps {}
+export interface SponsorReelState {}
+
+class SponsorReel extends React.Component<SponsorReelProps, SponsorReelState> {
+  render() {
+    return (
+      <div className="sponsor-reel">
+        <h3>Yhteistyössä</h3>
+        <div className="sponsor-reel-logos">
+          <a href="#"><img src="https://placehold.it/200x200" /></a>
+          <a href="#"><img src="https://placehold.it/200x200" /></a>
+          <a href="#"><img src="https://placehold.it/200x200" /></a>
+          <a href="#"><img src="https://placehold.it/200x200" /></a>
+          <a href="#"><img src="https://placehold.it/200x200" /></a>
+        </div>
+        <a href="/yritysyhteistyo">Haluatko kuulla lisää yhteistyöstä kanssamme?</a>
+      </div>
+    );
+  }
+}
+
+export default SponsorReel;

src/components/SponsorReel/index.ts

@@ -0,0 +1,2 @@
+import SponsorReel from "./SponsorReel";
+export default SponsorReel;