Skip to content

Theclientfits & Wellness Create index.html - #383

Open
TheClientfitsUg wants to merge 1 commit into
anjoy8:masterfrom
TheClientfitsUg:patch-1
Open

Theclientfits & Wellness Create index.html#383
TheClientfitsUg wants to merge 1 commit into
anjoy8:masterfrom
TheClientfitsUg:patch-1

Conversation

@TheClientfitsUg

Copy link
Copy Markdown
<title>FitForge Health & Fitness</title>
Personal Training • Online Coaching • Wellness

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.

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

© 2026 FitForge Health & Fitness. Designed for lead generation, plan sales, and client engagement.

<!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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant