content: import React, { Component } from 'react';
  import {Link} from 'react-router-dom';
  import './MainPage.css'
  
  class MainPage extends Component {
  
    render() {
  
      return (
        <div className="mainPage">
          <div className="filler-div">&nbsp;</div>
          <div className="contentBox">
            <h1>PORVOON KUNTOAJOT 4.8. 2019 KLO 10.00</h1>
            Tervetuloa polkemaan idyllinen kuntoajo Itä-Uudenmaan kauniisiin jokilaaksoihin
            ja kumpuileviin maalaismaisemiin sunnuntaina 4.8.2019
  
            Ajajilta suurta kiitosta saaneissa Porvoon Kuntoajoissa on kaksi eri matkaa:
            <ul>
              <li>Pidempi reitti on 110 kilometriä ja luonteeltaan mäkinen ja vaativa.</li>
              <li>Lyhyempi on 55 kilometriä ja reittinä helpompi ja sopii kaikille kuntoilijoille.</li>
            </ul>
            <p>
              Kaikkien sarjojen lähdöt toteutetaan yhteislähtöinä, joten tunnelmaa on suurten
              ajojen tyyliin lähdöstä maaliin asti.
            </p>
            <p>
              Varaa paikkasi ajoissa, sillä vain 400 ensimmäistä lunastaa paikkansa.<br/>
              Startti ja maali on Porvoon Amistolla, Perämiehentie 6, 06100 Porvoo.
            </p>
  
            <div id="ilmoittautuminen">
              <h2>Ilmoittautuminen</h2>
  <!--
              <p>
                Ennakkoon ilmoittautuneiden lähtölistat julkaistu: <Link to="/lahtolista">Lähtölistat</Link>
              </p>
  -->
              <p>Ilmoittaudu mukaan <a href="https://porvoonakilles.tapahtumiin.fi/">tästä</a>
              </p>
              <p>Maksutapana nyt myös liikunta- ja kulttuurisetelit.
                Lähtöpaikalla maksuna käy käteinen tai pankki- ja luottokortti.
              </p>
            </div>
            <div id="hinnat">
              <h2>Hinnat</h2>
              <p>Ilmoittaudu ajoissa ja hyödynnä early-bird etusi!</p>
              <table className="price-table">
              <thead>
                <tr>
                  <th>Matka</th>
                  <th className="price">Ennen 21.5</th>
                  <th className="price">Ennen 22.7</th>
                  <th className="price">Alkaen 22.7</th>
                  <th className="price">Käteinen lähtöpaikalla</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>110 km</td>
                  <td className="price">50 €</td>
                  <td className="price">60 €</td>
                  <td className="price">70 €</td>
                  <td className="price">70 € (tasaraha)</td>
                </tr>
                <tr>
                  <td>55 km</td>
                  <td className="price">40 €</td>
                  <td className="price">50 €</td>
                  <td className="price">60 €</td>
                  <td className="price">60 € (tasaraha)</td>
                </tr>
              </tbody>
              </table>
            </div>
          </div>
          <div className="filler-div">&nbsp;</div>
      </div>
      )
    }
  }
  
  export default MainPage
  