Create orange PageSection

src/components/PageSection/PageSection.scss

@@ -20,4 +20,9 @@
     background-color: $white;
     color: $dark-blue;
   }
+
+  &.orange {
+    background-color: $orange1;
+    color: $white;
+  }
 }

src/components/PageSection/PageSection.tsx

@@ -4,6 +4,7 @@ import "./PageSection.scss";
 export enum BackgroundColor {
   DarkBlue,
   White,
+  Orange,
 }
 
 export interface PageSectionProps {
@@ -14,6 +15,7 @@ export interface PageSectionState {}
 const colors = new Map<BackgroundColor, string>([
   [BackgroundColor.DarkBlue, "dark-blue"],
   [BackgroundColor.White, "white"],
+  [BackgroundColor.Orange, "orange"],
 ]);
 
 class PageSection extends React.Component<PageSectionProps, PageSectionState> {

src/pages/FrontPage/FrontPage.tsx

@@ -83,14 +83,18 @@ class FrontPage extends React.Component<FrontPageProps, FrontPageState> {
           {events.map(event => (
             <Card
               title={event.title}
+              start_time={event.start_time}
               text={event.description}
               key={event.id}
               image={BeerImage}
             />
           ))}
         </PageSection>
-        <PageSection backgroundColor={PageSectionColor.DarkBlue}>
-          Märkää
+        <PageSection backgroundColor={PageSectionColor.Orange}>
+          Sössöä vuodesta 1969. Lue opiskelijalehden viimeisin numero ›
+        </PageSection>
+        <PageSection backgroundColor={PageSectionColor.White}>
+          Uutiset
         </PageSection>
         <PageSection backgroundColor={PageSectionColor.White}>
           Sponssit