Alexander Adolfsson
Browse filesHem
Om mig
Tjänster
Priser
Padel
Boka
Kontakt
Profil
🇸🇪
|
🇬🇧
|
🇪🇸
Bli starkare. Må bättre. Ta nästa steg.
Personlig träning & kostrådgivning – online eller på plats i Borås
Boka gratis konsultation
Börja nu
Alexander Adolfsson
Om mig – Alexander Adolfsson
Jag är licenserad personlig tränare & kostrådgivare med över 15 års erfarenhet. Jag hjälper dig bygga hållbara vanor som ger långsiktiga resultat – utan snabba lösningar.
Licenserad Personlig Tränare
Certifierad Kostrådgivare
15+ års erfarenhet
Specialist på hållbara vanor
Läs mer om mig
Tjänster
Jag erbjuder personlig träning och kostcoachning anpassad efter dina behov och mål.
Personlig träning
På plats eller online, teknikfeedback, program & progression, flexibla tider, fokus på styrka, teknik, kondition & rörlighet
Boka PT-pass →
Kostupplägg
Personligt kostschema utan extrema dieter, anpassat efter mål, preferenser & vardag
Få kostupplägg →
Padelträning
Specialanpassad träning för padelspelare, fokus på teknik, kondition och skade prevention
Läs mer om padelträning →
Prisplaner
Välj den plan som bäst passar dina mål och behov
Bas
1 495 kr / mån
Träningsprogram
Grundläggande kostråd
App
Veckovis uppföljning
POPULÄR
Standard
2 495 kr / mån
Träningsprogram
Personligt kostupplägg
App
Veckovis uppföljning
Direktkontakt
Premium
3 495 kr / mån
Allt i Standard
Tätare uppföljning
Prioriterad support
Videosamtal
Online Coaching med Alexander Adolfsson
Personlig 1:1 coaching för dig som vill bygga muskler, tappa fett och prestera bättre
Personligt träningsprogram
Koststrategi anpassad efter dina mål
Veckovis uppföljning & justeringar
Direktkontakt med coach
1 499 kr per månad
Starta min coaching nu
Säker betalning via Stripe • Avbryt när du vill • 100% online
Varför välja mig?
Min filosofi är att skapa hållbara resultat genom personlig anpassning och engagemang
15+ års erfarenhet
Licensierad PT & kostrådgivare
Individanpassad coachning
Inga bindningstider
Personlig kontakt
Boka online
All bokning sker via Calendly. Välj tid som passar dig och få bekräftelse direkt via e-post.
📅 Boka ett möte
Kontakta mig
Namn
E-post
Telefonnummer
Ditt främsta mål
Välj ett mål
Skicka meddelande
Kontaktinformation
alexander.pt.adolfsson@gmail.com
073-640 50 08
Borås, Sverige
Alexander Adolfsson Coaching
Personlig träning & online coachning, Borås & online
Träningsplan
Jag skräddarsyr en träningsplan helt utifrån din målbild. En plan som passar oavsett om du är nybörjare eller erfaren atlet.
Individanpassad
Programmet byggs efter dina mål, erfarenhet och förutsättningar.
Löpande uppdatering
Planen justeras regelbundet för att matcha din progression.
Resultatfokus
Struktur, progression och hållbar utveckling i fokus.
Alexander Adolfsson Coaching – Personlig träning & online coachning, Borås & online
Hem
|
Om mig
|
Tjänster
|
Priser
|
Padel
|
Boka
|
Kontakt
|
Profil
E-post
|
073-640 50 08
|
Borås, Sverige
Instagram
@ptalexadolfsson
TikTok
@ptalexanderadolfsson
Facebook
Alexander Adolfsson
YouTube
Alexander Adolfsson
WhatsApp
073-640 50 08
© 2026 Alexander Adolfsson Coaching. Alla rättigheter reserverade.
- components/navbar.js +19 -11
- index.html +22 -0
- kontakt.html +103 -0
- padel.html +82 -0
- profil.html +97 -0
|
@@ -85,24 +85,32 @@ class CustomNavbar extends HTMLElement {
|
|
| 85 |
<div class="container">
|
| 86 |
<a href="/" class="logo">Alexander Adolfsson Coaching</a>
|
| 87 |
<nav class="nav-links">
|
| 88 |
-
<a href="
|
| 89 |
-
<a href="
|
| 90 |
<a href="#services">Tjänster</a>
|
| 91 |
<a href="#pricing">Priser</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
| 92 |
<a href="https://calendly.com/alexander-pt-adolfsson/new-meeting" target="_blank" class="cta-btn">Boka gratis konsultation</a>
|
| 93 |
</nav>
|
| 94 |
-
|
| 95 |
<i class="fas fa-bars"></i>
|
| 96 |
</button>
|
| 97 |
</div>
|
| 98 |
-
|
| 99 |
-
|
| 100 |
-
|
| 101 |
-
|
| 102 |
-
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 106 |
|
| 107 |
const menuBtn = this.shadowRoot.querySelector('.mobile-menu-btn');
|
| 108 |
const mobileMenu = this.shadowRoot.querySelector('.mobile-menu');
|
|
|
|
| 85 |
<div class="container">
|
| 86 |
<a href="/" class="logo">Alexander Adolfsson Coaching</a>
|
| 87 |
<nav class="nav-links">
|
| 88 |
+
<a href="/">Hem</a>
|
| 89 |
+
<a href="profil.html">Om mig</a>
|
| 90 |
<a href="#services">Tjänster</a>
|
| 91 |
<a href="#pricing">Priser</a>
|
| 92 |
+
<a href="padel.html">Padel</a>
|
| 93 |
+
<a href="booking.html">Boka</a>
|
| 94 |
+
<a href="kontakt.html">Kontakt</a>
|
| 95 |
+
<a href="profil.html">Profil</a>
|
| 96 |
<a href="https://calendly.com/alexander-pt-adolfsson/new-meeting" target="_blank" class="cta-btn">Boka gratis konsultation</a>
|
| 97 |
</nav>
|
| 98 |
+
<button class="mobile-menu-btn">
|
| 99 |
<i class="fas fa-bars"></i>
|
| 100 |
</button>
|
| 101 |
</div>
|
| 102 |
+
<div class="mobile-menu">
|
| 103 |
+
<a href="/">Hem</a>
|
| 104 |
+
<a href="profil.html">Om mig</a>
|
| 105 |
+
<a href="#services">Tjänster</a>
|
| 106 |
+
<a href="#pricing">Priser</a>
|
| 107 |
+
<a href="padel.html">Padel</a>
|
| 108 |
+
<a href="booking.html">Boka</a>
|
| 109 |
+
<a href="kontakt.html">Kontakt</a>
|
| 110 |
+
<a href="profil.html">Profil</a>
|
| 111 |
+
<a href="https://calendly.com/alexander-pt-adolfsson/new-meeting" target="_blank">Boka gratis konsultation</a>
|
| 112 |
+
</div>
|
| 113 |
+
`;
|
| 114 |
|
| 115 |
const menuBtn = this.shadowRoot.querySelector('.mobile-menu-btn');
|
| 116 |
const mobileMenu = this.shadowRoot.querySelector('.mobile-menu');
|
|
@@ -178,6 +178,28 @@
|
|
| 178 |
<script src="components/navbar.js"></script>
|
| 179 |
<script src="components/footer.js"></script>
|
| 180 |
<script src="script.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 181 |
</body>
|
| 182 |
</html>
|
| 183 |
https://res.cloudinary.com/dttivz1il/image/upload/v1770071721/11062b_f11d2809bac34baaadb2950e9d15f8a3_mv2_o2ltbl.avif$0
|
|
|
|
| 178 |
<script src="components/navbar.js"></script>
|
| 179 |
<script src="components/footer.js"></script>
|
| 180 |
<script src="script.js"></script>
|
| 181 |
+
<script>
|
| 182 |
+
// Language switcher functionality
|
| 183 |
+
document.addEventListener('DOMContentLoaded', function() {
|
| 184 |
+
const langSwitcher = document.createElement('div');
|
| 185 |
+
langSwitcher.style.position = 'fixed';
|
| 186 |
+
langSwitcher.style.bottom = '20px';
|
| 187 |
+
langSwitcher.style.right = '20px';
|
| 188 |
+
langSwitcher.style.zIndex = '1000';
|
| 189 |
+
langSwitcher.style.background = 'white';
|
| 190 |
+
langSwitcher.style.padding = '10px';
|
| 191 |
+
langSwitcher.style.borderRadius = '5px';
|
| 192 |
+
langSwitcher.style.boxShadow = '0 2px 10px rgba(0,0,0,0.1)';
|
| 193 |
+
langSwitcher.innerHTML = `
|
| 194 |
+
<span style="margin-right:10px;">🇸🇪</span>
|
| 195 |
+
<span style="margin:0 10px;">|</span>
|
| 196 |
+
<span style="margin-right:10px;">🇬🇧</span>
|
| 197 |
+
<span style="margin:0 10px;">|</span>
|
| 198 |
+
<span>🇪🇸</span>
|
| 199 |
+
`;
|
| 200 |
+
document.body.appendChild(langSwitcher);
|
| 201 |
+
});
|
| 202 |
+
</script>
|
| 203 |
</body>
|
| 204 |
</html>
|
| 205 |
https://res.cloudinary.com/dttivz1il/image/upload/v1770071721/11062b_f11d2809bac34baaadb2950e9d15f8a3_mv2_o2ltbl.avif$0
|
|
@@ -0,0 +1,103 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="sv">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Kontakt | Alexander Adolfsson Coaching</title>
|
| 7 |
+
<link rel="stylesheet" href="style.css">
|
| 8 |
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
| 9 |
+
<style>
|
| 10 |
+
.contact-hero {
|
| 11 |
+
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
|
| 12 |
+
url('http://static.photos/office/1200x630/42');
|
| 13 |
+
background-size: cover;
|
| 14 |
+
background-position: center;
|
| 15 |
+
height: 50vh;
|
| 16 |
+
display: flex;
|
| 17 |
+
align-items: center;
|
| 18 |
+
justify-content: center;
|
| 19 |
+
text-align: center;
|
| 20 |
+
color: white;
|
| 21 |
+
padding: 0 20px;
|
| 22 |
+
}
|
| 23 |
+
.contact-container {
|
| 24 |
+
max-width: 1000px;
|
| 25 |
+
margin: 50px auto;
|
| 26 |
+
padding: 0 20px;
|
| 27 |
+
display: grid;
|
| 28 |
+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
| 29 |
+
gap: 50px;
|
| 30 |
+
}
|
| 31 |
+
.contact-form input,
|
| 32 |
+
.contact-form textarea,
|
| 33 |
+
.contact-form select {
|
| 34 |
+
width: 100%;
|
| 35 |
+
padding: 12px;
|
| 36 |
+
margin-bottom: 20px;
|
| 37 |
+
border: 1px solid #ddd;
|
| 38 |
+
border-radius: 5px;
|
| 39 |
+
}
|
| 40 |
+
.contact-form button {
|
| 41 |
+
background: #10b981;
|
| 42 |
+
color: white;
|
| 43 |
+
border: none;
|
| 44 |
+
padding: 12px 30px;
|
| 45 |
+
border-radius: 5px;
|
| 46 |
+
cursor: pointer;
|
| 47 |
+
transition: 0.3s;
|
| 48 |
+
}
|
| 49 |
+
.contact-form button:hover {
|
| 50 |
+
background: #059669;
|
| 51 |
+
}
|
| 52 |
+
.contact-info {
|
| 53 |
+
background: #f9f9f9;
|
| 54 |
+
padding: 30px;
|
| 55 |
+
border-radius: 10px;
|
| 56 |
+
}
|
| 57 |
+
</style>
|
| 58 |
+
</head>
|
| 59 |
+
<body>
|
| 60 |
+
<custom-navbar></custom-navbar>
|
| 61 |
+
|
| 62 |
+
<section class="contact-hero">
|
| 63 |
+
<div>
|
| 64 |
+
<h1>Kontakta mig</h1>
|
| 65 |
+
<p>Har du frågor eller vill boka en session? Hör av dig!</p>
|
| 66 |
+
</div>
|
| 67 |
+
</section>
|
| 68 |
+
|
| 69 |
+
<div class="contact-container">
|
| 70 |
+
<form class="contact-form">
|
| 71 |
+
<h2>Skicka meddelande</h2>
|
| 72 |
+
<input type="text" placeholder="Namn" required>
|
| 73 |
+
<input type="email" placeholder="E-post" required>
|
| 74 |
+
<input type="tel" placeholder="Telefonnummer">
|
| 75 |
+
<select required>
|
| 76 |
+
<option value="">Välj ett mål</option>
|
| 77 |
+
<option>Padelträning</option>
|
| 78 |
+
<option>Personlig träning</option>
|
| 79 |
+
<option>Kostrådgivning</option>
|
| 80 |
+
<option>Online coaching</option>
|
| 81 |
+
<option>Annat</option>
|
| 82 |
+
</select>
|
| 83 |
+
<textarea rows="5" placeholder="Ditt meddelande"></textarea>
|
| 84 |
+
<button type="submit">Skicka meddelande</button>
|
| 85 |
+
</form>
|
| 86 |
+
|
| 87 |
+
<div class="contact-info">
|
| 88 |
+
<h2>Kontaktinformation</h2>
|
| 89 |
+
<p><i class="fas fa-envelope"></i> alexander.pt.adolfsson@gmail.com</p>
|
| 90 |
+
<p><i class="fas fa-phone"></i> 073-640 50 08</p>
|
| 91 |
+
<p><i class="fas fa-map-marker-alt"></i> Borås, Sverige</p>
|
| 92 |
+
|
| 93 |
+
<h3 style="margin-top: 30px;">Boka direkt</h3>
|
| 94 |
+
<a href="https://calendly.com/alexander-pt-adolfsson/new-meeting" class="btn" target="_blank" style="display: inline-block; margin-top: 15px;">📅 Boka ett möte</a>
|
| 95 |
+
</div>
|
| 96 |
+
</div>
|
| 97 |
+
|
| 98 |
+
<custom-footer></custom-footer>
|
| 99 |
+
<script src="components/navbar.js"></script>
|
| 100 |
+
<script src="components/footer.js"></script>
|
| 101 |
+
<script src="script.js"></script>
|
| 102 |
+
</body>
|
| 103 |
+
</html>
|
|
@@ -0,0 +1,82 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="sv">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Padelträning | Alexander Adolfsson Coaching</title>
|
| 7 |
+
<link rel="stylesheet" href="style.css">
|
| 8 |
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
| 9 |
+
<style>
|
| 10 |
+
.padel-hero {
|
| 11 |
+
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
|
| 12 |
+
url('http://static.photos/sport/1200x630/42');
|
| 13 |
+
background-size: cover;
|
| 14 |
+
background-position: center;
|
| 15 |
+
height: 60vh;
|
| 16 |
+
display: flex;
|
| 17 |
+
align-items: center;
|
| 18 |
+
justify-content: center;
|
| 19 |
+
text-align: center;
|
| 20 |
+
color: white;
|
| 21 |
+
padding: 0 20px;
|
| 22 |
+
}
|
| 23 |
+
.padel-content {
|
| 24 |
+
max-width: 1000px;
|
| 25 |
+
margin: 50px auto;
|
| 26 |
+
padding: 0 20px;
|
| 27 |
+
}
|
| 28 |
+
.benefits-grid {
|
| 29 |
+
display: grid;
|
| 30 |
+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
| 31 |
+
gap: 30px;
|
| 32 |
+
margin: 50px 0;
|
| 33 |
+
}
|
| 34 |
+
.benefit-card {
|
| 35 |
+
background: #f9f9f9;
|
| 36 |
+
padding: 30px;
|
| 37 |
+
border-radius: 10px;
|
| 38 |
+
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
|
| 39 |
+
}
|
| 40 |
+
</style>
|
| 41 |
+
</head>
|
| 42 |
+
<body>
|
| 43 |
+
<custom-navbar></custom-navbar>
|
| 44 |
+
|
| 45 |
+
<section class="padel-hero">
|
| 46 |
+
<div>
|
| 47 |
+
<h1>Padelträning</h1>
|
| 48 |
+
<p>Specialanpassad träning för padelspelare</p>
|
| 49 |
+
<a href="https://calendly.com/alexander-pt-adolfsson/new-meeting" class="btn" target="_blank">Boka träning</a>
|
| 50 |
+
</div>
|
| 51 |
+
</section>
|
| 52 |
+
|
| 53 |
+
<section class="padel-content">
|
| 54 |
+
<h2>Förbättra ditt paddelspel</h2>
|
| 55 |
+
<p>Min padelträning fokuserar på att förbättra din teknik, kondition och skadeprevention. Oavsett om du är nybörjare eller erfaren spelare kan jag hjälpa dig ta nästa steg i din utveckling.</p>
|
| 56 |
+
|
| 57 |
+
<div class="benefits-grid">
|
| 58 |
+
<div class="benefit-card">
|
| 59 |
+
<h3>Teknikträning</h3>
|
| 60 |
+
<p>Förbättra dina grundslag, volleys och smashar med individuell feedback.</p>
|
| 61 |
+
</div>
|
| 62 |
+
<div class="benefit-card">
|
| 63 |
+
<h3>Konditionsträning</h3>
|
| 64 |
+
<p>Paddelspecifika rörelsemönster och uthållighet för bättre prestation.</p>
|
| 65 |
+
</div>
|
| 66 |
+
<div class="benefit-card">
|
| 67 |
+
<h3>Skadeprevention</h3>
|
| 68 |
+
<p>Stärk de muskler som är viktiga för padel och minska risken för skador.</p>
|
| 69 |
+
</div>
|
| 70 |
+
</div>
|
| 71 |
+
|
| 72 |
+
<div style="text-align: center; margin-top: 50px;">
|
| 73 |
+
<a href="https://calendly.com/alexander-pt-adolfsson/new-meeting" class="btn" target="_blank">Börja din padelträning idag</a>
|
| 74 |
+
</div>
|
| 75 |
+
</section>
|
| 76 |
+
|
| 77 |
+
<custom-footer></custom-footer>
|
| 78 |
+
<script src="components/navbar.js"></script>
|
| 79 |
+
<script src="components/footer.js"></script>
|
| 80 |
+
<script src="script.js"></script>
|
| 81 |
+
</body>
|
| 82 |
+
</html>
|
|
@@ -0,0 +1,97 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="sv">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Profil | Alexander Adolfsson Coaching</title>
|
| 7 |
+
<link rel="stylesheet" href="style.css">
|
| 8 |
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
| 9 |
+
<style>
|
| 10 |
+
.profile-hero {
|
| 11 |
+
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
|
| 12 |
+
url('http://static.photos/fitness/1200x630/42');
|
| 13 |
+
background-size: cover;
|
| 14 |
+
background-position: center;
|
| 15 |
+
height: 60vh;
|
| 16 |
+
display: flex;
|
| 17 |
+
align-items: center;
|
| 18 |
+
justify-content: center;
|
| 19 |
+
text-align: center;
|
| 20 |
+
color: white;
|
| 21 |
+
padding: 0 20px;
|
| 22 |
+
}
|
| 23 |
+
.profile-content {
|
| 24 |
+
max-width: 1000px;
|
| 25 |
+
margin: 50px auto;
|
| 26 |
+
padding: 0 20px;
|
| 27 |
+
display: grid;
|
| 28 |
+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
| 29 |
+
gap: 50px;
|
| 30 |
+
align-items: center;
|
| 31 |
+
}
|
| 32 |
+
.profile-image {
|
| 33 |
+
border-radius: 10px;
|
| 34 |
+
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
|
| 35 |
+
max-width: 100%;
|
| 36 |
+
}
|
| 37 |
+
.qualifications {
|
| 38 |
+
margin-top: 30px;
|
| 39 |
+
}
|
| 40 |
+
.qualification-item {
|
| 41 |
+
margin-bottom: 15px;
|
| 42 |
+
display: flex;
|
| 43 |
+
align-items: center;
|
| 44 |
+
}
|
| 45 |
+
.qualification-item i {
|
| 46 |
+
margin-right: 10px;
|
| 47 |
+
color: #10b981;
|
| 48 |
+
}
|
| 49 |
+
</style>
|
| 50 |
+
</head>
|
| 51 |
+
<body>
|
| 52 |
+
<custom-navbar></custom-navbar>
|
| 53 |
+
|
| 54 |
+
<section class="profile-hero">
|
| 55 |
+
<div>
|
| 56 |
+
<h1>Alexander Adolfsson</h1>
|
| 57 |
+
<p>Licensierad personlig tränare & kostrådgivare</p>
|
| 58 |
+
</div>
|
| 59 |
+
</section>
|
| 60 |
+
|
| 61 |
+
<section class="profile-content">
|
| 62 |
+
<div>
|
| 63 |
+
<img src="https://res.cloudinary.com/dttivz1il/image/upload/v1770079671/530312918_2055614884970852_6024544081288430228_n_vf9xgb.jpg" alt="Alexander Adolfsson" class="profile-image">
|
| 64 |
+
</div>
|
| 65 |
+
<div>
|
| 66 |
+
<h2>Om mig</h2>
|
| 67 |
+
<p>Jag är licenserad personlig tränare & kostrådgivare med över 15 års erfarenhet. Jag hjälper dig bygga hållbara vanor som ger långsiktiga resultat – utan snabba lösningar.</p>
|
| 68 |
+
|
| 69 |
+
<div class="qualifications">
|
| 70 |
+
<div class="qualification-item">
|
| 71 |
+
<i class="fas fa-certificate"></i>
|
| 72 |
+
<span>Licensierad Personlig Tränare</span>
|
| 73 |
+
</div>
|
| 74 |
+
<div class="qualification-item">
|
| 75 |
+
<i class="fas fa-certificate"></i>
|
| 76 |
+
<span>Certifierad Kostrådgivare</span>
|
| 77 |
+
</div>
|
| 78 |
+
<div class="qualification-item">
|
| 79 |
+
<i class="fas fa-clock"></i>
|
| 80 |
+
<span>15+ års erfarenhet</span>
|
| 81 |
+
</div>
|
| 82 |
+
<div class="qualification-item">
|
| 83 |
+
<i class="fas fa-leaf"></i>
|
| 84 |
+
<span>Specialist på hållbara vanor</span>
|
| 85 |
+
</div>
|
| 86 |
+
</div>
|
| 87 |
+
|
| 88 |
+
<a href="https://calendly.com/alexander-pt-adolfsson/new-meeting" class="btn" target="_blank" style="display: inline-block; margin-top: 30px;">Boka konsultation</a>
|
| 89 |
+
</div>
|
| 90 |
+
</section>
|
| 91 |
+
|
| 92 |
+
<custom-footer></custom-footer>
|
| 93 |
+
<script src="components/navbar.js"></script>
|
| 94 |
+
<script src="components/footer.js"></script>
|
| 95 |
+
<script src="script.js"></script>
|
| 96 |
+
</body>
|
| 97 |
+
</html>
|