Files
konesaliturku.fi/index.html
Jukka Lampikoski 0333611037 Add content: 1U/2U/4U pricing, green energy, tech specs
- Replace half-rack with 1U/2U/4U device slots + full rack quote
- Add green energy section (100% wind & solar power)
- Add technical specs summary on main page
- Update connectivity: default 1 Gbit/s, up to 100 Gbit/s
- Add environment/sustainability section to datacenter page

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-09 14:47:41 +02:00

579 lines
36 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="fi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Konesali Turku — Colocation &amp; konesalipalvelut Turussa</title>
<meta name="description" content="Luotettavat konesalipalvelut Turussa. Colocation-laitepaikkoja 1U:sta kokokaappiin. Redundantti infrastruktuuri, henkilökohtainen palvelu.">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Header -->
<header class="header" id="header">
<div class="container header-inner">
<a href="/" class="logo">
<svg class="logo-icon" viewBox="0 0 32 32" width="32" height="32" fill="none">
<rect x="2" y="6" width="28" height="20" rx="3" stroke="currentColor" stroke-width="2"/>
<rect x="6" y="10" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="6" y="18" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="14" y="10" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="14" y="18" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="22" y="10" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="22" y="18" width="4" height="4" rx="1" fill="currentColor"/>
</svg>
<span>Konesali<strong>Turku</strong></span>
</a>
<nav class="nav" id="nav">
<a href="#palvelut">Palvelut</a>
<a href="konesali.html">Konesali</a>
<a href="#hinnat">Hinnat</a>
<a href="#yhteystiedot">Yhteystiedot</a>
</nav>
<button class="nav-toggle" id="nav-toggle" aria-label="Avaa valikko">
<span></span>
<span></span>
<span></span>
</button>
</div>
</header>
<!-- Hero -->
<section class="hero">
<div class="container">
<div class="hero-content">
<h1>Luotettavat konesalipalvelut <span class="highlight">Turussa</span></h1>
<p class="hero-subtitle">Colocation-laitepaikkoja ammattimaisessa laitetilassa. Redundantti sähkönsyöttö, nopeat tietoliikenneyhteydet ja henkilökohtainen palvelu.</p>
<div class="hero-actions">
<a href="#yhteystiedot" class="btn btn-primary">Pyydä tarjous</a>
<a href="#hinnat" class="btn btn-secondary">Katso hinnat</a>
</div>
<div class="hero-stats">
<div class="stat">
<span class="stat-value">99,9%</span>
<span class="stat-label">Käytettävyys SLA</span>
</div>
<div class="stat">
<span class="stat-value">24/7</span>
<span class="stat-label">Valvonta</span>
</div>
<div class="stat">
<span class="stat-value">100 Gbit/s</span>
<span class="stat-label">Saatavilla jopa</span>
</div>
</div>
</div>
</div>
</section>
<!-- Palvelut -->
<section class="section" id="palvelut">
<div class="container">
<h2 class="section-title">Palvelut</h2>
<p class="section-subtitle">Colocation-laitepaikkoja yksittäisestä palvelimesta kokokaappiin</p>
<div class="services-grid">
<div class="service-card">
<div class="service-icon">
<svg viewBox="0 0 48 48" width="48" height="48" fill="none">
<rect x="10" y="16" width="28" height="6" rx="2" stroke="currentColor" stroke-width="2"/>
<circle cx="16" cy="19" r="1.5" fill="currentColor"/>
<line x1="22" y1="19" x2="34" y2="19" stroke="currentColor" stroke-width="1.5"/>
</svg>
</div>
<h3>1U Laitepaikka</h3>
<p>Yksittäinen palvelinpaikka jaetussa 42U kaapissa. Sopii 1U-palvelimille, kytkimille ja reititimille.</p>
<ul class="service-features">
<li>1 rack unit (44,45 mm)</li>
<li>Jaettu 1 Gbit/s yhteys</li>
<li>1x C13 sähkösyöttö (230V)</li>
<li>Rajoittamaton liikenne</li>
<li>Max 250W tehonkulutus</li>
</ul>
</div>
<div class="service-card featured">
<div class="service-badge">Suosituin</div>
<div class="service-icon">
<svg viewBox="0 0 48 48" width="48" height="48" fill="none">
<rect x="10" y="12" width="28" height="6" rx="2" stroke="currentColor" stroke-width="2"/>
<rect x="10" y="22" width="28" height="6" rx="2" stroke="currentColor" stroke-width="2"/>
<circle cx="16" cy="15" r="1.5" fill="currentColor"/>
<circle cx="16" cy="25" r="1.5" fill="currentColor"/>
<line x1="22" y1="15" x2="34" y2="15" stroke="currentColor" stroke-width="1.5"/>
<line x1="22" y1="25" x2="34" y2="25" stroke="currentColor" stroke-width="1.5"/>
</svg>
</div>
<h3>2U Laitepaikka</h3>
<p>Kaksi rack unitia jaetussa kaapissa. Ihanteellinen 2U-palvelimille ja suuremmille laitteille.</p>
<ul class="service-features">
<li>2 rack unitia (88,90 mm)</li>
<li>Jaettu 1 Gbit/s yhteys</li>
<li>2x C13 sähkösyöttö (230V)</li>
<li>Rajoittamaton liikenne</li>
<li>Max 500W tehonkulutus</li>
</ul>
</div>
<div class="service-card">
<div class="service-icon">
<svg viewBox="0 0 48 48" width="48" height="48" fill="none">
<rect x="10" y="8" width="28" height="6" rx="2" stroke="currentColor" stroke-width="2"/>
<rect x="10" y="18" width="28" height="6" rx="2" stroke="currentColor" stroke-width="2"/>
<rect x="10" y="28" width="28" height="6" rx="2" stroke="currentColor" stroke-width="2"/>
<circle cx="16" cy="11" r="1.5" fill="currentColor"/>
<circle cx="16" cy="21" r="1.5" fill="currentColor"/>
<circle cx="16" cy="31" r="1.5" fill="currentColor"/>
<line x1="22" y1="11" x2="34" y2="11" stroke="currentColor" stroke-width="1.5"/>
<line x1="22" y1="21" x2="34" y2="21" stroke="currentColor" stroke-width="1.5"/>
<line x1="22" y1="31" x2="34" y2="31" stroke="currentColor" stroke-width="1.5"/>
</svg>
</div>
<h3>4U Laitepaikka</h3>
<p>Neljä rack unitia jaetussa kaapissa. Sopii suurille palvelimille ja tallennusjärjestelmille.</p>
<ul class="service-features">
<li>4 rack unitia (177,80 mm)</li>
<li>Oma 1 Gbit/s yhteys</li>
<li>2x C19 sähkösyöttö (230V)</li>
<li>Rajoittamaton liikenne</li>
<li>Max 1000W tehonkulutus</li>
</ul>
</div>
</div>
<div class="services-cta">
<p>Tarvitsetko useampia laitepaikkoja tai kokokaapin? <a href="#yhteystiedot">Pyydä räätälöity tarjous &rarr;</a></p>
</div>
</div>
</section>
<!-- Vihreä energia -->
<section class="section section-green" id="energia">
<div class="container">
<div class="green-energy">
<div class="green-energy-content">
<div class="green-badge">100% uusiutuva energia</div>
<h2>Vihreä konesali</h2>
<p>Konesali Turku käyttää ainoastaan tuuli- ja aurinkovoimalla tuotettua sähköä. Kaikki konesalimme kuluttama energia on sertifioitua uusiutuvaa energiaa alkuperätakuilla varmennettuina.</p>
<p>Suomen viileä ilmasto mahdollistaa free cooling -jäähdytyksen hyödyntämisen suurimman osan vuodesta, mikä vähentää energiankulutusta merkittävästi perinteisiin konesaleihin verrattuna. Hukkalämpö ohjataan lähialueen kaukolämpöverkkoon.</p>
<div class="green-stats">
<div class="green-stat">
<svg viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"/></svg>
<span>Aurinkovoima</span>
</div>
<div class="green-stat">
<svg viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 15h2m4 0h2m4 0h2m4 0h1M5.5 9.5L7 11m3.5-4.5L12 8m3.5-1.5L14 8m5 1.5L17.5 11"/><circle cx="12" cy="16" r="1"/><path d="M8 16a4 4 0 018 0"/><path d="M5 16a7 7 0 0114 0"/></svg>
<span>Tuulivoima</span>
</div>
<div class="green-stat">
<svg viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/></svg>
<span>Hukkalämmön talteenotto</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Miksi me -->
<section class="section section-dark" id="miksi">
<div class="container">
<h2 class="section-title">Miksi Konesali Turku?</h2>
<p class="section-subtitle">Pienen konesalin edut isoihin ketjuihin verrattuna</p>
<div class="features-grid">
<div class="feature">
<div class="feature-icon">
<svg viewBox="0 0 24 24" width="40" height="40" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
<path d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
</svg>
</div>
<h3>Paikallinen palvelu</h3>
<p>Laitteesi ovat lähellä. Voit käydä konesalilla milloin vain ja tapaat aina tutun henkilökunnan.</p>
</div>
<div class="feature">
<div class="feature-icon">
<svg viewBox="0 0 24 24" width="40" height="40" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/>
</svg>
</div>
<h3>Redundantti infrastruktuuri</h3>
<p>Kahdennettu sähkönsyöttö, UPS-järjestelmä ja varavoimageneraattori. N+1 redundanssi kaikissa kriittisissä järjestelmissä.</p>
</div>
<div class="feature">
<div class="feature-icon">
<svg viewBox="0 0 24 24" width="40" height="40" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M13 10V3L4 14h7v7l9-11h-7z"/>
</svg>
</div>
<h3>Nopeat yhteydet</h3>
<p>Oletuksena 1 Gbit/s yhteys, saatavilla jopa 100 Gbit/s. Moniliittymäinen tietoliikenne usealta operaattorilta.</p>
</div>
<div class="feature">
<div class="feature-icon">
<svg viewBox="0 0 24 24" width="40" height="40" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z"/>
</svg>
</div>
<h3>24/7 tuki</h3>
<p>Remote hands -palvelu ja tekninen tuki ympäri vuorokauden. Ongelmatilanteissa reagoimme nopeasti.</p>
</div>
<div class="feature">
<div class="feature-icon">
<svg viewBox="0 0 24 24" width="40" height="40" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/>
</svg>
</div>
<h3>Turvallisuus</h3>
<p>Kulunvalvonta, kameravalvonta, lukitut kaapit ja automaattinen palonsammutusjärjestelmä.</p>
</div>
<div class="feature">
<div class="feature-icon">
<svg viewBox="0 0 24 24" width="40" height="40" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
</div>
<h3>Selkeä hinnoittelu</h3>
<p>Ei piilokustannuksia. Kuukausihintaan sisältyy laitepaikka, yhteys ja peruspalvelut.</p>
</div>
</div>
</div>
</section>
<!-- Tekniset tiedot lyhyesti -->
<section class="section" id="tekniikka">
<div class="container">
<h2 class="section-title">Tekniset tiedot</h2>
<p class="section-subtitle">Ammattitason infrastruktuuri vaativaan käyttöön. <a href="konesali.html">Katso kaikki tekniset tiedot &rarr;</a></p>
<div class="tech-grid">
<div class="tech-card">
<h4>Sähköjärjestelmät</h4>
<ul>
<li>Kahdennettu A/B-sähkönsyöttö</li>
<li>Online double-conversion UPS (N+1)</li>
<li>Dieselvaravoimageneraattori</li>
<li>Monitoroidut PDU:t</li>
<li>28 kW per kaappi</li>
</ul>
</div>
<div class="tech-card">
<h4>Tietoliikenne</h4>
<ul>
<li>Oletus 1 Gbit/s, saatavilla 100 Gbit/s</li>
<li>Moniliittymäinen (usea operaattori)</li>
<li>Rajoittamaton liikenne</li>
<li>IPv4 + IPv6 tuki</li>
<li>BGP-reititys, oma AS saatavilla</li>
</ul>
</div>
<div class="tech-card">
<h4>Jäähdytys</h4>
<ul>
<li>Precision air cooling</li>
<li>Cold Aisle Containment</li>
<li>Free cooling (Suomen ilmasto)</li>
<li>N+1 redundanssi</li>
<li>2024 &deg;C (ASHRAE A1)</li>
</ul>
</div>
<div class="tech-card">
<h4>Turvallisuus</h4>
<ul>
<li>Sähköinen kulunvalvonta (kortti + PIN)</li>
<li>24/7 kameravalvonta (tallentava)</li>
<li>Inerttikaasu-sammutusjärjestelmä</li>
<li>Lukittavat 42U-kaapit</li>
<li>Kaikki käynnit kirjataan</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Hinnat -->
<section class="section section-dark" id="hinnat">
<div class="container">
<h2 class="section-title">Hinnat</h2>
<p class="section-subtitle">Kaikki hinnat alv 0%. Sähkö laskutetaan erikseen kulutuksen mukaan.</p>
<div class="pricing-grid pricing-grid-4">
<div class="pricing-card">
<div class="pricing-header">
<h3>1U Laitepaikka</h3>
<div class="price">
<span class="price-amount">&euro;49</span>
<span class="price-period">/kk</span>
</div>
</div>
<ul class="pricing-features">
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
1 rack unit (1U)
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
1 Gbit/s yhteys
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
1x C13 sähkösyöttö
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
Rajoittamaton liikenne
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
1x IPv4 + IPv6
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
Max 250W
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
99,9% SLA
</li>
</ul>
<a href="#yhteystiedot" class="btn btn-outline">Pyydä tarjous</a>
</div>
<div class="pricing-card pricing-featured">
<div class="pricing-badge">Suosituin</div>
<div class="pricing-header">
<h3>2U Laitepaikka</h3>
<div class="price">
<span class="price-amount">&euro;79</span>
<span class="price-period">/kk</span>
</div>
</div>
<ul class="pricing-features">
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
2 rack unitia (2U)
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
1 Gbit/s yhteys
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
2x C13 sähkösyöttö
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
Rajoittamaton liikenne
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
1x IPv4 + IPv6
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
Max 500W
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
99,9% SLA
</li>
</ul>
<a href="#yhteystiedot" class="btn btn-primary">Pyydä tarjous</a>
</div>
<div class="pricing-card">
<div class="pricing-header">
<h3>4U Laitepaikka</h3>
<div class="price">
<span class="price-amount">&euro;139</span>
<span class="price-period">/kk</span>
</div>
</div>
<ul class="pricing-features">
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
4 rack unitia (4U)
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
1 Gbit/s yhteys
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
2x C19 sähkösyöttö
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
Rajoittamaton liikenne
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
2x IPv4 + IPv6
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
Max 1000W
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
99,9% SLA
</li>
</ul>
<a href="#yhteystiedot" class="btn btn-outline">Pyydä tarjous</a>
</div>
<div class="pricing-card pricing-custom">
<div class="pricing-header">
<h3>Kokokaappi / Räätälöity</h3>
<div class="price">
<span class="price-amount-custom">Pyydä tarjous</span>
</div>
</div>
<ul class="pricing-features">
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
42U kokokaappi tai useampi
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
1100 Gbit/s yhteys
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
A/B-sähkösyöttö (16A/32A)
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
Rajoittamaton liikenne
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
IPv4 + IPv6 -verkot
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
Remote hands sisältyy
</li>
<li>
<svg viewBox="0 0 20 20" width="16" height="16" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
99,9% SLA
</li>
</ul>
<a href="#yhteystiedot" class="btn btn-primary">Ota yhteyttä</a>
</div>
</div>
<p class="pricing-note">Sähkönkulutus laskutetaan erikseen toteutuneen kulutuksen mukaan hintaan 0,25 &euro;/kWh (alv 0%). Kaikki hinnat ovat kuukausihintoja, alv 0%. Sopimuksen minimikesto 1 kuukausi. Yhteysnopeus oletuksena 1 Gbit/s, päivitettävissä jopa 100 Gbit/s asti.</p>
</div>
</section>
<!-- Yhteystiedot -->
<section class="section section-dark" id="yhteystiedot">
<div class="container">
<h2 class="section-title">Ota yhteyttä</h2>
<p class="section-subtitle">Kerro tarpeistasi, niin teemme sinulle tarjouksen</p>
<div class="contact-grid">
<form class="contact-form" id="contact-form">
<div class="form-group">
<label for="name">Nimi *</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="company">Yritys</label>
<input type="text" id="company" name="company">
</div>
<div class="form-group">
<label for="email">Sähköposti *</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="phone">Puhelinnumero</label>
<input type="tel" id="phone" name="phone">
</div>
<div class="form-group form-group-full">
<label for="message">Viesti *</label>
<textarea id="message" name="message" rows="5" required placeholder="Kerro meille tarpeistasi: montako laitepaikkaa tarvitset, millaisia laitteita, tehovaatimukset..."></textarea>
</div>
<!-- Honeypot -->
<div style="display:none" aria-hidden="true">
<input type="text" name="website" tabindex="-1" autocomplete="off">
</div>
<button type="submit" class="btn btn-primary btn-submit">Lähetä viesti</button>
<div class="form-status" id="form-status"></div>
</form>
<div class="contact-info">
<div class="contact-item">
<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
<path d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
</svg>
<div>
<strong>Osoite</strong>
<p>Esimerkkikatu 1<br>20100 Turku</p>
</div>
</div>
<div class="contact-item">
<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
</svg>
<div>
<strong>Sähköposti</strong>
<p>info@konesaliturku.fi</p>
</div>
</div>
<div class="contact-item">
<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
</svg>
<div>
<strong>Puhelin</strong>
<p>+358 2 123 4567</p>
</div>
</div>
<div class="contact-item">
<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
<div>
<strong>Aukioloajat</strong>
<p>Ma-Pe 8:00-17:00<br>Konesali 24/7</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container footer-inner">
<div class="footer-brand">
<a href="/" class="logo">
<svg class="logo-icon" viewBox="0 0 32 32" width="24" height="24" fill="none">
<rect x="2" y="6" width="28" height="20" rx="3" stroke="currentColor" stroke-width="2"/>
<rect x="6" y="10" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="6" y="18" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="14" y="10" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="14" y="18" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="22" y="10" width="4" height="4" rx="1" fill="currentColor"/>
<rect x="22" y="18" width="4" height="4" rx="1" fill="currentColor"/>
</svg>
<span>Konesali<strong>Turku</strong></span>
</a>
<p>Luotettavat konesalipalvelut Turussa.</p>
</div>
<div class="footer-links">
<h4>Sivusto</h4>
<a href="#palvelut">Palvelut</a>
<a href="konesali.html">Konesali</a>
<a href="#hinnat">Hinnat</a>
<a href="#yhteystiedot">Yhteystiedot</a>
</div>
<div class="footer-links">
<h4>Palvelut</h4>
<a href="#hinnat">1U Laitepaikka</a>
<a href="#hinnat">2U Laitepaikka</a>
<a href="#hinnat">4U Laitepaikka</a>
<a href="#hinnat">Kokokaappi</a>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p>&copy; 2026 Konesali Turku. Kaikki oikeudet pidätetään.</p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>