Jukka Lampikoski
1ae342c1f5
Colocation/datacenter service website with: - One-page main site (hero, services, pricing, contact form) - Technical specs page (power, cooling, connectivity, security) - Dark blue technical theme, fully responsive - PHP backend for contact form with rate limiting Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
451 lines
27 KiB
HTML
451 lines
27 KiB
HTML
<!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 & 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">10 Gbit/s</span>
|
||
<span class="stat-label">Yhteysnopeus</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">Tarjoamme colocation-laitepaikkoja kaikenkokoisille tarpeille</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="14" y="8" width="20" height="32" rx="3" stroke="currentColor" stroke-width="2"/>
|
||
<circle cx="24" cy="16" r="2" fill="currentColor"/>
|
||
<line x1="18" y1="24" x2="30" y2="24" stroke="currentColor" stroke-width="2"/>
|
||
</svg>
|
||
</div>
|
||
<h3>1U Laitepaikka</h3>
|
||
<p>Yksittäinen palvelinpaikka 42U kaapissa. Sopii pienille palvelimille ja verkkolaitteille.</p>
|
||
<ul class="service-features">
|
||
<li>1 rack unit (1U)</li>
|
||
<li>Jaettu 1 Gbit/s yhteys</li>
|
||
<li>1x 230V sähkösyöttö</li>
|
||
<li>Rajoittamaton liikenne</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="8" y="4" width="32" height="40" rx="3" stroke="currentColor" stroke-width="2"/>
|
||
<circle cx="24" cy="12" r="2" fill="currentColor"/>
|
||
<circle cx="24" cy="20" r="2" fill="currentColor"/>
|
||
<line x1="14" y1="28" x2="34" y2="28" stroke="currentColor" stroke-width="2"/>
|
||
<line x1="14" y1="34" x2="34" y2="34" stroke="currentColor" stroke-width="2"/>
|
||
</svg>
|
||
</div>
|
||
<h3>Puolikaappi (21U)</h3>
|
||
<p>Puolet 42U kaapista omassa lukitussa tilassa. Ihanteellinen kasvavalle yritykselle.</p>
|
||
<ul class="service-features">
|
||
<li>21 rack unitia (21U)</li>
|
||
<li>Oma 1 Gbit/s yhteys</li>
|
||
<li>2x 230V / 16A sähkösyöttö</li>
|
||
<li>Rajoittamaton liikenne</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="6" y="2" width="36" height="44" rx="3" stroke="currentColor" stroke-width="2"/>
|
||
<circle cx="24" cy="10" r="2" fill="currentColor"/>
|
||
<circle cx="24" cy="18" r="2" fill="currentColor"/>
|
||
<circle cx="24" cy="26" r="2" fill="currentColor"/>
|
||
<line x1="12" y1="34" x2="36" y2="34" stroke="currentColor" stroke-width="2"/>
|
||
<line x1="12" y1="40" x2="36" y2="40" stroke="currentColor" stroke-width="2"/>
|
||
</svg>
|
||
</div>
|
||
<h3>Kokokaappi (42U)</h3>
|
||
<p>Kokonainen 42U kaappi omassa lukitussa tilassa. Täysi hallinta ja maksimikapasiteetti.</p>
|
||
<ul class="service-features">
|
||
<li>42 rack unitia (42U)</li>
|
||
<li>Oma 10 Gbit/s yhteys</li>
|
||
<li>2x 230V / 32A A/B-syöttö</li>
|
||
<li>Rajoittamaton liikenne</li>
|
||
</ul>
|
||
</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 takaavat katkeamattoman toiminnan.</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>Moniliittymäinen tietoliikenne usealta operaattorilta. 1–10 Gbit/s porttinopeudet.</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 ja lukitut kaapit. Laitteesi ovat turvassa ympäri vuorokauden.</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>
|
||
|
||
<!-- Hinnat -->
|
||
<section class="section" 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">
|
||
<div class="pricing-card">
|
||
<div class="pricing-header">
|
||
<h3>1U Laitepaikka</h3>
|
||
<div class="price">
|
||
<span class="price-amount">€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>
|
||
Jaettu 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>
|
||
1x 230V 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-osoite
|
||
</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>Puolikaappi</h3>
|
||
<div class="price">
|
||
<span class="price-amount">€249</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>
|
||
21 rack unitia (21U)
|
||
</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 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>
|
||
2x 230V / 16A 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>
|
||
4x IPv4-osoitetta
|
||
</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>
|
||
IPv6 /64 -verkko
|
||
</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>Kokokaappi</h3>
|
||
<div class="price">
|
||
<span class="price-amount">€490</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>
|
||
42 rack unitia (42U)
|
||
</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 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>
|
||
2x 230V / 32A A/B-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>
|
||
8x IPv4-osoitetta
|
||
</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>
|
||
IPv6 /48 -verkko
|
||
</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-outline">Pyydä tarjous</a>
|
||
</div>
|
||
</div>
|
||
<p class="pricing-note">Sähkönkulutus laskutetaan erikseen toteutuneen kulutuksen mukaan hintaan 0,25 €/kWh (alv 0%). Kaikki hinnat ovat kuukausihintoja, alv 0%. Sopimuksen minimikesto 1 kuukausi.</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">Puolikaappi</a>
|
||
<a href="#hinnat">Kokokaappi</a>
|
||
</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>
|