<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Cheng & Tsui at ACTFL — Booth #711 (Nov 21–23, 2025)</title>
<meta name="description" content="Visit Cheng & Tsui at ACTFL, Booth #711 — see what's new, demos, giveaways, and sessions. Nov 21–23, 2025, New Orleans." />
<style>
:root{
--accent:#1f6feb;
--muted:#666;
--card-bg:#f8f9fb;
--max-w:1100px;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
body{
margin:0;
color:#222;
background: linear-gradient(180deg,#fff 0%, #fbfdff 100%);
line-height:1.45;
-webkit-font-smoothing:antialiased;
}
.container{
max-width:var(--max-w);
margin:32px auto;
padding:20px;
}
header.hero{
display:flex;
gap:18px;
align-items:center;
background:linear-gradient(90deg, rgba(31,111,235,0.06), rgba(31,111,235,0.02));
border-radius:12px;
padding:20px;
box-shadow:0 6px 18px rgba(17,24,39,0.04);
}
.hero-left{flex:1}
.eyebrow{font-weight:600;color:var(--accent);letter-spacing:0.6px;font-size:0.9rem}
h1{margin:8px 0 6px;font-size:1.6rem}
.sub{color:var(--muted);font-size:0.95rem;margin-bottom:8px}
.booth{
display:inline-block;
background:#fff;
padding:10px 14px;
border-radius:8px;
border:1px solid rgba(31,111,235,0.12);
font-weight:700;
color:var(--accent);
box-shadow: 0 3px 10px rgba(31,111,235,0.05);
margin-top:8px;
}
main.grid{
display:grid;
grid-template-columns: 1fr;
gap:20px;
margin-top:22px;
}
@media(min-width:920px){
main.grid{grid-template-columns: 360px 1fr;}
}
.card{
background:var(--card-bg);
padding:18px;
border-radius:10px;
border:1px solid rgba(15,23,42,0.04);
}
.activities ul{padding-left:1.05rem;margin-top:8px}
.activities li{margin:10px 0}
.activities li strong{display:inline-block;min-width:130px}
.what-new h3{margin-top:0}
.product{
background:#fff;
padding:12px;
border-radius:8px;
margin-bottom:12px;
border:1px solid rgba(12,20,35,0.04);
}
.product h4{margin:6px 0}
.product p{margin:6px 0;color:var(--muted);font-size:0.95rem}
.tag{display:inline-block;font-size:0.8rem;padding:4px 8px;border-radius:999px;border:1px solid rgba(0,0,0,0.06);background:rgba(0,0,0,0.02);margin-right:8px}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.btn{
text-decoration:none;
display:inline-block;
padding:10px 14px;
border-radius:8px;
font-weight:600;
border:1px solid rgba(0,0,0,0.06);
background:#fff;
}
.btn-primary{
background:var(--accent);
color:#fff;
border-color:rgba(31,111,235,0.12);
box-shadow: 0 6px 18px rgba(31,111,235,0.08);
}
footer{
margin-top:18px;
text-align:center;
color:var(--muted);
font-size:0.9rem;
padding:14px 4px;
}
/* simple form */
form.subscribe{display:flex;gap:8px;flex-wrap:wrap}
form.subscribe input[type="email"]{
flex:1;
min-width:180px;
padding:10px;
border-radius:8px;
border:1px solid rgba(0,0,0,0.08);
}
form.subscribe button{
padding:10px 14px;border-radius:8px;border:0;background:var(--accent);color:#fff;font-weight:600;
}
.note{font-size:0.85rem;color:var(--muted);margin-top:8px}
</style>
</head>
<body>
<div class="container" role="main">
<header class="hero" aria-label="Cheng & Tsui at ACTFL">
<div class="hero-left">
<div class="eyebrow">Let the Cheng & Tsui team show you in New Orleans</div>
<h1>Nov. 21–23, 2025 — ACTFL Booth <span class="booth">#711</span></h1>
<p class="sub">Stop by Booth #711 to learn about new editions, see live demos, enter raffles, and pick up classroom freebies.</p>
<div class="cta-row" aria-hidden="false">
<a class="btn btn-primary" href="#" aria-label="View catalog (placeholder)">View Catalog</a>
<a class="btn" href="#" aria-label="See presentations schedule (placeholder)">Presentations & Sessions</a>
</div>
</div>
<div style="min-width:220px;text-align:center">
<img src="data:image/svg+xml;utf8,
<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'>
<rect rx='16' width='100%' height='100%' fill='%231f6feb' opacity='0.12'/>
<text x='50%' y='50%' dominant-baseline='middle' text-anchor='middle' font-family='Arial' font-size='22' fill='%231f6feb'>Booth 711</text>
</svg>"
alt="Booth 711" style="max-width:120px;border-radius:10px;box-shadow:0 6px 12px rgba(31,111,235,0.06)" />
<p style="color:var(--muted);font-size:0.85rem;margin-top:8px">New Orleans — Nov 21–23, 2025</p>
</div>
</header>
<main class="grid" aria-label="Event details and what's new">
<!-- Left column: Activities -->
<aside class="card activities" aria-labelledby="stop-by">
<h2 id="stop-by">Stop by Booth #711 to:</h2>
<ul>
<li><strong>Grab:</strong> A 20% conference discount card</li>
<li><strong>Enter:</strong> To win exciting raffle prizes</li>
<li><strong>Pick up:</strong> Free classroom goodies — brush-like calligraphy pens, Lunar New Year calendars, and more</li>
<li><strong>Experience:</strong> Live demo of FluencyLink Course+ in action</li>
<li><strong>Explore:</strong> Materials for beginning through advanced learners</li>
<li><strong>Connect:</strong> With our Asian language specialists to share teaching ideas and wish lists</li>
<li><strong>Enjoy:</strong> A warm cup of Asian tea and sweet treats</li>
<li><strong>And more!</strong></li>
</ul>
<div style="margin-top:12px">
<a class="btn btn-primary" href="#" role="button">Plan your visit</a>
<a class="btn" href="#" role="button">Enter raffle (in-booth)</a>
</div>
</aside>
<!-- Right column: What's New -->
<section class="card what-new" aria-labelledby="whats-new">
<h2 id="whats-new">WHAT'S NEW!</h2>
<article class="product" aria-labelledby="go-far">
<span class="tag">Middle/High</span>
<h3 id="go-far">Go Far with Chinese — ENHANCED EDITION</h3>
<p>Discover the enhanced editions of this bestselling middle/high school series — more authentic cultural materials, scaffolded activities, and an expanded Course+ digital offering on FluencyLink.</p>
</article>
<article class="product" aria-labelledby="integrated">
<span class="tag">Integrated Chinese</span>
<h3 id="integrated">Integrated Chinese, 4th Edition — Now with Supplemental Readings</h3>
<p>Volumes 1 and 2 now include all-NEW supplemental readings explicitly written for novice learners — perfect for building comprehension, vocabulary, and cultural knowledge through accessible short texts.</p>
</article>
<article class="product" aria-labelledby="snapshots">
<span class="tag">Readers</span>
<h3 id="snapshots">Snapshots — Volumes 1 & 2</h3>
<p>36 mini-stories across two volumes designed for users of Integrated Chinese volumes 1 & 2. Short stories that highlight cross-cultural interaction and everyday life in contemporary China — ideal for novice to intermediate-low learners.</p>
</article>
<article class="product" aria-labelledby="sogang">
<span class="tag">Korean</span>
<h3 id="sogang">Sogang Korean — New 3rd Edition</h3>
<p>A lively new edition with dialogues, cultural insights, and QR-linked audio. Learner-centered design helps students gain confidence and fluency in real-world contexts.</p>
</article>
<article class="product" aria-labelledby="darakwon">
<span class="tag">Darakwon</span>
<h3 id="darakwon">New Korean Programs from Darakwon Publishers</h3>
<p>Highlights include: <strong>Hi! Korean</strong> (all-new 12-volume series), <strong>Korean Grammar in Use</strong> (three-level grammar pathway), <strong>Reading Korean with Culture</strong> (six-volume supplemental series), and beloved readers like <em>50 Folktales for Learners of Korean</em>.</p>
</article>
<article class="product" aria-labelledby="coming-soon">
<h3 id="coming-soon">COMING SOON</h3>
<p><strong>Integrated Chinese with Supplemental Readings (Volumes 1 & 2) on Course+</strong> — soon available as Course+ on FluencyLink with audio, video, interactive workbooks, and complete teacher resources for a richer, interactive classroom experience.</p>
</article>
<article class="product" aria-labelledby="embracing">
<h3 id="embracing">Embracing Change: A New Era in Chinese Teaching</h3>
<p><em>应变: 中文教学新思路</em> — an eBook professional development program (written in Chinese) offering practical strategies, tech-savvy tools, and 20+ years of classroom wisdom for modern, AI-aware instruction.</p>
</article>
<div style="margin-top:8px">
<p style="margin:6px 0"><strong>Presentations & Sessions:</strong> Don't miss ACTFL presentations by Cheng & Tsui authors.</p>
<p style="margin:6px 0">Not attending ACTFL? <a href="#" class="btn" style="padding:6px 10px;">View the Cheng & Tsui Catalog</a></p>
</div>
<hr style="border:none;border-top:1px solid rgba(0,0,0,0.06);margin:12px 0">
<div>
<h4>Stay connected</h4>
<p class="note">Connect with us for the latest Cheng & Tsui offerings — join our mailing list.</p>
<form class="subscribe" action="#" method="post" aria-label="Subscribe to Cheng & Tsui mailing list">
<label for="email" class="sr-only" style="position:absolute;left:-999em">Email</label>
<input id="email" name="email" type="email" placeholder="Your email address" required />
<button type="submit">Join mailing list</button>
</form>
</div>
</section>
</main>
<footer>
<p>Cheng & Tsui • ACTFL Booth #711 • Nov 21–23, 2025 — New Orleans</p>
<p style="margin-top:6px">Replace placeholder links with real URLs for catalog, presentations, and the signup endpoint.</p>
</footer>
</div>
</body>
</html>