<!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 - Lär dig AI i kajak, kombinera naturupplevelser med praktisk AI-utbildning alla dagar i veckan"> <meta name="format-detection" content="telephone=no"> <title>AINNOVA | Lär dig AI i kajak</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;
}
/* Speciell stil för kajakerbjudande */
.kayak-offer {
border-left-color: var(--button-green);
background-color: var(--lighter-gray);
margin: 30px 0;
}
.kayak-offer h3 {
color: var(--button-green-hover);
}
.booking-button {
background-color: var(--button-green);
color: var(--white);
padding: 12px 25px;
border-radius: 5px;
font-weight: bold;
text-align: center;
display: inline-block;
transition: background-color 0.3s, transform 0.3s;
border: none;
cursor: pointer;
text-decoration: none;
}
.booking-button:hover {
background-color: var(--button-green-hover);
transform: scale(1.05);
color: var(--white);
}
.button-container {
text-align: center;
margin-top: 20px;
}
/* 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%;
}
/* 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>Lär dig AI i kajak</h1> <p><strong>Praktisk introduktion till AI i naturmiljö - tillgängligt alla dagar i denna påskvecka!</strong></p> <p>Vill du kombinera utomhusaktivitet med lärande? Vår specialtjänst "Lär dig AI i kajak" erbjuder en unik upplevelse där du får praktisk vägledning i AI-verktyg samtidigt som du njuter av naturen från vattnet. Tillgängligt alla dagar i veckan, inklusive helger!</p>
<!-- BILDCONTAINER -->
<div class="image-container">
<img src="<https://valingeveckan.wordpress.com/wp-content/uploads/2025/04/20210829_150610.jpg?w=2044>" alt="AI-utbildning i kajak">
<img src="<https://valingeveckan.wordpress.com/wp-content/uploads/2025/04/img_20220817_185435.jpg?w=2048>" alt="Lugn miljö för AI-lärande">
</div>
<!-- FÖRSTA SEKTIONEN -->
<h2>Fördelar med AI-lärande i kajak</h2>
<p>Vår unika kombination av utomhusaktivitet och AI-utbildning skapar optimala förutsättningar för lärande i en avslappnad miljö.</p>
<!-- LISTA MED IKONER -->
<ul>
<li>
<span class="ainnova-icon"></span>
<span><strong>Avslappnad inlärningsmiljö:</strong> Naturen stimulerar kreativitet och problemlösning, perfekt för att förstå AI-koncept</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Störningsfri miljö:</strong> Inga e-postnotiser eller telefonsamtal som avbryter inlärningen</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Praktisk tillämpning:</strong> Testa AI-verktyg i verkliga situationer och naturmiljöer</span>
</li>
</ul>
<!-- NYA BILDERNA - LÄGG TILL HÄR -->
<div class="image-container" style="margin: 25px 0;">
<img src="<https://valingeveckan.wordpress.com/wp-content/uploads/2025/04/ata-burgare.jpg>" alt="Fika i naturen under AI-lärande" style="object-fit: cover; height: 200px;">
<img src="<https://valingeveckan.wordpress.com/wp-content/uploads/2025/04/20210602_184106.jpg>" alt="Naturupplevelse vid vatten" style="object-fit: cover; height: 200px;">
</div>
<!-- SPECIALERBJUDANDE - KAJAKERBJUDANDE -->
<div class="highlight-box kayak-offer">
<h3>Veckans naturupplevelse: Öppet alla dagar!</h3>
<p><strong>Tillgängligt hela veckan - även lördag och söndag!</strong> Kombinera praktisk AI-kunskap med paddling i lugn miljö.</p>
<div class="image-container" style="margin: 15px 0;">
<img src="<https://valingeveckan.wordpress.com/wp-content/uploads/2025/04/215679407_4557809667564530_7928508103171140706_n.jpg>">
<img src="<https://valingeveckan.wordpress.com/wp-content/uploads/2025/04/img_20220813_212329.jpg?w=2048>" alt="Kajak och natur">
</div>
<ul>
<li>
<span class="ainnova-icon"></span>
<span><strong>Tillgänglighet:</strong> Öppet alla dagar i veckan, inklusive lördag och söndag, 10:00-21:00</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Pris:</strong> 2000 kr för 3 timmars personlig AI-utbildning i kajak (max 2 personer)</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Ingår:</strong> Kajaker och flytvästar samt experthandledning i AI-verktyg</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Ta med:</strong> Fika till dig själv och instruktören, vattentät påse för mobil/platta</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Boka snabbt:</strong> Begränsat antal platser varje dag - först till kvarn!</span>
</li>
</ul>
<p style="font-style: italic; margin-top: 15px;">Utforska praktiska AI-verktyg samtidigt som du njuter av naturens lugn. Kläder efter väder och är vädret helt bedrövligt så finns möjlighet att spela pingis eller schack med AI-snack. </p>
<div class="button-container">
<a href="<https://ainnova.se/kontakt>" class="booking-button" style="background-color: var(--primary-blue);">🕵️♀️ Boka nu så drar vi på tur i eftermiddag! 🕵️♀️</a>
</div>
</div>
<!-- TREDJE SEKTIONEN -->
<h2>Så här funkar det</h2>
<p>Vår process är enkel och fokuserad på att du ska få ut maximalt av din upplevelse i naturen samtidigt som du lär dig använda AI-verktyg.</p>
<!-- UNDERSEKTIONER -->
<h3>Bokning</h3>
<p>Kontakta oss för att boka tid - ange vilken dag och aktivitet du är intresserad av. Vi bekräftar tillgänglighet inom 24 timmar.</p>
<h3>Förberedelse</h3>
<p>Vi tar en kort diskussion om dina behov och mål med utbildningen så att vi kan skräddarsy innehållet specifikt för dig.</p>
<h3>Genomförande</h3>
<p>Vi möts upp vid överenskommen plats, introducerar dagens aktivitet och verktyg, och ger dig sedan en oförglömlig kombination av naturupplevelse och praktisk AI-kunskap.</p>
<!-- BILD I FULLBREDD -->
<img src="<https://valingeveckan.wordpress.com/wp-content/uploads/2025/04/img_20220904_195200.jpg?w=2048>" alt="Kajak och natur" class="full-width-image">
<!-- FJÄRDE SEKTIONEN -->
<h2>Därför ska du välja AINNOVA</h2>
<p>Vi på AINNOVA kombinerar djup kunskap om AI med passion för naturupplevelser.</p>
<!-- LISTA MED IKONER -->
<ul>
<li>
<span class="ainnova-icon"></span>
<span><strong>Kunskapsutbyte i avslappnad miljö:</strong> Vi förmedlar vår AI-expertis på ett lättillgängligt sätt i naturen</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Personlig och anpassad:</strong> Varje utbildning skräddarsys efter dina behov och kunskapsnivå</span>
</li>
<li>
<span class="ainnova-icon"></span>
<span><strong>Allt-i-ett upplevelse:</strong> Kombinera motionsaktivitet, naturupplevelse och lärande i ett enda paket</span>
</li>
</ul>
<!-- 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>