<!DOCTYPE html><html lang="sv"> <head><meta charset="UTF-8"><meta name="description" content="Finansportalen som hjälper dig"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover,interactive-widget=resizes-content"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><title>FinansHajen</title><link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet"><script>
const theme = (() => {
if (
typeof localStorage !== 'undefined' &&
localStorage.getItem('theme')
) {
return localStorage.getItem('theme')
}
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
return 'dark'
}
return 'light'
})()
if (theme === 'dark') {
document.documentElement.classList.add('dark')
}
</script><link rel="stylesheet" href="/_astro/_slug_.CIOtwpF8.css">
<style>[data-astro-image]{width:100%;height:auto;-o-object-fit:var(--fit);object-fit:var(--fit);-o-object-position:var(--pos);object-position:var(--pos);aspect-ratio:var(--w) / var(--h)}[data-astro-image=responsive]{max-width:calc(var(--w) * 1px);max-height:calc(var(--h) * 1px)}[data-astro-image=fixed]{width:calc(var(--w) * 1px);height:calc(var(--h) * 1px)}
</style></head> <body class="bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-white"> <nav class="fixed top-0 left-0 right-0 z-50 bg-white/80 dark:bg-gray-900/80 backdrop-blur-md border-b border-gray-100 dark:border-gray-800" data-astro-cid-5blmo7yk> <div class="max-w-7xl mx-auto px-4" data-astro-cid-5blmo7yk> <div class="flex justify-between items-center h-20" data-astro-cid-5blmo7yk> <a href="/" class="text-2xl font-bold text-gray-900 dark:text-white"> FinansHajen </a> <div class="flex items-center space-x-6" data-astro-cid-5blmo7yk> <button id="themeToggle" class="p-2 text-gray-900 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full transition-colors" aria-label="Toggle theme" data-astro-cid-5blmo7yk> <svg id="sun-icon" class="w-5 h-5 hidden" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-5blmo7yk> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" data-astro-cid-5blmo7yk></path> </svg> <svg id="moon-icon" class="w-5 h-5 hidden" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-5blmo7yk> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" data-astro-cid-5blmo7yk></path> </svg> </button> <button id="menuButton" class="group flex flex-col items-end space-y-2 focus:outline-none" aria-label="Toggle menu" data-astro-cid-5blmo7yk> <span class="block w-8 h-0.5 bg-gray-900 dark:bg-white transition-all duration-300 group-hover:w-6" data-astro-cid-5blmo7yk></span> <span class="block w-6 h-0.5 bg-gray-900 dark:bg-white transition-all duration-300" data-astro-cid-5blmo7yk></span> </button> </div> </div> </div> </nav> <!-- Overlay Menu --> <div id="menuOverlay" class="fixed inset-0 bg-white dark:bg-gray-900 z-40 opacity-0 pointer-events-none transition-opacity duration-500" data-astro-cid-5blmo7yk> <div class="flex flex-col items-center justify-center min-h-screen space-y-8 p-4" data-astro-cid-5blmo7yk> <a href="/" class="text-4xl font-bold text-gray-900 dark:text-white hover:text-gray-600 dark:hover:text-gray-300 transition-colors" data-astro-cid-5blmo7yk>Hem</a> <a href="/kategori/affärsrådgivning" class="text-4xl font-bold text-gray-900 dark:text-white hover:text-gray-600 dark:hover:text-gray-300 transition-colors" data-astro-cid-5blmo7yk> Affärsrådgivning </a><a href="/kategori/bokföring" class="text-4xl font-bold text-gray-900 dark:text-white hover:text-gray-600 dark:hover:text-gray-300 transition-colors" data-astro-cid-5blmo7yk> Bokföring </a><a href="/kategori/konsumentlån" class="text-4xl font-bold text-gray-900 dark:text-white hover:text-gray-600 dark:hover:text-gray-300 transition-colors" data-astro-cid-5blmo7yk> Konsumentlån </a><a href="/kategori/bolån" class="text-4xl font-bold text-gray-900 dark:text-white hover:text-gray-600 dark:hover:text-gray-300 transition-colors" data-astro-cid-5blmo7yk> Bolån </a><a href="/kategori/ekonomi" class="text-4xl font-bold text-gray-900 dark:text-white hover:text-gray-600 dark:hover:text-gray-300 transition-colors" data-astro-cid-5blmo7yk> Ekonomi </a> <a href="/om" class="text-4xl font-bold text-gray-900 dark:text-white hover:text-gray-600 dark:hover:text-gray-300 transition-colors" data-astro-cid-5blmo7yk>Om sidan</a> </div> </div> <script type="module">const n=document.getElementById("menuButton"),o=document.getElementById("menuOverlay"),m=document.getElementById("themeToggle"),s=document.getElementById("sun-icon"),d=document.getElementById("moon-icon");let t=!1;const l=typeof localStorage<"u"&&localStorage.getItem("theme")?localStorage.getItem("theme"):window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";l==="light"?(document.documentElement.classList.remove("dark"),s?.classList.add("hidden"),d?.classList.remove("hidden")):(document.documentElement.classList.add("dark"),s?.classList.remove("hidden"),d?.classList.add("hidden"));window.localStorage.setItem("theme",l);const r=()=>{const e=document.documentElement;e.classList.toggle("dark");const i=e.classList.contains("dark");localStorage.setItem("theme",i?"dark":"light"),s?.classList.toggle("hidden"),d?.classList.toggle("hidden")};m?.addEventListener("click",r);function a(){t=!t,t?(o?.classList.remove("opacity-0","pointer-events-none"),document.body.style.overflow="hidden",n?.classList.add("open")):(o?.classList.add("opacity-0","pointer-events-none"),document.body.style.overflow="",n?.classList.remove("open"))}n?.addEventListener("click",a);const c=o?.getElementsByTagName("a");c&&Array.from(c).forEach(e=>{e.addEventListener("click",()=>{t&&a()})});</script> <main class="max-w-7xl mx-auto px-4 py-8 mt-20"> <div class="space-y-16"> <header class="text-center max-w-3xl mx-auto mb-16"> <h1 class="text-5xl md:text-6xl font-bold mb-6 bg-gradient-to-r from-gray-900 to-gray-600 bg-clip-text text-transparent"> Pengar & Marknad </h1> <p class="text-xl text-gray-600"> Pengar & Marknad </p> </header> <section class="mb-16"> <div class="grid grid-cols-1 lg:grid-cols-3 gap-6"> <!-- Main Featured Post --> <article class="lg:col-span-2 group relative overflow-hidden rounded-2xl"> <a href="/din-personliga-ekonomi-i-fokus" class="block"> <div class="relative h-[600px]"> <img src="/_astro/din-personliga-ekonomi-i-fokus-1749195027114-379589845_YayNp.webp" alt="Din personliga ekonomi i fokus" decoding="async" loading="eager" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" width="1280" height="720" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent"></div> <div class="absolute bottom-0 left-0 right-0 p-8 text-white"> <div class="mb-4"> <span class="inline-block px-4 py-1 rounded-full bg-white/20 text-sm backdrop-blur-sm"> Ekonomi </span> </div> <h2 class="text-4xl font-bold mb-3 leading-tight"> Din personliga ekonomi i fokus </h2> <p class="text-lg text-white/80 mb-4 line-clamp-2"> </p> <div class="flex items-center text-sm text-white/60"> <time>06 juni 2025</time> <span class="mx-2">·</span> <span>Läs artikeln →</span> </div> </div> </div> </a> </article> <!-- Side Posts --> <div class="space-y-6"> <article class="group relative overflow-hidden rounded-2xl"> <a href="/spannande-vag-till-investeringar" class="block"> <div class="relative h-[280px]"> <img src="/_astro/spannande-vag-till-investeringar-1749051927073-976796542_Z1zS2Xh.webp" alt="Spännande väg till investeringar" decoding="async" loading="eager" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" width="1280" height="720" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent"></div> <div class="absolute bottom-0 left-0 right-0 p-6 text-white"> <div class="mb-3"> <span class="inline-block px-3 py-1 rounded-full bg-white/20 text-sm backdrop-blur-sm"> Aktiehandel </span> </div> <h3 class="text-xl font-bold mb-2 leading-tight"> Spännande väg till investeringar </h3> <div class="flex items-center text-sm text-white/60"> <time>04 juni 2025</time> </div> </div> </div> </a> </article><article class="group relative overflow-hidden rounded-2xl"> <a href="/din-vag-till-dromhemmet" class="block"> <div class="relative h-[280px]"> <img src="/_astro/din-vag-till-dromhemmet-1748943922406-47517616_ZFs2sr.webp" alt="Din väg till drömhemmet" decoding="async" loading="eager" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" width="1280" height="720" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent"></div> <div class="absolute bottom-0 left-0 right-0 p-6 text-white"> <div class="mb-3"> <span class="inline-block px-3 py-1 rounded-full bg-white/20 text-sm backdrop-blur-sm"> Bolån </span> </div> <h3 class="text-xl font-bold mb-2 leading-tight"> Din väg till drömhemmet </h3> <div class="flex items-center text-sm text-white/60"> <time>03 juni 2025</time> </div> </div> </div> </a> </article> </div> </div> </section> <section> <h2 class="text-3xl font-bold mb-8">Nyheter</h2> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <article class="group relative overflow-hidden rounded-2xl bg-white"> <a href="/att-navigera-bostadsdjungeln" class="block"> <div class="relative h-64 overflow-hidden"> <img src="/_astro/att-navigera-bostadsdjungeln-1748805322266-81626768_SFacp.webp" alt="Att navigera bostadsdjungeln" decoding="async" loading="eager" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" width="1280" height="720" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"> </div> <div class="p-6"> <div class="mb-4"> <span class="inline-block px-3 py-1 rounded-full bg-primary/90 text-sm text-white"> Fastighetsmäklare </span> </div> <h3 class="text-xl font-bold mb-2 group-hover:text-gray-600 transition-colors dark:text-black"> Att navigera bostadsdjungeln </h3> <p class="text-gray-600 line-clamp-2 mb-4"></p> <div class="flex items-center text-sm text-gray-500"> <time>01 juni 2025</time> <span class="mx-2">·</span> <span class="text-gray-900 font-medium">Läs mer →</span> </div> </div> </a> </article><article class="group relative overflow-hidden rounded-2xl bg-white"> <a href="/sma-utgifter-som-paverkar-stort" class="block"> <div class="relative h-64 overflow-hidden"> <img src="/_astro/sma-utgifter-som-paverkar-stort-1748700022291-378409853_w1AuA.webp" alt="Små utgifter som påverkar stort" decoding="async" loading="eager" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" width="1280" height="720" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"> </div> <div class="p-6"> <div class="mb-4"> <span class="inline-block px-3 py-1 rounded-full bg-primary/90 text-sm text-white"> Ekonomi </span> </div> <h3 class="text-xl font-bold mb-2 group-hover:text-gray-600 transition-colors dark:text-black"> Små utgifter som påverkar stort </h3> <p class="text-gray-600 line-clamp-2 mb-4"></p> <div class="flex items-center text-sm text-gray-500"> <time>31 maj 2025</time> <span class="mx-2">·</span> <span class="text-gray-900 font-medium">Läs mer →</span> </div> </div> </a> </article><article class="group relative overflow-hidden rounded-2xl bg-white"> <a href="/investera-smart-och-vaxa-ekonomiskt" class="block"> <div class="relative h-64 overflow-hidden"> <img src="/_astro/investera-smart-och-vaxa-ekonomiskt-1748594132624-176617657_Fy6Nz.webp" alt="Investera smart och växa ekonomiskt" decoding="async" loading="eager" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" width="1280" height="720" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"> </div> <div class="p-6"> <div class="mb-4"> <span class="inline-block px-3 py-1 rounded-full bg-primary/90 text-sm text-white"> Aktiehandel </span> </div> <h3 class="text-xl font-bold mb-2 group-hover:text-gray-600 transition-colors dark:text-black"> Investera smart och växa ekonomiskt </h3> <p class="text-gray-600 line-clamp-2 mb-4"></p> <div class="flex items-center text-sm text-gray-500"> <time>30 maj 2025</time> <span class="mx-2">·</span> <span class="text-gray-900 font-medium">Läs mer →</span> </div> </div> </a> </article><article class="group relative overflow-hidden rounded-2xl bg-white"> <a href="/ekonomi-i-fokus-for-ditt-foretag" class="block"> <div class="relative h-64 overflow-hidden"> <img src="/_astro/ekonomi-i-fokus-for-ditt-foretag-1748460620676-622385341_1K8Kd.webp" alt="Ekonomi i fokus för ditt företag" decoding="async" loading="eager" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" width="1280" height="720" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"> </div> <div class="p-6"> <div class="mb-4"> <span class="inline-block px-3 py-1 rounded-full bg-primary/90 text-sm text-white"> Bokföring </span> </div> <h3 class="text-xl font-bold mb-2 group-hover:text-gray-600 transition-colors dark:text-black"> Ekonomi i fokus för ditt företag </h3> <p class="text-gray-600 line-clamp-2 mb-4"></p> <div class="flex items-center text-sm text-gray-500"> <time>28 maj 2025</time> <span class="mx-2">·</span> <span class="text-gray-900 font-medium">Läs mer →</span> </div> </div> </a> </article><article class="group relative overflow-hidden rounded-2xl bg-white"> <a href="/kop-bostad-med-ratt-lan-och-ranta" class="block"> <div class="relative h-64 overflow-hidden"> <img src="/_astro/kop-bostad-med-ratt-lan-och-ranta-1748354123388-270354796_lxCJB.webp" alt="Köp bostad med rätt lån och ränta" decoding="async" loading="eager" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" width="1280" height="720" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"> </div> <div class="p-6"> <div class="mb-4"> <span class="inline-block px-3 py-1 rounded-full bg-primary/90 text-sm text-white"> Bolån </span> </div> <h3 class="text-xl font-bold mb-2 group-hover:text-gray-600 transition-colors dark:text-black"> Köp bostad med rätt lån och ränta </h3> <p class="text-gray-600 line-clamp-2 mb-4"></p> <div class="flex items-center text-sm text-gray-500"> <time>27 maj 2025</time> <span class="mx-2">·</span> <span class="text-gray-900 font-medium">Läs mer →</span> </div> </div> </a> </article><article class="group relative overflow-hidden rounded-2xl bg-white"> <a href="/vikten-av-juridisk-hjalp-i-livet" class="block"> <div class="relative h-64 overflow-hidden"> <img src="/_astro/vikten-av-juridisk-hjalp-i-livet-1748247921175-201777269_MJzCa.webp" alt="Vikten av juridisk hjälp i livet" decoding="async" loading="eager" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" width="1280" height="720" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"> </div> <div class="p-6"> <div class="mb-4"> <span class="inline-block px-3 py-1 rounded-full bg-primary/90 text-sm text-white"> Juridisk rådgivning </span> </div> <h3 class="text-xl font-bold mb-2 group-hover:text-gray-600 transition-colors dark:text-black"> Vikten av juridisk hjälp i livet </h3> <p class="text-gray-600 line-clamp-2 mb-4"></p> <div class="flex items-center text-sm text-gray-500"> <time>26 maj 2025</time> <span class="mx-2">·</span> <span class="text-gray-900 font-medium">Läs mer →</span> </div> </div> </a> </article> </div> </section> </div> </main> <footer class="bg-gray-50 mt-12"> <div class="max-w-6xl mx-auto px-4 py-8"> <div class="text-center"> <p class="text-accent">
© 2025 FinansHajen.
</p> </div> </div> </footer> </body></html>