<!DOCTYPE html> <html lang="sv"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> <meta name="description" content="AINNOVA - Starta eget med rätt digitala verktyg - Google Workspace och webbplats"> <meta name="format-detection" content="telephone=no"> <title>AINNOVA | Starta eget-paketet</title> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@700&display=swap"> <style> /* AINNOVA färgpalett enligt designprotokoll */ :root { --primary-blue: #007BBF; --white: #FFFFFF; --light-gray: #E6EBF1; --lighter-gray: #F7F9FC; --button-green: #80CB45; --button-green-hover: #3A8C2D; --text-dark-gray: #222222; --text-medium-gray: #56585E; --text-light-gray: #888888; --border-gray: #CCCCCC; --shadow: rgba(0,0,0,0.1); }
/* Grund- och resetstil */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Lato', sans-serif; background: var(--primary-blue); }
/* Huvudlayout */
.ainnova-wrapper { padding: 14px 20px 20px; min-height: 100vh; background: var(--primary-blue); }
.container { margin: 0 auto; width: calc(100% - 20px); max-width: 1000px; background: var(--white); padding: 30px; border-radius: 10px; box-shadow: 0 4px 12px var(--shadow); }
/* Typografi */
h1 {
font-family: 'Montserrat', sans-serif;
font-size: 36px;
color: var(--primary-blue);
margin-bottom: 20px;
text-align: center;
}
h2 {
font-size: 24px;
color: var(--text-dark-gray);
margin-top: 30px;
margin-bottom: 15px;
}
h3 {
font-size: 20px;
color: var(--primary-blue);
margin-top: 20px;
margin-bottom: 10px;
}
p {
font-size: 16px;
color: var(--text-dark-gray);
line-height: 1.6;
margin-bottom: 15px;
}
/* Listformat med ikoner utan svarta punkter */
ul {
list-style-type: none;
padding-left: 0;
margin: 15px 0;
}
ul li {
display: flex;
align-items: flex-start;
margin-bottom: 12px;
line-height: 1.5;
color: var(--text-dark-gray);
}
.ainnova-icon {
display: inline-block;
width: 24px;
height: 24px;
background-image: url('<https://valingeveckan.wordpress.com/wp-content/uploads/2025/04/namnlos-design-4-1.png>');
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
flex-shrink: 0;
}
/* Länkar - Subtil stil utan understrykning */
a {
color: var(--primary-blue);
text-decoration: none;
transition: color 0.3s;
}
a:hover {
color: var(--button-green-hover);
}
/* Konkurrentlänkar - extra subtil */
.competitor-link {
color: var(--text-light-gray);
font-weight: normal;
transition: color 0.3s;
}
.competitor-link:hover {
color: var(--primary-blue);
}
/* Bilder */
.image-container {
display: flex;
justify-content: space-between;
margin: 25px 0;
gap: 20px;
}
.image-container img {
width: 48%;
border-radius: 5px;
box-shadow: 0 2px 4px var(--shadow);
}
.full-width-image {
width: 100%;
max-height: 300px;
object-fit: cover;
border-radius: 5px;
margin: 25px 0;
box-shadow: 0 2px 4px var(--shadow);
}
/* Betoningsboxar */
.highlight-box {
background-color: var(--light-gray);
border-left: 4px solid var(--primary-blue);
padding: 15px;
margin: 20px 0;
border-radius: 0 5px 5px 0;
}
/* Konkurrentlista */
.competitors-section {
margin: 40px 0 10px;
padding: 15px;
background-color: var(--lighter-gray);
border-radius: 5px;
border-top: 1px solid var(--border-gray);
}
.competitors-section h3 {
font-size: 16px;
color: var(--text-medium-gray);
margin-bottom: 10px;
}
/* Tabellstilar - Exakt som i "våra erbjudanden på ett silverfat" */
.table-title { background: var(--light-gray); color: var(--text-dark-gray); padding: 10px; text-align: center; font-weight: bold; border-radius: 5px; margin-bottom: 5px; }
.table-container { padding: 0 15px; overflow-x: auto; }
table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 0 0 20px 0; box-shadow: 0 2px 4px var(--shadow); }
th, td { border: 2px solid var(--border-gray); box-shadow: inset 0 0 3px var(--shadow); padding: 12px; text-align: left; vertical-align: top; }
th { background: var(--primary-blue); color: var(--white); font-weight: bold; text-transform: uppercase; }
tbody:nth-child(odd) { background: var(--white); }
tbody:nth-child(even) { background: var(--light-gray); }
/* Navigationscirklar - UPPDATERAD för att matcha bilden */
.cta-circles {
display: flex;
justify-content: center;
flex-wrap: nowrap; /* ÄNDRAD: Alla på en rad i desktop */
gap: 20px;
margin: 40px 0 20px;
}
.cta-circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: var(--button-green);
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: var(--text-dark-gray);
font-weight: bold;
text-align: center;
transition: background-color 0.3s, transform 0.3s;
animation: pulse 2s infinite;
font-size: 17px;
}
.cta-circle:nth-child(even) {
background-color: var(--primary-blue);
color: var(--white);
}
.cta-circle:hover {
background-color: var(--button-green-hover);
color: var(--white);
transform: scale(1.05);
animation: none;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
/* Tillbaka till toppen-knapp - UPPDATERAD för att matcha bilden */
.back-to-top {
display: block;
width: 100%;
margin: 20px auto 0;
padding: 10px;
background-color: var(--primary-blue);
color: var(--white);
text-align: center;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background-color 0.3s;
}
.back-to-top:hover {
background-color: var(--button-green-hover);
color: var(--white);
text-decoration: none;
}
/* Responsivitet */
@media (max-width: 768px) {
.container {
padding: 15px;
width: 100%;
}
h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
p, li { font-size: 15px; }
.image-container {
flex-direction: column;
}
.image-container img {
width: 100%;
}
/* Samma mobilanpassning som i prislistan för tabeller */
thead { display: none; }
table, tbody { display: block; }
tr {
display: grid;
grid-template-areas: "category" "service" "price" "desc";
margin-bottom: 15px;
border: 2px solid var(--border-gray);
border-radius: 5px;
background: var(--white);
box-shadow: 0 2px 4px rgba(0,0,0,0.15);
position: relative;
}
/* Visar kategorinamn i mobilvy */
tr::before {
content: attr(data-category);
display: block;
padding: 8px 12px;
background: var(--primary-blue);
color: var(--white);
font-weight: bold;
grid-area: category;
}
tbody:nth-child(odd) tr::before {
background: var(--primary-blue);
}
tbody:nth-child(even) tr::before {
background: var(--button-green-hover);
}
td { display: block; border: none; text-align: center; }
td:nth-child(1) {
grid-area: service;
font-weight: bold;
background: var(--button-green);
color: var(--text-dark-gray);
padding: 10px;
}
td:nth-child(2) {
grid-area: price;
border-bottom: 1px solid var(--border-gray);
padding: 10px;
}
td:nth-child(3) {
grid-area: desc;
background: var(--lighter-gray);
padding: 10px;
}
/* UPPDATERAD: Navigationscirklar i par på mobil */
.cta-circles {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.cta-circle {
width: 90px;
height: 90px;
font-size: 15px;
}
.back-to-top { font-size: 14px; padding: 8px 20px; }
}
</style>
</head> <body> <div class="ainnova-wrapper" id="top"> <div class="container"> <!-- HUVUDRUBRIK OCH INLEDNING --> <h1>Starta eget-paketet</h1> <p><strong>Kom igång med ditt företag med rätt digitala verktyg från dag ett – professionell e-post, webbplats och allt som behövs för din digitala närvaro.</strong></p> <p>Vi på AINNOVA hjälper dig att komma igång med de digitala grunderna för ditt nya företag. Vi fixar domän, sätter upp en domänspecifik e-post och en enkel webbsida - allt med Google Workspace. Du kan fokusera på din kärnverksamhet medan vi ser till att din digitala infrastruktur fungerar perfekt.</p>
<!-- BILDCONTAINER -->
<div class="image-container">
<img src="<https://images.unsplash.com/photo-1516321318423-f06f85e504b3?q=80&w=1470&auto=format&fit=crop>" alt="Nystartat företag med digital närvaro">
<img src="<https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?q=80&w=1470&auto=format&fit=crop>" alt="Person som arbetar med digitala verktyg">
</div>
<!-- FÖRSTA SEKTIONEN -->
<h2>Vad du får med Starta eget-paketet</h2>
<p>Vi ger dig en komplett digital grund så att ditt företag framstår som professionellt från första dagen.</p>
<!-- LISTA MED IKONER -->
<ul>
<li>
<span class="ainnova-icon"></span>
<span><strong>Egen domän och professionell e-post:</strong> Vi ordnar din domän och kopplar den till Google Workspace för e-post, Drive, Kalender och Meet</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Enkel webbsida:</strong> En professionell webbsida i Google Sites där du enkelt kan presentera ditt företag och dina tjänster</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Säkerhet och support:</strong> Vi sätter upp säkerhetsinställningar (SPF, DKIM, DMARC) och ser till att allt fungerar</span>
</li>
</ul>
<!-- BETONINGSBOX -->
<div class="highlight-box">
<h3>Motköpsgaranti på 1000 kr</h3>
<p>Vi tror på ditt företag och därför köper vi en tjänst/produkt av dig för 1000 kr inom 30 dagar efter uppstart! Ett enkelt sätt att få in din första kund och komma igång.Vårt verkliga värde ligger i att välja rätt verktyg åt dig och att du med hjälp av AI ska kunna bygga allt själv. Detta är av AI framtagna exempelsidor men vi lovar att göra ett motköp om du anlitar oss!!!🤺.</p>
</div>
<!-- ANDRA SEKTIONEN - TABELL -->
<h2>Prisalternativ för Starta eget</h2>
<p>Vi erbjuder en tydlig och prisvärd lösning för dig som vill starta eget utan komplicerade tillval.</p>
<div class="table-title">Paket och priser för digital uppstart</div>
<div class="table-container">
<table>
<thead>
<tr>
<th>Paket</th>
<th>Pris (ex moms)</th>
<th>Innehåll</th>
</tr>
</thead>
<tbody>
<tr data-category="Starta eget">
<td>Starta eget-paket</td>
<td>10 000 kr</td>
<td>Domän, Google Workspace (e-post, Drive, Kalender, Meet), säkerhetsinställningar (SPF, DKIM, DMARC), enkel webbsida i Google Sites, 1 timmes användarträning och motköp på 1000 kr</td>
</tr>
</tbody>
<tbody>
<tr data-category="Tillägg">
<td>Extra support</td>
<td>800 kr/timme</td>
<td>Löpande support efter att ditt startpaket är levererat</td>
</tr>
<tr data-category="Tillägg">
<td>Google Workspace-licens</td>
<td>Från 77 kr/mån</td>
<td>Betalas direkt till Google efter första året</td>
</tr>
<tr data-category="Tillägg">
<td>Resekostnader</td>
<td>Tillkommer</td>
<td>För tjänster utanför Karlstad och Kristinehamn tillkommer resekostnader</td>
</tr>
</tbody>
</table>
</div>
<!-- TREDJE SEKTIONEN -->
<h2>Så här fungerar processen</h2>
<p>Vi har en enkel och effektiv process för att få igång din digitala närvaro så att du snabbt kan fokusera på din kärnverksamhet.</p>
<!-- UNDERSEKTIONER -->
<h3>Första steget</h3>
<p>Vi har ett kort samtal där du berättar om din vision och dina behov. Tillsammans väljer vi domän och anpassar lösningen efter just ditt nya företag.</p>
<h3>Setup</h3>
<p>Vi ordnar domänkoppling, sätter upp e-post, Drive och webbsida. Allt testas och görs klart så att det är redo att användas direkt.</p>
<h3>Utbildning</h3>
<p>Vi ger dig en praktisk genomgång och enkel dokumentation så att du kan hantera dina nya verktyg själv. Du får också våra bästa tips för att lyckas som ny företagare.</p>
<!-- BILD I FULLBREDD -->
<img src="<https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?q=80&w=1470&auto=format&fit=crop>" alt="Digitala verktyg för nyföretagare" class="full-width-image">
<!-- FJÄRDE SEKTIONEN -->
<h2>Därför ska du välja AINNOVA</h2>
<p>Vi på AINNOVA vet hur det är att starta eget och vill ge dig bästa möjliga start på resan.</p>
<!-- LISTA MED IKONER -->
<ul>
<li>
<span class="ainnova-icon"></span>
<span><strong>Praktisk erfarenhet:</strong> Vi har själva gått igenom processen att starta företag och vet vad som krävs för att lyckas</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Allt i ett-paket:</strong> Du får alla grundläggande digitala verktyg på plats direkt utan att behöva vända dig till flera olika leverantörer</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Ärlig rådgivning:</strong> Vi visar vad som är värt att investera i och vad som kan vänta, så att du kan fokusera på rätt saker från början</span>
</li>
</ul>
<!-- KONKURRENTER -->
<div class="competitors-section">
<h3>Andra leverantörer för företagsstarter:</h3>
<p><a href="<https://delicate-neighbor-37a.notion.site/Starta-ditt-eget-f-retag-1cd9c8142e3f808997e5ea731dafefb7>" class="competitor-link" target="_blank" rel="noopener noreferrer">Se fler leverantörer</a></p>
</div>
<!-- NAVIGATIONSCIRKLAR OCH TILLBAKA TILL TOPPEN -->
<footer>
<nav class="cta-circles">
<a href="<https://ainnova.se/>" class="cta-circle" target="_blank" rel="noopener noreferrer">AINNOVA</a>
<a href="<https://erbjudanden.ainnova.se/>" class="cta-circle" target="_blank" rel="noopener noreferrer">Erbjudanden</a>
<a href="<https://ainnova.se/kontakt>" class="cta-circle" target="_blank" rel="noopener noreferrer">Kontakt</a>
<a href="<https://delicate-neighbor-37a.notion.site/Du-f-r-alltid-AINNOVAS-b-sta-tips-1649c8142e3f805cbf91d9c1fe7d320c>" class="cta-circle" target="_blank" rel="noopener noreferrer">Notion</a>
</nav>
<a href="#top" class="back-to-top">🤺 Opp till topps bestemor! 🤺</a>
</footer>
</div>
</div>
<script>
document.querySelector('.back-to-top').addEventListener('click', function(e) {
e.preventDefault();
document.getElementById('top').scrollIntoView({ behavior: 'smooth' });
});
</script>
</body> </html>