{"id":6,"date":"2026-03-20T13:45:22","date_gmt":"2026-03-20T13:45:22","guid":{"rendered":"https:\/\/finnandre.no\/?page_id=6"},"modified":"2026-03-20T15:45:40","modified_gmt":"2026-03-20T15:45:40","slug":"home","status":"publish","type":"page","link":"https:\/\/finnandre.no\/","title":{"rendered":"Home"},"content":{"rendered":"<link rel=\"stylesheet\" href=\"https:\/\/finnandre.no\/wp-content\/uploads\/fah-portal-html\/home-7-sections\/style.css?ver=0.1.0\" \/><script defer src=\"https:\/\/finnandre.no\/wp-content\/uploads\/fah-portal-html\/home-7-sections\/script.js?ver=0.1.0\"><\/script><div class=\"fah-hps-wrapper\"><section class=\"fah-home7\" aria-label=\"Home portal shell\">\n  <header class=\"zone zone-top\" data-zone=\"top\">\n    <div class=\"hero-brand\" aria-hidden=\"true\">\n      <img decoding=\"async\" class=\"hero-brand-logo\" src=\"https:\/\/finnandre.no\/wp-content\/uploads\/2026\/03\/logo-customizable-1.svg\" alt=\"Finn Andre Hotvedt logo\" loading=\"lazy\">\n    <\/div>\n    <div class=\"hero-copy\">\n      <p class=\"hero-main\">Kan du tenke det, kan jeg kode det<\/p>\n      <h1 class=\"hero-name\">Finn Andre Hotvedt<\/h1>\n      <p class=\"hero-support\">AI-klare nettsider, portaler, microkontroller-l\u00f8sninger og spesialsystemer der layout og struktur tilpasses akkurat etter kundens \u00f8nsker og behov, og der det i praksis nesten bare er fantasien som setter grenser for hva vi kan f\u00e5 til i dag.<\/p>\n    <\/div>\n    <nav class=\"site-menu top-menu\" aria-label=\"Hovedmeny\">\n      <button type=\"button\" class=\"menu-item is-active\" data-view=\"services\">Tjenester<\/button>\n      <button type=\"button\" class=\"menu-item\" data-view=\"projects\">Prosjekter<\/button>\n    <\/nav>\n  <\/header>\n\n  <main class=\"zone zone-center\" data-zone=\"center\" title=\"Interaktiv presentasjon i prosjektvisning\">\n    <section class=\"content-view is-active\" id=\"view-services\">\n      <div class=\"services-hero\">\n        <p class=\"section-kicker\">Tjenester<\/p>\n        <h2>Jeg bygger digitale l\u00f8sninger som kan vokse med bedriften din<\/h2>\n        <p class=\"section-lead\">For bedrifter som trenger mer enn en vanlig nettside: skreddersydde websider, portaler, automasjon, microkontrollere og tekniske systemer med layout, innhold og struktur tilpasset akkurat slik kunden \u00f8nsker \u00e5 presentere seg. Jeg lager b\u00e5de enkle og avanserte sider, og selv en enkel side kan bygges ut med interaktivitet n\u00e5r det gir mening. I dag er det ofte nesten bare fantasien som setter grenser for hva som kan bygges.<\/p>\n      <\/div>\n\n      <section class=\"intro-video-block\" aria-label=\"Kort videointro\">\n        <div class=\"intro-video-frame\">\n          <video id=\"company-intro-video\" class=\"intro-video\" autoplay muted loop playsinline preload=\"metadata\" aria-label=\"Kort videointro for Finn Andre Hotvedt\">\n            <source src=\"https:\/\/finnandre.no\/wp-content\/uploads\/2026\/03\/Company-Intro-1.mp4\" type=\"video\/mp4\">\n          <\/video>\n          <button type=\"button\" class=\"intro-video-launch\" data-video-fullscreen=\"company-intro-video\">Vis video i fullskjerm<\/button>\n        <\/div>\n      <\/section>\n\n      <div class=\"capability-banner\">\n        <p class=\"capability-kicker\">Fra enkelt til avansert<\/p>\n        <h3>En enkel side trenger ikke v\u00e6re statisk. Den kan f\u00e5 akkurat den interaktiviteten, flyten og funksjonen som gir verdi for kunden.<\/h3>\n        <div class=\"capability-pills\" aria-label=\"Eksempler p\u00e5 niv\u00e5er og l\u00f8sninger\">\n          <span>Enkle infosider<\/span>\n          <span>Landingssider med interaktivitet<\/span>\n          <span>Kunde- og medlemsportaler<\/span>\n          <span>Avanserte spesialsystemer<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"offer-grid\">\n        <article class=\"offer-card offer-card-primary\">\n          <p class=\"offer-kicker\">01<\/p>\n          <h3>AI-klare nettsider og landingssider<\/h3>\n          <p>Nettsider med tydelig budskap, gjenbrukbare seksjoner og en struktur som gj\u00f8r det enklere \u00e5 forbedre innhold, kampanjer og sider over tid, samtidig som layouten formes etter kundens egne \u00f8nsker.<\/p>\n          <ul class=\"offer-points\">\n            <li>Tydelig f\u00f8rsteinntrykk og bedre salgskommunikasjon<\/li>\n            <li>Layout og oppbygning tilpasses slik kunden vil ha det<\/li>\n            <li>Bygget for videreutvikling, ikke bare lansering<\/li>\n            <li>Passer for bedrifter som trenger hyppige endringer<\/li>\n          <\/ul>\n        <\/article>\n        <article class=\"offer-card\">\n          <p class=\"offer-kicker\">02<\/p>\n          <h3>Portaler, support og arbeidsflyt<\/h3>\n          <p>Jeg bygger portaler og arbeidsflater der kunder, partnere eller interne team f\u00e5r en l\u00f8sning som faktisk passer arbeidsprosessen deres.<\/p>\n          <ul class=\"offer-points\">\n            <li>Kundeportal, supportflate eller partneromr\u00e5de<\/li>\n            <li>Integrasjoner, skjema og arbeidsflyt i samme l\u00f8sning<\/li>\n            <li>Mindre manuelt arbeid og mer kontroll<\/li>\n          <\/ul>\n        <\/article>\n        <article class=\"offer-card\">\n          <p class=\"offer-kicker\">03<\/p>\n          <h3>Spesialsystemer, microkontrollere og teknisk videreutvikling<\/h3>\n          <p>N\u00e5r behovet g\u00e5r utover standardverkt\u00f8y, bygger jeg backend, logikk, serveroppsett, microkontroller-baserte l\u00f8sninger og tekniske systemer som m\u00e5 v\u00e6re stabile i virkeligheten.<\/p>\n          <ul class=\"offer-points\">\n            <li>Skreddersydd programmering for unike behov<\/li>\n            <li>Microkontrollere, hardware-n\u00e6re l\u00f8sninger og spesiallogikk<\/li>\n            <li>Server, hosting, sikker base og vedlikehold<\/li>\n            <li>L\u00f8sninger som kan bygges videre modul for modul<\/li>\n          <\/ul>\n        <\/article>\n      <\/div>\n\n      <h2>Slik jobber jeg<\/h2>\n      <div class=\"journey-grid\">\n        <article class=\"journey-card\">\n          <span class=\"journey-step\">1<\/span>\n          <h3>Forst\u00e5r behovet<\/h3>\n          <p>Vi starter med hva du faktisk trenger \u00e5 f\u00e5 til, ikke med \u00e5 presse problemet inn i en ferdig mal.<\/p>\n        <\/article>\n        <article class=\"journey-card\">\n          <span class=\"journey-step\">2<\/span>\n          <h3>Tegner struktur<\/h3>\n          <p>Jeg bryter ideen ned i logiske deler og finner en teknisk retning der layout, struktur og brukerflyt formes etter hvordan kunden faktisk vil at l\u00f8sningen skal oppleves.<\/p>\n        <\/article>\n        <article class=\"journey-card\">\n          <span class=\"journey-step\">3<\/span>\n          <h3>Bygger i moduler<\/h3>\n          <p>Resultatet blir lettere \u00e5 forst\u00e5, lettere \u00e5 utvide og tryggere \u00e5 jobbe videre med n\u00e5r behovene endrer seg.<\/p>\n        <\/article>\n        <article class=\"journey-card\">\n          <span class=\"journey-step\">4<\/span>\n          <h3>Drifter og forbedrer<\/h3>\n          <p>Jeg kan f\u00f8lge l\u00f8sningen videre med support, drift, innholdsforbedringer og nye funksjoner n\u00e5r tiden er riktig.<\/p>\n        <\/article>\n      <\/div>\n\n      <h2>Passer best for<\/h2>\n      <div class=\"fit-grid\">\n        <article class=\"pro-card\">\n          <h3>Bedrifter med produkter, tjenester og teknisk innhold<\/h3>\n          <p>N\u00e5r du trenger \u00e5 forklare noe tydelig, selge det riktig og samtidig ha en l\u00f8sning som t\u00e5ler videre vekst, er det her jeg jobber best, enten det handler om web, automasjon eller hardware-n\u00e6re systemer.<\/p>\n        <\/article>\n        <article class=\"pro-card\">\n          <h3>Bedrifter som trenger mer enn en pen forside<\/h3>\n          <p>Hvis du ogs\u00e5 trenger kampanjer, portal, automatisering, support, analyse, microkontrollere eller spesiallogikk, bygger jeg l\u00f8sningen s\u00e5 den kan vokse i samme retning, uten at du m\u00e5 l\u00e5se deg til en standard layout.<\/p>\n        <\/article>\n      <\/div>\n\n      <section class=\"youtube-block\" aria-label=\"YouTube-kanal\">\n        <div class=\"youtube-copy\">\n          <p class=\"section-kicker\">YouTube<\/p>\n          <h2>Se prosjekter, retning og tekniske innblikk i videoformat<\/h2>\n          <p class=\"section-lead\">For noen er det lettere \u00e5 forst\u00e5 en l\u00f8sning n\u00e5r de kan se den i bevegelse. Derfor har jeg ogs\u00e5 en YouTube-kanal som kan brukes til \u00e5 vise id\u00e9er, demoer, byggeprosesser og mer levende innblikk i arbeidet.<\/p>\n          <div class=\"youtube-actions\">\n            <a class=\"youtube-button youtube-button-primary\" href=\"https:\/\/www.youtube.com\/@finnandrehotvedt6974\" target=\"_blank\" rel=\"noopener noreferrer\">\u00c5pne YouTube-kanalen<\/a>\n          <\/div>\n        <\/div>\n        <aside class=\"youtube-panel\">\n            <p class=\"youtube-handle\">@finnandrehotvedt6974<\/p>\n            <p class=\"youtube-panel-copy\">F\u00f8lg kanalen for flere demoer, prosjektglimt og tekniske innblikk i arbeidet mitt.<\/p>\n        <\/aside>\n      <\/section>\n\n      <h2>Kontakt<\/h2>\n      <div class=\"contact-shell\">\n        <article class=\"pro-card pro-card-contact contact-cta\">\n          <p class=\"section-kicker\">Ta kontakt<\/p>\n          <h3>Fortell meg hva du vil f\u00e5 til<\/h3>\n          <p>Jeg hjelper deg \u00e5 gj\u00f8re en id\u00e9 om til en l\u00f8sning som kan bygges, brukes og videreutvikles over tid.<\/p>\n          <div class=\"contact-list\">\n            <p><strong>Finn Andre Hotvedt<\/strong><\/p>\n            <p>Telefon: +47 466 71 802<\/p>\n            <p>E-post: finnandreh@gmail.com<\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"content-view\" id=\"view-showcase\">\n      <div class=\"showcase-layout\">\n        <aside class=\"showcase-service-panel showcase-service-panel-left\">\n          <p class=\"zone-label\">Prosjektinnganger<\/p>\n          <div class=\"service-list\" role=\"list\">\n            <button type=\"button\" class=\"service-item\" data-project=\"web-platform\" role=\"listitem\">Nettplattform<\/button>\n            <button type=\"button\" class=\"service-item\" data-project=\"automation-stack\" role=\"listitem\">Automasjonsflyt<\/button>\n            <button type=\"button\" class=\"service-item\" data-project=\"website-design\" role=\"listitem\">Nettdesign<\/button>\n            <button type=\"button\" class=\"service-item\" data-project=\"booking-flow\" role=\"listitem\">Bookingflyt<\/button>\n          <\/div>\n        <\/aside>\n\n        <div class=\"center-card\">\n          <p class=\"center-kicker\" id=\"center-project\">Prosjekt<\/p>\n          <h2 id=\"center-title\">Hovedvisning<\/h2>\n          <p id=\"center-description\">Velg en tjeneste for \u00e5 vise prosjektdetaljer.<\/p>\n          <ul class=\"center-bullets\" id=\"center-bullets\"><\/ul>\n\n          <div class=\"static-gallery\" id=\"static-gallery\">\n            <article class=\"shot-card\">\n              <img decoding=\"async\" id=\"shot-gassforhandler\" src=\"\" alt=\"Forh\u00e5ndsvisning av gassforhandler.no\" loading=\"lazy\">\n              <p class=\"shot-caption\">gassforhandler.no<\/p>\n            <\/article>\n            <article class=\"shot-card\">\n              <img decoding=\"async\" id=\"shot-tellusvituz\" src=\"\" alt=\"Forh\u00e5ndsvisning av tellusvituz.com\" loading=\"lazy\">\n              <p class=\"shot-caption\">tellusvituz.com<\/p>\n            <\/article>\n            <article class=\"shot-card\">\n              <img decoding=\"async\" id=\"shot-piacath\" src=\"\" alt=\"Forh\u00e5ndsvisning av piacath.com\" loading=\"lazy\">\n              <p class=\"shot-caption\">piacath.com<\/p>\n            <\/article>\n            <article class=\"shot-card\">\n              <img decoding=\"async\" id=\"shot-piacath-shop\" src=\"\" alt=\"Forh\u00e5ndsvisning av shop.piacath.com\" loading=\"lazy\">\n              <p class=\"shot-caption\">shop.piacath.com<\/p>\n            <\/article>\n            <article class=\"shot-card\">\n              <img decoding=\"async\" id=\"shot-tellusartworld\" src=\"\" alt=\"Forh\u00e5ndsvisning av tellusartworld.com\" loading=\"lazy\">\n              <p class=\"shot-caption\">tellusartworld.com<\/p>\n            <\/article>\n          <\/div>\n\n          <div class=\"preview-shell\" id=\"preview-shell\">\n            <div class=\"preview-focus-callout\" id=\"preview-focus-callout\" hidden>\n              <strong>Fullskjermdemo<\/strong>\n              <span>Klikk p\u00e5 knappen under for \u00e5 \u00e5pne en st\u00f8rre, mer levende visning.<\/span>\n            <\/div>\n            <iframe id=\"center-preview\" class=\"center-preview\" title=\"Prosjektforh\u00e5ndsvisning\" loading=\"lazy\"><\/iframe>\n            <button type=\"button\" class=\"preview-expand\" id=\"preview-expand\" aria-label=\"\u00c5pne prosjektvisning i fullskjerm\">\n              Klikk her for fullskjermdemo\n            <\/button>\n            <p class=\"preview-note\" id=\"preview-note\"><\/p>\n            <a id=\"preview-link\" class=\"preview-link\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" aria-hidden=\"true\" tabindex=\"-1\">Open full site<\/a>\n          <\/div>\n\n          <p class=\"center-meta\" id=\"center-meta\">Seksjon 1 av 1<\/p>\n          <p class=\"center-hint\">Bruk fullskjermknappen for \u00e5 \u00e5pne en st\u00f8rre prosjektvisning med pilnavigasjon.<\/p>\n        <\/div>\n\n        <aside class=\"showcase-service-panel showcase-service-panel-right\">\n          <p class=\"zone-label\">Flere l\u00f8sninger<\/p>\n          <div class=\"service-list\" role=\"list\">\n            <button type=\"button\" class=\"service-item\" data-project=\"hosting-care\" role=\"listitem\">Hosting + drift<\/button>\n            <button type=\"button\" class=\"service-item\" data-project=\"analytics-lab\" role=\"listitem\">Analyse-lab<\/button>\n            <button type=\"button\" class=\"service-item\" data-project=\"iot-mqtt\" role=\"listitem\">IoT + MQTT<\/button>\n            <button type=\"button\" class=\"service-item\" data-project=\"member-portal\" role=\"listitem\">Medlemsportal<\/button>\n            <button type=\"button\" class=\"service-item\" data-project=\"custom-systems\" role=\"listitem\">Spesialsystemer<\/button>\n          <\/div>\n        <\/aside>\n      <\/div>\n    <\/section>\n\n  <\/main>\n\n  <footer class=\"zone zone-bottom\" data-zone=\"bottom\">\n    <p>Programmering i kjernen - skreddersydde l\u00f8sninger for spesialanlegg.<\/p>\n  <\/footer>\n\n  <div class=\"fullscreen-headline\" id=\"fullscreen-headline\" aria-hidden=\"true\">\n    <div>\n      <p class=\"headline-project\" id=\"fullscreen-project\">Prosjekt<\/p>\n      <h2 class=\"headline-title\" id=\"fullscreen-title\">Seksjonstittel<\/h2>\n    <\/div>\n    <button type=\"button\" class=\"exit-focus\" id=\"exit-focus\" aria-label=\"Lukk fullskjerm\">\n      Lukk\n    <\/button>\n  <\/div>\n\n  <button type=\"button\" class=\"fullscreen-arrow fullscreen-arrow-left\" id=\"arrow-prev\" aria-label=\"Forrige seksjon\">\n    &#8592;\n  <\/button>\n  <button type=\"button\" class=\"fullscreen-arrow fullscreen-arrow-right\" id=\"arrow-next\" aria-label=\"Neste seksjon\">\n    &#8594;\n  <\/button>\n\n  <nav class=\"fullscreen-index\" id=\"fullscreen-index\" aria-hidden=\"true\">\n    <div class=\"index-inner\">\n      <p class=\"index-label\">Prosjektseksjoner<\/p>\n      <div class=\"index-track\" id=\"index-track\"><\/div>\n    <\/div>\n  <\/nav>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/finnandre.no\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/finnandre.no\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/finnandre.no\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/finnandre.no\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/finnandre.no\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":4,"href":"https:\/\/finnandre.no\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/finnandre.no\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/finnandre.no\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}