Add placeholder elements to front page

src/assets/scss/_globals.scss

@@ -1,4 +1,5 @@
 $dark-blue: #002d3a;
+$light-blue: #bfdbd9;
 $white: #fff;
 $black: #000;
 $grey1: #d4d0c7;

src/components/PageSection/PageSection.scss

@@ -4,7 +4,7 @@
   padding: 2rem 1rem;
   background-color: $dark-blue;
   display: flex;
-  flex-flow: column wrap;
+  flex-flow: row wrap;
   justify-content: flex-start;
 
   &.dark-blue {

src/index.scss

@@ -19,6 +19,7 @@ body {
 body {
   padding: 0;
   margin: auto !important;
+  overflow: hidden;
 }
 
 h1 {

src/pages/FrontPage/FrontPage.tsx

@@ -9,6 +9,8 @@ import { StaticContext } from "../../server/StaticContext";
 import * as BeerImage from "../../assets/img/beer.jpeg";
 import PageSection from "../../components/PageSection";
 import { BackgroundColor as PageSectionColor }  from "../../components/PageSection/PageSection";
+import HeroMainSection from "../../components/HeroMainSection";
+import HeroAsideSection from "../../components/HeroAsideSection";
 
 interface FrontPageProps {
   staticContext: StaticContext;
@@ -63,6 +65,18 @@ class FrontPage extends React.Component<FrontPageProps, FrontPageState> {
     return (
       <div className="front-page">
         <PageSection backgroundColor={PageSectionColor.DarkBlue}>
+          <HeroMainSection>
+            <h1>Aalto-yliopiston Sähköinsinöörikilta</h1>
+            <p>on elektroniikan ja sähkötekniikan opiskelijoiden järjestö.
+            Kilta kasaa yhteen yli 600 alansa huippua, jotka ovat
+            avainasemassa vauhdilla sähköistyvän maailmamme
+            kehityksessä.</p>
+          </HeroMainSection>
+          <HeroAsideSection>
+            Kikkeli
+          </HeroAsideSection>
+        </PageSection>
+        <PageSection backgroundColor={PageSectionColor.White}>
           {events.map(event => (
             <Card
               title={event.title}
@@ -72,10 +86,9 @@ class FrontPage extends React.Component<FrontPageProps, FrontPageState> {
             />
           ))}
         </PageSection>
-        <PageSection backgroundColor={PageSectionColor.White}>
-            Huumori huiskaus
+        <PageSection backgroundColor={PageSectionColor.DarkBlue}>
+          Märkää
         </PageSection>
-
       </div>
     );
   }