Testarena för kod
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="AINNOVAs överskådliga prissättning – tydliga priser för IT-tjänster, AI-utbildning, webbplatser och mer.">
<meta name="google" content="nositelinkssearchbox">
<meta http-equiv="Content-Language" content="sv">
<!-- Säkerhetsheaders -->
<meta http-equiv="X-Frame-Options" content="DENY">
<meta http-equiv="X-Content-Type-Options" content="nosniff">
<meta http-equiv="X-XSS-Protection" content="1; mode=block">
<meta http-equiv="Strict-Transport-Security" content="max-age=31536000; includeSubDomains">
<title>AINNOVA | Våra ERBJUDANDEN på ett silverfat</title>
<!-- Open Graph och Twitter Card-taggar för sociala medier -->
<meta property="og:title" content="AINNOVA | Våra ERBJUDANDEN på ett silverfat">
<meta property="og:description" content="AINNOVAs överskådliga prissättning – tydliga priser för IT-tjänster, AI-utbildning, webbplatser och mer.">
<meta property="og:image" content="https://ainnova.se/images/ai-training.jpg">
<meta property="og:url" content="https://erbjudanden.ainnova.se/">
<meta name="twitter:card" content="summary_large_image">
<!-- Schema Markup för prissättning -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Offer",
"name": "Digital rådgivning",
"description": "Videomöte med AI-utbildning",
"price": "800",
"priceCurrency": "SEK",
"availability": "https://schema.org/InStock",
"validFrom": "2025-03-26",
"eligibleRegion": {"@type": "Country", "name": "Sweden"},
"offeredBy": {"@type": "Organization", "name": "AINNOVA"}
}
</script>
<!-- Lato och Montserrat font med asynkron laddning -->
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Montserrat:wght@700&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
<style>
/* Reset för plattformskonsistens */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Försök att överrida Google Sites-styling */
body > div {
padding: 0 !important;
margin: 0 !important;
}
/* Grundläggande styling för hela sidan */
html {
scroll-behavior: smooth;
}
html, body {
background-color: #A3D9FF !important;
font-family: 'Lato', Arial, sans-serif !important;
color: #333333 !important;
line-height: 1.6;
text-align: center;
}
/* Yttre wrapper */
.wrapper {
padding: 14px 20px 20px !important;
background-color: #007BBF !important;
min-height: 100vh;
display: flex;
flex-direction: column;
}
/* Huvudcontainer */
.container {
max-width: 1000px;
margin: 0 auto;
background-color: #FFFFFF !important;
padding: 30px;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
/* Stora rubriker */
h1 {
font-family: 'Montserrat', sans-serif !important;
font-size: 38px;
font-weight: 700;
color: #007BBF !important;
margin-bottom: 20px;
line-height: 1.4;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
/* Standardparagrafer */
p {
font-size: 16px;
margin: 10px 0;
line-height: 1.8;
color: #333333 !important;
}
/* Tabell för prissättning */
table {
width: 100%;
border-collapse: collapse;
margin: 30px 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
overflow-x: auto;
role: "grid";
tabindex: "0";
}
/* Gör caption synlig och styla den */
caption {
position: static;
width: auto;
height: auto;
padding: 10px;
margin: 0;
overflow: visible;
clip: auto;
border: none;
font-size: 16px;
font-weight: bold;
color: #333333 !important;
background-color: #E6EBF1 !important;
border-radius: 5px 5px 0 0;
}
th, td {
border: 0.5px solid #D9D9D9;
padding: 14px;
text-align: left;
font-size: 16px;
vertical-align: top;
}
th {
background-color: #007BBF !important;
color: #FFFFFF !important;
font-weight: bold;
text-transform: uppercase;
}
th:nth-child(1) { width: 20%; }
th:nth-child(2) { width: 30%; }
th:nth-child(3) { width: 20%; }
th:nth-child(4) { width: 30%; }
tr:nth-child(even) {
background-color: #E6EBF1 !important;
}
tr:nth-child(odd) {
background-color: #FFFFFF !important;
}
td.category-cell {
background-color: #FFFFFF !important;
text-align: center;
vertical-align: middle;
}
/* Använd Montserrat för kategorititlar */
.category-cell span {
font-weight: bold;
font-family: 'Montserrat', sans-serif !important; /* Matchar rubrikstilen i elipsbollar */
}
/* Styling för tjänstkolumnen */
.service-column a {
display: block;
text-align: center;
font-size: 20px;
font-weight: bold;
background-color: #9FE754 !important;
color: #333333 !important;
padding: 18px;
border-radius: 5px;
text-decoration: none;
width: 100%;
box-sizing: border-box;
transition: background-color 0.3s ease, color 0.3s ease;
overflow-wrap: break-word !important;
white-space: normal !important;
word-break: break-word !important;
}
.service-column a:hover {
background-color: #3A8C2D !important;
color: #FFFFFF !important;
text-decoration: none;
}
.service-column a:focus {
outline: 2px solid #007BBF;
outline-offset: 2px;
}
/* Styling för beskrivningskolumnen */
td:nth-child(4) {
color: #56585E !important;
font-family: 'Lato', Arial, sans-serif !important;
overflow-wrap: break-word !important;
white-space: normal !important;
word-break: break-word !important;
}
/* Ordomslag i priskolumnen */
td.price-column {
font-family: 'Lato', Arial, sans-serif !important;
overflow-wrap: break-word !important;
white-space: normal !important;
word-break: break-word !important;
}
/* AINNOVA-ikon i kategori-kolumnen */
.ainnova-icon {
display: block;
width: 48px;
height: 48px;
margin: 0 auto 8px;
border: 1px solid #FFFFFF;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.ainnova-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
/* Call-to-action-bollar */
.cta-circles {
display: flex;
justify-content: center;
margin: 40px 0;
opacity: 0;
animation: fadeIn 1s ease-in forwards;
pointer-events: none !important;
}
.cta-circle:nth-child(1) {
background-color: #9FE754 !important;
}
.cta-circle:nth-child(2) {
background-color: #007BBF !important;
color: #FFFFFF !important;
}
.cta-circle:nth-child(3) {
background-color: #9FE754 !important;
}
.cta-circle:nth-child(4) {
background-color: #007BBF !important;
color: #FFFFFF !important;
}
.cta-circle {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
aspect-ratio: 1 / 1;
border-radius: 50%;
text-align: center;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
font-size: 18px;
font-weight: bold;
color: #222222 !important;
margin: 0 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
animation: pulse 2s infinite ease-in-out;
will-change: transform;
backface-visibility: hidden;
z-index: 1000;
pointer-events: auto !important;
}
/* Pulse-animation för CTA-bollar */
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
/* Fade-in-animation för bollarna */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Stäng av animationer för användare med prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
.cta-circles {
animation: none;
opacity: 1;
}
.cta-circle {
animation: none;
transition: none;
}
}
/* Hover-effekter och fokus för CTA-bollar */
@media (hover: hover) {
.cta-circle:hover {
background-color: #3A8C2D !important;
color: #FFFFFF !important;
transform: scale(1.05);
}
}
.cta-circle:focus {
outline: 3px solid #005F9F;
outline-offset: 2px;
}
/* Tillbaka till toppen-länk */
.back-to-top {
display: block;
text-align: center;
margin-top: 30px;
margin-bottom: 20px;
padding: 12px 30px;
color: #F8FAFC !important;
background-color: #007BBF !important;
border: 1px solid #F8FAFC;
border-radius: 5px;
font-size: 18px;
font-weight: bold;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
white-space: nowrap;
}
.back-to-top:hover {
background-color: #3A8C2D !important;
color: #FFFFFF !important;
border-color: #FFFFFF !important;
text-decoration: none;
transform: scale(1.05);
}
.back-to-top:focus {
outline: 3px solid #F8FAFC;
outline-offset: 2px;
}
/* Responsivitet för mobil (under 768px) */
@media only screen and (max-width: 768px) {
.wrapper {
padding: 14px 15px 20px !important;
}
.container {
padding: 15px;
}
h1 {
font-size: 28px;
}
p {
font-size: 14px;
}
th, td {
font-size: 14px;
padding: 10px;
}
.service-column a {
font-size: 16px;
padding: 12px;
overflow-wrap: break-word !important;
white-space: normal !important;
word-break: break-word !important;
}
.price-column {
overflow-wrap: break-word !important;
white-space: normal !important;
word-break: break-word !important;
}
.ainnova-icon {
width: 40px;
height: 40px;
border: 1px solid #FFFFFF;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
table {
display: block;
overflow-x: auto;
}
table thead {
display: table-header-group !important;
}
table thead tr {
display: table-row !important;
}
table thead th {
display: table-cell !important;
font-size: 12px;
padding: 8px;
}
table thead th:nth-child(1),
table thead th:nth-child(4) {
display: none !important;
}
tbody {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
tr {
display: flex;
flex-wrap: nowrap;
gap: 10px;
border: none;
background-color: transparent !important;
width: 100%;
align-items: stretch;
}
td {
flex: 1;
min-width: 0;
border: 1px solid #D9D9D9;
padding: 10px;
background-color: #FFFFFF;
border-radius: 5px;
display: none;
}
.service-column {
display: block !important;
flex: 2;
}
.price-column {
display: block !important;
flex: 1;
text-align: center;
}
td:nth-child(1),
td:nth-child(4) {
display: none !important;
aria-hidden: true !important;
}
tr td.service-column,
tr td.price-column {
display: block !important;
}
/* Stapla bollarna två och två i mobilläge */
.cta-circles {
display: flex;
flex-wrap: wrap;
gap: 15px 20px;
justify-content: center;
max-width: 200px;
margin: 0 auto;
}
.cta-circle {
width: 80px;
height: 80px;
aspect-ratio: 1 / 1;
line-height: 80px;
font-size: 12px;
margin: 0;
padding: 0;
flex: 0 0 80px;
border-radius: 50%;
box-sizing: border-box;
display: inline-flex;
justify-content: center;
align-items: center;
}
}
/* Responsivitet för tablet (769px-1024px) */
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.wrapper {
padding: 14px 20px 20px !important;
}
.container {
padding: 20px;
}
}
</style>
</head>
<body>
<div class="wrapper" id="top">
<div class="container">
<h1 lang="sv">AINNOVA | Våra ERBJUDANDEN på ett silverfat</h1>
<p lang="sv"><strong>AINNOVAs tjänster är så många så låt oss översiktligt presentera – här hittar du prisvärda lösningar för din AI resa. Utforska nedan!</strong></p>
<table role="grid" tabindex="0">
<caption lang="sv">AINNOVAs prissättning för tjänster och paket (exkl. moms)</caption>
<thead>
<tr>
<th role="columnheader" scope="col" lang="sv" aria-label="Kategori för tjänsten">Kategori</th>
<th role="columnheader" scope="col" lang="sv" aria-label="Namn på tjänst eller paket">Tjänst/paket</th>
<th role="columnheader" scope="col" lang="sv" aria-label="Pris exklusive moms">Pris (ex moms)</th>
<th role="columnheader" scope="col" lang="sv" aria-label="Beskrivning av tjänsten">Beskrivning</th>
</tr>
</thead>
<tbody>
<!-- Rådgivning & Utbildning (4 rader) -->
<tr>
<td rowspan="4" class="category-cell" aria-label="Kategori: Rådgivning & Utbildning">
<picture class="ainnova-icon">
<source srcset="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" type="image/png">
<img src="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" alt="AINNOVA-ikon" aria-hidden="true" loading="lazy">
</picture>
<span lang="sv">Rådgivning & Utbildning</span>
</td>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/lär-dig-ai" target="_blank" rel="noopener noreferrer" lang="sv">Digital rådgivning</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">800 kr/timme</td>
<td aria-describedby="description-header" lang="sv">Videomöte med AI-utbildning</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/lär-dig-ai" target="_blank" rel="noopener noreferrer" lang="sv">På plats hos dig</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">1200 kr/timme</td>
<td aria-describedby="description-header" lang="sv">Personlig AI-utbildning på plats</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/lär-dig-ai" target="_blank" rel="noopener noreferrer" lang="sv">I vår studio</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">1000 kr/timme</td>
<td aria-describedby="description-header" lang="sv">Individuell AI-träning i vår studio</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/lär-dig-ai" target="_blank" rel="noopener noreferrer" lang="sv">Föreläsning om AI (anpassad)</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">Kontakta för offert</td>
<td aria-describedby="description-header" lang="sv">Exklusiv AI-föreläsning skräddarsydd efter dina behov – teknisk, filosofisk, praktisk eller samhällsorienterad.</td>
</tr>
<!-- Utbildningspaket (3 rader) -->
<tr>
<td rowspan="3" class="category-cell" aria-label="Kategori: Utbildningspaket">
<picture class="ainnova-icon">
<source srcset="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" type="image/png">
<img src="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" alt="AINNOVA-ikon" aria-hidden="true" loading="lazy">
</picture>
<span lang="sv">Utbildningspaket</span>
</td>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/lär-dig-ai" target="_blank" rel="noopener noreferrer" lang="sv">Kom igång med AI (5h)</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">3500 kr (700 kr/timme)</td>
<td aria-describedby="description-header" lang="sv">Grundläggande AI-kurs</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/lär-dig-ai" target="_blank" rel="noopener noreferrer" lang="sv">AI i praktiken (10h)</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">6000 kr (600 kr/timme)</td>
<td aria-describedby="description-header" lang="sv">Fördjupad AI-utbildning</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/lär-dig-ai" target="_blank" rel="noopener noreferrer" lang="sv">Workshop för grupper (halv- eller heldag)</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">Från 9 000 kr</td>
<td aria-describedby="description-header" lang="sv">Skräddarsydd AI-workshop för team</td>
</tr>
<!-- Webb & E-handel (3 rader) -->
<tr>
<td rowspan="3" class="category-cell" aria-label="Kategori: Webb & E-handel">
<picture class="ainnova-icon">
<source srcset="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" type="image/png">
<img src="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" alt="AINNOVA-ikon" aria-hidden="true" loading="lazy">
</picture>
<span lang="sv">Webb & E-handel</span>
</td>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/webbplats" target="_blank" rel="noopener noreferrer" lang="sv">Enkel webbplats</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">10 000 kr</td>
<td aria-describedby="description-header" lang="sv">Google Sites webbplats med utbildning</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/webbplats" target="_blank" rel="noopener noreferrer" lang="sv">Professionell webbplats</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">20 000 kr</td>
<td aria-describedby="description-header" lang="sv">AI-driven webbplats med utbildning</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/webbplats" target="_blank" rel="noopener noreferrer" lang="sv">Komplett webbutik</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">35 000 kr</td>
<td aria-describedby="description-header" lang="sv">E-handel med AI-automatisering</td>
</tr>
<!-- Innehållsskapande (4 rader) -->
<tr>
<td rowspan="4" class="category-cell" aria-label="Kategori: Innehållsskapande">
<picture class="ainnova-icon">
<source srcset="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" type="image/png">
<img src="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" alt="AINNOVA-ikon" aria-hidden="true" loading="lazy">
</picture>
<span lang="sv">Innehållsskapande</span>
</td>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/innehållsskapande/podd" target="_blank" rel="noopener noreferrer" lang="sv">Podd-paketet</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">8 000 kr</td>
<td aria-describedby="description-header" lang="sv">Startpaket för poddproduktion</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/innehållsskapande/webbinarium" target="_blank" rel="noopener noreferrer" lang="sv">Webbinarie-paketet</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">8 000 kr</td>
<td aria-describedby="description-header" lang="sv">Professionella webbinarier</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/innehållsskapande/crm-databas" target="_blank" rel="noopener noreferrer" lang="sv">CRM & Databas-paketet</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">8 000 kr</td>
<td aria-describedby="description-header" lang="sv">Smart kundhantering med AI</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/innehållsskapande/transkribering-översättning" target="_blank" rel="noopener noreferrer" lang="sv">Transkribering & översättning</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">8 000 kr</td>
<td aria-describedby="description-header" lang="sv">AI-baserad transkribering och översättning</td>
</tr>
<!-- Apputveckling (1 rad) -->
<tr>
<td class="category-cell" aria-label="Kategori: Apputveckling">
<picture class="ainnova-icon">
<source srcset="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" type="image/png">
<img src="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" alt="AINNOVA-ikon" aria-hidden="true" loading="lazy">
</picture>
<span lang="sv">Apputveckling</span>
</td>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/webbappar" target="_blank" rel="noopener noreferrer" lang="sv">Lovable (Grund eller Avancerat)</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">Från 8 000 kr</td>
<td aria-describedby="description-header" lang="sv">Utbildning eller färdigutvecklad app (beroende på nivå)</td>
</tr>
<!-- AI & Automatisering (2 rader) -->
<tr>
<td rowspan="2" class="category-cell" aria-label="Kategori: AI & Automatisering">
<picture class="ainnova-icon">
<source srcset="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" type="image/png">
<img src="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" alt="AINNOVA-ikon" aria-hidden="true" loading="lazy">
</picture>
<span lang="sv">AI & Automatisering</span>
</td>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/chatbot-paket" target="_blank" rel="noopener noreferrer" lang="sv">Chatbot-paket</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">15 000 kr</td>
<td aria-describedby="description-header" lang="sv">AI-drivna chatbots för kundtjänst</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/ai-bildpaket" target="_blank" rel="noopener noreferrer" lang="sv">AI-bildpaket</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">25 000 kr</td>
<td aria-describedby="description-header" lang="sv">AI-bildgenerator för varumärkesanpassade bilder</td>
</tr>
<!-- Företagslösningar (3 rader) -->
<tr>
<td rowspan="3" class="category-cell" aria-label="Kategori: Företagslösningar">
<picture class="ainnova-icon">
<source srcset="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" type="image/png">
<img src="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" alt="AINNOVA-ikon" aria-hidden="true" loading="lazy">
</picture>
<span lang="sv">Företagslösningar</span>
</td>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/strategisk-it-plattform" target="_blank" rel="noopener noreferrer" lang="sv">Google Workspace (Grund eller Avancerat)</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">Från 10 000 kr</td>
<td aria-describedby="description-header" lang="sv">Setup (e-post, Drive, Kalender, Meet), säkerhetsinställningar, träning, migrering och anpassning (beroende på nivå)</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/strategisk-it-plattform" target="_blank" rel="noopener noreferrer" lang="sv">Office 365 (Grund eller Avancerat)</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">Från 15 000 kr</td>
<td aria-describedby="description-header" lang="sv">Setup, säkerhetsinställningar, migrering och anpassning (beroende på nivå)</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/starta-eget-paketet" target="_blank" rel="noopener noreferrer" lang="sv">Starta eget-paket</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">10 000 kr</td>
<td aria-describedby="description-header" lang="sv">Domän, Google Workspace, enkel webbsida (Google Sites), säkerhetsinställningar, 1 h träning, vi handlar för 1000 kr</td>
</tr>
<!-- Allmänt (1 rad) -->
<tr>
<td class="category-cell" aria-label="Kategori: Allmänt">
<picture class="ainnova-icon">
<source srcset="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" type="image/png">
<img src="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" alt="AINNOVA-ikon" aria-hidden="true" loading="lazy">
</picture>
<span lang="sv">Allmänt</span>
</td>
<td class="service-column" aria-describedby="service-header"><a href="https://ainnova.se/kontakt" target="_blank" rel="noopener noreferrer" lang="sv">Extra support</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">800 kr/timme</td>
<td aria-describedby="description-header" lang="sv">Specialfall (t.ex. SEO, komplex DNS, felsökning)</td>
</tr>
</tbody>
</table>
<footer>
<!-- CTA-bollar -->
<div class="cta-circles">
<a href="https://ainnova.se/" class="cta-circle" data-url="https://ainnova.se/" aria-label="Navigationslänk till AINNOVAs startsida">AINNOVA</a>
<a href="https://erbjudanden.ainnova.se/" class="cta-circle" data-url="https://erbjudanden.ainnova.se/" aria-label="Navigationslänk till AINNOVAs erbjudanden">Erbjudanden</a>
<a href="https://ainnova.se/kontakt" class="cta-circle" data-url="https://ainnova.se/kontakt" aria-label="Navigationslänk till AINNOVAs kontaktsida">Kontakt</a>
<a href="https://delicate-neighbor-37a.notion.site/Du-f-r-alltid-AINNOVAS-b-sta-tips-1649c8142e3f805cbf91d9c1fe7d320c" class="cta-circle" data-url="https://delicate-neighbor-37a.notion.site/Du-f-r-alltid-AINNOVAS-b-sta-tips-1649c8142e3f805cbf91d9c1fe7d320c" aria-label="Navigationslänk till AINNOVAs Notion-sida med tips">Notion</a>
</div>
<a class="back-to-top" aria-label="Tillbaka till toppen av sidan">🤺Opp till topps bestemor!🤺</a>
</footer>
</div>
</div>
<script>
// Hantera klick på CTA-bollarna
document.querySelectorAll('.cta-circle').forEach(link => {
link.addEventListener('click', function(e) {
e.preventDefault();
const url = this.getAttribute('data-url');
window.open(url, '_blank');
});
});
// Hantera klick på Tillbaka till toppen-länken
document.querySelector('.back-to-top').addEventListener('click', function(e) {
e.preventDefault();
const topElement = document.getElementById('top');
if (topElement) {
topElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="AINNOVAs överskådliga prissättning – tydliga priser för IT-tjänster, AI-utbildning, webbplatser och mer.">
<meta name="google" content="nositelinkssearchbox">
<meta http-equiv="Content-Language" content="sv">
<!-- Säkerhetsheaders -->
<meta http-equiv="X-Frame-Options" content="DENY">
<meta http-equiv="X-Content-Type-Options" content="nosniff">
<meta http-equiv="X-XSS-Protection" content="1; mode=block">
<meta http-equiv="Strict-Transport-Security" content="max-age=31536000; includeSubDomains">
<title>AINNOVA | Våra ERBJUDANDEN på ett silverfat</title>
<!-- Open Graph och Twitter Card-taggar för sociala medier -->
<meta property="og:title" content="AINNOVA | Våra ERBJUDANDEN på ett silverfat">
<meta property="og:description" content="AINNOVAs överskådliga prissättning – tydliga priser för IT-tjänster, AI-utbildning, webbplatser och mer.">
<meta property="og:image" content="https://ainnova.se/images/ai-training.jpg">
<meta property="og:url" content="https://erbjudanden.ainnova.se/">
<meta name="twitter:card" content="summary_large_image">
<!-- Schema Markup för prissättning -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Offer",
"name": "Digital rådgivning",
"description": "Videomöte med AI-utbildning",
"price": "800",
"priceCurrency": "SEK",
"availability": "https://schema.org/InStock",
"validFrom": "2025-03-26",
"eligibleRegion": {"@type": "Country", "name": "Sweden"},
"offeredBy": {"@type": "Organization", "name": "AINNOVA"}
}
</script>
<!-- Lato och Montserrat font med asynkron laddning -->
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Montserrat:wght@700&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
<style>
/* Reset för plattformskonsistens */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Försök att överrida Google Sites-styling */
body > div {
padding: 0 !important;
margin: 0 !important;
}
/* Grundläggande styling för hela sidan */
html {
scroll-behavior: smooth;
}
html, body {
background-color: #A3D9FF !important;
font-family: 'Lato', Arial, sans-serif !important;
color: #333333 !important;
line-height: 1.6;
text-align: center;
}
/* Yttre wrapper */
.wrapper {
padding: 14px 20px 20px !important;
background-color: #007BBF !important;
min-height: 100vh;
display: flex;
flex-direction: column;
}
/* Huvudcontainer */
.container {
max-width: 1000px;
margin: 0 auto;
background-color: #FFFFFF !important;
padding: 30px;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
/* Stora rubriker */
h1 {
font-family: 'Montserrat', sans-serif !important;
font-size: 38px;
font-weight: 700;
color: #007BBF !important;
margin-bottom: 20px;
line-height: 1.4;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
/* Standardparagrafer */
p {
font-size: 16px;
margin: 10px 0;
line-height: 1.8;
color: #333333 !important;
}
/* Tabell för prissättning */
table {
width: 100%;
border-collapse: collapse;
margin: 30px 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
overflow-x: auto;
role: "grid";
tabindex: "0";
}
/* Gör caption synlig och styla den */
caption {
position: static;
width: auto;
height: auto;
padding: 10px;
margin: 0;
overflow: visible;
clip: auto;
border: none;
font-size: 16px;
font-weight: bold;
color: #333333 !important;
background-color: #E6EBF1 !important;
border-radius: 5px 5px 0 0;
}
th, td {
border: 0.5px solid #D9D9D9;
padding: 14px;
text-align: left;
font-size: 16px;
vertical-align: top;
}
th {
background-color: #007BBF !important;
color: #FFFFFF !important;
font-weight: bold;
text-transform: uppercase;
}
th:nth-child(1) { width: 20%; }
th:nth-child(2) { width: 30%; }
th:nth-child(3) { width: 20%; }
th:nth-child(4) { width: 30%; }
tr:nth-child(even) {
background-color: #E6EBF1 !important;
}
tr:nth-child(odd) {
background-color: #FFFFFF !important;
}
td.category-cell {
background-color: #FFFFFF !important;
text-align: center;
vertical-align: middle;
}
/* Använd Montserrat för kategorititlar */
.category-cell span {
font-weight: bold;
font-family: 'Montserrat', sans-serif !important; /* Matchar rubrikstilen i elipsbollar */
}
/* Styling för tjänstkolumnen */
.service-column a {
display: block;
text-align: center;
font-size: 20px;
font-weight: bold;
background-color: #9FE754 !important;
color: #333333 !important;
padding: 18px;
border-radius: 5px;
text-decoration: none;
width: 100%;
box-sizing: border-box;
transition: background-color 0.3s ease, color 0.3s ease;
overflow-wrap: break-word !important;
white-space: normal !important;
word-break: break-word !important;
}
.service-column a:hover {
background-color: #3A8C2D !important;
color: #FFFFFF !important;
text-decoration: none;
}
.service-column a:focus {
outline: 2px solid #007BBF;
outline-offset: 2px;
}
/* Styling för beskrivningskolumnen */
td:nth-child(4) {
color: #56585E !important;
font-family: 'Lato', Arial, sans-serif !important;
overflow-wrap: break-word !important;
white-space: normal !important;
word-break: break-word !important;
}
/* Ordomslag i priskolumnen */
td.price-column {
font-family: 'Lato', Arial, sans-serif !important;
overflow-wrap: break-word !important;
white-space: normal !important;
word-break: break-word !important;
}
/* AINNOVA-ikon i kategori-kolumnen */
.ainnova-icon {
display: block;
width: 48px;
height: 48px;
margin: 0 auto 8px;
border: 1px solid #FFFFFF;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.ainnova-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
/* Call-to-action-bollar */
.cta-circles {
display: flex;
justify-content: center;
margin: 40px 0;
opacity: 0;
animation: fadeIn 1s ease-in forwards;
pointer-events: none !important;
}
.cta-circle:nth-child(1) {
background-color: #9FE754 !important;
}
.cta-circle:nth-child(2) {
background-color: #007BBF !important;
color: #FFFFFF !important;
}
.cta-circle:nth-child(3) {
background-color: #9FE754 !important;
}
.cta-circle:nth-child(4) {
background-color: #007BBF !important;
color: #FFFFFF !important;
}
.cta-circle {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
aspect-ratio: 1 / 1;
border-radius: 50%;
text-align: center;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
font-size: 18px;
font-weight: bold;
color: #222222 !important;
margin: 0 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
animation: pulse 2s infinite ease-in-out;
will-change: transform;
backface-visibility: hidden;
z-index: 1000;
pointer-events: auto !important;
}
/* Pulse-animation för CTA-bollar */
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
/* Fade-in-animation för bollarna */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Stäng av animationer för användare med prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
.cta-circles {
animation: none;
opacity: 1;
}
.cta-circle {
animation: none;
transition: none;
}
}
/* Hover-effekter och fokus för CTA-bollar */
@media (hover: hover) {
.cta-circle:hover {
background-color: #3A8C2D !important;
color: #FFFFFF !important;
transform: scale(1.05);
}
}
.cta-circle:focus {
outline: 3px solid #005F9F;
outline-offset: 2px;
}
/* Tillbaka till toppen-länk */
.back-to-top {
display: block;
text-align: center;
margin-top: 30px;
margin-bottom: 20px;
padding: 12px 30px;
color: #F8FAFC !important;
background-color: #007BBF !important;
border: 1px solid #F8FAFC;
border-radius: 5px;
font-size: 18px;
font-weight: bold;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
white-space: nowrap;
}
.back-to-top:hover {
background-color: #3A8C2D !important;
color: #FFFFFF !important;
border-color: #FFFFFF !important;
text-decoration: none;
transform: scale(1.05);
}
.back-to-top:focus {
outline: 3px solid #F8FAFC;
outline-offset: 2px;
}
/* Responsivitet för mobil (under 768px) */
@media only screen and (max-width: 768px) {
.wrapper {
padding: 14px 15px 20px !important;
}
.container {
padding: 15px;
}
h1 {
font-size: 28px;
}
p {
font-size: 14px;
}
th, td {
font-size: 14px;
padding: 10px;
}
.service-column a {
font-size: 16px;
padding: 12px;
overflow-wrap: break-word !important;
white-space: normal !important;
word-break: break-word !important;
}
.price-column {
overflow-wrap: break-word !important;
white-space: normal !important;
word-break: break-word !important;
}
.ainnova-icon {
width: 40px;
height: 40px;
border: 1px solid #FFFFFF;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
table {
display: block;
overflow-x: auto;
}
table thead {
display: table-header-group !important;
}
table thead tr {
display: table-row !important;
}
table thead th {
display: table-cell !important;
font-size: 12px;
padding: 8px;
}
table thead th:nth-child(1),
table thead th:nth-child(4) {
display: none !important;
}
tbody {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
tr {
display: flex;
flex-wrap: nowrap;
gap: 10px;
border: none;
background-color: transparent !important;
width: 100%;
align-items: stretch;
}
td {
flex: 1;
min-width: 0;
border: 1px solid #D9D9D9;
padding: 10px;
background-color: #FFFFFF;
border-radius: 5px;
display: none;
}
.service-column {
display: block !important;
flex: 2;
}
.price-column {
display: block !important;
flex: 1;
text-align: center;
}
td:nth-child(1),
td:nth-child(4) {
display: none !important;
aria-hidden: true !important;
}
tr td.service-column,
tr td.price-column {
display: block !important;
}
/* Stapla bollarna två och två i mobilläge */
.cta-circles {
display: flex;
flex-wrap: wrap;
gap: 15px 20px;
justify-content: center;
max-width: 200px;
margin: 0 auto;
}
.cta-circle {
width: 80px;
height: 80px;
aspect-ratio: 1 / 1;
line-height: 80px;
font-size: 12px;
margin: 0;
padding: 0;
flex: 0 0 80px;
border-radius: 50%;
box-sizing: border-box;
display: inline-flex;
justify-content: center;
align-items: center;
}
}
/* Responsivitet för tablet (769px-1024px) */
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.wrapper {
padding: 14px 20px 20px !important;
}
.container {
padding: 20px;
}
}
</style>
</head>
<body>
<div class="wrapper" id="top">
<div class="container">
<h1 lang="sv">AINNOVA | Våra ERBJUDANDEN på ett silverfat</h1>
<p lang="sv"><strong>AINNOVAs tjänster är så många så låt oss översiktligt presentera – här hittar du prisvärda lösningar för din AI resa. Utforska nedan!</strong></p>
<table role="grid" tabindex="0">
<caption lang="sv">AINNOVAs prissättning för tjänster och paket (exkl. moms)</caption>
<thead>
<tr>
<th role="columnheader" scope="col" lang="sv" aria-label="Kategori för tjänsten">Kategori</th>
<th role="columnheader" scope="col" lang="sv" aria-label="Namn på tjänst eller paket">Tjänst/paket</th>
<th role="columnheader" scope="col" lang="sv" aria-label="Pris exklusive moms">Pris (ex moms)</th>
<th role="columnheader" scope="col" lang="sv" aria-label="Beskrivning av tjänsten">Beskrivning</th>
</tr>
</thead>
<tbody>
<!-- Rådgivning & Utbildning (4 rader) -->
<tr>
<td rowspan="4" class="category-cell" aria-label="Kategori: Rådgivning & Utbildning">
<picture class="ainnova-icon">
<source srcset="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" type="image/png">
<img src="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" alt="AINNOVA-ikon" aria-hidden="true" loading="lazy">
</picture>
<span lang="sv">Rådgivning & Utbildning</span>
</td>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/lär-dig-ai" target="_blank" rel="noopener noreferrer" lang="sv">Digital rådgivning</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">800 kr/timme</td>
<td aria-describedby="description-header" lang="sv">Videomöte med AI-utbildning</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/lär-dig-ai" target="_blank" rel="noopener noreferrer" lang="sv">På plats hos dig</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">1200 kr/timme</td>
<td aria-describedby="description-header" lang="sv">Personlig AI-utbildning på plats</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/lär-dig-ai" target="_blank" rel="noopener noreferrer" lang="sv">I vår studio</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">1000 kr/timme</td>
<td aria-describedby="description-header" lang="sv">Individuell AI-träning i vår studio</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/lär-dig-ai" target="_blank" rel="noopener noreferrer" lang="sv">Föreläsning om AI (anpassad)</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">Kontakta för offert</td>
<td aria-describedby="description-header" lang="sv">Exklusiv AI-föreläsning skräddarsydd efter dina behov – teknisk, filosofisk, praktisk eller samhällsorienterad.</td>
</tr>
<!-- Utbildningspaket (3 rader) -->
<tr>
<td rowspan="3" class="category-cell" aria-label="Kategori: Utbildningspaket">
<picture class="ainnova-icon">
<source srcset="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" type="image/png">
<img src="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" alt="AINNOVA-ikon" aria-hidden="true" loading="lazy">
</picture>
<span lang="sv">Utbildningspaket</span>
</td>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/lär-dig-ai" target="_blank" rel="noopener noreferrer" lang="sv">Kom igång med AI (5h)</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">3500 kr (700 kr/timme)</td>
<td aria-describedby="description-header" lang="sv">Grundläggande AI-kurs</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/lär-dig-ai" target="_blank" rel="noopener noreferrer" lang="sv">AI i praktiken (10h)</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">6000 kr (600 kr/timme)</td>
<td aria-describedby="description-header" lang="sv">Fördjupad AI-utbildning</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/lär-dig-ai" target="_blank" rel="noopener noreferrer" lang="sv">Workshop för grupper (halv- eller heldag)</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">Från 9 000 kr</td>
<td aria-describedby="description-header" lang="sv">Skräddarsydd AI-workshop för team</td>
</tr>
<!-- Webb & E-handel (3 rader) -->
<tr>
<td rowspan="3" class="category-cell" aria-label="Kategori: Webb & E-handel">
<picture class="ainnova-icon">
<source srcset="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" type="image/png">
<img src="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" alt="AINNOVA-ikon" aria-hidden="true" loading="lazy">
</picture>
<span lang="sv">Webb & E-handel</span>
</td>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/webbplats" target="_blank" rel="noopener noreferrer" lang="sv">Enkel webbplats</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">10 000 kr</td>
<td aria-describedby="description-header" lang="sv">Google Sites webbplats med utbildning</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/webbplats" target="_blank" rel="noopener noreferrer" lang="sv">Professionell webbplats</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">20 000 kr</td>
<td aria-describedby="description-header" lang="sv">AI-driven webbplats med utbildning</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/webbplats" target="_blank" rel="noopener noreferrer" lang="sv">Komplett webbutik</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">35 000 kr</td>
<td aria-describedby="description-header" lang="sv">E-handel med AI-automatisering</td>
</tr>
<!-- Innehållsskapande (4 rader) -->
<tr>
<td rowspan="4" class="category-cell" aria-label="Kategori: Innehållsskapande">
<picture class="ainnova-icon">
<source srcset="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" type="image/png">
<img src="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" alt="AINNOVA-ikon" aria-hidden="true" loading="lazy">
</picture>
<span lang="sv">Innehållsskapande</span>
</td>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/innehållsskapande/podd" target="_blank" rel="noopener noreferrer" lang="sv">Podd-paketet</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">8 000 kr</td>
<td aria-describedby="description-header" lang="sv">Startpaket för poddproduktion</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/innehållsskapande/webbinarium" target="_blank" rel="noopener noreferrer" lang="sv">Webbinarie-paketet</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">8 000 kr</td>
<td aria-describedby="description-header" lang="sv">Professionella webbinarier</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/innehållsskapande/crm-databas" target="_blank" rel="noopener noreferrer" lang="sv">CRM & Databas-paketet</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">8 000 kr</td>
<td aria-describedby="description-header" lang="sv">Smart kundhantering med AI</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/innehållsskapande/transkribering-översättning" target="_blank" rel="noopener noreferrer" lang="sv">Transkribering & översättning</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">8 000 kr</td>
<td aria-describedby="description-header" lang="sv">AI-baserad transkribering och översättning</td>
</tr>
<!-- Apputveckling (1 rad) -->
<tr>
<td class="category-cell" aria-label="Kategori: Apputveckling">
<picture class="ainnova-icon">
<source srcset="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" type="image/png">
<img src="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" alt="AINNOVA-ikon" aria-hidden="true" loading="lazy">
</picture>
<span lang="sv">Apputveckling</span>
</td>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/webbappar" target="_blank" rel="noopener noreferrer" lang="sv">Lovable (Grund eller Avancerat)</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">Från 8 000 kr</td>
<td aria-describedby="description-header" lang="sv">Utbildning eller färdigutvecklad app (beroende på nivå)</td>
</tr>
<!-- AI & Automatisering (2 rader) -->
<tr>
<td rowspan="2" class="category-cell" aria-label="Kategori: AI & Automatisering">
<picture class="ainnova-icon">
<source srcset="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" type="image/png">
<img src="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" alt="AINNOVA-ikon" aria-hidden="true" loading="lazy">
</picture>
<span lang="sv">AI & Automatisering</span>
</td>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/chatbot-paket" target="_blank" rel="noopener noreferrer" lang="sv">Chatbot-paket</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">15 000 kr</td>
<td aria-describedby="description-header" lang="sv">AI-drivna chatbots för kundtjänst</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/ai-bildpaket" target="_blank" rel="noopener noreferrer" lang="sv">AI-bildpaket</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">25 000 kr</td>
<td aria-describedby="description-header" lang="sv">AI-bildgenerator för varumärkesanpassade bilder</td>
</tr>
<!-- Företagslösningar (3 rader) -->
<tr>
<td rowspan="3" class="category-cell" aria-label="Kategori: Företagslösningar">
<picture class="ainnova-icon">
<source srcset="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" type="image/png">
<img src="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" alt="AINNOVA-ikon" aria-hidden="true" loading="lazy">
</picture>
<span lang="sv">Företagslösningar</span>
</td>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/strategisk-it-plattform" target="_blank" rel="noopener noreferrer" lang="sv">Google Workspace (Grund eller Avancerat)</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">Från 10 000 kr</td>
<td aria-describedby="description-header" lang="sv">Setup (e-post, Drive, Kalender, Meet), säkerhetsinställningar, träning, migrering och anpassning (beroende på nivå)</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/strategisk-it-plattform" target="_blank" rel="noopener noreferrer" lang="sv">Office 365 (Grund eller Avancerat)</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">Från 15 000 kr</td>
<td aria-describedby="description-header" lang="sv">Setup, säkerhetsinställningar, migrering och anpassning (beroende på nivå)</td>
</tr>
<tr>
<td class="service-column" aria-describedby="service-header"><a href="https://erbjudanden.ainnova.se/våra-tjänster/starta-eget-paketet" target="_blank" rel="noopener noreferrer" lang="sv">Starta eget-paket</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">10 000 kr</td>
<td aria-describedby="description-header" lang="sv">Domän, Google Workspace, enkel webbsida (Google Sites), säkerhetsinställningar, 1 h träning, vi handlar för 1000 kr</td>
</tr>
<!-- Allmänt (1 rad) -->
<tr>
<td class="category-cell" aria-label="Kategori: Allmänt">
<picture class="ainnova-icon">
<source srcset="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" type="image/png">
<img src="https://pbs.twimg.com/media/GmRSVPbWgAAC9yR?format=png&name=small" alt="AINNOVA-ikon" aria-hidden="true" loading="lazy">
</picture>
<span lang="sv">Allmänt</span>
</td>
<td class="service-column" aria-describedby="service-header"><a href="https://ainnova.se/kontakt" target="_blank" rel="noopener noreferrer" lang="sv">Extra support</a></td>
<td class="price-column" aria-describedby="price-header" lang="sv">800 kr/timme</td>
<td aria-describedby="description-header" lang="sv">Specialfall (t.ex. SEO, komplex DNS, felsökning)</td>
</tr>
</tbody>
</table>
<footer>
<!-- CTA-bollar -->
<div class="cta-circles">
<a href="https://ainnova.se/" class="cta-circle" data-url="https://ainnova.se/" aria-label="Navigationslänk till AINNOVAs startsida">AINNOVA</a>
<a href="https://erbjudanden.ainnova.se/" class="cta-circle" data-url="https://erbjudanden.ainnova.se/" aria-label="Navigationslänk till AINNOVAs erbjudanden">Erbjudanden</a>
<a href="https://ainnova.se/kontakt" class="cta-circle" data-url="https://ainnova.se/kontakt" aria-label="Navigationslänk till AINNOVAs kontaktsida">Kontakt</a>
<a href="https://delicate-neighbor-37a.notion.site/Du-f-r-alltid-AINNOVAS-b-sta-tips-1649c8142e3f805cbf91d9c1fe7d320c" class="cta-circle" data-url="https://delicate-neighbor-37a.notion.site/Du-f-r-alltid-AINNOVAS-b-sta-tips-1649c8142e3f805cbf91d9c1fe7d320c" aria-label="Navigationslänk till AINNOVAs Notion-sida med tips">Notion</a>
</div>
<a class="back-to-top" aria-label="Tillbaka till toppen av sidan">🤺Opp till topps bestemor!🤺</a>
</footer>
</div>
</div>
<script>
// Hantera klick på CTA-bollarna
document.querySelectorAll('.cta-circle').forEach(link => {
link.addEventListener('click', function(e) {
e.preventDefault();
const url = this.getAttribute('data-url');
window.open(url, '_blank');
});
});
// Hantera klick på Tillbaka till toppen-länken
document.querySelector('.back-to-top').addEventListener('click', function(e) {
e.preventDefault();
const topElement = document.getElementById('top');
if (topElement) {
topElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
</script>
</body>
</html>
Ctrl på windows = Cmd på MacOs
flagga på windows = ⌘ på MacOs
Shift på windows = Control på MacOs
- Windows + punkt -på Windows. - ⌘ + Control + Mellanslag -på macOS för emojis
Ctrl + F -hitta ord eller meningar på sidan
Ctrl + R -Laddar om sidan du är på och rensar cashe
Windows + H -Transkriberar tal till text var än du står
Windows+ Alt + R -för att börja spela in ett klipp.
Alla kommer vi förr eller senare till en punkt där vi måste kunna jämföra både text och kod.
Text Compare, enklast för snabba jämförelser.
Diff Checker,visar rad-för-rad med färgkodning.
VS Code (Built-in), mest avancerat för kodning (Lokal installation)
För att kolla DNS på CloudFlare, DnsChecker
Det här är bara tillfälliga undersidor som kommer att försvinna. Så kopiera gärna och spara på ett eget ställe om det finns något här du önskar