index.html

---
layout: default
language: fi
permalink: /
title: Etusivu
css: index.css
---

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1>Heippa, maailma!</h1>
    <p class="lead">
      Arvon päällikkö, onneksi olkoon! Olet saapunut Pyppe-pojan Internet-kotskasivuille!
      Todennäköisesti kuulut siis parhaaseen A-ryhmään. Osta itsellesi porkkana, olet sen ansainnut.
    </p>
  </div>
  <img src="/img/nyrkki-suussa.png" alt="" />
</div>

<div class="container">
  <div class="row">
    <div class="col-lg-4 col-md-6">
      <h3>Faktaa pöytään!</h3>
      <table class="table table-striped" style="width: 100%;">
        <tbody>
        <tr>
          <th>Nimi</th>
          <td>Pyry-Samuli Lahti</td>
        </tr>
        <tr>
          <th>Lempinimi</th>
          <td>Pyppe</td>
        </tr>
        <tr>
          <th>Vuosikerta</th>
          <td>-83</td>
        </tr>
        <tr>
          <th>Lempivärit</th>
          <td><span style="font-size: 120%; color: #4D9E51;">vihreä</span> ja <span style="font-size: 120%; color: #2D5493;">sininen</span></td>
        </tr>
        <tr>
          <th>CV</th>
          <td><a href="/resources/cv.pdf"><i class="fa fa-download"></i> cv.pdf</a></td>
        </tr>
        </tbody>
      </table>
    </div>
    <div class="col-lg-4 col-md-6">
      <div class="filler frame">
        <img src="/img/frontpage_photo.jpg">
        <div class="title">Herra päällikkö itse</div>
      </div>
    </div>
    <div class="col-lg-4 col-md-12">
      <h3>Mikä mies?</h3>
      <p>Mies on vuonna 2009 TKK:lta valmistunut diplomi-insinööri. Kaiken kaikkiaan erittäin mukiin menevä kaveri!</p>
      <p>
        Mies kuuluu parhaaseen A-ryhmään, ja rakentaa tällä hetkellä maailman fiksuinta tavaramerkkipalvelua
        &ndash; <a href="https://www.trademarknow.com/">TrademarkNow<sup>®</sup></a>.
      </p>
    </div>
  </div>
</div>