<!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="AINNOVAs tjänster – praktiska lösningar för AI, IT och digitalisering."> <meta name="format-detection" content="telephone=no"> <title>AINNOVA | Våra Tjänster</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);
}
/* 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);
}
/* CTA-knapp */
.cta {
display: block;
width: 100%;
margin: 20px 0;
padding: 15px;
background-color: var(--button-green);
color: var(--text-dark-gray);
text-align: center;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background-color 0.3s, color 0.3s;
}
.cta:hover {
background-color: var(--button-green-hover);
color: var(--white);
}
/* Navigationscirklar */
.cta-circles {
display: flex;
justify-content: center;
flex-wrap: nowrap;
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 */
.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%;
}
/* 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>AINNOVAs Tjänster</h1> <p><strong>Praktiska lösningar för din AI- och IT-resa</strong></p> <p>Oavsett om du vill lära dig AI, starta eget eller ta din verksamhet till nästa nivå, har vi tjänsterna som hjälper dig framåt. Vi på AINNOVA kombinerar praktisk kunskap med innovativa verktyg för att möta just dina behov.</p>
<img src="<https://images.pexels.com/photos/1181359/pexels-photo-1181359.jpeg?auto=compress&cs=tinysrgb&w=600>" alt="AI och innovation" class="full-width-image">
<h2>Våra tjänster</h2>
<h3>Lär dig AI</h3>
<p><em>För dig som vill komma igång med AI</em></p>
<ul>
<li><span class="ainnova-icon"></span><span>Praktisk introduktion till AI</span></li>
<li><span class="ainnova-icon"></span><span>Anpassade guider och övningar</span></li>
<li><span class="ainnova-icon"></span><span><a href="<https://erbjudanden.ainnova.se/våra-tjänster/lär-dig-ai>" target="_blank" rel="noopener noreferrer">Läs mer</a></span></li>
</ul>
<h3>Starta eget-paketet</h3>
<p><em>Allt du behöver för att kickstarta ditt företag</em></p>
<ul>
<li><span class="ainnova-icon"></span><span>Strategi, verktyg och vägledning</span></li>
<li><span class="ainnova-icon"></span><span>AI-stöd för effektivitet</span></li>
<li><span class="ainnova-icon"></span><span><a href="<https://erbjudanden.ainnova.se/våra-tjänster/starta-eget-paketet>" target="_blank" rel="noopener noreferrer">Läs mer</a></span></li>
</ul>
<h3>Strategisk IT-plattform</h3>
<p><em>Bygg en hållbar grund för din verksamhet</em></p>
<ul>
<li><span class="ainnova-icon"></span><span>Planering och implementering</span></li>
<li><span class="ainnova-icon"></span><span>Optimerad teknik för framtiden</span></li>
<li><span class="ainnova-icon"></span><span><a href="<https://erbjudanden.ainnova.se/våra-tjänster/strategisk-it-plattform>" target="_blank" rel="noopener noreferrer">Läs mer</a></span></li>
</ul>
<h3>Webbplatser</h3>
<p><em>Skapa en professionell närvaro online</em></p>
<ul>
<li><span class="ainnova-icon"></span><span>Design och utveckling</span></li>
<li><span class="ainnova-icon"></span><span>Enkelt och användarvänligt</span></li>
<li><span class="ainnova-icon"></span><span><a href="<https://erbjudanden.ainnova.se/våra-tjänster/webbplats>" target="_blank" rel="noopener noreferrer">Läs mer</a></span></li>
</ul>
<h3>Webbappar</h3>
<p><em>Interaktiva lösningar för dina behov</em></p>
<ul>
<li><span class="ainnova-icon"></span><span>Anpassade webbapplikationer</span></li>
<li><span class="ainnova-icon"></span><span>Effektiva och moderna</span></li>
<li><span class="ainnova-icon"></span><span><a href="<https://erbjudanden.ainnova.se/våra-tjänster/webbappar>" target="_blank" rel="noopener noreferrer">Läs mer</a></span></li>
</ul>
<h3>Kundtjänst-chatbot</h3>
<p><em>Automatisera din kundsupport</em></p>
<ul>
<li><span class="ainnova-icon"></span><span>AI-driven kundtjänst</span></li>
<li><span class="ainnova-icon"></span><span>Enkel integration</span></li>
<li><span class="ainnova-icon"></span><span><a href="<https://erbjudanden.ainnova.se/våra-tjänster/chatbot-paket>" target="_blank" rel="noopener noreferrer">Läs mer</a></span></li>
</ul>
<h3>AI-bildpaket</h3>
<p><em>Kreativa bilder med AI</em></p>
<ul>
<li><span class="ainnova-icon"></span><span>Generera unika visuella element</span></li>
<li><span class="ainnova-icon"></span><span>Perfekt för innehållsskapande</span></li>
<li><span class="ainnova-icon"></span><span><a href="<https://erbjudanden.ainnova.se/våra-tjänster/ai-bildpaket>" target="_blank" rel="noopener noreferrer">Läs mer</a></span></li>
</ul>
<h3>Innehållsskapande</h3>
<p><em>Effektivisera din produktion</em></p>
<ul>
<li><span class="ainnova-icon"></span><span>Text, bild och multimedia</span></li>
<li><span class="ainnova-icon"></span><span>AI-verktyg för kreativitet</span></li>
<li><span class="ainnova-icon"></span><span><a href="<https://erbjudanden.ainnova.se/våra-tjänster/innehållsskapande>" target="_blank" rel="noopener noreferrer">Läs mer</a></span></li>
</ul>
<h3>Transkribering & översättning</h3>
<p><em>Gör ljud och text tillgängligt</em></p>
<ul>
<li><span class="ainnova-icon"></span><span>Snabba och korrekta transkriberingar</span></li>
<li><span class="ainnova-icon"></span><span>Översättningar med AI</span></li>
<li><span class="ainnova-icon"></span><span><a href="<https://erbjudanden.ainnova.se/våra-tjänster/innehållsskapande/transkribering-översättning>" target="_blank" rel="noopener noreferrer">Läs mer</a></span></li>
</ul>
<h3>Webbinarium</h3>
<p><em>Engagera din publik online</em></p>
<ul>
<li><span class="ainnova-icon"></span><span>Planering och produktion</span></li>
<li><span class="ainnova-icon"></span><span>Interaktiva lösningar</span></li>
<li><span class="ainnova-icon"></span><span><a href="<https://erbjudanden.ainnova.se/våra-tjänster/innehållsskapande/webbinarium>" target="_blank" rel="noopener noreferrer">Läs mer</a></span></li>
</ul>
<h3>Podd</h3>
<p><em>Skapa din egen podcast</em></p>
<ul>
<li><span class="ainnova-icon"></span><span>Inspelning och redigering</span></li>
<li><span class="ainnova-icon"></span><span>AI-stöd för ljudkvalitet</span></li>
<li><span class="ainnova-icon"></span><span><a href="<https://erbjudanden.ainnova.se/våra-tjänster/innehållsskapande/podd>" target="_blank" rel="noopener noreferrer">Läs mer</a></span></li>
</ul>
<h3>CRM & databas</h3>
<p><em>Organisera din verksamhet</em></p>
<ul>
<li><span class="ainnova-icon"></span><span>Kundanpassade CRM-lösningar</span></li>
<li><span class="ainnova-icon"></span><span>Effektiv datahantering</span></li>
<li><span class="ainnova-icon"></span><span><a href="<https://erbjudanden.ainnova.se/våra-tjänster/innehållsskapande/crm-databas>" target="_blank" rel="noopener noreferrer">Läs mer</a></span></li>
</ul>
<h2>Så här funkar det</h2>
<ul>
<li><span class="ainnova-icon"></span><span>Vi börjar med dina behov och mål.</span></li>
<li><span class="ainnova-icon"></span><span>Väljer tjänst eller paket tillsammans.</span></li>
<li><span class="ainnova-icon"></span><span>Levererar praktiska och hållbara lösningar.</span></li>
</ul>
<h2>Därför AINNOVA</h2>
<ul>
<li><span class="ainnova-icon"></span><span>Praktisk och uppdaterad AI-expertis.</span></li>
<li><span class="ainnova-icon"></span><span>Skräddarsydda lösningar för dig.</span></li>
<li><span class="ainnova-icon"></span><span>Fokus på resultat och användarvänlighet.</span></li>
</ul>
<img src="<https://images.pexels.com/photos/3184291/pexels-photo-3184291.jpeg?auto=compress&cs=tinysrgb&w=600>" alt="Samarbete och teknik" class="full-width-image">
<a href="<https://ainnova.se/kontakt>" class="cta" target="_blank" rel="noopener noreferrer">Kontakta oss för att starta din resa!</a>
<a href="<https://ainnova.se/>" class="cta" target="_blank" rel="noopener noreferrer">Besök AINNOVA.se för mer inspiration</a>
<!-- 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>