Jukka Lampikoski
2e051efc2d
- New logo: rounded square badge with server rack icon + two-line text layout - Fix spec-section headings invisible on section-dark backgrounds (same color as bg) - Add white text colors for h2, p, and icon in dark sections Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
501 lines
32 KiB
HTML
501 lines
32 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fi">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Yhteydet & tietoliikenne | Konesali Turku</title>
|
||
<meta name="description" content="Nopeat ja varmennetut tietoliikenneyhteydet konesalista. 1G–100G yhteydet, varmennetut portit, site-to-site VPN. Carrier-neutral.">
|
||
<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=Space+Grotesk:wght@400;600;700&display=swap" rel="stylesheet">
|
||
<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 38 38" fill="none">
|
||
<rect class="logo-icon-bg" width="38" height="38" rx="10"/>
|
||
<rect x="10" y="8" width="18" height="22" rx="2.5" fill="none" stroke="white" stroke-width="1.2" opacity="0.9"/>
|
||
<rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
|
||
<rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
|
||
<rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
|
||
<circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
|
||
<circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
|
||
<circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
|
||
<path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
|
||
<path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
|
||
</svg>
|
||
<span class="logo-text">
|
||
<span class="logo-text-top">Konesali</span>
|
||
<span class="logo-text-bottom">TURKU</span>
|
||
</span>
|
||
</a>
|
||
<nav class="nav" id="nav">
|
||
<a href="index.html#palvelut">Palvelut</a>
|
||
<a href="index.html#hinnat">Hinnat</a>
|
||
<a href="konesali.html">Konesali</a>
|
||
<a href="yhteydet.html" class="active">Yhteydet</a>
|
||
<a href="tarjouspyynto.html" class="nav-cta">Jätä tarjouspyyntö</a>
|
||
</nav>
|
||
<button class="nav-toggle" id="nav-toggle" aria-label="Avaa valikko">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Page Hero -->
|
||
<section class="page-hero">
|
||
<div class="container">
|
||
<h1>Yhteydet & tietoliikenne</h1>
|
||
<p>Nopeat ja varmennetut yhteydet konesalistamme. Carrier-neutral — valitse itsellesi paras operaattori.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Yhteyspaketit -->
|
||
<section class="section section-with-illustration" id="yhteyspaketit">
|
||
<!-- Fiber optic / speed illustration -->
|
||
<div class="illustration-right" aria-hidden="true">
|
||
<svg viewBox="0 0 200 400" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:100%;" preserveAspectRatio="xMidYMid slice">
|
||
<path d="M40 80c40 20 80 60 120 80" stroke="rgba(240,112,96,0.10)" stroke-width="1.5" fill="none"/>
|
||
<path d="M30 120c50 15 90 50 130 70" stroke="rgba(240,112,96,0.07)" stroke-width="1" fill="none"/>
|
||
<path d="M35 160c45 25 85 55 125 65" stroke="rgba(240,112,96,0.05)" stroke-width="1" fill="none"/>
|
||
<circle cx="160" cy="160" r="15" stroke="rgba(240,112,96,0.10)" stroke-width="1" fill="rgba(240,112,96,0.03)"/>
|
||
<circle cx="40" cy="80" r="6" fill="rgba(240,112,96,0.08)"/>
|
||
<circle cx="100" cy="220" r="20" stroke="rgba(240,112,96,0.08)" stroke-width="1" fill="none"/>
|
||
<path d="M90 220h20M100 210v20" stroke="rgba(240,112,96,0.10)" stroke-width="1.5" stroke-linecap="round"/>
|
||
<path d="M50 280c30 10 60 30 100 40" stroke="rgba(240,112,96,0.06)" stroke-width="1" fill="none" stroke-dasharray="4 4"/>
|
||
<path d="M60 310c25 15 55 25 90 30" stroke="rgba(240,112,96,0.05)" stroke-width="1" fill="none" stroke-dasharray="4 4"/>
|
||
</svg>
|
||
</div>
|
||
<div class="container">
|
||
<h2 class="section-title">Yhteyspaketit</h2>
|
||
<p class="section-subtitle">Rajoittamaton liikenne ja IPv4 + IPv6 kaikissa paketeissa. Hinnat alv 0%.</p>
|
||
<div class="pricing-grid pricing-grid-4">
|
||
<div class="pricing-card fade-in">
|
||
<div class="pricing-header">
|
||
<h3>1 Gbit/s</h3>
|
||
<div class="price">
|
||
<span class="price-amount">Sis.</span>
|
||
<span class="price-period">hintaan</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>
|
||
Jaettu 1 Gbit/s portti
|
||
</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 + /64 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>
|
||
RJ45 / SFP
|
||
</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>
|
||
Sisältyy laitepaikkaan
|
||
</li>
|
||
</ul>
|
||
<a href="index.html#hinnat" class="btn btn-outline">Katso laitepaikat</a>
|
||
</div>
|
||
<div class="pricing-card pricing-featured fade-in">
|
||
<div class="pricing-badge">Suosituin</div>
|
||
<div class="pricing-header">
|
||
<h3>1 Gbit/s Dedicated</h3>
|
||
<div class="price">
|
||
<span class="price-amount">€99</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>
|
||
Oma dedikoitu 1G portti
|
||
</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 + /48 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>
|
||
SFP / SFP+
|
||
</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>
|
||
Taattu kaistanleveys
|
||
</li>
|
||
</ul>
|
||
<a href="tarjouspyynto.html" class="btn btn-primary">Jätä tarjouspyyntö</a>
|
||
</div>
|
||
<div class="pricing-card fade-in">
|
||
<div class="pricing-header">
|
||
<h3>10 Gbit/s</h3>
|
||
<div class="price">
|
||
<span class="price-amount">€299</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>
|
||
Dedikoitu 10G portti
|
||
</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>
|
||
/29 IPv4 + /48 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>
|
||
SFP+ / DAC
|
||
</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>
|
||
BGP-reititys saatavilla
|
||
</li>
|
||
</ul>
|
||
<a href="tarjouspyynto.html" class="btn btn-outline">Jätä tarjouspyyntö</a>
|
||
</div>
|
||
<div class="pricing-card pricing-custom fade-in">
|
||
<div class="pricing-header">
|
||
<h3>100 Gbit/s</h3>
|
||
<div class="price">
|
||
<span class="price-amount">Räätälöity</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>
|
||
Dedikoitu 100G portti
|
||
</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>
|
||
Oma IP-avaruus
|
||
</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>
|
||
QSFP28
|
||
</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>
|
||
Oma AS-numero + BGP
|
||
</li>
|
||
</ul>
|
||
<a href="tarjouspyynto.html" class="btn btn-outline">Jätä tarjouspyyntö</a>
|
||
</div>
|
||
</div>
|
||
<p class="pricing-note">Lisä-IP-osoitteet: €3/kk per IPv4. BGP-reititys: Default-route €20/kk, koko internet €50/kk. Varmennettu portti: €10/kk. Kaikki hinnat alv 0%.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Varmennetut yhteydet -->
|
||
<section class="section section-alt" id="varmennettu">
|
||
<div class="container">
|
||
<div class="spec-section">
|
||
<div class="spec-section-header">
|
||
<div class="spec-section-icon">
|
||
<svg viewBox="0 0 48 48" width="40" height="40" fill="none" stroke="currentColor" stroke-width="1.5">
|
||
<path d="M24 4L6 10v12c0 11.1 7.8 21.5 18 24 10.2-2.5 18-12.9 18-24V10L24 4z"/>
|
||
<path d="M16 24l5 5 11-11"/>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h2>Varmennetut yhteydet</h2>
|
||
<p>Kahdennettu yhteys eri operaattoreilta — automaattinen failover vikatilanteessa</p>
|
||
</div>
|
||
</div>
|
||
<div class="spec-table">
|
||
<table>
|
||
<tbody>
|
||
<tr>
|
||
<td class="spec-label">Toimintaperiaate</td>
|
||
<td>Kaksi erillistä uplink-yhteyttä eri operaattoreilta, aktiivinen monitorointi ja automaattinen failover. Vikatilanteessa yhteys siirtyy varayhteydelle sekunneissa.</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="spec-label">Saatavilla</td>
|
||
<td>1 Gbit/s Dedicated, 10 Gbit/s</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="spec-label">Hinnoittelu</td>
|
||
<td>€10/kk lisämaksu yhteyspaketin hintaan</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="spec-label">SLA</td>
|
||
<td>99,99% käytettävyys (varmennettu yhteys)</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="spec-label">Failover-aika</td>
|
||
<td>< 5 sekuntia (BGP convergence)</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="spec-label">Monitorointi</td>
|
||
<td>24/7 reaaliaikainen yhteyden valvonta, automaattiset hälytykset</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Site-to-Site VPN -->
|
||
<section class="section section-dark" id="vpn">
|
||
<div class="container">
|
||
<div class="spec-section">
|
||
<div class="spec-section-header">
|
||
<div class="spec-section-icon">
|
||
<svg viewBox="0 0 48 48" width="40" height="40" fill="none" stroke="currentColor" stroke-width="1.5">
|
||
<rect x="4" y="28" width="16" height="12" rx="2"/>
|
||
<rect x="28" y="28" width="16" height="12" rx="2"/>
|
||
<path d="M12 28v-6a12 12 0 0124 0v6"/>
|
||
<circle cx="24" cy="16" r="3"/>
|
||
<path d="M24 19v5"/>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h2>Site-to-Site VPN</h2>
|
||
<p>Turvallinen yhteys konesalin ja toimitilojesi väliin — kuin olisivat samassa verkossa</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="pricing-grid" style="margin-top: 40px;">
|
||
<div class="pricing-card fade-in">
|
||
<div class="pricing-header">
|
||
<h3>1G Site-to-Site</h3>
|
||
<div class="price">
|
||
<span class="price-amount">alk. €95</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>
|
||
Max 1 Gbit/s
|
||
</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>
|
||
AES-256 salaus
|
||
</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 tunneli
|
||
</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>
|
||
Monitorointi 24/7
|
||
</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>
|
||
Konfigurointiapu
|
||
</li>
|
||
</ul>
|
||
<a href="tarjouspyynto.html" class="btn btn-outline">Jätä tarjouspyyntö</a>
|
||
</div>
|
||
<div class="pricing-card pricing-featured fade-in">
|
||
<div class="pricing-badge">Suosituin</div>
|
||
<div class="pricing-header">
|
||
<h3>10G Site-to-Site</h3>
|
||
<div class="price">
|
||
<span class="price-amount">alk. €129</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>
|
||
Max 10 Gbit/s
|
||
</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>
|
||
AES-256 salaus
|
||
</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>
|
||
Useita tunneleita
|
||
</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>
|
||
Monitorointi + hälytykset
|
||
</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>
|
||
Failover-tuki
|
||
</li>
|
||
</ul>
|
||
<a href="tarjouspyynto.html" class="btn btn-primary">Jätä tarjouspyyntö</a>
|
||
</div>
|
||
<div class="pricing-card pricing-custom fade-in">
|
||
<div class="pricing-header">
|
||
<h3>Dedicated L2/MPLS</h3>
|
||
<div class="price">
|
||
<span class="price-amount">Räätälöity</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>
|
||
Oma kuitu / operaattoriyhteys
|
||
</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>
|
||
Layer 2 -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>
|
||
Minimaalinen latenssi
|
||
</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>
|
||
Useita toimipaikkoja
|
||
</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>
|
||
SLA-takuu
|
||
</li>
|
||
</ul>
|
||
<a href="tarjouspyynto.html" class="btn btn-outline">Jätä tarjouspyyntö</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Operaattorit & peering -->
|
||
<section class="section section-with-illustration" id="operaattorit">
|
||
<!-- Globe / network illustration -->
|
||
<div class="illustration-left" aria-hidden="true">
|
||
<svg viewBox="0 0 200 400" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:100%;" preserveAspectRatio="xMidYMid slice">
|
||
<circle cx="100" cy="180" r="60" stroke="rgba(240,112,96,0.10)" stroke-width="1" fill="rgba(240,112,96,0.02)"/>
|
||
<ellipse cx="100" cy="180" rx="30" ry="60" stroke="rgba(240,112,96,0.07)" stroke-width="0.8" fill="none"/>
|
||
<line x1="40" y1="160" x2="160" y2="160" stroke="rgba(240,112,96,0.06)" stroke-width="0.8"/>
|
||
<line x1="40" y1="200" x2="160" y2="200" stroke="rgba(240,112,96,0.06)" stroke-width="0.8"/>
|
||
<circle cx="60" cy="100" r="8" stroke="rgba(240,112,96,0.08)" stroke-width="0.8" fill="none"/>
|
||
<circle cx="150" cy="280" r="10" stroke="rgba(240,112,96,0.08)" stroke-width="0.8" fill="none"/>
|
||
<line x1="65" y1="106" x2="85" y2="135" stroke="rgba(240,112,96,0.06)" stroke-width="0.8"/>
|
||
<line x1="145" y1="272" x2="125" y2="235" stroke="rgba(240,112,96,0.06)" stroke-width="0.8"/>
|
||
</svg>
|
||
</div>
|
||
<div class="container">
|
||
<h2 class="section-title">Operaattorit & peering</h2>
|
||
<p class="section-subtitle">Carrier-neutral konesali — valitse itsellesi paras operaattori</p>
|
||
<div class="features-grid">
|
||
<div class="feature fade-in">
|
||
<div class="feature-icon">
|
||
<svg viewBox="0 0 48 48" width="40" height="40" fill="none" stroke="currentColor" stroke-width="1.5">
|
||
<circle cx="24" cy="24" r="18"/>
|
||
<path d="M6 24h36M24 6c-5 5.5-8 11.5-8 18s3 12.5 8 18c5-5.5 8-11.5 8-18s-3-12.5-8-18z"/>
|
||
</svg>
|
||
</div>
|
||
<h3>Carrier-neutral</h3>
|
||
<p>Useita operaattoreita saatavilla samassa laitetilassa. Et ole sidottu yhteen operaattoriin vaan voit kilpailuttaa ja valita parhaan vaihtoehdon.</p>
|
||
</div>
|
||
<div class="feature fade-in">
|
||
<div class="feature-icon">
|
||
<svg viewBox="0 0 48 48" width="40" height="40" fill="none" stroke="currentColor" stroke-width="1.5">
|
||
<path d="M8 24h8m16 0h8M24 8v8m0 16v8"/>
|
||
<circle cx="24" cy="24" r="6"/>
|
||
<circle cx="8" cy="24" r="3"/>
|
||
<circle cx="40" cy="24" r="3"/>
|
||
<circle cx="24" cy="8" r="3"/>
|
||
<circle cx="24" cy="40" r="3"/>
|
||
</svg>
|
||
</div>
|
||
<h3>BGP-reititys</h3>
|
||
<p>Oma AS-numero ja BGP-reititys mahdollinen. Hallinnoi omaa IP-avaruuttasi ja reititystäsi joustavasti usean operaattorin kautta.</p>
|
||
</div>
|
||
<div class="feature fade-in">
|
||
<div class="feature-icon">
|
||
<svg viewBox="0 0 48 48" width="40" height="40" fill="none" stroke="currentColor" stroke-width="1.5">
|
||
<path d="M4 36h40M12 36V20h8v16m4 0V12h8v24"/>
|
||
<path d="M6 12l6-6 6 6 6-6 6 6 6-6 6 6" stroke-dasharray="2 2" opacity="0.5"/>
|
||
</svg>
|
||
</div>
|
||
<h3>FICIX-peering</h3>
|
||
<p>Suorat yhteydet FICIX-solmupisteeseen (Finnish Internet Exchange). Pienemmät latenssit ja parempi suorituskyky kotimaiseen liikenteeseen.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- CTA -->
|
||
<section class="section section-dark">
|
||
<div class="container" style="text-align: center;">
|
||
<h2 class="section-title">Tarvitsetko räätälöidyn yhteysratkaisun?</h2>
|
||
<p class="section-subtitle">Kerro tarpeistasi ja suunnittelemme yhdessä optimaalisen tietoliikenneratkaisun</p>
|
||
<div style="display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;">
|
||
<a href="tarjouspyynto.html" class="btn btn-primary">Jätä tarjouspyyntö</a>
|
||
<a href="index.html#hinnat" class="btn btn-secondary">Katso laitepaikat</a>
|
||
</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 38 38" fill="none">
|
||
<rect class="logo-icon-bg" width="38" height="38" rx="10"/>
|
||
<rect x="10" y="8" width="18" height="22" rx="2.5" fill="none" stroke="white" stroke-width="1.2" opacity="0.9"/>
|
||
<rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
|
||
<rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
|
||
<rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
|
||
<circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
|
||
<circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
|
||
<circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
|
||
<path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
|
||
<path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
|
||
</svg>
|
||
<span class="logo-text">
|
||
<span class="logo-text-top">Konesali</span>
|
||
<span class="logo-text-bottom">TURKU</span>
|
||
</span>
|
||
</a>
|
||
<p>Luotettavat konesalipalvelut Turussa.</p>
|
||
</div>
|
||
<div class="footer-links">
|
||
<h4>Sivusto</h4>
|
||
<a href="index.html#palvelut">Palvelut</a>
|
||
<a href="konesali.html">Konesali</a>
|
||
<a href="yhteydet.html">Yhteydet</a>
|
||
<a href="index.html#hinnat">Hinnat</a>
|
||
<a href="tarjouspyynto.html">Tarjouspyyntö</a>
|
||
</div>
|
||
<div class="footer-links">
|
||
<h4>Yhteystiedot</h4>
|
||
<a href="mailto:support@konesaliturku.fi">support@konesaliturku.fi</a>
|
||
<span>Web1 Oy</span>
|
||
<span>Latokarinkatu 3</span>
|
||
<span>20200 Turku</span>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<div class="container">
|
||
<p>© 2026 Konesali Turku. Kaikki oikeudet pidätetään.</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|