Alexander1337 commited on
Commit
a35b94d
·
verified ·
1 Parent(s): e17f3af

Alexander Adolfsson

Browse files

Hem
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.

Files changed (5) hide show
  1. components/navbar.js +19 -11
  2. index.html +22 -0
  3. kontakt.html +103 -0
  4. padel.html +82 -0
  5. profil.html +97 -0
components/navbar.js CHANGED
@@ -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="#home">Hem</a>
89
- <a href="#about">Om mig</a>
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
- <button class="mobile-menu-btn">
95
  <i class="fas fa-bars"></i>
96
  </button>
97
  </div>
98
- <div class="mobile-menu">
99
- <a href="#home">Hem</a>
100
- <a href="#about">Om mig</a>
101
- <a href="#services">Tjänster</a>
102
- <a href="#pricing">Priser</a>
103
- <a href="https://calendly.com/alexander-pt-adolfsson/new-meeting" target="_blank">Boka gratis konsultation</a>
104
- </div>
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');
index.html CHANGED
@@ -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
kontakt.html ADDED
@@ -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>
padel.html ADDED
@@ -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>
profil.html ADDED
@@ -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>