Header + Footer — TCR redesign

← Mockups index Header + Footer redesign · v1

1. Default 2. Courses open 3. Locations open 4. Mobile 5. Footer

👋 Tip: Hover over Courses or Locations in the nav below to open the new mega-menus.

1. Header — default state. Thin utility strip on top, then logo + primary nav + search/CTA on the right. Two nav items have mega-menus: Courses and Locations.

Page content sits here ↓ (sections below show the same header in mega-menu-open states, mobile, and the new footer)

2 of 5

Header — Courses mega-menu open

4 columns: By Length · By Certification · Specialist · Featured CTA panel. Auto-closes on link click or outside-click.

Backdrop dims slightly when mega-menu is open

3 of 5

Header — Locations mega-menu open

3 columns: By Region (card grid) · Popular Countries · By City + Featured panel. Replaces the current flat 7-item dropdown.

Backdrop dims slightly when mega-menu is open

4 of 5

Header — Mobile (drawer open)

Hamburger reveals a full-width drawer with search at top, accordion sections for Courses and Locations, and the "Write a Review" CTA pinned at the bottom.

Courses

Locations

Reviews

Blog

Advertise

About & Contact

Write a Review →

Header — Courses mega-menu open

By Length

Certifications

Specialist Courses

Reach 50,000+ aspiring TEFL teachers

Header — Locations mega-menu open

By Region

Popular Countries

Pick a country that pays well in 2026

Header — Mobile (drawer open)

By Length

Certifications

Specialist

Footer — replaces the 2022 freshness leak