fitflow-coaching / padel.html
Alexander1337's picture
Alexander Adolfsson
a35b94d verified
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Padelträning | Alexander Adolfsson Coaching</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.padel-hero {
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
url('http://static.photos/sport/1200x630/42');
background-size: cover;
background-position: center;
height: 60vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
padding: 0 20px;
}
.padel-content {
max-width: 1000px;
margin: 50px auto;
padding: 0 20px;
}
.benefits-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin: 50px 0;
}
.benefit-card {
background: #f9f9f9;
padding: 30px;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
</style>
</head>
<body>
<custom-navbar></custom-navbar>
<section class="padel-hero">
<div>
<h1>Padelträning</h1>
<p>Specialanpassad träning för padelspelare</p>
<a href="https://calendly.com/alexander-pt-adolfsson/new-meeting" class="btn" target="_blank">Boka träning</a>
</div>
</section>
<section class="padel-content">
<h2>Förbättra ditt paddelspel</h2>
<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>
<div class="benefits-grid">
<div class="benefit-card">
<h3>Teknikträning</h3>
<p>Förbättra dina grundslag, volleys och smashar med individuell feedback.</p>
</div>
<div class="benefit-card">
<h3>Konditionsträning</h3>
<p>Paddelspecifika rörelsemönster och uthållighet för bättre prestation.</p>
</div>
<div class="benefit-card">
<h3>Skadeprevention</h3>
<p>Stärk de muskler som är viktiga för padel och minska risken för skador.</p>
</div>
</div>
<div style="text-align: center; margin-top: 50px;">
<a href="https://calendly.com/alexander-pt-adolfsson/new-meeting" class="btn" target="_blank">Börja din padelträning idag</a>
</div>
</section>
<custom-footer></custom-footer>
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
<script src="script.js"></script>
</body>
</html>