
<!DOCTYPE html>
<!--
  ============================================================================
  TEACHER TRAINING KOLKATA (TTK) — LANDING PAGE  |  Asian College of Teachers
  ============================================================================
  Brand: Official ACT system (Coral #EC5252 -> Plum #6E1A52, Lato + Montserrat)
  Single self-contained file. No build step. Open directly in any browser.

  >>> FIND-AND-REPLACE PLACEHOLDERS (Ctrl/Cmd+F each token) <<<
    91XXXXXXXXXX            -> WhatsApp number (intl format, no +)
    APPLY-FORM-URL          -> Application / enquiry form link
    BROCHURE-PDF-URL        -> Brochure PDF link
    NEXT-BATCH-DATE         -> Next classroom batch date (e.g. 12 June 2026)
    +91-XXXXX-XXXXX         -> Phone number (display)
    CENTRE-ADDRESS          -> Verify the Acropolis Mall address line
    FEE figures (₹)         -> Confirm current TTK fees before publishing
    Testimonials            -> Replace with VERIFIED alumni quotes + consent
    Photos                  -> Swap stock URLs for real Acropolis batch photos
    Social links            -> FB / IG / LinkedIn / YouTube URLs
  ============================================================================
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Teacher Training in Kolkata | International Teaching Diploma &amp; TEFL/TESOL — Acropolis Centre &amp; Online | ACT</title>
<meta name="description" content="Kolkata's most trusted teacher training institute — 19 years' experience. Internationally accredited Teaching Diploma & TEFL/TESOL at our Acropolis Mall centre or live-online. 100% placement assistance.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>

<!-- ===== Announcement strip ===== -->
<div class="topstrip">
  Next classroom batch starts <strong>NEXT-BATCH-DATE</strong> at our Acropolis Mall centre — limited seats.
  <a href="APPLY-FORM-URL">Reserve your seat →</a>
</div>

<!-- ===== Sticky Nav ===== -->
<header class="nav" id="nav">
  <div class="nav-inner">
    <a class="logo" href="#top" aria-label="Teacher Training Kolkata — Asian College of Teachers">
      <span class="logo-txt"><img src="images/logo.webp" alt="logo" style="width:160px;" /></span>
    </a>

    <nav aria-label="Primary">
      <ul class="menu" id="menu">
      	<li><a href="#home">Home</a></li>
        <li class="has-drop">
          <a href="#programs" aria-haspopup="true">Programs <i class="caret"></i></a>
          <div class="dropdown">
            <a href="#programs">
              <span class="dd-ico" style="background:var(--aqua)">ITD</span>
              <span class="dd-txt"><b>International Teaching Diploma</b><span>Primary · Montessori · Nursery · Secondary</span></span>
            </a>
            <a href="#programs">
              <span class="dd-ico" style="background:var(--teal)">TEFL</span>
              <span class="dd-txt"><b>International TEFL / TESOL</b><span>120 hours · TESOL Canada accredited</span></span>
            </a>
          </div>
        </li>
        <li><a href="#why">About</a></li>
        <li><a href="#blog">Blog</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>
    </nav>

    <div class="nav-cta">
      <a class="btn btn-nav-apply btn-sm" href="APPLY-FORM-URL">Apply Now</a>
      <a class="wa-icon" href="https://wa.me/91XXXXXXXXXX?text=Hi%20TTK%2C%20I%27d%20like%20to%20know%20more%20about%20your%20teacher%20training%20courses." aria-label="Chat on WhatsApp" target="_blank" rel="noopener">
        <svg viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.82 11.82 0 018.413 3.488 11.82 11.82 0 013.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 01-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 001.51 5.26l-.999 3.648 3.987-1.607zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/></svg>
      </a>
      <button class="hamburger" id="burger" aria-label="Open menu"><span></span><span></span><span></span></button>
    </div>
  </div>
</header>

<!-- ===== Hero ===== -->
<section class="hero" id="top">
  <div class="hero-fallback"></div>
  <div class="hero-bg">
    <!-- REPLACE with real Acropolis Mall classroom photo (16:9, warm, naturally lit) -->
    <img src="images/banner-bck-img.jpg" alt="Teacher leading a classroom session at the Kolkata centre" onerror="this.style.display='none'">
  </div>
  <div class="hero-inner">
    <div class="reveal in">
      <div class="badge"><span class="dot"></span> Acropolis Mall, Kolkata · Classroom &amp; Live-Online</div>
      <p class="eyebrow">Kolkata · 19 Years of Training Experience</p>
      <h1>Qualify for a <span class="hl">Globally Certified</span> Teaching Career</h1>
      <p class="sub">Kolkata's most trusted teacher training institute. Internationally accredited diplomas in teaching and TEFL/TESOL — at our Acropolis Mall centre, or live-online from anywhere, with 100% placement assistance.</p>
      <div class="hero-btns">
        <a class="btn btn-nav-apply" href="APPLY-FORM-URL" style="border-radius: var(--pill); color:#fff;">Apply Now</a>
        <a class="btn btn-ghost-light" href="BROCHURE-PDF-URL">Get Brochure</a>
        <a class="btn btn-wa-solid" href="https://wa.me/91XXXXXXXXXX?text=Hi%20TTK%2C%20I%27d%20like%20to%20know%20more%20about%20your%20teacher%20training%20courses." target="_blank" rel="noopener">
          <svg viewBox="0 0 24 24" width="18" height="18" fill="#fff"><path d="M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.82 11.82 0 018.413 3.488 11.82 11.82 0 013.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 01-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 001.51 5.26l-.999 3.648 3.987-1.607zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/></svg>
          WhatsApp Us
        </a>
      </div>
      <div class="hero-stats">
        <div class="s"><b>19+</b><span>Years in Kolkata</span></div>
        <div class="s"><b>70,000+</b><span>Alumni Worldwide</span></div>
        <div class="s"><b>80+</b><span>Countries Reached</span></div>
      </div>
    </div>
    <div class="reveal in">
      <div class="hero-card">
        <div class="imgwrap">
          <!-- REPLACE with real ITD/TEFL batch photo from Acropolis centre -->
          <img src="images/banner-img.jpg" alt="Trainees in a teacher training session" onerror="this.closest('.imgwrap').classList.add('failed')">
          <div class="ph-fallback"><svg viewBox="0 0 24 24"><path d="M12 3L1 9l11 6 9-4.91V17h2V9M5 13.18v4L12 21l7-3.82v-4L12 17z"/></svg><span>ITD &amp; TEFL Batch · Acropolis Centre</span></div>
        </div>
        <div class="hero-card-cap">Real classroom batches at Acropolis Mall, Kolkata</div>
      </div>
    </div>
  </div>
</section>

<!-- ===== Trust bar ===== -->
<section class="trust">
  <div class="container">
    <div class="t">
      <span class="ico"><svg viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"/></svg></span>
      <div><b>Internationally Accepted Standards</b><span>ASIC Premier · TESOL Canada · Ofqual-regulated</span></div>
    </div>
    <div class="t">
      <span class="ico"><svg viewBox="0 0 24 24"><path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-2 .89-2 2v11c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z"/></svg></span>
      <div><b>100% Placement Assistance</b><span>200+ recruiting schools, India &amp; abroad</span></div>
    </div>
    <div class="t">
      <span class="ico"><svg viewBox="0 0 24 24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg></span>
      <div><b>70,000+ Alumni Across the Globe</b><span>Trained across 80+ countries</span></div>
    </div>
  </div>
</section>

<!-- ===== Programs ===== -->
<section class="sec" id="programs">
  <div class="container">
    <div class="sec-head reveal">
      <p class="eyebrow">Choose Your Pathway</p>
      <h2>Two flagship programs. Classroom or online.</h2>
      <p>Both delivered at our Acropolis Mall centre and live-online — the same curriculum, the same internationally recognised certification.</p>
    </div>
    <div class="progs">

      <!-- ITD -->
      <article class="prog reveal">
        <div class="prog-img">
          <span class="prog-tag" style="background:var(--aqua)">International Teaching Diploma</span>
          <!-- REPLACE with real ITD classroom photo -->
          <img src="images/program-img-1.jpg" alt="Teacher working with young learners" onerror="this.closest('.prog-img').classList.add('failed')">
          <div class="ph-fallback"><svg viewBox="0 0 24 24"><path d="M12 3L1 9l11 6 9-4.91V17h2V9M5 13.18v4L12 21l7-3.82v-4L12 17z"/></svg><span>ITD Classroom · Acropolis Centre</span></div>
        </div>
        <div class="prog-body">
          <h3>International Teaching Diploma</h3>
          <p class="prog-mode" style="color:var(--aqua)">Classroom &amp; Online · WCI-accredited</p>
          <ul>
            <li>Primary</li><li>Montessori</li><li>Nursery</li><li>Secondary</li><li>Global employment</li>
          </ul>
          <div class="facts">
            <div><b>3–6 months</b><span>Duration</span></div>
            <div><b>from ₹45,000*</b><span>Indicative fee</span></div>
            <div><b>Diploma</b><span>Level</span></div>
          </div>
          <div class="prog-cta">
            <a class="btn btn-grad btn-sm" href="APPLY-FORM-URL">Apply for ITD</a>
            <a class="btn btn-ghost btn-sm" href="BROCHURE-PDF-URL">ITD Brochure</a>
          </div>
          <p class="fee-note">*Indicative fee — confirm current TTK pricing &amp; EMI options.</p>
        </div>
      </article>

      <!-- TEFL -->
      <article class="prog reveal">
        <div class="prog-img">
          <span class="prog-tag" style="background:var(--teal)">International TEFL / TESOL</span>
          <!-- REPLACE with real TEFL session photo -->
          <img src="images/program-img-2.jpg" alt="English language teaching session" onerror="this.closest('.prog-img').classList.add('failed')">
          <div class="ph-fallback"><svg viewBox="0 0 24 24"><path d="M12 3L1 9l11 6 9-4.91V17h2V9M5 13.18v4L12 21l7-3.82v-4L12 17z"/></svg><span>TEFL Practicum · Acropolis Centre</span></div>
        </div>
        <div class="prog-body">
          <h3>International TEFL / TESOL Program</h3>
          <p class="prog-mode" style="color:var(--teal)">Classroom &amp; Online · TESOL Canada accredited</p>
          <ul>
            <li>120 hours</li><li>ESL / EFL</li><li>Lesson planning</li><li>TESOL Canada board (optional)</li>
          </ul>
          <div class="facts">
            <div><b>Online ₹17,110*</b><span>120-hour</span></div>
            <div><b>Classroom ₹64,900*</b><span>Kolkata, in-class</span></div>
            <div><b>Certificate</b><span>+ Board exam</span></div>
          </div>
          <div class="prog-cta">
            <a class="btn btn-grad btn-sm" href="APPLY-FORM-URL">Apply for TEFL</a>
            <a class="btn btn-ghost btn-sm" href="BROCHURE-PDF-URL">TEFL Brochure</a>
          </div>
          <p class="fee-note">*Indicative fee — confirm current TTK pricing &amp; EMI options.</p>
        </div>
      </article>

    </div>
  </div>
</section>

<!-- ===== Photo grid ===== -->
<section class="sec wash">
  <div class="container">
    <div class="sec-head reveal">
      <p class="eyebrow">Inside Our Classrooms</p>
      <h2>Real sessions from our Acropolis batches</h2>
      <p>Hands-on training, peer practice and trainer-led seminars — captured at our Kolkata centre. Click any photo to enlarge.</p>
    </div>
    <div class="grid reveal" id="photoGrid">
      <!-- REPLACE every image with real batch photos. Captions double as alt text. -->
      <div class="grid-item span2 row2" data-cap="ITD classroom session — Acropolis centre">
        <div class="ph"><img src="images/batch-img-1.jpg" alt="ITD classroom session at the Acropolis centre" onerror="this.closest('.grid-item').classList.add('failed')"><div class="ph-fallback"><span>ITD Classroom Session</span></div></div>
        <span class="grid-zoom"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 10-.7.7l.27.28v.79l5 4.99L20.49 19zm-6 0A4.5 4.5 0 119.5 5a4.5 4.5 0 010 9z"/></svg></span>
        <span class="grid-cap">ITD classroom session — Acropolis centre</span>
      </div>
      <div class="grid-item" data-cap="TEFL peer-teaching practice">
        <div class="ph"><img src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=700&q=80" alt="TEFL peer-teaching practice" onerror="this.closest('.grid-item').classList.add('failed')"><div class="ph-fallback"><span>TEFL Peer Practice</span></div></div>
        <span class="grid-zoom"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 10-.7.7l.27.28v.79l5 4.99L20.49 19zm-6 0A4.5 4.5 0 119.5 5a4.5 4.5 0 010 9z"/></svg></span>
        <span class="grid-cap">TEFL peer-teaching practice</span>
      </div>
      <div class="grid-item" data-cap="Lesson-planning workshop">
        <div class="ph"><img src="https://images.unsplash.com/photo-1497633762265-9d179a990aa6?auto=format&fit=crop&w=700&q=80" alt="Lesson-planning workshop" onerror="this.closest('.grid-item').classList.add('failed')"><div class="ph-fallback"><span>Lesson-Planning Workshop</span></div></div>
        <span class="grid-zoom"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 10-.7.7l.27.28v.79l5 4.99L20.49 19zm-6 0A4.5 4.5 0 119.5 5a4.5 4.5 0 010 9z"/></svg></span>
        <span class="grid-cap">Lesson-planning workshop</span>
      </div>
      <div class="grid-item" data-cap="Montessori methods lab">
        <div class="ph"><img src="https://images.unsplash.com/photo-1509062522246-3755977927d7?auto=format&fit=crop&w=700&q=80" alt="Montessori methods lab" onerror="this.closest('.grid-item').classList.add('failed')"><div class="ph-fallback"><span>Montessori Methods Lab</span></div></div>
        <span class="grid-zoom"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 10-.7.7l.27.28v.79l5 4.99L20.49 19zm-6 0A4.5 4.5 0 119.5 5a4.5 4.5 0 010 9z"/></svg></span>
        <span class="grid-cap">Montessori methods lab</span>
      </div>
      <div class="grid-item" data-cap="Convocation &amp; certification">
        <div class="ph"><img src="https://images.unsplash.com/photo-1523050854058-8df90110c9f1?auto=format&fit=crop&w=700&q=80" alt="Convocation and certification" onerror="this.closest('.grid-item').classList.add('failed')"><div class="ph-fallback"><span>Convocation &amp; Certification</span></div></div>
        <span class="grid-zoom"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 10-.7.7l.27.28v.79l5 4.99L20.49 19zm-6 0A4.5 4.5 0 119.5 5a4.5 4.5 0 010 9z"/></svg></span>
        <span class="grid-cap">Convocation &amp; certification</span>
      </div>
    </div>
  </div>
</section>

<!-- ===== Testimonials ===== -->
<section class="sec" id="stories">
  <div class="container">
    <div class="sec-head reveal">
      <p class="eyebrow">Alumni Voices</p>
      <h2>Careers that started at our Kolkata centre</h2>
      <p>Real graduates, real placements. <em>(Sample quotes — replace with verified alumni testimonials and consent before publishing.)</em></p>
    </div>
    <div class="tcar reveal">
      <div class="tviewport">
        <div class="ttrack" id="ttrack">

          <!-- REPLACE testimonials with VERIFIED alumni names, quotes & photos (with consent) -->
          <div class="tslide"><div class="tcard">
            <div class="stars">★★★★★</div>
            <p class="tquote">The classroom sessions at Acropolis were hands-on from day one. I walked into my first primary-school interview genuinely prepared — and I got the job.</p>
            <div class="tperson">
              <span class="tavatar"><img src="https://randomuser.me/api/portraits/women/68.jpg" alt="" onerror="this.closest('.tavatar').textContent='AS'"></span>
              <span class="tmeta"><b>Ananya S.</b><span class="course">International Teaching Diploma</span><span>Salt Lake, Kolkata</span></span>
            </div>
          </div></div>

          <div class="tslide"><div class="tcard">
            <div class="stars">★★★★★</div>
            <p class="tquote">I did the 120-hour TEFL online while working full time. The TESOL Canada credential opened doors I genuinely didn't think were possible.</p>
            <div class="tperson">
              <span class="tavatar"><img src="https://randomuser.me/api/portraits/men/32.jpg" alt="" onerror="this.closest('.tavatar').textContent='RB'"></span>
              <span class="tmeta"><b>Rahul B.</b><span class="course">International TEFL / TESOL</span><span>New Town, Kolkata</span></span>
            </div>
          </div></div>

          <div class="tslide"><div class="tcard">
            <div class="stars">★★★★★</div>
            <p class="tquote">Warm trainers, real practice, and placement support that actually followed through. For the fee, the value is hard to match in Kolkata.</p>
            <div class="tperson">
              <span class="tavatar"><img src="https://randomuser.me/api/portraits/women/44.jpg" alt="" onerror="this.closest('.tavatar').textContent='PA'"></span>
              <span class="tmeta"><b>Priya A.</b><span class="course">ITD — Montessori track</span><span>Behala, Kolkata</span></span>
            </div>
          </div></div>

        </div>
      </div>
      <div class="tnav">
        <button class="tarrow" id="tprev" aria-label="Previous testimonial"><svg viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg></button>
        <div class="tdots" id="tdots"></div>
        <button class="tarrow" id="tnext" aria-label="Next testimonial"><svg viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg></button>
      </div>
    </div>
  </div>
</section>

<!-- ===== Mid-page 3-CTA block (reusable) ===== -->
<section class="ctablock">
  <div class="ctablock-bg"></div>
  <div class="container reveal">
    <h2>Ready to start your teaching career?</h2>
    <p>Apply for the next Kolkata batch, download a brochure, or chat with a counsellor on WhatsApp — whichever suits you.</p>
    <div class="cta-row">
      <a class="btn btn-nav-apply" href="APPLY-FORM-URL" style="border-radius: var(--pill); color:#fff;">Apply Now</a>
      <a class="btn btn-ghost-light" href="BROCHURE-PDF-URL">Get Brochure</a>
      <a class="btn btn-wa-solid" href="https://wa.me/91XXXXXXXXXX?text=Hi%20TTK%2C%20I%27d%20like%20to%20speak%20with%20a%20counsellor%20about%20teacher%20training." target="_blank" rel="noopener">
        <svg viewBox="0 0 24 24" width="18" height="18" fill="#fff"><path d="M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.82 11.82 0 018.413 3.488 11.82 11.82 0 013.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 01-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 001.51 5.26l-.999 3.648 3.987-1.607zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/></svg>
        WhatsApp Us
      </a>
    </div>
  </div>
</section>

<!-- ===== Why choose us ===== -->
<section class="sec" id="why">
  <div class="container">
    <div class="sec-head reveal">
      <p class="eyebrow">Why Students Choose Us</p>
      <h2>A Kolkata centre with a global standard</h2>
      <p>Nineteen years of training experience, internationally benchmarked qualifications, and a laddered pathway from your first certificate to a degree.</p>
    </div>
    <div class="why">
      <div class="why-card reveal">
        <div class="why-ico"><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z"/></svg></div>
        <h3>19 years in Kolkata</h3>
        <p>Nearly two decades training educators locally — with the only dedicated classroom centre at Acropolis Mall.</p>
      </div>
      <div class="why-card reveal">
        <div class="why-ico"><svg viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9z"/></svg></div>
        <h3>Internationally accredited</h3>
        <p>ASIC Premier Status; TESOL Canada &amp; TESOL USA for TEFL; Ofqual-regulated qualifications via OTHM and Focus Awards.</p>
      </div>
      <div class="why-card reveal">
        <div class="why-ico"><svg viewBox="0 0 24 24"><path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-2 .89-2 2v11c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4z"/></svg></div>
        <h3>100% placement assistance</h3>
        <p>Support through a network of 200+ recruiting schools in India and abroad, plus regular campus recruitment drives.</p>
      </div>
      <div class="why-card reveal">
        <div class="why-ico"><svg viewBox="0 0 24 24"><path d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9h-4v4h-2v-4H9V9h4V5h2v4h4z"/></svg></div>
        <h3>Classroom or online</h3>
        <p>Identical curriculum and certification whether you train at Acropolis or join live-online — the certificate never states "online."</p>
      </div>
      <div class="why-card reveal">
        <div class="why-ico"><svg viewBox="0 0 24 24"><path d="M3 17h18v2H3zm0-7h18v5H3zm0-4h18v2H3z"/></svg></div>
        <h3>A laddered pathway</h3>
        <p>Progress from certificate to diploma to Ofqual-regulated qualifications and international degree pathways — without starting over.</p>
      </div>
      <div class="why-card reveal">
        <div class="why-ico"><svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93C7.05 19.44 4 16.08 4 12c0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41C17.92 5.77 20 8.65 20 12c0 2.08-.81 3.98-2.1 5.39z"/></svg></div>
        <h3>70,000+ alumni worldwide</h3>
        <p>Join a global community of educators trained across 80+ countries — proof that the credential travels.</p>
      </div>
    </div>
  </div>
</section>

<!-- ===== FAQ (tab style) ===== -->
<section class="sec wash" id="faq">
  <div class="container">
    <div class="sec-head reveal">
      <p class="eyebrow">Questions, Answered</p>
      <h2>Frequently asked questions</h2>
    </div>
    <div class="faq reveal">
      <div class="faq-tabs" id="faqTabs">
        <button class="faq-tab active" data-i="0"><span class="n">1</span> Who can apply?</button>
        <button class="faq-tab" data-i="1"><span class="n">2</span> Is it globally recognised?</button>
        <button class="faq-tab" data-i="2"><span class="n">3</span> Classroom vs Online?</button>
        <button class="faq-tab" data-i="3"><span class="n">4</span> Duration &amp; fee?</button>
        <button class="faq-tab" data-i="4"><span class="n">5</span> Job placement support?</button>
      </div>
      <div class="faq-panels" id="faqPanels">
        <div class="faq-panel active">
          <h3>Who can apply?</h3>
          <p>Our programs are open to aspiring teachers, working teachers seeking an upgrade, B.Ed. holders, career changers, and anyone targeting international schools. No prior teaching experience is required for entry-level programs — just a genuine interest in teaching.</p>
          <a class="btn btn-grad btn-sm mini-cta" href="APPLY-FORM-URL">Check your eligibility</a>
        </div>
        <div class="faq-panel">
          <h3>Is it globally recognised?</h3>
          <p>Our programs carry international accreditation: ASIC Premier Status at the institutional level, TESOL Canada &amp; TESOL USA accreditation for TEFL/TESOL, and Ofqual-regulated qualifications delivered as an Approved Centre for OTHM and Focus Awards.</p>
          <p style="font-size:14px;color:var(--midgrey)"><strong>Please note:</strong> Recognition and licensure depend on national regulations and must be verified locally. Our counsellors can guide you on what applies in your target country.</p>
        </div>
        <div class="faq-panel">
          <h3>What's the difference between Classroom and Online?</h3>
          <p>The <em>Classroom</em> program runs at our Acropolis Mall centre, Kolkata, with hands-on practice, peer interaction and a fixed schedule. The <em>Online</em> program delivers the same curriculum through live, trainer-led sessions you can join from anywhere — not pre-recorded videos.</p>
          <p>Both lead to <strong>identical, accredited certification</strong>, and the certificate does not mention "online."</p>
        </div>
        <div class="faq-panel">
          <h3>Duration &amp; fee?</h3>
          <p>The <em>International Teaching Diploma</em> runs 3–6 months, with indicative fees from ₹45,000. The <em>TEFL/TESOL</em> program is ₹17,110 for the 120-hour online route, or from ₹64,900 for the in-class Kolkata batch.</p>
          <p style="font-size:14px;color:var(--midgrey)">Fees shown are indicative — please confirm current pricing and EMI options with our team before enrolment.</p>
          <a class="btn btn-grad btn-sm mini-cta" href="BROCHURE-PDF-URL">Get the full fee structure</a>
        </div>
        <div class="faq-panel">
          <h3>Job placement support?</h3>
          <p>We provide 100% placement assistance through a network of 200+ recruiting schools in India and abroad, supported by regular campus recruitment drives.</p>
          <p style="font-size:14px;color:var(--midgrey)">Placement is assistance, not a guarantee — outcomes depend on your qualifications, experience and location preferences. Our track record, however, speaks for itself.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ═══ FOOTER ═══ -->
<footer id="footer">
  <div class="container">
    <div class="footer-grid">
      <div class="footer-brand">
        <span class="footer-logo"><img src="images/logo.webp" alt="logo" style="width:160px;" /></span>
        <p>Kolkata's most trusted international teacher training centre — helping educators build globally recognised careers since 2004.</p>
        <div class="footer-socials">
          <a href="#" class="footer-social" aria-label="Facebook"><svg viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></a>
          <a href="#" class="footer-social" aria-label="Instagram"><svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0z"/></svg></a>
          <a href="#" class="footer-social" aria-label="YouTube"><svg viewBox="0 0 24 24"><path d="M23.495 6.205a3.007 3.007 0 00-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 00.527 6.205a31.247 31.247 0 00-.522 5.805 31.247 31.247 0 00.522 5.783 3.007 3.007 0 002.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 002.088-2.088 31.247 31.247 0 00.5-5.783 31.247 31.247 0 00-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"/></svg></a>
        </div>
      </div>
      <div>
        <div class="footer-col-title">ITD Program</div>
        <div class="footer-links">
          <a href="/international-teaching-diploma/">Program Overview</a>
          <a href="/international-teaching-diploma/classroom-kolkata/">Classroom Program</a>
          <a href="/international-teaching-diploma/online/">Online Program</a>
          <a href="#curriculum">Curriculum</a>
          <a href="#placement">Placement Assistance</a>
        </div>
      </div>
      <div>
        <div class="footer-col-title">Also Explore</div>
        <div class="footer-links">
          <a href="/tefl-tesol/">TEFL / TESOL Program</a>
          <a href="/tefl-tesol/classroom-kolkata/">TEFL — Classroom</a>
          <a href="/tefl-tesol/online/">TEFL — Online</a>
          <a href="/#locations">Location Pages</a>
          <a href="/">← Back to Home</a>
        </div>
      </div>
      <div>
        <div class="footer-col-title">Contact Us</div>
        <div class="f-contact-item"><svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg><span>Acropolis Mall Building, Kasba,<br>Kolkata – 700107, West Bengal</span></div>
        <div class="f-contact-item"><svg viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg><span><a href="tel:+919830000000">+91 98300 00000</a></span></div>
        <div class="f-contact-item"><svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg><span><a href="https://wa.me/919830000000" target="_blank">WhatsApp Us</a> — Mon–Sat, 9am–7pm</span></div>
        <div class="f-contact-item"><svg viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg><span><a href="mailto:info@teachertrainingkolkata.com">info@teachertrainingkolkata.com</a></span></div>
      </div>
    </div>
    <div class="footer-bottom">
      <div class="footer-bottom-text">© 2025 Teacher Training Kolkata. All rights reserved.</div>
      <div class="accred-badges"><span class="accred-badge">ACT Accredited</span><span class="accred-badge">CPD UK</span><span class="accred-badge">QAHE</span><span class="accred-badge">NCC Education</span></div>
    </div>
  </div>
</footer>

<!-- Sticky mobile CTA bar -->
<div class="mbar">
  <a class="btn btn-apply" href="APPLY-FORM-URL">Apply</a>
  <a class="btn btn-ghost" href="BROCHURE-PDF-URL">Brochure</a>
  <a class="btn btn-wa-solid" href="https://wa.me/91XXXXXXXXXX" target="_blank" rel="noopener">WhatsApp</a>
</div>

<!-- Lightbox -->
<div class="lightbox" id="lightbox">
  <button class="lb-close" id="lbClose" aria-label="Close">&times;</button>
  <img id="lbImg" src="" alt="">
  <div class="lb-cap" id="lbCap"></div>
</div>

<script src="js/custom.js"></script>
</body>
</html>
