Theclientfits & Wellness Create index.html - #383
Open
TheClientfitsUg wants to merge 1 commit into
Open
Conversation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>FitForge Health & Fitness</title>
<meta name="description" content="Modern fitness and health website for workout plans, client follow-up, and personal coaching." />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header class="header">
<div class="container nav">
<a href="#" class="logo">Fit<span>Forge</span></a>
<nav class="menu">
<a href="#plans">Workout Plans</a>
<a href="#services">Services</a>
<a href="#contact">Contact</a>
</nav>
<a href="#contact" class="btn btn-primary">Book Consultation</a>
</div>
</header>
<main>
<section class="hero">
<div class="container hero-grid">
<div class="hero-text">
<span class="tag">Personal Training • Online Coaching • Wellness</span>
<h1>Transform your body with a plan built for real results.</h1>
<p>
We help busy professionals, beginners, and fitness enthusiasts reach their goals through
structured workout plans, accountability follow-up, and in-person coaching that keeps you moving forward.
</p>
<div class="hero-actions">
<a href="#plans" class="btn btn-primary">Buy Workout Plans</a>
<a href="#contact" class="btn btn-secondary">Start Your Assessment</a>
</div>
<div class="stats">
<div class="stat">
<strong>1:1</strong>
<span>Personal coaching support</span>
</div>
<div class="stat">
<strong>24/7</strong>
<span>Client follow-up touchpoints</span>
</div>
<div class="stat">
<strong>Mobile</strong>
<span>Responsive across all devices</span>
</div>
</div>
</div>
<div class="hero-card">
<span class="badge">Featured Offer</span>
<h2>8-Week Strength Reset</h2>
<p>Structured sessions, nutrition guidance, habit tracking, and direct access to your coach.</p>
<div class="mini-grid">
<div class="mini-card">
<h3>Workout</h3>
<p>Progressive training blocks tailored to your level.</p>
</div>
<div class="mini-card">
<h3>Follow-up</h3>
<p>Weekly check-ins to keep you accountable.</p>
</div>
<div class="mini-card">
<h3>Meet</h3>
<p>Face-to-face consultations and coaching.</p>
</div>
</div>
</div>
</div>
</section>
<section class="section" id="plans">
<div class="container">
<h2>Workout plans for purchase</h2>
<p class="section-text">
Choose a plan based on your goal, schedule, and experience level. Each package can be sold
directly through your site or linked to a payment gateway.
</p>
<div class="card-grid">
<article class="card">
<h3>Starter Plan</h3>
<p>For beginners who want a simple, safe entry into fitness with clear weekly structure.</p>
</article>
<article class="card">
<h3>Fat-Loss Plan</h3>
<p>Built for calorie control, conditioning, and sustainable progress tracking.</p>
</article>
<article class="card">
<h3>Performance Plan</h3>
<p>For strength, endurance, and athletic conditioning with higher intensity.</p>
</article>
</div>
</div>
</section>
<section class="section alt" id="services">
<div class="container">
<h2>Why clients stay engaged</h2>
<div class="card-grid">
<article class="card">
<h3>Lead generation</h3>
<p>Prominent call-to-actions and inquiry prompts convert visitors into prospects.</p>
</article>
<article class="card">
<h3>Follow-up system</h3>
<p>Built-in contact capture supports follow-up by email, phone, or WhatsApp.</p>
</article>
<article class="card">
<h3>Face-to-face care</h3>
<p>Invite clients to studio sessions, assessments, and in-person consultations.</p>
</article>
</div>
</div>
</section>
<section class="section" id="contact">
<div class="container">
<h2>Contact form</h2>
<p class="section-text">
Make it easy for visitors to inquire about coaching, plan purchases, or assessments.
</p>
<div class="form-wrap">
<form class="contact-form">
<div class="form-row">
<input type="text" name="name" placeholder="Full name" required />
<input type="email" name="email" placeholder="Email address" required />
</div>
<div class="form-row">
<input type="tel" name="phone" placeholder="Phone number" />
<select name="interest">
<option>Interested in</option>
<option>Workout plan</option>
<option>Personal coaching</option>
<option>In-person consultation</option>
</select>
</div>
<textarea name="message" placeholder="Tell us your goal or question"></textarea>
<button type="submit" class="btn btn-primary">Send Inquiry</button>
</form>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<p>© 2026 FitForge Health & Fitness. Designed for lead generation, plan sales, and client engagement.</p>
</div>
</footer>
</body>
</html>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Transform your body with a plan built for real results.
We help busy professionals, beginners, and fitness enthusiasts reach their goals through structured workout plans, accountability follow-up, and in-person coaching that keeps you moving forward.
© 2026 FitForge Health & Fitness. Designed for lead generation, plan sales, and client engagement.