jukka/konesaliturku.fi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Redesign logo with badge icon, fix dark section heading colors on konesali page

Browse Source 
- 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>
This commit is contained in:
Jukka Lampikoski
2026-03-09 20:11:32 +02:00
parent 3550480606
commit 2e051efc2d
5 changed files with 182 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
index.html
View File

@@ -15,26 +15,22 @@
<header class="header" id="header"> <header class="header" id="header">
<div class="container header-inner"> <div class="container header-inner">
<a href="/" class="logo"> <a href="/" class="logo">
<svg class="logo-icon" viewBox="0 0 32 38" width="28" height="33" fill="none"> <svg class="logo-icon" viewBox="0 0 38 38" fill="none">
<!-- Signal waves --> <rect class="logo-icon-bg" width="38" height="38" rx="10"/>
<path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/> <rect x="10" y="8" width="18" height="22" rx="2.5" fill="none" stroke="white" stroke-width="1.2" opacity="0.9"/>
<path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/> <rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<!-- Rack body --> <rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/> <rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<!-- Server units --> <circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
<rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
<rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
<rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
<!-- LED indicators --> <path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
<circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/>
<circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/>
<circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/>
<!-- Activity lines -->
<line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
</svg> </svg>
<span>Konesali<strong>Turku</strong></span> <span class="logo-text">
<span class="logo-text-top">Konesali</span>
<span class="logo-text-bottom">TURKU</span>
</span>
</a> </a>
<nav class="nav" id="nav"> <nav class="nav" id="nav">
<a href="#palvelut">Palvelut</a> <a href="#palvelut">Palvelut</a>
@@ -865,21 +861,22 @@
<div class="container footer-inner"> <div class="container footer-inner">
<div class="footer-brand"> <div class="footer-brand">
<a href="/" class="logo"> <a href="/" class="logo">
<svg class="logo-icon" viewBox="0 0 32 38" width="22" height="26" fill="none"> <svg class="logo-icon" viewBox="0 0 38 38" fill="none">
<path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/> <rect class="logo-icon-bg" width="38" height="38" rx="10"/>
<path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/> <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="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/> <rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/> <circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/> <circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/> <path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
<line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/> <path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
<line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
</svg> </svg>
<span>Konesali<strong>Turku</strong></span> <span class="logo-text">
<span class="logo-text-top">Konesali</span>
<span class="logo-text-bottom">TURKU</span>
</span>
</a> </a>
<p>Luotettavat konesalipalvelut Turussa.</p> <p>Luotettavat konesalipalvelut Turussa.</p>
</div> </div>

58
konesali.html
View File

@@ -15,21 +15,22 @@
<header class="header" id="header"> <header class="header" id="header">
<div class="container header-inner"> <div class="container header-inner">
<a href="/" class="logo"> <a href="/" class="logo">
<svg class="logo-icon" viewBox="0 0 32 38" width="28" height="33" fill="none"> <svg class="logo-icon" viewBox="0 0 38 38" fill="none">
<path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/> <rect class="logo-icon-bg" width="38" height="38" rx="10"/>
<path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/> <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="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/> <rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/> <circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/> <circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/> <path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
<line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/> <path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
<line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
</svg> </svg>
<span>Konesali<strong>Turku</strong></span> <span class="logo-text">
<span class="logo-text-top">Konesali</span>
<span class="logo-text-bottom">TURKU</span>
</span>
</a> </a>
<nav class="nav" id="nav"> <nav class="nav" id="nav">
<a href="index.html#palvelut">Palvelut</a> <a href="index.html#palvelut">Palvelut</a>
@@ -496,21 +497,22 @@
<div class="container footer-inner"> <div class="container footer-inner">
<div class="footer-brand"> <div class="footer-brand">
<a href="/" class="logo"> <a href="/" class="logo">
<svg class="logo-icon" viewBox="0 0 32 38" width="22" height="26" fill="none"> <svg class="logo-icon" viewBox="0 0 38 38" fill="none">
<path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/> <rect class="logo-icon-bg" width="38" height="38" rx="10"/>
<path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/> <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="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/> <rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/> <circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/> <circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/> <path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
<line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/> <path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
<line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
</svg> </svg>
<span>Konesali<strong>Turku</strong></span> <span class="logo-text">
<span class="logo-text-top">Konesali</span>
<span class="logo-text-bottom">TURKU</span>
</span>
</a> </a>
<p>Luotettavat konesalipalvelut Turussa.</p> <p>Luotettavat konesalipalvelut Turussa.</p>
</div> </div>

67
style.css
View File

@@ -85,10 +85,14 @@ a:hover {
color: var(--color-text-heading); color: var(--color-text-heading);
} }
.header.scrolled .logo-icon { .header.scrolled .logo-text-bottom {
color: var(--color-primary); color: var(--color-primary);
} }
.header.scrolled .logo-text-top {
opacity: 0.5;
}
.header.scrolled .nav a { .header.scrolled .nav a {
color: var(--color-text-muted); color: var(--color-text-muted);
} }
@@ -112,25 +116,61 @@ a:hover {
.logo { .logo {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 12px;
color: var(--color-white); color: var(--color-white);
font-family: 'Space Grotesk', var(--font-family); font-family: 'Space Grotesk', var(--font-family);
font-size: 1.3rem; font-size: 1.3rem;
font-weight: 400; font-weight: 400;
letter-spacing: -0.02em; letter-spacing: -0.02em;
text-decoration: none;
} }
.logo:hover { .logo:hover {
color: inherit; color: inherit;
} }
.logo strong { .logo:hover .logo-icon {
transform: scale(1.04);
}
.logo-text {
display: flex;
flex-direction: column;
line-height: 1.1;
}
.logo-text-top {
font-size: 0.65rem;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
opacity: 0.6;
}
.logo-text-bottom {
font-size: 1.35rem;
font-weight: 700; font-weight: 700;
letter-spacing: -0.02em;
color: var(--color-primary-light); color: var(--color-primary-light);
} }
.logo-icon { .logo-icon {
color: var(--color-primary-light); width: 38px;
height: 38px;
flex-shrink: 0;
transition: transform 0.2s ease;
}
.logo-icon-bg {
fill: var(--color-primary);
}
.logo-icon-rack {
fill: rgba(255, 255, 255, 0.95);
}
.logo-icon-led {
fill: #fff;
} }
.nav { .nav {
@@ -927,10 +967,15 @@ a:hover {
margin-bottom: 12px; margin-bottom: 12px;
} }
.footer .logo-icon { .footer .logo-text-bottom {
color: var(--color-primary-light); color: var(--color-primary-light);
} }
.footer .logo-icon {
width: 32px;
height: 32px;
}
.footer-brand p { .footer-brand p {
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
font-size: 0.95rem; font-size: 0.95rem;
@@ -1205,11 +1250,23 @@ a:hover {
margin-bottom: 8px; margin-bottom: 8px;
} }
.section-dark .spec-section-header h2 {
color: var(--color-white);
}
.spec-section-header p { .spec-section-header p {
color: var(--color-text-muted); color: var(--color-text-muted);
font-size: 1rem; font-size: 1rem;
} }
.section-dark .spec-section-header p {
color: rgba(255, 255, 255, 0.65);
}
.section-dark .spec-section-icon {
color: var(--color-primary-light);
}
.spec-intro { .spec-intro {
color: var(--color-text-body); color: var(--color-text-body);
line-height: 1.75; line-height: 1.75;

58
tarjouspyynto.html
View File

@@ -15,21 +15,22 @@
<header class="header" id="header"> <header class="header" id="header">
<div class="container header-inner"> <div class="container header-inner">
<a href="/" class="logo"> <a href="/" class="logo">
<svg class="logo-icon" viewBox="0 0 32 38" width="28" height="33" fill="none"> <svg class="logo-icon" viewBox="0 0 38 38" fill="none">
<path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/> <rect class="logo-icon-bg" width="38" height="38" rx="10"/>
<path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/> <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="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/> <rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/> <circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/> <circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/> <path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
<line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/> <path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
<line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
</svg> </svg>
<span>Konesali<strong>Turku</strong></span> <span class="logo-text">
<span class="logo-text-top">Konesali</span>
<span class="logo-text-bottom">TURKU</span>
</span>
</a> </a>
<nav class="nav" id="nav"> <nav class="nav" id="nav">
<a href="index.html#palvelut">Palvelut</a> <a href="index.html#palvelut">Palvelut</a>
@@ -237,21 +238,22 @@
<div class="container footer-inner"> <div class="container footer-inner">
<div class="footer-brand"> <div class="footer-brand">
<a href="/" class="logo"> <a href="/" class="logo">
<svg class="logo-icon" viewBox="0 0 32 38" width="22" height="26" fill="none"> <svg class="logo-icon" viewBox="0 0 38 38" fill="none">
<path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/> <rect class="logo-icon-bg" width="38" height="38" rx="10"/>
<path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/> <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="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/> <rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/> <circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/> <circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/> <path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
<line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/> <path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
<line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
</svg> </svg>
<span>Konesali<strong>Turku</strong></span> <span class="logo-text">
<span class="logo-text-top">Konesali</span>
<span class="logo-text-bottom">TURKU</span>
</span>
</a> </a>
<p>Luotettavat konesalipalvelut Turussa.</p> <p>Luotettavat konesalipalvelut Turussa.</p>
</div> </div>

58
yhteydet.html
View File

@@ -15,21 +15,22 @@
<header class="header" id="header"> <header class="header" id="header">
<div class="container header-inner"> <div class="container header-inner">
<a href="/" class="logo"> <a href="/" class="logo">
<svg class="logo-icon" viewBox="0 0 32 38" width="28" height="33" fill="none"> <svg class="logo-icon" viewBox="0 0 38 38" fill="none">
<path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/> <rect class="logo-icon-bg" width="38" height="38" rx="10"/>
<path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/> <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="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/> <rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/> <circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/> <circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/> <path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
<line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/> <path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
<line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
</svg> </svg>
<span>Konesali<strong>Turku</strong></span> <span class="logo-text">
<span class="logo-text-top">Konesali</span>
<span class="logo-text-bottom">TURKU</span>
</span>
</a> </a>
<nav class="nav" id="nav"> <nav class="nav" id="nav">
<a href="index.html#palvelut">Palvelut</a> <a href="index.html#palvelut">Palvelut</a>
@@ -452,21 +453,22 @@
<div class="container footer-inner"> <div class="container footer-inner">
<div class="footer-brand"> <div class="footer-brand">
<a href="/" class="logo"> <a href="/" class="logo">
<svg class="logo-icon" viewBox="0 0 32 38" width="22" height="26" fill="none"> <svg class="logo-icon" viewBox="0 0 38 38" fill="none">
<path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/> <rect class="logo-icon-bg" width="38" height="38" rx="10"/>
<path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/> <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="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/> <rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
<rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/> <circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/> <circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/> <circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
<circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/> <path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
<line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/> <path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
<line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
<line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
</svg> </svg>
<span>Konesali<strong>Turku</strong></span> <span class="logo-text">
<span class="logo-text-top">Konesali</span>
<span class="logo-text-bottom">TURKU</span>
</span>
</a> </a>
<p>Luotettavat konesalipalvelut Turussa.</p> <p>Luotettavat konesalipalvelut Turussa.</p>
</div> </div>