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

Initial empor.fi website with logo and contact info

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jukka Lampikoski
2026-03-10 02:18:38 +02:00
commit d11a184490
2 changed files with 91 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
index.html Normal file
View File

@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="fi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Empor Oy</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main>
<div class="logo">EMPOR</div>
<p class="tagline">Holding</p>
<div class="contact">
<h2>Yhteystiedot</h2>
<p class="name">Jukka Lampikoski</p>
<p><a href="mailto:jukka@empor.fi">jukka@empor.fi</a></p>
<p><a href="tel:+35840xxxxxxx">040-xxxxxxx</a></p>
</div>
</main>
</body>
</html>

69
style.css Normal file
View File

@@ -0,0 +1,69 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Helvetica Neue', Arial, sans-serif;
background: #0a0a0a;
color: #fff;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
main {
text-align: center;
padding: 2rem;
}
.logo {
font-size: 4rem;
font-weight: 700;
letter-spacing: 0.3em;
margin-bottom: 0.25rem;
}
.tagline {
font-size: 1rem;
letter-spacing: 0.5em;
text-transform: uppercase;
color: #888;
margin-bottom: 4rem;
}
.contact {
border-top: 1px solid #333;
padding-top: 2rem;
}
.contact h2 {
font-size: 0.85rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #666;
margin-bottom: 1.5rem;
font-weight: 400;
}
.contact .name {
font-size: 1.1rem;
margin-bottom: 0.75rem;
}
.contact a {
color: #ccc;
text-decoration: none;
transition: color 0.2s;
}
.contact a:hover {
color: #fff;
}
.contact p {
margin-bottom: 0.4rem;
font-size: 0.95rem;
}