147 lines
14 KiB
HTML
147 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fi">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Jukka Lampikoski</title>
|
|
<meta name="description" content="Jukka Lampikoski - Poliitikko, Kaarina. Järkevä talous, yrittäjähenkisyys ja inhimilliset päätökset.">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Navigation -->
|
|
<nav class="navbar" id="navbar">
|
|
<div class="nav-container">
|
|
<a href="#hero" class="nav-logo">JUKKA<br>LAMPIKOSKI</a>
|
|
<ul class="nav-links" id="navLinks">
|
|
<li><a href="#teemat" data-fi="TEEMAT" data-en="THEMES" data-sv="TEMAN">TEEMAT</a></li>
|
|
<li><a href="#minusta" data-fi="MINUSTA" data-en="ABOUT" data-sv="OM MIG">MINUSTA</a></li>
|
|
<li><a href="#yhteystiedot" data-fi="YHTEYSTIEDOT" data-en="CONTACT" data-sv="KONTAKT">YHTEYSTIEDOT</a></li>
|
|
<li>
|
|
<div class="lang-buttons">
|
|
<button class="lang-btn active" data-lang="fi">FI</button>
|
|
<button class="lang-btn" data-lang="sv">SV</button>
|
|
<button class="lang-btn" data-lang="en">EN</button>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<button class="hamburger" id="hamburger" aria-label="Avaa valikko">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero Section -->
|
|
<section class="hero" id="hero">
|
|
<div class="hero-content">
|
|
<div class="hero-text">
|
|
<h1>
|
|
<span class="hero-accent" data-fi="Järkevä talous." data-en="Smart economy." data-sv="Klok ekonomi.">Järkevä talous.</span>
|
|
<span class="hero-accent" data-fi="Yrittäjähenkisyys." data-en="Entrepreneurial spirit." data-sv="Företagaranda.">Yrittäjähenkisyys.</span>
|
|
<span data-fi="Inhimilliset päätökset." data-en="Humane decisions." data-sv="Humana beslut.">Inhimilliset päätökset.</span>
|
|
</h1>
|
|
<p class="hero-subtitle" data-fi="Poliitikko, Kaarina" data-en="Politician, Kaarina" data-sv="Politiker, S:t Karins">Poliitikko, Kaarina</p>
|
|
<a href="#teemat" class="btn btn-primary" data-fi="Tutustu teemoihin" data-en="Explore themes" data-sv="Utforska teman">Tutustu teemoihin</a>
|
|
</div>
|
|
<div class="hero-image">
|
|
<img src="images/hero-headshot.jpg" alt="Jukka Lampikoski">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Themes Section -->
|
|
<section class="themes" id="teemat">
|
|
<div class="container">
|
|
<h2 class="section-title" data-fi="Miksi mukaan politiikkaan?" data-en="Why get into politics?" data-sv="Varför engagera sig i politik?">Miksi mukaan politiikkaan?</h2>
|
|
<p class="section-intro" data-fi="Talouden tasapaino, pienyrittäjyyden edellytykset, lapsiperheiden oikeudet sekä turvallinen lapsuus tarvitsevat puolustajia, jotka eivät tingi ihmisoikeuksista, tasa-arvosta tai yhdenvertaisuudesta. Yhteisen edun pitää kaikissa tilanteissa mennä oman tai kaverin edun edelle." data-en="Economic balance, small business conditions, family rights and safe childhood need advocates who don't compromise on human rights, equality or equity. The common good must always come before personal interests." data-sv="Ekonomisk balans, villkor för småföretagare, barnfamiljers rättigheter och en trygg barndom behöver förespråkare som inte kompromissar om mänskliga rättigheter, jämställdhet eller jämlikhet. Det gemensamma bästa måste alltid gå före egenintresset.">Talouden tasapaino, pienyrittäjyyden edellytykset, lapsiperheiden oikeudet sekä turvallinen lapsuus tarvitsevat puolustajia, jotka eivät tingi ihmisoikeuksista, tasa-arvosta tai yhdenvertaisuudesta. Yhteisen edun pitää kaikissa tilanteissa mennä oman tai kaverin edun edelle.</p>
|
|
|
|
<div class="themes-grid three-col">
|
|
<div class="theme-card">
|
|
<div class="theme-number">01</div>
|
|
<h3 data-fi="Järkevä talous" data-en="Smart economy" data-sv="Klok ekonomi">Järkevä talous</h3>
|
|
<p data-fi="Taloutta voi korjata kestävästi eikä vain leikkaamalla. Hyvin kohdistettu julkinen raha koulutukseen tai hyvinvointiin tulee moninkertaisena takaisin. Kaikki rahat ovat veronmaksajien rahoja ja ne pitää kohdistaa järkevästi: koulutukseen, huono-osaisuuden vähentämiseen, lapsiperheiden tukemiseen sekä mielenterveyspalveluihin." data-en="The economy can be fixed sustainably, not just through cuts. Well-targeted public spending on education and welfare returns manifold. All funds are taxpayer money and must be allocated wisely: education, reducing disadvantage, supporting families, and mental health services." data-sv="Ekonomin kan repareras hållbart, inte bara genom nedskärningar. Väl riktade offentliga medel till utbildning och välfärd ger mångfaldig avkastning. Alla pengar är skattebetalarnas pengar och måste fördelas klokt: utbildning, minskad ojämlikhet, stöd till barnfamiljer och mentalvårdstjänster.">Taloutta voi korjata kestävästi eikä vain leikkaamalla. Hyvin kohdistettu julkinen raha koulutukseen tai hyvinvointiin tulee moninkertaisena takaisin. Kaikki rahat ovat veronmaksajien rahoja ja ne pitää kohdistaa järkevästi: koulutukseen, huono-osaisuuden vähentämiseen, lapsiperheiden tukemiseen sekä mielenterveyspalveluihin.</p>
|
|
</div>
|
|
|
|
<div class="theme-card">
|
|
<div class="theme-number">02</div>
|
|
<h3 data-fi="Yrittäjähenkisyys" data-en="Entrepreneurial spirit" data-sv="Företagaranda">Yrittäjähenkisyys</h3>
|
|
<p data-fi="Yrittäjät ovat taloutemme selkäranka. He luovat työpaikkoja, kehittävät innovaatioita ja tuovat uusia tuotteita markkinoille. Tavoitteeni on luoda yrittäjyyttä tukevaa ympäristöä: panostuksia koulutukseen ja osaajiin sekä tarpeettoman sääntelyn ja byrokratian vähentämistä. Kaupungin tulisi järjestää myös pienemmille yrittäjille viihtyisiä toimitiloja." data-en="Entrepreneurs are the backbone of our economy. They create jobs, develop innovations and bring new products to market. My goal is to create a supportive environment: investing in education and talent, reducing unnecessary regulation. The city should also provide pleasant workspaces for smaller entrepreneurs." data-sv="Företagare är ryggraden i vår ekonomi. De skapar jobb, utvecklar innovationer och tar nya produkter till marknaden. Mitt mål är att skapa en stödjande miljö: satsa på utbildning och kompetens samt minska onödig reglering och byråkrati. Staden bör också erbjuda trivsamma lokaler för mindre företagare.">Yrittäjät ovat taloutemme selkäranka. He luovat työpaikkoja, kehittävät innovaatioita ja tuovat uusia tuotteita markkinoille. Tavoitteeni on luoda yrittäjyyttä tukevaa ympäristöä: panostuksia koulutukseen ja osaajiin sekä tarpeettoman sääntelyn ja byrokratian vähentämistä. Kaupungin tulisi järjestää myös pienemmille yrittäjille viihtyisiä toimitiloja.</p>
|
|
</div>
|
|
|
|
<div class="theme-card">
|
|
<div class="theme-number">03</div>
|
|
<h3 data-fi="Inhimilliset päätökset" data-en="Humane decisions" data-sv="Humana beslut">Inhimilliset päätökset</h3>
|
|
<p data-fi="Kaikessa päätöksenteossa huomiomme tulisi kiinnittyä ihmisiin. Turvalliset kasvuolosuhteet lapsille, riittävät resurssit kouluihin ja varhaiskasvatukseen sekä mielenterveyspalveluihin. Parannetaan mielenterveyttä, vähennetään köyhyyttä ja tuetaan elämän alamäissä — niin saadaan kuntalaisista terveitä aikuisia. Yhteisen edun pitää mennä aina oman edun edelle." data-en="In all decision-making, our focus should be on people. Safe conditions for children, sufficient resources for schools, early education and mental health services. Let's improve mental health, reduce poverty and support people through difficulties — creating healthy adults from our residents. The common good must always come first." data-sv="I allt beslutsfattande bör vårt fokus ligga på människor. Trygga uppväxtvillkor för barn, tillräckliga resurser till skolor, förskola och mentalvårdstjänster. Låt oss förbättra den psykiska hälsan, minska fattigdom och stödja människor genom svårigheter — så skapar vi friska vuxna av våra invånare. Det gemensamma bästa måste alltid komma först.">Kaikessa päätöksenteossa huomiomme tulisi kiinnittyä ihmisiin. Turvalliset kasvuolosuhteet lapsille, riittävät resurssit kouluihin ja varhaiskasvatukseen sekä mielenterveyspalveluihin. Parannetaan mielenterveyttä, vähennetään köyhyyttä ja tuetaan elämän alamäissä — niin saadaan kuntalaisista terveitä aikuisia. Yhteisen edun pitää mennä aina oman edun edelle.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- About Section -->
|
|
<section class="about-section" id="minusta">
|
|
<div class="about-content">
|
|
<div class="about-image">
|
|
<img src="images/about-autumn.jpg" alt="Jukka Lampikoski" loading="lazy">
|
|
</div>
|
|
<div class="about-text">
|
|
<h2 data-fi="Jukka Lampikoski" data-en="Jukka Lampikoski" data-sv="Jukka Lampikoski">Jukka Lampikoski</h2>
|
|
<ul class="about-facts">
|
|
<li data-fi="Poliitikko, Kaarina" data-en="Politician, Kaarina" data-sv="Politiker, S:t Karins">Poliitikko, Kaarina</li>
|
|
<li data-fi="Lähes 20 vuoden kokemus yrittäjänä" data-en="Nearly 20 years of entrepreneurial experience" data-sv="Nästan 20 års erfarenhet som företagare">Lähes 20 vuoden kokemus yrittäjänä</li>
|
|
<li data-fi="IT-hankintojen ja teknologian asiantuntija" data-en="IT procurement and technology expert" data-sv="Expert på IT-upphandling och teknologi">IT-hankintojen ja teknologian asiantuntija</li>
|
|
<li data-fi="Talous, yrittäjyys, lapsiperheet, mielenterveys" data-en="Economy, entrepreneurship, families, mental health" data-sv="Ekonomi, företagande, barnfamiljer, psykisk hälsa">Talous, yrittäjyys, lapsiperheet, mielenterveys</li>
|
|
</ul>
|
|
<p class="about-quote" data-fi="«Ollaan me vastuullisina päättäjinä osa ratkaisua eikä ongelmaa!»" data-en="«Let's be responsible decision-makers — part of the solution, not the problem!»" data-sv="«Låt oss vara ansvarsfulla beslutsfattare — en del av lösningen, inte problemet!»">«Ollaan me vastuullisina päättäjinä osa ratkaisua eikä ongelmaa!»</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Banner Section -->
|
|
<section class="banner-section">
|
|
<div class="banner-image" style="background-image: url('images/banner-forest.jpg');">
|
|
<div class="banner-overlay">
|
|
<p class="banner-text" data-fi="Rakennetaan yhdessä parempaa huomista." data-en="Let's build a better tomorrow together." data-sv="Låt oss bygga en bättre morgondag tillsammans.">Rakennetaan yhdessä parempaa huomista.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Section -->
|
|
<section class="contact-section" id="yhteystiedot">
|
|
<div class="container">
|
|
<h2 class="section-title light" data-fi="Ota yhteyttä" data-en="Get in touch" data-sv="Kontakta mig">Ota yhteyttä</h2>
|
|
<div class="contact-content">
|
|
<div class="contact-info">
|
|
<p class="contact-name">Jukka Lampikoski</p>
|
|
<p class="contact-email">
|
|
<a href="mailto:jukka@lampikoski.com">jukka@lampikoski.com</a>
|
|
</p>
|
|
<div class="contact-social">
|
|
<a href="https://www.instagram.com/jukkalampikoski/" target="_blank" rel="noopener noreferrer" class="social-link" aria-label="Instagram">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>
|
|
<span>@jukkalampikoski</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="contact-cta">
|
|
<p class="contact-message" data-fi="Ota rohkeasti yhteyttä — vastaan mielelläni kaikkiin kysymyksiin!" data-en="Don't hesitate to reach out — I'm happy to answer all questions!" data-sv="Tveka inte att höra av dig — jag svarar gärna på alla frågor!">Ota rohkeasti yhteyttä — vastaan mielelläni kaikkiin kysymyksiin!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<p>© 2025 Jukka Lampikoski</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|