|
|
<!DOCTYPE html> |
|
|
<html lang="sv"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Wilhelms Finsnickeri</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Open+Sans:wght@300;400;500;600&display=swap" rel="stylesheet"> |
|
|
<script> |
|
|
tailwind.config = { |
|
|
theme: { |
|
|
extend: { |
|
|
colors: { |
|
|
primary: { |
|
|
50: '#f0f9ff', |
|
|
100: '#e0f2fe', |
|
|
200: '#bae6fd', |
|
|
300: '#7dd3fc', |
|
|
400: '#38bdf8', |
|
|
500: '#0ea5e9', |
|
|
600: '#0284c7', |
|
|
700: '#0369a1', |
|
|
800: '#075985', |
|
|
900: '#0c4a6e', |
|
|
}, |
|
|
wood: { |
|
|
50: '#f8f4f0', |
|
|
100: '#f0e9e2', |
|
|
200: '#e1d3c5', |
|
|
300: '#d2bdae', |
|
|
400: '#c3a797', |
|
|
500: '#b49180', |
|
|
600: '#a57b69', |
|
|
700: '#966552', |
|
|
800: '#874f3b', |
|
|
900: '#783924', |
|
|
} |
|
|
}, |
|
|
fontFamily: { |
|
|
'serif': ['Playfair Display', 'serif'], |
|
|
'sans': ['Open Sans', 'sans-serif'] |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
<style> |
|
|
.project-card:hover .project-image { |
|
|
transform: scale(1.05); |
|
|
} |
|
|
.project-card:hover .project-overlay { |
|
|
opacity: 0.9; |
|
|
} |
|
|
.wood-texture { |
|
|
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJ3b29kIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNkMmJkYWEiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjd29vZCkiLz48L3N2Zz4='); |
|
|
} |
|
|
.hero-pattern { |
|
|
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJncmFpbiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjhmNGYwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWluKSIvPjwvc3ZnPg=='); |
|
|
} |
|
|
.transition-all { |
|
|
transition: all 0.3s ease-in-out; |
|
|
} |
|
|
.animate-fade-in { |
|
|
animation: fadeIn 0.8s ease-out; |
|
|
} |
|
|
@keyframes fadeIn { |
|
|
from { opacity: 0; transform: translateY(20px); } |
|
|
to { opacity: 1; transform: translateY(0); } |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="font-sans bg-wood-50 text-wood-900"> |
|
|
|
|
|
<header class="bg-white shadow-md sticky top-0 z-50"> |
|
|
<div class="container mx-auto px-4 py-4 flex justify-between items-center"> |
|
|
<div class="flex items-center"> |
|
|
<div class="w-10 h-10 rounded-full bg-primary-600 flex items-center justify-center mr-3"> |
|
|
<i class="fas fa-tools text-white text-xl"></i> |
|
|
</div> |
|
|
<h1 class="text-2xl font-serif font-bold text-wood-800">Wilhelms Finsnickeri</h1> |
|
|
</div> |
|
|
<nav class="hidden md:flex space-x-8"> |
|
|
<a href="#" class="text-wood-700 hover:text-primary-600 font-medium">Hem</a> |
|
|
<a href="#" class="text-wood-700 hover:text-primary-600 font-medium">Projekt</a> |
|
|
<a href="#" class="text-wood-700 hover:text-primary-600 font-medium">Om mig</a> |
|
|
<a href="#" class="text-wood-700 hover:text-primary-600 font-medium">Kontakt</a> |
|
|
</nav> |
|
|
<button class="md:hidden text-wood-700"> |
|
|
<i class="fas fa-bars text-2xl"></i> |
|
|
</button> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<section class="hero-pattern py-16 md:py-24"> |
|
|
<div class="container mx-auto px-4 text-center"> |
|
|
<h2 class="text-4xl md:text-6xl font-serif font-bold text-wood-900 mb-6 animate-fade-in">Hantverk med hjärta och själ</h2> |
|
|
<p class="text-xl text-wood-700 max-w-2xl mx-auto mb-10 animate-fade-in">Traditionellt snickeri med modern design och omsorg i varje detalj</p> |
|
|
<div class="animate-fade-in"> |
|
|
<a href="#projects" class="inline-block bg-primary-600 hover:bg-primary-700 text-white font-medium py-3 px-8 rounded-full shadow-lg transition-all transform hover:scale-105"> |
|
|
Se senaste projekt |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="projects" class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl md:text-4xl font-serif font-bold text-wood-900 mb-4">Senaste projekt</h2> |
|
|
<div class="w-24 h-1 bg-primary-500 mx-auto"></div> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="project-card bg-white rounded-xl overflow-hidden shadow-lg transition-all duration-300 hover:shadow-xl"> |
|
|
<div class="relative overflow-hidden"> |
|
|
<img src="https://wilhelmsfinsnickeri.se/assets/images/J-sk%C3%A5p/1.jpg" alt="Väggskåp" class="w-full h-64 object-cover project-image transition-all duration-500"> |
|
|
<div class="project-overlay absolute inset-0 bg-primary-600 bg-opacity-0 flex items-center justify-center transition-all duration-300"> |
|
|
<a href="https://wilhelmsfinsnickeri.se/sk%C3%A5p/2025/02/21/v%C3%A4ggsk%C3%A5p.html" class="text-white bg-wood-800 bg-opacity-80 hover:bg-opacity-100 py-2 px-6 rounded-full font-medium transition-all"> |
|
|
Visa projekt |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<span class="text-sm text-wood-500">21 feb 2025</span> |
|
|
<h3 class="text-xl font-serif font-bold text-wood-900 mt-2 mb-3">Väggskåp</h3> |
|
|
<p class="text-wood-700 mb-4">Ett elegant väggskåp med modern design och praktisk funktionalitet.</p> |
|
|
<a href="https://wilhelmsfinsnickeri.se/sk%C3%A5p/2025/02/21/v%C3%A4ggsk%C3%A5p.html" class="text-primary-600 hover:text-primary-800 font-medium flex items-center"> |
|
|
Läs mer <i class="fas fa-arrow-right ml-2 text-sm"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="project-card bg-white rounded-xl overflow-hidden shadow-lg transition-all duration-300 hover:shadow-xl"> |
|
|
<div class="relative overflow-hidden"> |
|
|
<img src="https://wilhelmsfinsnickeri.se/assets/images/2024-12-24-v%C3%A4ggsk%C3%A5p/5.jpg" alt="Väggskåp" class="w-full h-64 object-cover project-image transition-all duration-500"> |
|
|
<div class="project-overlay absolute inset-0 bg-primary-600 bg-opacity-0 flex items-center justify-center transition-all duration-300"> |
|
|
<a href="https://wilhelmsfinsnickeri.se/sk%C3%A5p/2024/12/24/v%C3%A4ggsk%C3%A5p.html" class="text-white bg-wood-800 bg-opacity-80 hover:bg-opacity-100 py-2 px-6 rounded-full font-medium transition-all"> |
|
|
Visa projekt |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<span class="text-sm text-wood-500">24 dec 2024</span> |
|
|
<h3 class="text-xl font-serif font-bold text-wood-900 mt-2 mb-3">Väggskåp</h3> |
|
|
<p class="text-wood-700 mb-4">Traditionell hantverksteknik möter modern estetik i detta skåp.</p> |
|
|
<a href="https://wilhelmsfinsnickeri.se/sk%C3%A5p/2024/12/24/v%C3%A4ggsk%C3%A5p.html" class="text-primary-600 hover:text-primary-800 font-medium flex items-center"> |
|
|
Läs mer <i class="fas fa-arrow-right ml-2 text-sm"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="project-card bg-white rounded-xl overflow-hidden shadow-lg transition-all duration-300 hover:shadow-xl"> |
|
|
<div class="relative overflow-hidden"> |
|
|
<img src="https://wilhelmsfinsnickeri.se/assets/images/J-skrin/cover.jpg" alt="Skrin" class="w-full h-64 object-cover project-image transition-all duration-500"> |
|
|
<div class="project-overlay absolute inset-0 bg-primary-600 bg-opacity-0 flex items-center justify-center transition-all duration-300"> |
|
|
<a href="https://wilhelmsfinsnickeri.se/skrin/2024/07/05/j-skrin.html" class="text-white bg-wood-800 bg-opacity-80 hover:bg-opacity-100 py-2 px-6 rounded-full font-medium transition-all"> |
|
|
Visa projekt |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<span class="text-sm text-wood-500">5 jul 2024</span> |
|
|
<h3 class="text-xl font-serif font-bold text-wood-900 mt-2 mb-3">Skrin</h3> |
|
|
<p class="text-wood-700 mb-4">Ett vackert snickeri med detaljerad utsmyckning och hög kvalitet.</p> |
|
|
<a href="https://wilhelmsfinsnickeri.se/skrin/2024/07/05/j-skrin.html" class="text-primary-600 hover:text-primary-800 font-medium flex items-center"> |
|
|
Läs mer <i class="fas fa-arrow-right ml-2 text-sm"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="project-card bg-white rounded-xl overflow-hidden shadow-lg transition-all duration-300 hover:shadow-xl"> |
|
|
<div class="relative overflow-hidden"> |
|
|
<img src="https://wilhelmsfinsnickeri.se/assets/images/dinas-ask/cover.jpg" alt="Smyckesskrin" class="w-full h-64 object-cover project-image transition-all duration-500"> |
|
|
<div class="project-overlay absolute inset-0 bg-primary-600 bg-opacity-0 flex items-center justify-center transition-all duration-300"> |
|
|
<a href="https://wilhelmsfinsnickeri.se/skrin/2024/04/01/dinas-ask.html" class="text-white bg-wood-800 bg-opacity-80 hover:bg-opacity-100 py-2 px-6 rounded-full font-medium transition-all"> |
|
|
Visa projekt |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<span class="text-sm text-wood-500">1 apr 2024</span> |
|
|
<h3 class="text-xl font-serif font-bold text-wood-900 mt-2 mb-3">Smyckesskrin</h3> |
|
|
<p class="text-wood-700 mb-4">Ett exklusivt smyckesskrin med fina detaljer och hög kvalitet.</p> |
|
|
<a href="https://wilhelmsfinsnickeri.se/skrin/2024/04/01/dinas-ask.html" class="text-primary-600 hover:text-primary-800 font-medium flex items-center"> |
|
|
Läs mer <i class="fas fa-arrow-right ml-2 text-sm"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="project-card bg-white rounded-xl overflow-hidden shadow-lg transition-all duration-300 hover:shadow-xl"> |
|
|
<div class="relative overflow-hidden"> |
|
|
<img src="https://wilhelmsfinsnickeri.se/assets/images/yamasuke/cover.jpg" alt="Yamasuke" class="w-full h-64 object-cover project-image transition-all duration-500"> |
|
|
<div class="project-overlay absolute inset-0 bg-primary-600 bg-opacity-0 flex items-center justify-center transition-all duration-300"> |
|
|
<a href="https://wilhelmsfinsnickeri.se/jekyll/update/2024/03/22/yamasuke.html" class="text-white bg-wood-800 bg-opacity-80 hover:bg-opacity-100 py-2 px-6 rounded-full font-medium transition-all"> |
|
|
Visa projekt |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<span class="text-sm text-wood-500">22 mar 2024</span> |
|
|
<h3 class="text-xl font-serif font-bold text-wood-900 mt-2 mb-3">Yamasuke</h3> |
|
|
<p class="text-wood-700 mb-4">En unik design med japanska influenser och modern teknik.</p> |
|
|
<a href="https://wilhelmsfinsnickeri.se/jekyll/update/2024/03/22/yamasuke.html" class="text-primary-600 hover:text-primary-800 font-medium flex items-center"> |
|
|
Läs mer <i class="fas fa-arrow-right ml-2 text-sm"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="project-card bg-white rounded-xl overflow-hidden shadow-lg transition-all duration-300 hover:shadow-xl"> |
|
|
<div class="relative overflow-hidden"> |
|
|
<img src="https://wilhelmsfinsnickeri.se/assets/images/subwoofer/cover.jpg" alt="Baslåda" class="w-full h-64 object-cover project-image transition-all duration-500"> |
|
|
<div class="project-overlay absolute inset-0 bg-primary-600 bg-opacity-0 flex items-center justify-center transition-all duration-300"> |
|
|
<a href="https://wilhelmsfinsnickeri.se/hifi/2023/07/07/basl%C3%A5da.html" class="text-white bg-wood-800 bg-opacity-80 hover:bg-opacity-100 py-2 px-6 rounded-full font-medium transition-all"> |
|
|
Visa projekt |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<span class="text-sm text-wood-500">7 jul 2023</span> |
|
|
<h3 class="text-xl font-serif font-bold text-wood-900 mt-2 mb-3">Baslåda</h3> |
|
|
<p class="text-wood-700 mb-4">En akustiskt optimerad baslåda för den perfekta ljudupplevelsen.</p> |
|
|
<a href="https://wilhelmsfinsnickeri.se/hifi/2023/07/07/basl%C3%A5da.html" class="text-primary-600 hover:text-primary-800 font-medium flex items-center"> |
|
|
Läs mer <i class="fas fa-arrow-right ml-2 text-sm"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="text-center mt-12"> |
|
|
<a href="#" class="inline-block bg-wood-800 hover:bg-wood-900 text-white font-medium py-3 px-8 rounded-full shadow transition-all transform hover:scale-105"> |
|
|
Visa alla projekt |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-wood-100 wood-texture"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-1/2 mb-10 md:mb-0 md:pr-10"> |
|
|
<div class="bg-gray-200 border-2 border-dashed rounded-xl w-full h-96"></div> |
|
|
</div> |
|
|
<div class="md:w-1/2"> |
|
|
<h2 class="text-3xl md:text-4xl font-serif font-bold text-wood-900 mb-6">Om Wilhelms Finsnickeri</h2> |
|
|
<p class="text-wood-700 mb-6">Jag har arbetat med trä sedan 2010 och specialiserat mig på fina snickeriarbeten med personlig touch. Varje projekt är unikt och skapat med passion för detaljer och kvalitet.</p> |
|
|
<p class="text-wood-700 mb-6">Med bakgrund inom möbelkonstruktion och en kärlek för traditionellt hantverk kombinerar jag moderna tekniker med klassiska snickerimetoder för att skapa funktionella och vackra objekt.</p> |
|
|
<div class="flex flex-wrap gap-4"> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-check-circle text-primary-600 mr-2"></i> |
|
|
<span>Handgjorda projekt</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-check-circle text-primary-600 mr-2"></i> |
|
|
<span>Hållbarhet i fokus</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-check-circle text-primary-600 mr-2"></i> |
|
|
<span>Anpassade lösningar</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl md:text-4xl font-serif font-bold text-wood-900 mb-4">Kontakta mig</h2> |
|
|
<p class="text-wood-700 max-w-2xl mx-auto">Har du ett projekt du vill diskutera eller frågor om mitt arbete? Hör av dig!</p> |
|
|
</div> |
|
|
|
|
|
<div class="max-w-4xl mx-auto bg-wood-50 rounded-xl shadow-lg p-8"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
|
|
<div> |
|
|
<h3 class="text-xl font-serif font-bold text-wood-900 mb-4">Kontaktinformation</h3> |
|
|
<div class="space-y-4"> |
|
|
<div class="flex items-start"> |
|
|
<i class="fas fa-envelope text-primary-600 mt-1 mr-4"></i> |
|
|
<div> |
|
|
<h4 class="font-medium text-wood-900">E-post</h4> |
|
|
<p class="text-wood-700">info@wilhelmsfinsnickeri.se</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<i class="fas fa-phone text-primary-600 mt-1 mr-4"></i> |
|
|
<div> |
|
|
<h4 class="font-medium text-wood-900">Telefon</h4> |
|
|
<p class="text-wood-700">+46 700 123 456</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<i class="fas fa-map-marker-alt text-primary-600 mt-1 mr-4"></i> |
|
|
<div> |
|
|
<h4 class="font-medium text-wood-900">Adress</h4> |
|
|
<p class="text-wood-700">Snickarvägen 12<br>123 45 Snickarbyn</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-xl font-serif font-bold text-wood-900 mb-4">Skicka ett meddelande</h3> |
|
|
<form> |
|
|
<div class="mb-4"> |
|
|
<input type="text" placeholder="Ditt namn" class="w-full px-4 py-3 rounded-lg border border-wood-300 focus:outline-none focus:ring-2 focus:ring-primary-500"> |
|
|
</div> |
|
|
<div class="mb-4"> |
|
|
<input type="email" placeholder="Din e-post" class="w-full px-4 py-3 rounded-lg border border-wood-300 focus:outline-none focus:ring-2 focus:ring-primary-500"> |
|
|
</div> |
|
|
<div class="mb-4"> |
|
|
<textarea placeholder="Ditt meddelande" rows="4" class="w-full px-4 py-3 rounded-lg border border-wood-300 focus:outline-none focus:ring-2 focus:ring-primary-500"></textarea> |
|
|
</div> |
|
|
<button type="submit" class="w-full bg-primary-600 hover:bg-primary-700 text-white font-medium py-3 px-6 rounded-lg transition-all"> |
|
|
Skicka meddelande |
|
|
</button> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-wood-900 text-wood-100 py-12"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8"> |
|
|
<div> |
|
|
<h3 class="text-xl font-serif font-bold mb-4">Wilhelms Finsnickeri</h3> |
|
|
<p class="text-wood-300 mb-4">Traditionellt snickeri med modern design och omsorg i varje detalj.</p> |
|
|
<div class="flex space-x-4"> |
|
|
<a href="#" class="text-wood-300 hover:text-white"> |
|
|
<i class="fab fa-instagram"></i> |
|
|
</a> |
|
|
<a href="#" class="text-wood-300 hover:text-white"> |
|
|
<i class="fab fa-facebook-f"></i> |
|
|
</a> |
|
|
<a href="#" class="text-wood-300 hover:text-white"> |
|
|
<i class="fab fa-pinterest-p"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="text-lg font-serif font-bold mb-4">Snabblänkar</h4> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-wood-300 hover:text-white">Hem</a></li> |
|
|
<li><a href="#" class="text-wood-300 hover:text-white">Projekt</a></li> |
|
|
<li><a href="#" class="text-wood-300 hover:text-white">Om mig</a></li> |
|
|
<li><a href="#" class="text-wood-300 hover:text-white">Kontakt</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="text-lg font-serif font-bold mb-4">Projekttyper</h4> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-wood-300 hover:text-white">Möbler</a></li> |
|
|
<li><a href="#" class="text-wood-300 hover:text-white">Skåp & förvaring</a></li> |
|
|
<li><a href="#" class="text-wood-300 hover:text-white">Skrin & askar</a></li> |
|
|
<li><a href="#" class="text-wood-300 hover:text-white">HiFi-lösningar</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="text-lg font-serif font-bold mb-4">Nyhetsbrev</h4> |
|
|
<p class="text-wood-300 mb-4">Få uppdateringar om nya projekt och erbjudanden.</p> |
|
|
<form class="flex"> |
|
|
<input type="email" placeholder="Din e-post" class="px-4 py-2 rounded-l-lg w-full focus:outline-none text-wood-900"> |
|
|
<button class="bg-primary-600 hover:bg-primary-700 text-white px-4 rounded-r-lg"> |
|
|
<i class="fas fa-paper-plane"></i> |
|
|
</button> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
<div class="border-t border-wood-800 mt-10 pt-6 text-center text-wood-400"> |
|
|
<p>© 2025 Wilhelms Finsnickeri. Alla rättigheter förbehållna.</p> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=joelpdev/sebbe-3" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
