1<!doctype html> 2<html lang="en" class="scroll-smooth"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> 6 <meta name="description" content="Use 36 free A1 English lessons and 6 progress tests with vocabulary, explanations and practical activitiesâready for teachers, schools and community groups."> 7 <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> 8 <title>Free A1 English Teaching Materials | Boston English Center</title> 9 10 <link rel="canonical" href="https://bostonenglishcenter.com/free-english-materials" /> 11 <link rel="alternate" hreflang="en" href="https://bostonenglishcenter.com/free-english-materials" /> 12 <link rel="alternate" hreflang="x-default" href="https://bostonenglishcenter.com/free-english-materials" /> 13 14 <meta property="og:type" content="website"> 15 <meta property="og:locale" content="en_US"> 16 <meta property="og:site_name" content="Boston English Center"> 17 <meta property="og:title" content="Free A1 English Teaching Materials | Boston English Center"> 18 <meta property="og:description" content="Use 36 free A1 English lessons and 6 progress tests with vocabulary, explanations and practical activitiesâready for teachers, schools and community groups."> 19 <meta property="og:url" content="https://bostonenglishcenter.com/free-english-materials"> 20 <meta property="og:image" content="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/english-course-hero.webp"> 21 <meta property="og:image:width" content="1448"> 22 <meta property="og:image:height" content="1086"> 23 <meta property="og:image:alt" content="Three adult learners practising English together"> 24 25 <meta name="twitter:card" content="summary_large_image"> 26 <meta name="twitter:title" content="Free A1 English Teaching Materials | Boston English Center"> 27 <meta name="twitter:description" content="Use 36 free A1 English lessons and 6 progress tests with vocabulary, explanations and practical activitiesâready for teachers, schools and community groups."> 28 <meta name="twitter:image" content="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/english-course-hero.webp"> 29 <meta name="twitter:image:alt" content="Three adult learners practising English together"> 30 31 <link rel="icon" type="image/png" href="https://bostonenglishcenter.com/favicon-96x96.png" sizes="96x96" /> 32 <link rel="icon" type="image/svg+xml" href="https://bostonenglishcenter.com/favicon.svg" /> 33 <link rel="icon" href="https://bostonenglishcenter.com/favicon.ico?v=1" /> 34 <link rel="apple-touch-icon" sizes="180x180" href="https://bostonenglishcenter.com/apple-touch-icon.png" /> 35 <meta name="apple-mobile-web-app-title" content="Boston English Center" /> 36 <link rel="manifest" href="/manifest.webmanifest?v=7"> 37 <meta name="apple-mobile-web-app-capable" content="yes"> 38 39 40 41 42
42<script> 43 (() => { 44 const systemTheme = window.matchMedia('(prefers-color-scheme: dark)'); 45 const syncTheme = () => document.documentElement.classList.toggle('dark', systemTheme.matches); 46 syncTheme(); 47 systemTheme.addEventListener('change', syncTheme); 48 })(); 49 </script>
49 50 <link rel="preload" as="style" href="https://bostonenglishcenter.com/build/assets/landing-tailwind-cfc2402f.css" /><link rel="preload" as="style" href="https://bostonenglishcenter.com/build/assets/landing-871398a2.css" /><link rel="stylesheet" href="https://bostonenglishcenter.com/build/assets/landing-tailwind-cfc2402f.css" /><link rel="stylesheet" href="https://bostonenglishcenter.com/build/assets/landing-871398a2.css" /> <meta name="facebook-domain-verification" content="ga1uyvdhg9d16i90mvokuz9gjqbs9e"/> 51 52<!-- End Meta Pixel Code --> 53 54<!-- Meta Pixel Code -->
55<script>
vendor: 459 bytes, lines 55-64
55 56 !function(f,b,e,v,n,t,s) 57 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 58 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 59 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 60 n.queue=[];t=b.createElement(e);t.async=!0; 61 t.src=v;s=b.getElementsByTagName(e)[0]; 62 s.parentNode.insertBefore(t,s)}(window, document,'script', 63 'https://connect.facebook.net/en_US/fbevents.js'); 64 fbq('init', '
64914418480488270
vendor: 35 bytes, lines 64-66
64'); 65 66 fbq('track', "PageView");
67</script>
67 68<noscript><img height="1" width="1" style="display:none" 69 src="https://www.facebook.com/tr?id=914418480488270&ev=PageView&noscript=1" 70 /></noscript> 71<!-- End Meta Pixel Code --> 72 73 74 75 76 77 78 79 80
80<script type="application/ld+json"> 81 { 82 "@context": "https://schema.org", 83 "@graph": [ 84 { 85 "@type": "EducationalOrganization", 86 "@id": "https://bostonenglishcenter.com#organization", 87 "name": "Boston English Center", 88 "url": "https://bostonenglishcenter.com", 89 "logo": "https://bostonenglishcenter.com/template/img/logo/boston-logo.webp", 90 "description": "Practice English with interactive materials for free.", 91 "email": "[email protected]", 92 "telephone": "+1 617-848-2317", 93 "areaServed": "Worldwide", 94 "knowsLanguage": [ 95 "English", 96 "French", 97 "Arabic", 98 "Spanish", 99 "Portuguese", 100 "Turkish", 101 "Chinese" 102 ], 103 "sameAs": [ 104 "https://www.facebook.com/profile.php?id=100085670641685", 105 "https://www.instagram.com/bostonenglish.center/", 106 "https://www.linkedin.com/company/bostonenglishcenter/posts/?feedView=all", 107 "https://www.tiktok.com/@bostonenglishcenter" 108 ] 109 }, 110 { 111 "@type": "WebSite", 112 "@id": "https://bostonenglishcenter.com#website", 113 "url": "https://bostonenglishcenter.com", 114 "name": "Boston English Center", 115 "publisher": { 116 "@id": "https://bostonenglishcenter.com#organization" 117 }, 118 "inLanguage": "en" 119 }, 120 { 121 "@type": "ImageObject", 122 "@id": "https://bostonenglishcenter.com/free-english-materials#primaryimage", 123 "url": "https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/english-course-hero.webp", 124 "contentUrl": "https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/english-course-hero.webp", 125 "width": 1448, 126 "height": 1086, 127 "caption": "Three adult learners practising English together" 128 }, 129 { 130 "@type": "WebPage", 131 "@id": "https://bostonenglishcenter.com/free-english-materials#webpage", 132 "url": "https://bostonenglishcenter.com/free-english-materials", 133 "name": "Free A1 English Teaching Materials", 134 "description": "Use 36 free A1 English lessons and 6 progress tests with vocabulary, explanations and practical activitiesâready for teachers, schools and community groups.", 135 "isPartOf": { 136 "@id": "https://bostonenglishcenter.com#website" 137 }, 138 "about": { 139 "@id": "https://bostonenglishcenter.com#organization" 140 }, 141 "primaryImageOfPage": { 142 "@id": "https://bostonenglishcenter.com/free-english-materials#primaryimage" 143 }, 144 "mainEntity": { 145 "@id": "https://bostonenglishcenter.com/free-english-materials#course" 146 }, 147 "inLanguage": "en" 148 }, 149 { 150 "@type": "Course", 151 "@id": "https://bostonenglishcenter.com/free-english-materials#course", 152 "url": "https://bostonenglishcenter.com/free-english-materials", 153 "name": "Free A1 English Teaching Materials", 154 "description": "Use 36 free A1 English lessons and 6 progress tests with vocabulary, explanations and practical activitiesâready for teachers, schools and community groups.", 155 "provider": { 156 "@id": "https://bostonenglishcenter.com#organization" 157 }, 158 "educationalLevel": "A1", 159 "inLanguage": "en", 160 "isAccessibleForFree": true 161 } 162 ] 163} 164 </script>
164 165 166 167</head> 168<body class="m-0 bg-[#f8fbff] font-sans text-[17px] text-[#071326] antialiased transition-colors duration-300 dark:bg-[#050b14] dark:text-white dark:[color-scheme:dark]"> 169<main class="min-h-screen"> 170 <header dir="ltr" data-new-header class="sticky top-0 z-50 bg-transparent px-1 pb-0 pt-1 text-[#071326] backdrop-blur-lg dark:bg-[#020817] dark:text-white min-[430px]:px-3 min-[900px]:max-[1279px]:px-0 min-[900px]:max-[1279px]:pt-0 min-[900px]:max-[1279px]:backdrop-blur-none"> 171 <nav data-header-shell class="mx-auto grid min-h-[76px] max-w-[1320px] grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-2 rounded-[22px] border border-white/80 bg-white/95 px-2.5 shadow-[0_18px_42px_rgba(15,23,42,.12)] backdrop-blur-2xl dark:border-[#111d2d] dark:bg-[#07111f]/95 dark:shadow-[0_18px_42px_rgba(0,0,0,.32)] min-[430px]:min-h-[82px] min-[430px]:gap-3 min-[430px]:px-3 min-[900px]:max-[1279px]:flex min-[900px]:max-[1279px]:min-h-[88px] min-[900px]:max-[1279px]:max-w-none min-[900px]:max-[1279px]:justify-between min-[900px]:max-[1279px]:gap-6 min-[900px]:max-[1279px]:rounded-none min-[900px]:max-[1279px]:border-x-0 min-[900px]:max-[1279px]:border-t-0 min-[900px]:max-[1279px]:border-b min-[900px]:max-[1279px]:border-blue-100 min-[900px]:max-[1279px]:px-8 min-[900px]:max-[1279px]:shadow-none xl:flex xl:min-h-[88px] xl:max-w-none xl:justify-between xl:gap-6 xl:rounded-none xl:border-x-0 xl:border-t-0 xl:border-b xl:border-blue-100 xl:px-12 xl:shadow-none 2xl:px-16" aria-label="Main navigation"> 172 <a href="https://bostonenglishcenter.com/en" data-desktop-brand class="hidden shrink-0 items-center gap-3 text-[#071326] dark:text-white xl:flex" aria-label="Boston English Center"> 173 <span class="grid h-12 w-12 shrink-0 place-items-center text-[#1357e8] dark:text-[#0875ff]" aria-hidden="true"> 174 <svg class="h-full w-full" viewBox="0 0 48 48" fill="none"><circle cx="24" cy="22" r="15" stroke="currentColor" stroke-width="6"/><path d="M16 34 10 40l10-2" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg> 175 </span> 176 <span class="leading-none"><span class="block text-[28px] font-extrabold tracking-[-.035em]">Boston</span><span class="block whitespace-nowrap text-[18px] font-extrabold leading-tight text-[#1357e8] dark:text-[#0875ff]">English Center</span></span> 177 </a> 178 179 <div data-mobile-nav-details class="relative order-2 min-w-0 xl:hidden"> 180 <input id="booking-mobile-menu" type="checkbox" class="peer sr-only" aria-label="Toggle navigation menu"> 181 <label for="booking-mobile-menu" class="flex cursor-pointer list-none items-center gap-1.5 text-[#071326] transition active:scale-[.98] dark:text-white min-[430px]:gap-2 min-[900px]:max-[1279px]:gap-3"> 182 <span class="grid h-[34px] w-[34px] shrink-0 place-items-center text-[#1357e8] dark:text-[#0875ff] dark:drop-shadow-[0_0_14px_rgba(8,117,255,.42)] min-[480px]:h-10 min-[480px]:w-10 min-[520px]:h-12 min-[520px]:w-12" aria-hidden="true"><svg class="h-full w-full" viewBox="0 0 48 48" fill="none"><path d="M8 11.5h32M8 20h32M8 28.5h32M8 37h32" stroke="currentColor" stroke-width="5" stroke-linecap="round"/></svg></span> 183 <span class="min-w-0 leading-none"><span class="block text-[21px] font-extrabold tracking-[-.035em] text-[#071326] dark:text-white min-[480px]:text-[25px] min-[520px]:text-[27px]">Boston</span><span class="block whitespace-nowrap text-[13px] font-extrabold leading-tight text-[#1357e8] dark:text-[#0875ff] min-[480px]:text-[15px] min-[520px]:text-[17px]">English Center</span></span> 184 </label> 185 <div data-mobile-nav dir="ltr" class="fixed inset-x-3 top-[92px] z-[80] hidden max-h-[calc(100dvh-108px)] overflow-y-auto rounded-[22px] border border-[#edf2fb] bg-white px-4 pb-4 pt-2 text-start shadow-[0_18px_48px_rgba(15,23,42,.12)] peer-checked:block dark:border-[#2a3b5a] dark:bg-[#07111f] dark:shadow-[0_26px_70px_rgba(0,0,0,.58),inset_0_1px_0_rgba(255,255,255,.05)] min-[430px]:inset-x-5 min-[430px]:rounded-[24px] min-[430px]:px-4 min-[430px]:pb-4 min-[430px]:pt-2.5 min-[520px]:top-[104px] min-[520px]:rounded-[26px] min-[520px]:px-5"> 186 <a href="https://bostonenglishcenter.com/en#top" class="grid min-h-[3.65rem] grid-cols-[2.5rem_minmax(0,1fr)_1.25rem] items-center gap-1.5 border-b border-[#edf0f6] py-2 text-[#070d24] last:border-0 dark:border-white/[.07] dark:text-white">
187 <span class="grid h-9 w-9 place-items-center rounded-full text-[#0b6ff4] [&>svg]:h-[85%] [&>svg]:w-[85%] min-[430px]:h-10 min-[430px]:w-10 min-[520px]:h-11 min-[520px]:w-11" aria-hidden="true"> 188 <svg class="h-[54%] w-[54%]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="m3 10 9-7 9 7"/><path d="M5 9.5V21h14V9.5"/><path d="M9 21v-7h6v7"/></svg> </span> 189 <span class="whitespace-nowrap text-[.729rem] font-medium leading-tight min-[430px]:text-[12.393px] min-[520px]:text-[13.122px] min-[700px]:text-[14.58px]">Home</span> 190 <span class="text-[#0b6ff4]" aria-hidden="true"><svg class="h-5 w-5 min-[520px]:h-6 min-[520px]:w-6 rtl:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 5 7 7-7 7"/></svg></span> 191 </a> 192 <a href="https://bostonenglishcenter.com/bookTrial/en" class="grid min-h-[3.65rem] grid-cols-[2.5rem_minmax(0,1fr)_1.25rem] items-center gap-1.5 border-b border-[#edf0f6] py-2 text-[#070d24] last:border-0 dark:border-white/[.07] dark:text-white"> 193 <span class="grid h-9 w-9 place-items-center rounded-full text-[#0b6ff4] [&>svg]:h-[85%] [&>svg]:w-[85%] min-[430px]:h-10 min-[430px]:w-10 min-[520px]:h-11 min-[520px]:w-11" aria-hidden="true"> 194 <svg class="h-[54%] w-[54%]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M16 3v4M8 3v4M3 10h18"/><path d="m9 15 2 2 4-4"/></svg> </span> 195 <span class="whitespace-nowrap text-[.729rem] font-medium leading-tight min-[430px]:text-[12.393px] min-[520px]:text-[13.122px] min-[700px]:text-[14.58px]">Book a trial</span> 196 <span class="text-[#0b6ff4]" aria-hidden="true"><svg class="h-5 w-5 min-[520px]:h-6 min-[520px]:w-6 rtl:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 5 7 7-7 7"/></svg></span> 197 </a> 198 <a href="https://bostonenglishcenter.com/plans-three/en" class="grid min-h-[3.65rem] grid-cols-[2.5rem_minmax(0,1fr)_1.25rem] items-center gap-1.5 border-b border-[#edf0f6] py-2 text-[#070d24] last:border-0 dark:border-white/[.07] dark:text-white"> 199 <span class="grid h-9 w-9 place-items-center rounded-full text-[#0b6ff4] [&>svg]:h-[85%] [&>svg]:w-[85%] min-[430px]:h-10 min-[430px]:w-10 min-[520px]:h-11 min-[520px]:w-11" aria-hidden="true"> 200 <svg class="h-[54%] w-[54%]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 10h18M7 15h3"/></svg> </span> 201 <span class="whitespace-nowrap text-[.729rem] font-medium leading-tight min-[430px]:text-[12.393px] min-[520px]:text-[13.122px] min-[700px]:text-[14.58px]">Plans</span> 202 <span class="text-[#0b6ff4]" aria-hidden="true"><svg class="h-5 w-5 min-[520px]:h-6 min-[520px]:w-6 rtl:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 5 7 7-7 7"/></svg></span> 203 </a> 204 <a href="https://bostonenglishcenter.com/en#reviews-title" class="grid min-h-[3.65rem] grid-cols-[2.5rem_minmax(0,1fr)_1.25rem] items-center gap-1.5 border-b border-[#edf0f6] py-2 text-[#070d24] last:border-0 dark:border-white/[.07] dark:text-white"> 205 <span class="grid h-9 w-9 place-items-center rounded-full text-[#0b6ff4] [&>svg]:h-[85%] [&>svg]:w-[85%] min-[430px]:h-10 min-[430px]:w-10 min-[520px]:h-11 min-[520px]:w-11" aria-hidden="true"> 206 <svg class="h-[54%] w-[54%]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
206<path d="m12 3 2.75 5.58 6.15.9-4.45 4.34 1.05 6.12L12 17.05l-5.5 2.89 1.05-6.12L3.1 9.48l6.15-.9L12 3Z"/></svg> </span> 207 <span class="whitespace-nowrap text-[.729rem] font-medium leading-tight min-[430px]:text-[12.393px] min-[520px]:text-[13.122px] min-[700px]:text-[14.58px]">Reviews</span> 208 <span class="text-[#0b6ff4]" aria-hidden="true"><svg class="h-5 w-5 min-[520px]:h-6 min-[520px]:w-6 rtl:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 5 7 7-7 7"/></svg></span> 209 </a> 210 <a href="https://bostonenglishcenter.com/free-english-materials" class="grid min-h-[3.65rem] grid-cols-[2.5rem_minmax(0,1fr)_1.25rem] items-center gap-1.5 border-b border-[#edf0f6] py-2 text-[#070d24] last:border-0 dark:border-white/[.07] dark:text-white"> 211 <span class="grid h-9 w-9 place-items-center rounded-full text-[#0b6ff4] [&>svg]:h-[85%] [&>svg]:w-[85%] min-[430px]:h-10 min-[430px]:w-10 min-[520px]:h-11 min-[520px]:w-11" aria-hidden="true"> 212 <svg class="h-[54%] w-[54%]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.5 8.5 0 0 1-12.7 7.4L3 20l1.1-4.5A8.5 8.5 0 1 1 21 11.5Z"/><path d="M9.8 9a2.2 2.2 0 1 1 3.4 1.8c-.7.5-1.2 1-1.2 2.2"/><path d="M12 16.5h.01"/></svg> </span> 213 <span class="whitespace-nowrap text-[.729rem] font-medium leading-tight min-[430px]:text-[12.393px] min-[520px]:text-[13.122px] min-[700px]:text-[14.58px]">Free resources</span> 214 <span class="text-[#0b6ff4]" aria-hidden="true"><svg class="h-5 w-5 min-[520px]:h-6 min-[520px]:w-6 rtl:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 5 7 7-7 7"/></svg></span> 215 </a> 216 <a href="https://bostonenglishcenter.com/en#landing-footer" class="grid min-h-[3.65rem] grid-cols-[2.5rem_minmax(0,1fr)_1.25rem] items-center gap-1.5 border-b border-[#edf0f6] py-2 text-[#070d24] last:border-0 dark:border-white/[.07] dark:text-white"> 217 <span class="grid h-9 w-9 place-items-center rounded-full text-[#0b6ff4] [&>svg]:h-[85%] [&>svg]:w-[85%] min-[430px]:h-10 min-[430px]:w-10 min-[520px]:h-11 min-[520px]:w-11" aria-hidden="true"> 218 <svg class="h-[54%] w-[54%]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 13a8 8 0 0 1 16 0"/><path d="M4 13v4a2 2 0 0 0 2 2h1v-8H6a2 2 0 0 0-2 2Z"/><path d="M20 13v4a2 2 0 0 1-2 2h-1v-8h1a2 2 0 0 1 2 2Z"/><path d="M16 19c0 1.1-1.8 2-4 2"/></svg> 219 </span> 220 <span class="whitespace-nowrap text-[.729rem] font-medium leading-tight min-[430px]:text-[12.393px] min-[520px]:text-[13.122px] min-[700px]:text-[14.58px]">Need help?</span> 221 <span class="text-[#0b6ff4]" aria-hidden="true"><svg class="h-5 w-5 min-[520px]:h-6 min-[520px]:w-6 rtl:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 5 7 7-7 7"/></svg></span> 222 </a> 223 <a href="https://bostonenglishcenter.com/student/dashboard" class="mt-2 grid min-h-12 grid-cols-[minmax(0,1fr)_auto] items-center gap-2 rounded-[.9rem] bg-[#eff4ff] px-3 py-2 text-[#0b6ff4] shadow-none dark:bg-gradient-to-r dark:from-[#104ce9] dark:via-[#075dff] dark:to-[#1264ff] dark:text-white dark:shadow-[0_0_22px_rgba(19,87,232,.30)] min-[520px]:min-h-14"> 224 <span class="min-w-0 whitespace-nowrap text-center text-[.81rem] font-medium leading-tight tracking-[-.02em] min-[520px]:text-[14.58px] min-[700px]:text-[16.2px]">Dashboard</span>
225 <span class="grid h-8 w-8 place-items-center rounded-full border-2 border-[#0b6ff4] text-[#0b6ff4] dark:border-white dark:text-white min-[520px]:h-9 min-[520px]:w-9" aria-hidden="true"><svg class="h-5 w-5 min-[520px]:h-6 min-[520px]:w-6 rtl:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m13 6 6 6-6 6"/></svg></span> 226 </a> 227 </div> 228 </div> 229 230 <div class="hidden min-w-0 flex-1 items-center justify-center gap-0.5 xl:flex 2xl:gap-1"> 231 <a href="https://bostonenglishcenter.com/en#top" class="rounded-full px-2.5 py-2 text-[14px] font-semibold text-[#1e3a8a] transition hover:bg-[#dbeafe] focus:bg-[#dbeafe] active:bg-[#dbeafe] dark:text-slate-200 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10 2xl:px-3 2xl:text-[15px]">Home</a> 232 <a href="https://bostonenglishcenter.com/bookTrial/en" class="rounded-full px-2.5 py-2 text-[14px] font-semibold text-[#1e3a8a] transition hover:bg-[#dbeafe] focus:bg-[#dbeafe] active:bg-[#dbeafe] dark:text-slate-200 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10 2xl:px-3 2xl:text-[15px]">Book a trial</a> 233 <a href="https://bostonenglishcenter.com/plans-three/en" class="rounded-full px-2.5 py-2 text-[14px] font-semibold text-[#1e3a8a] transition hover:bg-[#dbeafe] focus:bg-[#dbeafe] active:bg-[#dbeafe] dark:text-slate-200 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10 2xl:px-3 2xl:text-[15px]">Plans</a> 234 <a href="https://bostonenglishcenter.com/en#reviews-title" class="rounded-full px-2.5 py-2 text-[14px] font-semibold text-[#1e3a8a] transition hover:bg-[#dbeafe] focus:bg-[#dbeafe] active:bg-[#dbeafe] dark:text-slate-200 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10 2xl:px-3 2xl:text-[15px]">Reviews</a> 235 <a href="https://bostonenglishcenter.com/free-english-materials" class="rounded-full px-2.5 py-2 text-[14px] font-semibold text-[#1e3a8a] transition hover:bg-[#dbeafe] focus:bg-[#dbeafe] active:bg-[#dbeafe] dark:text-slate-200 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10 2xl:px-3 2xl:text-[15px]">Free resources</a> 236 <a href="https://bostonenglishcenter.com/en#landing-footer" class="rounded-full px-2.5 py-2 text-[14px] font-semibold text-[#1e3a8a] transition hover:bg-[#dbeafe] focus:bg-[#dbeafe] active:bg-[#dbeafe] dark:text-slate-200 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10 2xl:px-3 2xl:text-[15px]">Need help?</a> 237 <a href="https://bostonenglishcenter.com/student/dashboard" class="hidden rounded-full px-3 py-2 text-[15px] font-semibold text-[#1e3a8a] transition hover:bg-[#dbeafe] focus:bg-[#dbeafe] active:bg-[#dbeafe] dark:text-slate-200 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10 2xl:inline-flex">Dashboard</a> 238 </div> 239 240 <div class="order-3 flex items-center justify-end xl:order-none min-[900px]:max-[1279px]:gap-5 xl:gap-4"> 241 <a href="https://bostonenglishcenter.com#payment-title" class="relative isolate inline-flex min-h-12 w-[164px] shrink-0 overflow-hidden rounded-full border-2 border-[#73bfff] bg-gradient-to-br from-[#355dff] via-[#1549ef] to-[#0878ff] p-[3px] text-[13px] font-extrabold tracking-[-.055em] text-white transition hover:-translate-y-0.5 hover:brightness-105 focus:outline-none focus:ring-4 focus:ring-blue-100 min-[390px]:w-[194px] min-[390px]:text-[17px] min-[408px]:w-[210px] min-[408px]:text-[18px] min-[430px]:min-h-[60px] min-[430px]:w-[202px] min-[430px]:text-[17px] min-[480px]:w-[218px] min-[480px]:text-[18px] min-[520px]:w-[246px] sm:w-[272px] sm:text-[19px] xl:min-h-12 xl:w-auto xl:min-w-[202px] xl:text-[17px]"> 242 <span class="pointer-events-none absolute inset-[3px] rounded-full border border-white/15 bg-gradient-to-b from-white/15 via-transparent to-[#0037d5]/20" aria-hidden="true"></span> 243 <span class="relative z-10 grid w-full grid-cols-[auto_minmax(0,1fr)] items-center">
244 <span class="ms-2 grid h-5 w-5 shrink-0 place-items-center min-[390px]:h-[22px] min-[390px]:w-[22px] min-[520px]:h-[26px] min-[520px]:w-[26px]" aria-hidden="true"> 245 <svg class="h-full w-full" viewBox="0 0 32 32" fill="none"><path d="M11.3 2.5c1.5 6.8 4 9.4 10.7 10.8-6.7 1.5-9.2 4-10.7 10.8-1.5-6.8-4-9.3-10.8-10.8C7.3 11.9 9.8 9.3 11.3 2.5Z" fill="white"/><path d="M24.8 3.3c.6 2.8 1.7 3.9 4.5 4.5-2.8.6-3.9 1.7-4.5 4.5-.6-2.8-1.7-3.9-4.5-4.5 2.8-.6 3.9-1.7 4.5-4.5Z" fill="#DDFBFF"/></svg> 246 </span> 247 <span class="whitespace-nowrap text-center leading-none">Join Membership</span> 248 </span> 249 </a> 250 </div> 251 </nav> 252</header> 253 <label for="booking-mobile-menu" data-mobile-nav-backdrop class="fixed inset-x-0 bottom-0 top-[80px] z-40 hidden cursor-default bg-white/95 backdrop-blur-sm dark:bg-[#050b14]/96 min-[430px]:top-[86px] min-[900px]:top-[88px]" aria-hidden="true"></label> 254 255 <section class="hidden overflow-hidden bg-gradient-to-br from-[#f4f8ff] via-white to-[#eef6ff] transition-colors duration-300 dark:from-[#050b14] dark:via-[#081526] dark:to-[#0b2348] lg:block"> 256 <div class="mx-auto grid max-w-6xl items-center gap-14 px-8 py-20 lg:grid-cols-[1.04fr_.96fr] xl:gap-20 xl:py-24"> 257 <div class="relative z-10"> 258 <span class="inline-flex items-center gap-3 text-sm font-extrabold uppercase tracking-[.12em] text-[#5f6d84] dark:text-slate-300"> 259 <span class="rounded-lg bg-[#dcecff] px-3 py-2 text-[#1357e8] dark:bg-[#0b2854] dark:text-[#58a6ff]">Free resource</span> 260 A1 beginner English 261 </span> 262 <h1 class="mt-6 max-w-[600px] text-[58px] font-extrabold leading-[1.02] tracking-[-.055em] text-[#071326] dark:text-white xl:text-[68px]"> 263 Free English materials <span class="text-[#1357e8] dark:text-[#58a6ff]">for your students.</span> 264 </h1> 265 <p class="mt-6 max-w-[610px] text-lg font-medium leading-8 text-[#5f6d84] dark:text-slate-300 xl:text-xl xl:leading-9"> 266 A complete collection of 36 beginner lessons and 6 progress tests. Made for teachers, libraries, churches, schools and community organizations to use and share freely. 267 </p> 268 <div class="mt-8 flex flex-wrap gap-3"> 269 <a href="#lessons" class="inline-flex min-h-[56px] items-center justify-center gap-2.5 rounded-[14px] bg-[#1357e8] px-6 text-base font-extrabold text-white shadow-[0_14px_30px_rgba(19,87,232,.24)] transition hover:-translate-y-0.5 hover:bg-[#0f4dcc] dark:bg-gradient-to-r dark:from-[#0875ff] dark:to-[#1357e8] dark:shadow-[0_0_24px_rgba(19,87,232,.40)] xl:text-lg"> 270 Explore all lessons 271 <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 4v16m-6-6 6 6 6-6"/></svg> 272 </a> 273 <button type="button" data-copy-course-link class="inline-flex min-h-[56px] items-center justify-center gap-2 rounded-[14px] border border-blue-200 bg-white px-6 text-base font-extrabold text-[#071326] shadow-[0_8px_24px_rgba(15,23,42,.05)] transition hover:-translate-y-0.5 hover:border-blue-400 hover:bg-blue-50/70 hover:text-[#1357e8] dark:border-blue-400/55 dark:bg-[#0b1525] dark:text-white dark:hover:bg-[#102039] xl:text-lg"> 274 <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 17 17 7M8 7h9v9"/></svg> 275 <span data-copy-course-label>Copy sharing link</span> 276 </button> 277 </div> 278 <div class="mt-7 flex flex-wrap gap-x-6 gap-y-2 text-sm font-semibold text-[#5f6d84] dark:text-slate-300 xl:text-base"> 279 <span class="inline-flex items-center gap-1.5">
279<svg class="h-4 w-4 shrink-0" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m4 10 4 4 8-9"/></svg>No registration</span> 280 <span class="inline-flex items-center gap-1.5"><svg class="h-4 w-4 shrink-0" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m4 10 4 4 8-9"/></svg>No payment</span> 281 <span class="inline-flex items-center gap-1.5"><svg class="h-4 w-4 shrink-0" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m4 10 4 4 8-9"/></svg>Mobile-friendly</span> 282 </div> 283 </div> 284 285 <div class="relative mx-auto w-full max-w-[540px] pb-10 pt-8"> 286 <span class="absolute inset-x-8 top-2 h-[84%] rounded-full bg-blue-200/65 blur-3xl dark:bg-blue-600/15" aria-hidden="true"></span> 287 <span class="absolute -right-10 top-2 h-40 w-40 rounded-full bg-violet-200/70 blur-3xl dark:bg-violet-600/15" aria-hidden="true"></span> 288 <div class="relative rotate-[1.5deg] overflow-hidden rounded-[30px] border-[8px] border-white bg-white shadow-[0_30px_70px_rgba(23,63,118,.24)] dark:border-[#183252] dark:bg-[#0b1525] dark:shadow-[0_32px_80px_rgba(0,0,0,.55)]"> 289 <img src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/english-course-hero.webp?v=1.1" 290 alt="Three adult learners practising English together" 291 width="1448" 292 height="1086" 293 class="aspect-[1.15] w-full object-cover dark:brightness-[.78]"> 294 <div class="absolute inset-x-0 bottom-0 grid grid-cols-3 items-center bg-white/95 px-5 py-4 text-center backdrop-blur dark:bg-[#0b1525]/95"> 295 <span class="text-left"><strong class="block text-lg font-extrabold text-[#071326] dark:text-white">A1</strong><small class="font-semibold text-[#64748b] dark:text-slate-300">Beginner level</small></span> 296 <span><strong class="block text-xl font-extrabold text-[#071326] dark:text-white">36</strong><small class="font-semibold text-[#64748b] dark:text-slate-300">Lessons</small></span> 297 <span><strong class="block text-xl font-extrabold text-[#071326] dark:text-white">6</strong><small class="font-semibold text-[#64748b] dark:text-slate-300">Tests</small></span> 298 </div> 299 </div> 300 <div class="absolute -left-8 bottom-4 flex items-center gap-3 rounded-[16px] border border-blue-100 bg-white px-4 py-3 shadow-[0_14px_32px_rgba(15,23,42,.14)] dark:border-blue-400/45 dark:bg-[#0b1525] dark:shadow-black/40"> 301 <span class="grid h-9 w-9 place-items-center rounded-full bg-emerald-50 text-emerald-600 dark:bg-emerald-950/50 dark:text-emerald-300" aria-hidden="true"><svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12 4 4L19 6"/></svg></span> 302 <span><strong class="block font-extrabold text-[#071326] dark:text-white">Ready to use</strong><small class="font-semibold text-[#64748b] dark:text-slate-300">In class or at home</small></span> 303 </div> 304 <div class="absolute -right-5 top-1 rounded-[14px] border border-blue-100 bg-white px-4 py-3 shadow-[0_10px_24px_rgba(15,23,42,.12)] dark:border-blue-400/45 dark:bg-[#0b1525]"><strong class="block font-extrabold text-[#071326] dark:text-white">Conversation</strong><small class="font-semibold text-[#64748b] dark:text-slate-300">Real-life practice</small></div> 305 </div> 306 </div> 307 308 <div class="border-t border-blue-100/80 bg-white/75 py-6 backdrop-blur dark:border-slate-700/70 dark:bg-[#050b14]/85"> 309 <div class="mx-auto max-w-6xl px-8 text-center"> 310 <p class="text-[11px] font-extrabold uppercase tracking-[.22em] text-[#94a3b8] dark:text-slate-400">Created to support</p> 311 <ul class="mt-4 flex items-center justify-center gap-x-9 text-sm font-bold text-[#475569] dark:text-slate-300 xl:gap-x-12" aria-label="Organizations this course supports"> 312 <li class="inline-flex items-center gap-1.5"> 313 <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="7" r="4"/><path d="M5 21a7 7 0 0 1 14 0"/></svg> 314 Teachers 315 </li> 316 <li class="inline-flex items-center gap-1.5"> 317 <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 5.5A2.5 2.5 0 0 1 6.5 3H11v17H6.5A2.5 2.5 0 0 0 4 22V5.5ZM20 5.5A2.5 2.5 0 0 0 17.5 3H13v17h4.5A2.5 2.5 0 0 1 20 22V5.5Z"/></svg> 318 Libraries 319 </li> 320 <li class="inline-flex items-center gap-1.5"> 321 <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 2v5M9.5 4.5h5M6 10l6-3 6 3v11H6V10Z"/><path d="M10 21v-6h4v6"/></svg> 322 Churches 323 </li> 324 <li class="inline-flex items-center gap-1.5"> 325 <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 21V6l8-3 8 3v15M8 9h2M14 9h2M8 13h2M14 13h2M10 21v-4h4v4"/></svg> 326 Schools 327 </li> 328 <li class="inline-flex items-center gap-1.5"> 329 <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="9" cy="8" r="3"/><circle cx="17" cy="10" r="2.5"/><path d="M3 21a6 6 0 0 1 12 0M14 16.5a5 5 0 0 1 7 4.5"/></svg> 330 Community programs 331 </li> 332 </ul> 333 </div> 334 </div> 335 </section> 336 <section id="lessons" class="mx-auto max-w-6xl scroll-mt-24 px-4 pb-20 md:px-8 md:pb-24"> 337 338 <div class="hidden items-end justify-between gap-10 py-16 lg:flex xl:py-20"> 339 <div class="max-w-4xl"> 340 <p class="text-sm font-extrabold uppercase tracking-[.14em] text-[#1357e8] dark:text-[#58a6ff]">The complete A1 collection</p> 341 <h2 class="mt-3 text-[46px] font-extrabold leading-[1.08] tracking-[-.045em] text-[#071326] dark:text-white xl:text-[54px]">Choose a lesson and start learning</h2> 342 <p class="mt-4 text-lg font-medium text-[#64748b] dark:text-slate-300 xl:text-xl">Each lesson includes simple explanations, useful vocabulary and practical activities.</p> 343 </div> 344 <div class="flex shrink-0 items-end gap-3 pb-1 text-[#1357e8] dark:text-[#58a6ff]" aria-label="36 free lessons"> 345 <strong class="text-[62px] font-extrabold leading-none tracking-[-.06em]">36</strong>
346 <span class="pb-1 text-sm font-semibold leading-5 text-[#64748b] dark:text-slate-300">free<br>lessons</span> 347 </div> 348 </div> 349 350 <div class="max-w-3xl lg:hidden"> 351 <span class="mt-3 inline-flex items-center gap-2 rounded-full bg-[#eef5ff] px-3 py-2 text-sm font-extrabold uppercase tracking-[.1em] text-[#1357e8] dark:bg-[#071b3a] dark:text-[#4f91ff] md:text-base"> 352 <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3 5 6v5c0 4.5 2.9 8.3 7 9.7 4.1-1.4 7-5.2 7-9.7V6l-7-3Z"/><path d="m9 12 2 2 4-5"/></svg> 353 Free A1 beginner course 354 </span> 355 <h2 class="mt-3 text-[38px] font-extrabold leading-[1.08] tracking-[-.045em] text-[#071326] dark:text-white md:text-[54px]">Free English materials for your students.</h2> 356 <p class="mt-4 text-lg font-medium leading-8 text-[#64748b] dark:text-slate-300 md:text-[22px]">A complete collection of 36 beginner lessons and 6 progress tests. Made for teachers, libraries, churches, schools and community organizations to use and share freely.</p> 357 <ul class="mt-5 flex flex-nowrap items-center justify-start gap-1 text-xs font-semibold text-[#5f6d84] dark:text-slate-300 min-[360px]:text-[13px] min-[390px]:text-sm min-[430px]:text-base md:gap-3 md:text-lg" aria-label="Course benefits"> 358 <li class="inline-flex items-center justify-start gap-1 whitespace-nowrap"> 359 <svg class="h-3 w-3 shrink-0 min-[430px]:h-4 min-[430px]:w-4" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m4 10 4 4 8-9"/></svg> 360 <span>No registration</span> 361 </li> 362 <li class="inline-flex items-center justify-start gap-1 whitespace-nowrap"> 363 <svg class="h-3 w-3 shrink-0 min-[430px]:h-4 min-[430px]:w-4" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m4 10 4 4 8-9"/></svg> 364 <span>No payment</span> 365 </li> 366 <li class="inline-flex items-center justify-start gap-1 whitespace-nowrap"> 367 <svg class="h-3 w-3 shrink-0 min-[430px]:h-4 min-[430px]:w-4" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m4 10 4 4 8-9"/></svg> 368 <span>Mobile-friendly</span> 369 </li> 370 </ul> 371 </div> 372 373 374 375 <div class="mt-5 space-y-5"> 376 <article id="class-2715" class="relative -mx-4 scroll-mt-32 overflow-hidden border-b border-blue-100 bg-transparent p-4 shadow-none dark:border-slate-600/70 dark:bg-transparent md:mx-0 md:px-0 md:py-8"> 377 <header class="mb-5 flex items-start gap-3 md:items-center md:gap-4"> 378 <span class="hidden h-14 w-14 shrink-0 place-items-center rounded-[16px] bg-[#eef5ff] dark:bg-[#0b2348] text-[#1357e8] dark:text-[#75a7ff] md:grid" aria-hidden="true"> 379 <svg class="h-6 w-6 md:h-7 md:w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.5 8.5 0 0 1-12.7 7.4L3 20l1.1-4.5A8.5 8.5 0 1 1 21 11.5Z"/><path d="M8 12h.01M12 12h.01M16 12h.01"/></svg> </span> 380 <span class="grid min-w-0 gap-1"> 381 <small class="text-[14px] font-extrabold uppercase leading-5 tracking-[.08em] text-[#1357e8] dark:text-[#75a7ff] md:text-base">Class 1 · 12 lessons · 2 tests</small> 382 <a href="#" class="text-2xl font-extrabold tracking-[-.03em] text-[#071326] transition hover:text-[#1357e8] dark:text-white dark:hover:text-[#4f91ff] md:text-[28px]">
382A1 - Beginner</a> 383 <span class="text-[17px] font-medium leading-7 text-[#64748b] dark:text-slate-300 md:text-lg">Practical English lessons with guided activities and a progress check.</span> 384 </span> 385 <span class="ml-auto hidden text-[38px] font-extrabold tracking-[-.06em] opacity-10 md:block text-[#1357e8] dark:text-[#75a7ff]" aria-hidden="true">01</span> 386 </header> 387 388 <div class="grid gap-x-3 gap-y-3 md:grid-cols-2 md:gap-x-5 md:gap-y-4"> 389 <a href="https://bostonenglishcenter.com/free-english-materials/meet-and-greet" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-blue-300/80 dark:border-blue-400/75 hover:border-blue-400 dark:hover:border-blue-300"> 390 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-[#eef5ff] dark:bg-[#0b2348] text-[#1357e8] dark:text-[#75a7ff]">01</span> 391 <span class="grid min-w-0 gap-0.5"> 392 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-[#1357e8] dark:text-[#75a7ff] md:text-base">Lesson 1</small> 393 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U1 - Meet and Greet</strong> 394 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 395 </span> 396 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-blue-300/80 dark:border-blue-400/75 text-[#1357e8] dark:text-[#75a7ff]" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 397 </a> 398 <a href="https://bostonenglishcenter.com/free-english-materials/my-information-and-my-resume" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-blue-300/80 dark:border-blue-400/75 hover:border-blue-400 dark:hover:border-blue-300"> 399 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-[#eef5ff] dark:bg-[#0b2348] text-[#1357e8] dark:text-[#75a7ff]">02</span> 400 <span class="grid min-w-0 gap-0.5"> 401 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-[#1357e8] dark:text-[#75a7ff] md:text-base">Lesson 2</small> 402 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U1 - About Me</strong> 403 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 404 </span> 405 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-blue-300/80 dark:border-blue-400/75 text-[#1357e8] dark:text-[#75a7ff]" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 406 </a> 407 <a href="https://bostonenglishcenter.com/free-english-materials/job-interview" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-blue-300/80 dark:border-blue-400/75 hover:border-blue-400 dark:hover:border-blue-300">
408 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-[#eef5ff] dark:bg-[#0b2348] text-[#1357e8] dark:text-[#75a7ff]">03</span> 409 <span class="grid min-w-0 gap-0.5"> 410 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-[#1357e8] dark:text-[#75a7ff] md:text-base">Lesson 3</small> 411 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U1 - Job Interview</strong> 412 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 413 </span> 414 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-blue-300/80 dark:border-blue-400/75 text-[#1357e8] dark:text-[#75a7ff]" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 415 </a> 416 <a href="https://bostonenglishcenter.com/free-english-materials/my-family" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-blue-300/80 dark:border-blue-400/75 hover:border-blue-400 dark:hover:border-blue-300"> 417 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-[#eef5ff] dark:bg-[#0b2348] text-[#1357e8] dark:text-[#75a7ff]">04</span> 418 <span class="grid min-w-0 gap-0.5"> 419 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-[#1357e8] dark:text-[#75a7ff] md:text-base">Lesson 4</small> 420 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U2 - My Family</strong> 421 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 422 </span> 423 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-blue-300/80 dark:border-blue-400/75 text-[#1357e8] dark:text-[#75a7ff]" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 424 </a> 425 <a href="https://bostonenglishcenter.com/free-english-materials/my-home" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-blue-300/80 dark:border-blue-400/75 hover:border-blue-400 dark:hover:border-blue-300"> 426 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-[#eef5ff] dark:bg-[#0b2348] text-[#1357e8] dark:text-[#75a7ff]">05</span> 427 <span class="grid min-w-0 gap-0.5"> 428 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-[#1357e8] dark:text-[#75a7ff] md:text-base">Lesson 5</small> 429 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U2 - My Home</strong>
430 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 431 </span> 432 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-blue-300/80 dark:border-blue-400/75 text-[#1357e8] dark:text-[#75a7ff]" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 433 </a> 434 <a href="https://bostonenglishcenter.com/free-english-materials/a-day-in-my-life" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-blue-300/80 dark:border-blue-400/75 hover:border-blue-400 dark:hover:border-blue-300"> 435 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-[#eef5ff] dark:bg-[#0b2348] text-[#1357e8] dark:text-[#75a7ff]">06</span> 436 <span class="grid min-w-0 gap-0.5"> 437 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-[#1357e8] dark:text-[#75a7ff] md:text-base">Lesson 6</small> 438 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U2 - A day in my life</strong> 439 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 440 </span> 441 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-blue-300/80 dark:border-blue-400/75 text-[#1357e8] dark:text-[#75a7ff]" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 442 </a> 443 <a href="https://bostonenglishcenter.com/free-english-materials/wheres-the-bank" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-blue-300/80 dark:border-blue-400/75 hover:border-blue-400 dark:hover:border-blue-300"> 444 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-[#eef5ff] dark:bg-[#0b2348] text-[#1357e8] dark:text-[#75a7ff]">07</span> 445 <span class="grid min-w-0 gap-0.5"> 446 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-[#1357e8] dark:text-[#75a7ff] md:text-base">Lesson 7</small> 447 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U3 - Whersâs the bank?</strong> 448 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 449 </span> 450 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-blue-300/80 dark:border-blue-400/75 text-[#1357e8] dark:text-[#75a7ff]" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 451 </a> 452 <a href="https://bostonenglishcenter.com/free-english-materials/how-do-you-go-to-work" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-blue-300/80 dark:border-blue-400/75 hover:border-blue-400 dark:hover:border-blue-300">
453 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-[#eef5ff] dark:bg-[#0b2348] text-[#1357e8] dark:text-[#75a7ff]">08</span> 454 <span class="grid min-w-0 gap-0.5"> 455 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-[#1357e8] dark:text-[#75a7ff] md:text-base">Lesson 8</small> 456 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U3 - How do you go to work</strong> 457 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 458 </span> 459 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-blue-300/80 dark:border-blue-400/75 text-[#1357e8] dark:text-[#75a7ff]" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 460 </a> 461 <a href="https://bostonenglishcenter.com/free-english-materials/at-the-supermarket" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-blue-300/80 dark:border-blue-400/75 hover:border-blue-400 dark:hover:border-blue-300"> 462 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-[#eef5ff] dark:bg-[#0b2348] text-[#1357e8] dark:text-[#75a7ff]">09</span> 463 <span class="grid min-w-0 gap-0.5"> 464 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-[#1357e8] dark:text-[#75a7ff] md:text-base">Lesson 9</small> 465 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U3 - At the Supermarket</strong> 466 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 467 </span> 468 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-blue-300/80 dark:border-blue-400/75 text-[#1357e8] dark:text-[#75a7ff]" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 469 </a> 470 <a href="https://bostonenglishcenter.com/free-english-materials/shopping-at-the-mall" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-blue-300/80 dark:border-blue-400/75 hover:border-blue-400 dark:hover:border-blue-300"> 471 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-[#eef5ff] dark:bg-[#0b2348] text-[#1357e8] dark:text-[#75a7ff]">10</span> 472 <span class="grid min-w-0 gap-0.5"> 473 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-[#1357e8] dark:text-[#75a7ff] md:text-base">Lesson 10</small> 474 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U4 - Shopping at the Mall</strong>
475 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 476 </span> 477 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-blue-300/80 dark:border-blue-400/75 text-[#1357e8] dark:text-[#75a7ff]" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 478 </a> 479 <a href="https://bostonenglishcenter.com/free-english-materials/house-issues" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-blue-300/80 dark:border-blue-400/75 hover:border-blue-400 dark:hover:border-blue-300"> 480 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-[#eef5ff] dark:bg-[#0b2348] text-[#1357e8] dark:text-[#75a7ff]">11</span> 481 <span class="grid min-w-0 gap-0.5"> 482 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-[#1357e8] dark:text-[#75a7ff] md:text-base">Lesson 11</small> 483 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U4 - House issues</strong> 484 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 485 </span> 486 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-blue-300/80 dark:border-blue-400/75 text-[#1357e8] dark:text-[#75a7ff]" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 487 </a> 488 <a href="https://bostonenglishcenter.com/free-english-materials/paying-bills" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-blue-300/80 dark:border-blue-400/75 hover:border-blue-400 dark:hover:border-blue-300"> 489 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-[#eef5ff] dark:bg-[#0b2348] text-[#1357e8] dark:text-[#75a7ff]">12</span> 490 <span class="grid min-w-0 gap-0.5"> 491 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-[#1357e8] dark:text-[#75a7ff] md:text-base">Lesson 12</small> 492 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U4 - Paying Bills</strong> 493 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 494 </span> 495 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-blue-300/80 dark:border-blue-400/75 text-[#1357e8] dark:text-[#75a7ff]" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 496 </a> 497 498 <a href="https://bostonenglishcenter.com/student/test/53435" target="_blank" rel="noopener" class="flex min-h-[78px] items-center gap-3 rounded-[18px] border border-transparent p-3 transition hover:-translate-y-0.5 bg-[#eef5ff] dark:bg-[#0b2348] hover:border-blue-400 dark:hover:border-blue-300">
499 <span class="grid h-11 w-11 shrink-0 place-items-center rounded-[13px] text-white bg-[#1357e8]" aria-hidden="true"><svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="m7 12 3 3 7-7"/></svg></span> 500 <span class="grid min-w-0 gap-0.5"> 501 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-[#1357e8] dark:text-[#75a7ff] md:text-base">Progress test</small> 502 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">Revision</strong> 503 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">Check what you remember</span> 504 </span> 505 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-blue-300/80 dark:border-blue-400/75 text-[#1357e8] dark:text-[#75a7ff]" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 506 </a> 507 <a href="https://bostonenglishcenter.com/student/test/53340" target="_blank" rel="noopener" class="flex min-h-[78px] items-center gap-3 rounded-[18px] border border-transparent p-3 transition hover:-translate-y-0.5 bg-[#eef5ff] dark:bg-[#0b2348] hover:border-blue-400 dark:hover:border-blue-300"> 508 <span class="grid h-11 w-11 shrink-0 place-items-center rounded-[13px] text-white bg-[#1357e8]" aria-hidden="true"><svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="m7 12 3 3 7-7"/></svg></span> 509 <span class="grid min-w-0 gap-0.5"> 510 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-[#1357e8] dark:text-[#75a7ff] md:text-base">Progress test</small> 511 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">Test 1</strong> 512 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">Check what you remember</span> 513 </span> 514 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-blue-300/80 dark:border-blue-400/75 text-[#1357e8] dark:text-[#75a7ff]" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 515 </a> 516 </div> 517 </article> 518 <article id="class-2718" class="relative -mx-4 scroll-mt-32 overflow-hidden border-b border-blue-100 bg-transparent p-4 shadow-none dark:border-slate-600/70 dark:bg-transparent md:mx-0 md:px-0 md:py-8"> 519 <header class="mb-5 flex items-start gap-3 md:items-center md:gap-4"> 520 <span class="hidden h-14 w-14 shrink-0 place-items-center rounded-[16px] bg-violet-50 dark:bg-violet-950/55 text-violet-600 dark:text-violet-200 md:grid" aria-hidden="true"> 521 <svg class="h-6 w-6 md:h-7 md:w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M16 3v4M8 3v4M3 10h18"/><path d="m8 15 2 2 5-5"/></svg> </span>
522 <span class="grid min-w-0 gap-1"> 523 <small class="text-[14px] font-extrabold uppercase leading-5 tracking-[.08em] text-violet-600 dark:text-violet-200 md:text-base">Class 2 · 12 lessons · 2 tests</small> 524 <a href="#" class="text-2xl font-extrabold tracking-[-.03em] text-[#071326] transition hover:text-[#1357e8] dark:text-white dark:hover:text-[#4f91ff] md:text-[28px]">A1 - Intermediate</a> 525 <span class="text-[17px] font-medium leading-7 text-[#64748b] dark:text-slate-300 md:text-lg">Practical English lessons with guided activities and a progress check.</span> 526 </span> 527 <span class="ml-auto hidden text-[38px] font-extrabold tracking-[-.06em] opacity-10 md:block text-violet-600 dark:text-violet-200" aria-hidden="true">02</span> 528 </header> 529 530 <div class="grid gap-x-3 gap-y-3 md:grid-cols-2 md:gap-x-5 md:gap-y-4"> 531 <a href="https://bostonenglishcenter.com/free-english-materials/sports-events" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-violet-300/80 dark:border-violet-400/75 hover:border-violet-400 dark:hover:border-violet-300"> 532 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-violet-50 dark:bg-violet-950/55 text-violet-600 dark:text-violet-200">13</span> 533 <span class="grid min-w-0 gap-0.5"> 534 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-violet-600 dark:text-violet-200 md:text-base">Lesson 13</small> 535 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U1 - Sports Events</strong> 536 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 537 </span> 538 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-violet-300/80 dark:border-violet-400/75 text-violet-600 dark:text-violet-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 539 </a> 540 <a href="https://bostonenglishcenter.com/free-english-materials/festivals-and-celebrations" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-violet-300/80 dark:border-violet-400/75 hover:border-violet-400 dark:hover:border-violet-300"> 541 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-violet-50 dark:bg-violet-950/55 text-violet-600 dark:text-violet-200">14</span> 542 <span class="grid min-w-0 gap-0.5"> 543 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-violet-600 dark:text-violet-200 md:text-base">Lesson 14</small> 544 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U1 - Festivals & Celebrations</strong> 545 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 546 </span>
547 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-violet-300/80 dark:border-violet-400/75 text-violet-600 dark:text-violet-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 548 </a> 549 <a href="https://bostonenglishcenter.com/free-english-materials/a-school-visit" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-violet-300/80 dark:border-violet-400/75 hover:border-violet-400 dark:hover:border-violet-300"> 550 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-violet-50 dark:bg-violet-950/55 text-violet-600 dark:text-violet-200">15</span> 551 <span class="grid min-w-0 gap-0.5"> 552 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-violet-600 dark:text-violet-200 md:text-base">Lesson 15</small> 553 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U1 - A School Visit</strong> 554 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 555 </span> 556 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-violet-300/80 dark:border-violet-400/75 text-violet-600 dark:text-violet-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 557 </a> 558 <a href="https://bostonenglishcenter.com/free-english-materials/at-the-doctors" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-violet-300/80 dark:border-violet-400/75 hover:border-violet-400 dark:hover:border-violet-300"> 559 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-violet-50 dark:bg-violet-950/55 text-violet-600 dark:text-violet-200">16</span> 560 <span class="grid min-w-0 gap-0.5"> 561 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-violet-600 dark:text-violet-200 md:text-base">Lesson 16</small> 562 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U2 - At the Doctorâs</strong> 563 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 564 </span> 565 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-violet-300/80 dark:border-violet-400/75 text-violet-600 dark:text-violet-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 566 </a> 567 <a href="https://bostonenglishcenter.com/free-english-materials/at-the-pharmacy" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-violet-300/80 dark:border-violet-400/75 hover:border-violet-400 dark:hover:border-violet-300">
568 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-violet-50 dark:bg-violet-950/55 text-violet-600 dark:text-violet-200">17</span> 569 <span class="grid min-w-0 gap-0.5"> 570 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-violet-600 dark:text-violet-200 md:text-base">Lesson 17</small> 571 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U2 - At The Pharmacy</strong> 572 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 573 </span> 574 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-violet-300/80 dark:border-violet-400/75 text-violet-600 dark:text-violet-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 575 </a> 576 <a href="https://bostonenglishcenter.com/free-english-materials/emergency-calls" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-violet-300/80 dark:border-violet-400/75 hover:border-violet-400 dark:hover:border-violet-300"> 577 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-violet-50 dark:bg-violet-950/55 text-violet-600 dark:text-violet-200">18</span> 578 <span class="grid min-w-0 gap-0.5"> 579 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-violet-600 dark:text-violet-200 md:text-base">Lesson 18</small> 580 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U2 - Emergency Calls</strong> 581 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 582 </span> 583 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-violet-300/80 dark:border-violet-400/75 text-violet-600 dark:text-violet-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 584 </a> 585 <a href="https://bostonenglishcenter.com/free-english-materials/going-away" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-violet-300/80 dark:border-violet-400/75 hover:border-violet-400 dark:hover:border-violet-300"> 586 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-violet-50 dark:bg-violet-950/55 text-violet-600 dark:text-violet-200">19</span> 587 <span class="grid min-w-0 gap-0.5"> 588 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-violet-600 dark:text-violet-200 md:text-base">Lesson 19</small> 589 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U3 - Going Away</strong>
590 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 591 </span> 592 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-violet-300/80 dark:border-violet-400/75 text-violet-600 dark:text-violet-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 593 </a> 594 <a href="https://bostonenglishcenter.com/free-english-materials/at-the-travel-agency" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-violet-300/80 dark:border-violet-400/75 hover:border-violet-400 dark:hover:border-violet-300"> 595 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-violet-50 dark:bg-violet-950/55 text-violet-600 dark:text-violet-200">20</span> 596 <span class="grid min-w-0 gap-0.5"> 597 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-violet-600 dark:text-violet-200 md:text-base">Lesson 20</small> 598 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U3 - At the Travel Agency</strong> 599 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 600 </span> 601 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-violet-300/80 dark:border-violet-400/75 text-violet-600 dark:text-violet-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 602 </a> 603 <a href="https://bostonenglishcenter.com/free-english-materials/packing-for-holidays" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-violet-300/80 dark:border-violet-400/75 hover:border-violet-400 dark:hover:border-violet-300"> 604 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-violet-50 dark:bg-violet-950/55 text-violet-600 dark:text-violet-200">21</span> 605 <span class="grid min-w-0 gap-0.5"> 606 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-violet-600 dark:text-violet-200 md:text-base">Lesson 21</small> 607 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U3 -Packing For a Holiday</strong> 608 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 609 </span> 610 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-violet-300/80 dark:border-violet-400/75 text-violet-600 dark:text-violet-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 611 </a> 612 <a href="https://bostonenglishcenter.com/free-english-materials/airport-check-in" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-violet-300/80 dark:border-violet-400/75 hover:border-violet-400 dark:hover:border-violet-300">
613 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-violet-50 dark:bg-violet-950/55 text-violet-600 dark:text-violet-200">22</span> 614 <span class="grid min-w-0 gap-0.5"> 615 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-violet-600 dark:text-violet-200 md:text-base">Lesson 22</small> 616 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U4 - Airport Check-in</strong> 617 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 618 </span> 619 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-violet-300/80 dark:border-violet-400/75 text-violet-600 dark:text-violet-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 620 </a> 621 <a href="https://bostonenglishcenter.com/free-english-materials/at-the-security-control" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-violet-300/80 dark:border-violet-400/75 hover:border-violet-400 dark:hover:border-violet-300"> 622 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-violet-50 dark:bg-violet-950/55 text-violet-600 dark:text-violet-200">23</span> 623 <span class="grid min-w-0 gap-0.5"> 624 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-violet-600 dark:text-violet-200 md:text-base">Lesson 23</small> 625 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U4 - At the Security Checkpoint</strong> 626 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 627 </span> 628 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-violet-300/80 dark:border-violet-400/75 text-violet-600 dark:text-violet-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 629 </a> 630 <a href="https://bostonenglishcenter.com/free-english-materials/boarding-the-plane" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-violet-300/80 dark:border-violet-400/75 hover:border-violet-400 dark:hover:border-violet-300"> 631 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-violet-50 dark:bg-violet-950/55 text-violet-600 dark:text-violet-200">24</span> 632 <span class="grid min-w-0 gap-0.5"> 633 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-violet-600 dark:text-violet-200 md:text-base">Lesson 24</small> 634 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U4 - Boarding the Plane</strong>
635 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 636 </span> 637 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-violet-300/80 dark:border-violet-400/75 text-violet-600 dark:text-violet-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 638 </a> 639 640 <a href="https://bostonenglishcenter.com/student/test/53443" target="_blank" rel="noopener" class="flex min-h-[78px] items-center gap-3 rounded-[18px] border border-transparent p-3 transition hover:-translate-y-0.5 bg-violet-50 dark:bg-violet-950/55 hover:border-violet-400 dark:hover:border-violet-300"> 641 <span class="grid h-11 w-11 shrink-0 place-items-center rounded-[13px] text-white bg-violet-600" aria-hidden="true"><svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="m7 12 3 3 7-7"/></svg></span> 642 <span class="grid min-w-0 gap-0.5"> 643 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-violet-600 dark:text-violet-200 md:text-base">Progress test</small> 644 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">Revision</strong> 645 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">Check what you remember</span> 646 </span> 647 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-violet-300/80 dark:border-violet-400/75 text-violet-600 dark:text-violet-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 648 </a> 649 <a href="https://bostonenglishcenter.com/student/test/53358" target="_blank" rel="noopener" class="flex min-h-[78px] items-center gap-3 rounded-[18px] border border-transparent p-3 transition hover:-translate-y-0.5 bg-violet-50 dark:bg-violet-950/55 hover:border-violet-400 dark:hover:border-violet-300"> 650 <span class="grid h-11 w-11 shrink-0 place-items-center rounded-[13px] text-white bg-violet-600" aria-hidden="true"><svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="m7 12 3 3 7-7"/></svg></span> 651 <span class="grid min-w-0 gap-0.5"> 652 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-violet-600 dark:text-violet-200 md:text-base">Progress test</small> 653 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">Test 2</strong> 654 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">Check what you remember</span> 655 </span> 656 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-violet-300/80 dark:border-violet-400/75 text-violet-600 dark:text-violet-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 657 </a> 658 </div> 659 </article> 660 <article id="class-2719" class="relative -mx-4 scroll-mt-32 overflow-hidden border-b border-blue-100 bg-transparent p-4 shadow-none dark:border-slate-600/70 dark:bg-transparent md:mx-0 md:px-0 md:py-8"> 661 <header class="mb-5 flex items-start gap-3 md:items-center md:gap-4">
662 <span class="hidden h-14 w-14 shrink-0 place-items-center rounded-[16px] bg-emerald-50 dark:bg-emerald-950/50 text-emerald-600 dark:text-emerald-200 md:grid" aria-hidden="true"> 663 <svg class="h-6 w-6 md:h-7 md:w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z"/><circle cx="12" cy="10" r="2.5"/></svg> </span> 664 <span class="grid min-w-0 gap-1"> 665 <small class="text-[14px] font-extrabold uppercase leading-5 tracking-[.08em] text-emerald-600 dark:text-emerald-200 md:text-base">Class 3 · 12 lessons · 2 tests</small> 666 <a href="#" class="text-2xl font-extrabold tracking-[-.03em] text-[#071326] transition hover:text-[#1357e8] dark:text-white dark:hover:text-[#4f91ff] md:text-[28px]">A1 - Advanced</a> 667 <span class="text-[17px] font-medium leading-7 text-[#64748b] dark:text-slate-300 md:text-lg">Practical English lessons with guided activities and a progress check.</span> 668 </span> 669 <span class="ml-auto hidden text-[38px] font-extrabold tracking-[-.06em] opacity-10 md:block text-emerald-600 dark:text-emerald-200" aria-hidden="true">03</span> 670 </header> 671 672 <div class="grid gap-x-3 gap-y-3 md:grid-cols-2 md:gap-x-5 md:gap-y-4"> 673 <a href="https://bostonenglishcenter.com/free-english-materials/at-the-hotel" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-emerald-300/80 dark:border-emerald-400/70 hover:border-emerald-400 dark:hover:border-emerald-300"> 674 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-emerald-50 dark:bg-emerald-950/50 text-emerald-600 dark:text-emerald-200">25</span> 675 <span class="grid min-w-0 gap-0.5"> 676 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-emerald-600 dark:text-emerald-200 md:text-base">Lesson 25</small> 677 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U1 - At the Hotel</strong> 678 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 679 </span> 680 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-emerald-300/80 dark:border-emerald-400/70 text-emerald-600 dark:text-emerald-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 681 </a> 682 <a href="https://bostonenglishcenter.com/free-english-materials/my-stay-at-the-hotel" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-emerald-300/80 dark:border-emerald-400/70 hover:border-emerald-400 dark:hover:border-emerald-300"> 683 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-emerald-50 dark:bg-emerald-950/50 text-emerald-600 dark:text-emerald-200">26</span>
684 <span class="grid min-w-0 gap-0.5"> 685 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-emerald-600 dark:text-emerald-200 md:text-base">Lesson 26</small> 686 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U1 - My Stay at the Hotel</strong> 687 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 688 </span> 689 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-emerald-300/80 dark:border-emerald-400/70 text-emerald-600 dark:text-emerald-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 690 </a> 691 <a href="https://bostonenglishcenter.com/free-english-materials/check-out" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-emerald-300/80 dark:border-emerald-400/70 hover:border-emerald-400 dark:hover:border-emerald-300"> 692 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-emerald-50 dark:bg-emerald-950/50 text-emerald-600 dark:text-emerald-200">27</span> 693 <span class="grid min-w-0 gap-0.5"> 694 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-emerald-600 dark:text-emerald-200 md:text-base">Lesson 27</small> 695 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U1 - Check-Out</strong> 696 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 697 </span> 698 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-emerald-300/80 dark:border-emerald-400/70 text-emerald-600 dark:text-emerald-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 699 </a> 700 <a href="https://bostonenglishcenter.com/free-english-materials/a-taxi-ride" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-emerald-300/80 dark:border-emerald-400/70 hover:border-emerald-400 dark:hover:border-emerald-300"> 701 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-emerald-50 dark:bg-emerald-950/50 text-emerald-600 dark:text-emerald-200">28</span> 702 <span class="grid min-w-0 gap-0.5"> 703 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-emerald-600 dark:text-emerald-200 md:text-base">Lesson 28</small> 704 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U2 - A Taxi Ride</strong> 705 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 706 </span>
707 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-emerald-300/80 dark:border-emerald-400/70 text-emerald-600 dark:text-emerald-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 708 </a> 709 <a href="https://bostonenglishcenter.com/free-english-materials/at-the-bus-station" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-emerald-300/80 dark:border-emerald-400/70 hover:border-emerald-400 dark:hover:border-emerald-300"> 710 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-emerald-50 dark:bg-emerald-950/50 text-emerald-600 dark:text-emerald-200">29</span> 711 <span class="grid min-w-0 gap-0.5"> 712 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-emerald-600 dark:text-emerald-200 md:text-base">Lesson 29</small> 713 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U2 - At the Bus Station</strong> 714 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 715 </span> 716 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-emerald-300/80 dark:border-emerald-400/70 text-emerald-600 dark:text-emerald-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 717 </a> 718 <a href="https://bostonenglishcenter.com/free-english-materials/at-the-railway-station" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-emerald-300/80 dark:border-emerald-400/70 hover:border-emerald-400 dark:hover:border-emerald-300"> 719 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-emerald-50 dark:bg-emerald-950/50 text-emerald-600 dark:text-emerald-200">30</span> 720 <span class="grid min-w-0 gap-0.5"> 721 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-emerald-600 dark:text-emerald-200 md:text-base">Lesson 30</small> 722 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U2 - At the Railway Station</strong> 723 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 724 </span> 725 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-emerald-300/80 dark:border-emerald-400/70 text-emerald-600 dark:text-emerald-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 726 </a> 727 <a href="https://bostonenglishcenter.com/free-english-materials/notices-and-signs-around-town" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-emerald-300/80 dark:border-emerald-400/70 hover:border-emerald-400 dark:hover:border-emerald-300">
728 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-emerald-50 dark:bg-emerald-950/50 text-emerald-600 dark:text-emerald-200">31</span> 729 <span class="grid min-w-0 gap-0.5"> 730 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-emerald-600 dark:text-emerald-200 md:text-base">Lesson 31</small> 731 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U3 - Notices & Signs around Town</strong> 732 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 733 </span> 734 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-emerald-300/80 dark:border-emerald-400/70 text-emerald-600 dark:text-emerald-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 735 </a> 736 <a href="https://bostonenglishcenter.com/free-english-materials/describing-my-neighbourhood" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-emerald-300/80 dark:border-emerald-400/70 hover:border-emerald-400 dark:hover:border-emerald-300"> 737 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-emerald-50 dark:bg-emerald-950/50 text-emerald-600 dark:text-emerald-200">32</span> 738 <span class="grid min-w-0 gap-0.5"> 739 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-emerald-600 dark:text-emerald-200 md:text-base">Lesson 32</small> 740 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U3 - Describing my Neighbourhood</strong> 741 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 742 </span> 743 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-emerald-300/80 dark:border-emerald-400/70 text-emerald-600 dark:text-emerald-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 744 </a> 745 <a href="https://bostonenglishcenter.com/free-english-materials/places-in-my-community" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-emerald-300/80 dark:border-emerald-400/70 hover:border-emerald-400 dark:hover:border-emerald-300"> 746 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-emerald-50 dark:bg-emerald-950/50 text-emerald-600 dark:text-emerald-200">33</span> 747 <span class="grid min-w-0 gap-0.5"> 748 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-emerald-600 dark:text-emerald-200 md:text-base">Lesson 33</small> 749 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U3 - Places in My Community</strong>
750 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 751 </span> 752 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-emerald-300/80 dark:border-emerald-400/70 text-emerald-600 dark:text-emerald-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 753 </a> 754 <a href="https://bostonenglishcenter.com/free-english-materials/in-action" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-emerald-300/80 dark:border-emerald-400/70 hover:border-emerald-400 dark:hover:border-emerald-300"> 755 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-emerald-50 dark:bg-emerald-950/50 text-emerald-600 dark:text-emerald-200">34</span> 756 <span class="grid min-w-0 gap-0.5"> 757 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-emerald-600 dark:text-emerald-200 md:text-base">Lesson 34</small> 758 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U4 - In Action!</strong> 759 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 760 </span> 761 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-emerald-300/80 dark:border-emerald-400/70 text-emerald-600 dark:text-emerald-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 762 </a> 763 <a href="https://bostonenglishcenter.com/free-english-materials/at-the-gas-station" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-emerald-300/80 dark:border-emerald-400/70 hover:border-emerald-400 dark:hover:border-emerald-300"> 764 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-emerald-50 dark:bg-emerald-950/50 text-emerald-600 dark:text-emerald-200">35</span> 765 <span class="grid min-w-0 gap-0.5"> 766 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-emerald-600 dark:text-emerald-200 md:text-base">Lesson 35</small> 767 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U4 - At the Gas Station</strong> 768 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 769 </span> 770 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-emerald-300/80 dark:border-emerald-400/70 text-emerald-600 dark:text-emerald-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 771 </a> 772 <a href="https://bostonenglishcenter.com/free-english-materials/buying-a-cell-phone" target="_blank" rel="noopener" class="group flex min-h-[78px] items-center gap-3 rounded-[18px] border bg-[#fbfdff] p-3 transition hover:-translate-y-0.5 hover:shadow-[0_10px_28px_rgba(15,23,42,.08)] dark:bg-[#0b1525] dark:hover:bg-[#102039] border-emerald-300/80 dark:border-emerald-400/70 hover:border-emerald-400 dark:hover:border-emerald-300">
773 <span class="grid h-12 w-12 shrink-0 place-items-center rounded-[13px] text-[17px] font-extrabold bg-emerald-50 dark:bg-emerald-950/50 text-emerald-600 dark:text-emerald-200">36</span> 774 <span class="grid min-w-0 gap-0.5"> 775 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-emerald-600 dark:text-emerald-200 md:text-base">Lesson 36</small> 776 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">U4 - Buying a Cell Phone</strong> 777 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">60 minutes · Opens in a new tab</span> 778 </span> 779 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-emerald-300/80 dark:border-emerald-400/70 text-emerald-600 dark:text-emerald-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 780 </a> 781 782 <a href="https://bostonenglishcenter.com/student/test/53451" target="_blank" rel="noopener" class="flex min-h-[78px] items-center gap-3 rounded-[18px] border border-transparent p-3 transition hover:-translate-y-0.5 bg-emerald-50 dark:bg-emerald-950/50 hover:border-emerald-400 dark:hover:border-emerald-300"> 783 <span class="grid h-11 w-11 shrink-0 place-items-center rounded-[13px] text-white bg-emerald-500" aria-hidden="true"><svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="m7 12 3 3 7-7"/></svg></span> 784 <span class="grid min-w-0 gap-0.5"> 785 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-emerald-600 dark:text-emerald-200 md:text-base">Progress test</small> 786 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">Revision</strong> 787 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">Check what you remember</span> 788 </span> 789 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-emerald-300/80 dark:border-emerald-400/70 text-emerald-600 dark:text-emerald-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 790 </a> 791 <a href="https://bostonenglishcenter.com/student/test/53363" target="_blank" rel="noopener" class="flex min-h-[78px] items-center gap-3 rounded-[18px] border border-transparent p-3 transition hover:-translate-y-0.5 bg-emerald-50 dark:bg-emerald-950/50 hover:border-emerald-400 dark:hover:border-emerald-300"> 792 <span class="grid h-11 w-11 shrink-0 place-items-center rounded-[13px] text-white bg-emerald-500" aria-hidden="true"><svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="m7 12 3 3 7-7"/></svg></span> 793 <span class="grid min-w-0 gap-0.5"> 794 <small class="text-sm font-extrabold uppercase tracking-[.08em] text-emerald-600 dark:text-emerald-200 md:text-base">Progress test</small> 795 <strong class="truncate text-[19px] font-extrabold text-[#071326] dark:text-white md:text-xl">Test 3</strong>
796 <span class="text-sm font-medium text-[#64748b] dark:text-slate-300 md:text-[15px]">Check what you remember</span> 797 </span> 798 <span class="ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-full border bg-white shadow-sm dark:bg-[#101d31] border-emerald-300/80 dark:border-emerald-400/70 text-emerald-600 dark:text-emerald-200" aria-hidden="true"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-5-5 5 5 5-5M5 21h14"/></svg></span> 799 </a> 800 </div> 801 </article> 802 </div> 803 </section> 804 805 <section class="mx-auto -mt-1 max-w-6xl px-4 md:px-8" aria-label="Course overview"> 806 <div class="grid grid-cols-2 overflow-hidden rounded-[24px] border border-blue-100 bg-white shadow-[0_16px_42px_rgba(15,23,42,.06)] dark:border-slate-600/70 dark:bg-[#0b1525] dark:shadow-[0_20px_55px_rgba(0,0,0,.28)] md:grid-cols-4"> 807 <div class="border-b border-r border-blue-50 px-3 py-5 text-center even:border-r-0 last:border-b-0 dark:border-slate-700/80 md:border-b-0 md:border-r md:even:border-r md:last:border-r-0"> 808 <strong class="block text-[30px] font-extrabold tracking-[-.045em] text-[#1357e8] dark:text-[#4f91ff] md:text-[36px]">3</strong> 809 <span class="mt-1 block text-base font-semibold text-[#64748b] dark:text-slate-300 md:text-[17px]">Course classes</span> 810 </div> 811 <div class="border-b border-r border-blue-50 px-3 py-5 text-center even:border-r-0 last:border-b-0 dark:border-slate-700/80 md:border-b-0 md:border-r md:even:border-r md:last:border-r-0"> 812 <strong class="block text-[30px] font-extrabold tracking-[-.045em] text-[#1357e8] dark:text-[#4f91ff] md:text-[36px]">36</strong> 813 <span class="mt-1 block text-base font-semibold text-[#64748b] dark:text-slate-300 md:text-[17px]">Practical lessons</span> 814 </div> 815 <div class="border-b border-r border-blue-50 px-3 py-5 text-center even:border-r-0 last:border-b-0 dark:border-slate-700/80 md:border-b-0 md:border-r md:even:border-r md:last:border-r-0"> 816 <strong class="block text-[30px] font-extrabold tracking-[-.045em] text-[#1357e8] dark:text-[#4f91ff] md:text-[36px]">6</strong> 817 <span class="mt-1 block text-base font-semibold text-[#64748b] dark:text-slate-300 md:text-[17px]">Progress tests</span> 818 </div> 819 <div class="border-b border-r border-blue-50 px-3 py-5 text-center even:border-r-0 last:border-b-0 dark:border-slate-700/80 md:border-b-0 md:border-r md:even:border-r md:last:border-r-0"> 820 <strong class="block text-[30px] font-extrabold tracking-[-.045em] text-[#1357e8] dark:text-[#4f91ff] md:text-[36px]">60 min</strong> 821 <span class="mt-1 block text-base font-semibold text-[#64748b] dark:text-slate-300 md:text-[17px]">Average lesson</span> 822 </div> 823 </div> 824 </section> 825 826 <section class="mx-auto max-w-6xl px-4 py-16 md:px-8 md:py-24" aria-labelledby="placement-test-title"> 827 <div class="overflow-hidden rounded-[32px] border border-transparent bg-gradient-to-br from-[#075fe9] via-[#1357e8] to-[#4923c8] px-5 py-10 text-center text-white shadow-[0_24px_60px_rgba(19,87,232,.28)] dark:border-blue-400/45 dark:from-[#071b3a] dark:via-[#0b3478] dark:to-[#29145f] dark:shadow-[0_24px_70px_rgba(0,0,0,.52),0_0_30px_rgba(37,99,235,.16)] dark:ring-1 dark:ring-inset dark:ring-white/10 min-[430px]:px-7 md:rounded-[42px] md:px-12 md:py-16"> 828 <span class="mx-auto grid h-20 w-20 place-items-center rounded-[22px] border border-white/35 bg-white/10 shadow-[inset_0_1px_0_rgba(255,255,255,.16)] dark:border-white/45 dark:bg-white/10 md:h-24 md:w-24 md:rounded-[26px]" aria-hidden="true"> 829 <svg class="h-12 w-12 md:h-14 md:w-14" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"> 830 <circle cx="29" cy="35" r="20"/><circle cx="29" cy="35" r="12"/><circle cx="29" cy="35" r="4"/> 831 <path d="M29 35 48 16M44 10v10h10M45 19l9-9"/> 832 </svg> 833 </span> 834 835 <p class="mt-7 text-base font-extrabold uppercase tracking-[.16em] text-blue-100 dar
835k:text-white md:text-xl">Know your level</p> 836 <h2 id="placement-test-title" class="mx-auto mt-3 max-w-3xl text-[38px] font-extrabold leading-[1.05] tracking-[-.045em] dark:text-white md:text-[58px]">Take a free<br class="sm:hidden"> placement test</h2> 837 <p class="mx-auto mt-5 max-w-2xl text-lg font-medium leading-8 text-blue-50 dark:font-semibold dark:text-white md:text-[22px] md:leading-9">Find out your English level in just a few minutes and get a personalized learning path.</p> 838 839 <div class="mx-auto mt-8 grid max-w-2xl gap-3"> 840 <a href="https://bostonenglishcenter.com#payment-title" class="grid min-h-[64px] grid-cols-[2.5rem_minmax(0,1fr)_2rem] items-center gap-2 rounded-[18px] border border-transparent bg-white px-4 text-[#075fe9] shadow-[0_14px_30px_rgba(3,23,70,.22)] transition hover:-translate-y-0.5 hover:bg-blue-50 focus:outline-none focus:ring-4 focus:ring-white/35 dark:border-blue-300/30 dark:bg-[#f8fbff] dark:text-[#1357e8] dark:shadow-[0_16px_36px_rgba(0,0,0,.32)] md:min-h-[76px] md:grid-cols-[3rem_minmax(0,1fr)_2.5rem] md:px-6"> 841 <svg class="h-8 w-8 md:h-10 md:w-10" viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="21" cy="27" r="15"/><circle cx="21" cy="27" r="8"/><circle cx="21" cy="27" r="2"/><path d="m21 27 15-15M33 8v7h7M34 14l6-6"/></svg> 842 <span class="text-center text-[19px] font-extrabold tracking-[-.025em] md:text-[26px]">Take the test now</span> 843 <svg class="h-7 w-7 md:h-9 md:w-9" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg> 844 </a> 845 846 <button type="button" data-share-placement class="grid min-h-[60px] w-full grid-cols-[2.5rem_minmax(0,1fr)_2rem] items-center gap-2 rounded-[18px] border border-white/55 bg-white/10 px-4 text-white transition hover:-translate-y-0.5 hover:bg-white/15 focus:outline-none focus:ring-4 focus:ring-white/25 dark:border-white/65 dark:bg-white/10 dark:shadow-[inset_0_1px_0_rgba(255,255,255,.10)] dark:hover:bg-white/15 md:min-h-[72px] md:grid-cols-[3rem_minmax(0,1fr)_2.5rem] md:px-6"> 847 <svg class="h-7 w-7 md:h-9 md:w-9" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><path d="m8.6 10.5 6.8-4M8.6 13.5l6.8 4"/></svg> 848 <span data-share-placement-label class="text-center text-[19px] font-extrabold tracking-[-.025em] md:text-[26px]" aria-l
848ive="polite">Share the link</span> 849 <svg class="h-7 w-7 md:h-9 md:w-9" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg> 850 </button> 851 </div> 852 853 <p class="mt-5 inline-flex items-center justify-center gap-2 text-sm font-medium text-blue-100 dark:font-semibold dark:text-white md:text-lg"> 854 <svg class="h-5 w-5 shrink-0 md:h-6 md:w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="4" y="9" width="16" height="12" rx="2"/><path d="M12 9v12M4 13h16M12 9H8.5a2.5 2.5 0 1 1 2.5-2.5V9ZM12 9h3.5A2.5 2.5 0 1 0 13 6.5V9Z"/></svg> 855 Help a friend and grow together! 856 </p> 857 </div> 858 </section> 859 860 861 <footer id="landing-footer" data-dark-footer class="mt-12 scroll-mt-24 border-t border-blue-100 bg-[#f5f7ff] px-4 pb-0 pt-5 text-[#071326] dark:border-slate-800 dark:bg-[#020817] dark:text-white dark:shadow-[0_-20px_60px_rgba(0,0,0,.28)] min-[520px]:px-7 min-[520px]:pt-8"> 862 <div class="mx-auto max-w-[940px]"> 863 <section class="rounded-[22px] border border-slate-100 bg-white px-4 pb-4 pt-5 shadow-[0_12px_34px_rgba(15,23,42,.05)] dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_22px_rgba(15,23,42,.44)] min-[520px]:rounded-[28px] min-[520px]:px-8 min-[520px]:pb-7 min-[520px]:pt-8" aria-labelledby="footer-help-title"> 864 <div class="grid grid-cols-[1fr_94px] items-start gap-2 min-[520px]:grid-cols-[1fr_150px] min-[520px]:gap-5"> 865 <div><h2 id="footer-help-title" class="m-0 text-[27px] font-extrabold leading-none tracking-[-.045em] text-[#071326] dark:text-white min-[520px]:text-[38px]">Need Help?</h2><p class="mt-3 max-w-[430px] text-[15px] font-medium leading-[1.42] text-[#64748b] dark:text-slate-300 min-[520px]:text-[21px]">We're here to help you on your English learning journey.</p></div> 866 <svg class="h-auto w-full dark:drop-shadow-[0_0_18px_rgba(124,58,237,.42)]" viewBox="0 0 160 132" fill="none" aria-hidden="true"><path d="M42 72V60c0-29 18-48 47-48s47 19 47 48v12" stroke="#7847ed" stroke-width="9" stroke-linecap="round"/><path d="M50 34c8-10 19-16 39-16 17 0 28 5 38 16" stroke="#bca8ff" stroke-width="5" stroke-linecap="round"/><rect x="31" y="59" width="22" height="48" rx="11" fill="#4b36c9" transform="rotate(-8 31 59)"/><rect x="126" y="59" width="22" height="48" rx="11" fill="#4b36c9" transform="rotate(8 126 59)"/><path d="M137 101c-1 16-10 21-24 21h-9" stroke="#4b36c9" stroke-width="6" stroke-linecap="round"/><path d="M96 42c21 0 34 14 34 32 0 20-14 34-35 34-5 0-11-1-15-3l-17 6 5-17a33 33 0 0 1-6-20c0-18 13-32 34-32Z" fill="#7868df"/><circle cx="82" cy="75" r="4" fill="white"/><circle cx="96" cy="75" r="4" fill="white"/><circle cx="110" cy="75" r="4" fill="white"/></svg> 867 </div> 868 <div class="mt-5 grid gap-3 min-[520px]:mt-7 min-[520px]:gap-4"> 869 <a href="tel:16178482317" class="grid min-h-[72px] grid-cols-[56px_1fr_16px] items-center gap-3 rounded-[16px] border border-slate-100 px-3 py-2 text-start transition hover:border-blue-200 hover:bg-blue-50/40 dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_16px_rgba(15,23,42,.34)] min-[520px]:min-h-[92px] min-[520px]:grid-cols-[66px_1fr_18px] min-[520px]:gap-5 min-[520px]:rounded-[20px] min-[520px]:px-5"> 870 <span class="grid h-12 w-12 place-items-center rounded-full bg-blue-50 dark:bg-[#07152f] min-[520px]:h-[66px] min-[520px]:w-[66px]" style="color: #3385f2"> 871 <svg class="h-6 w-6 min-[520px]:h-8 min-[520px]:w-8" viewBox="0 0 24 24" fill="currentColor"><path d="M6.62 10.79c1.44 2.83 3.76 5.15 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.25c1.12.37 2.32.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z"/></svg> </span>
872 <span class="min-w-0"><strong class="block text-[17px] font-extrabold min-[520px]:text-[22px]">Call Us</strong><span class="mt-1 block break-all text-[14px] font-medium text-[#64748b] dark:text-slate-400 min-[520px]:text-[20px]">+1 (617) 848-2317</span></span> 873 <svg class="h-5 w-5 text-[#4024d6] rtl:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="m9 5 7 7-7 7"/></svg> 874 </a> 875 <a href="whatsapp://send?phone=12019937285" class="grid min-h-[72px] grid-cols-[56px_1fr_16px] items-center gap-3 rounded-[16px] border border-slate-100 px-3 py-2 text-start transition hover:border-blue-200 hover:bg-blue-50/40 dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_16px_rgba(15,23,42,.34)] min-[520px]:min-h-[92px] min-[520px]:grid-cols-[66px_1fr_18px] min-[520px]:gap-5 min-[520px]:rounded-[20px] min-[520px]:px-5"> 876 <span class="grid h-12 w-12 place-items-center rounded-full bg-blue-50 dark:bg-[#07152f] min-[520px]:h-[66px] min-[520px]:w-[66px]" style="color: #22b95d"> 877 <svg class="h-7 w-7 min-[520px]:h-9 min-[520px]:w-9" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1"><path d="M20 11.5a8 8 0 0 1-11.8 7L4 20l1.5-4.1A8 8 0 1 1 20 11.5Z"/><path d="M9 8.7c.2-.4.4-.4.7-.4h.5c.2 0 .4.1.5.5l.7 1.6c.1.2 0 .4-.1.6l-.5.6c.7 1.3 1.7 2.1 3 2.6l.7-.8"/></svg> </span> 878 <span class="min-w-0"><strong class="block text-[17px] font-extrabold min-[520px]:text-[22px]">WhatsApp</strong><span class="mt-1 block break-all text-[14px] font-medium text-[#64748b] dark:text-slate-400 min-[520px]:text-[20px]">+1 (201) 993-7285</span></span> 879 <svg class="h-5 w-5 text-[#4024d6] rtl:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="m9 5 7 7-7 7"/></svg> 880 </a> 881 <a href="mailto:[email protected]" class="grid min-h-[72px] grid-cols-[56px_1fr_16px] items-center gap-3 rounded-[16px] border border-slate-100 px-3 py-2 text-start transition hover:border-blue-200 hover:bg-blue-50/40 dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_16px_rgba(15,23,42,.34)] min-[520px]:min-h-[92px] min-[520px]:grid-cols-[66px_1fr_18px] min-[520px]:gap-5 min-[520px]:rounded-[20px] min-[520px]:px-5"> 882 <span class="grid h-12 w-12 place-items-center rounded-full bg-blue-50 dark:bg-[#07152f] min-[520px]:h-[66px] min-[520px]:w-[66px]" style="color: #6f2ae8"> 883 <svg class="h-7 w-7 min-[520px]:h-9 min-[520px]:w-9" viewBox="0 0 24 24" fill="currentColor"><path d="M3 5h18a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm9 8 9-5V7l-9 5-9-5v1l9 5Z"/></svg> </span> 884 <span class="min-w-0"><strong class="block text-[17px] font-extrabold min-[520px]:text-[22px]">Email Us</strong><span class="mt-1 block break-all text-[14px] font-medium text-[#64748b] dark:text-slate-400 min-[520px]:text-[20px]">[email protected]</span></span> 885 <svg class="h-5 w-5 text-[#4024d6] rtl:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="m9 5 7 7-7 7"/></svg> 886 </a> 887 </div> 888 </section> 889 890 <section class="mt-4 rounded-[20px] border border-slate-100 bg-white px-3 py-5 text-center shadow-[0_12px_34px_rgba(15,23,42,.05)] dark:border-slate-700/80 dark:bg-[#050b18] dark:shadow-[0_0_22px_rgba(15,23,42,.44)] min-[520px]:mt-6 min-[520px]:rounded-[26px] min-[520px]:px-7 min-[520px]:py-8" aria-labelledby="footer-social-title"> 891 <h2 class="m-0 text-[18px] font-extrabold min-[520px]:text-[24px]">Follow Us</h2> 892 <div class="mt-4 grid grid-cols-4 gap-2"> 893 <a href="https://www.instagram.com/bostonenglish.center/" target="_blank" rel="noopener" class="grid justify-items-center gap-1.5 text-[10px] font-medium text-[#39475c] dark:text-slate-400 min-[520px]:flex min-[520px]:items-center min-[520px]:justify-center min-[520px]:gap-2 min-[520px]:text-[15px]" aria-label="Instagram"><span class="grid h-10 w-10 place-items-center rounded-full text-white min-[520px]:h-12 min-[520px]:w-12" style="background-color: #e43280"> 894 <svg class="h-6 w-6 min-[520px]:h-7 min-[520px]:w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><path d="M17.5 6.5h.01"/></svg> 895 </span><span>Instagram</span></a> 896 <a href="https://www.tiktok.com/@bostonenglishcenter" target="_blank" rel="noopener" class="grid justify-items-center gap-1.5 text-[10px] font-medium text-[#39475c] dark:text-slate-400 min-[520px]:flex min-[520px]:items-center min-[520px]:justify-center min-[520px]:gap-2 min-[520px]:text-[15px]" aria-label="TikTok"><span class="grid h-10 w-10 place-items-center rounded-full text-white min-[520px]:h-12 min-[520px]:w-12" style="background-color: #071326"> 897 <svg class="h-6 w-6 min-[520px]:h-7 min-[520px]:w-7" viewBox="0 0 24 24" fill="currentColor"><path d="M15.5 3c.2 2.1 1.4 3.4 3.5 3.6v3a8.5 8.5 0 0 1-3.5-1.1v6.2a5.2 5.2 0 1 1-4.4-5.1v3.1a2.2 2.2 0 1 0 1.4 2V3h3Z"/></svg> 898 </span><span>TikTok</span></a> 899 <a href="https://www.facebook.com/profile.php?id=100085670641685" target="_blank" rel="noopener" class="grid justify-items-center gap-1.5 text-[10px] font-medium text-[#39475c] dark:text-slate-400 min-[520px]:flex min-[520px]:items-center min-[520px]:justify-center min-[520px]:gap-2 min-[520px]:text-[15px]" aria-label="Facebook"><span class="grid h-10 w-10 place-items-center rounded-full text-white min-[520px]:h-12 min-[520px]:w-12" style="background-color: #2e65bd"> 900 <svg class="h-6 w-6 min-[520px]:h-7 min-[520px]:w-7" viewBox="0 0 24 24" fill="currentColor">
900<path d="M14 13.5h2.5l1-4H14v-2c0-1 0-2 2-2h1.5V2.1c-.3 0-1.6-.1-2.9-.1C11.9 2 10 3.7 10 6.7v2.8H7v4h3V22h4v-8.5Z"/></svg> 901 </span><span>Facebook</span></a> 902 <a href="https://www.linkedin.com/company/bostonenglishcenter/posts/?feedView=all" target="_blank" rel="noopener" class="grid justify-items-center gap-1.5 text-[10px] font-medium text-[#39475c] dark:text-slate-400 min-[520px]:flex min-[520px]:items-center min-[520px]:justify-center min-[520px]:gap-2 min-[520px]:text-[15px]" aria-label="LinkedIn"><span class="grid h-10 w-10 place-items-center rounded-full text-white min-[520px]:h-12 min-[520px]:w-12" style="background-color: #2879b9"> 903 <svg class="h-6 w-6 min-[520px]:h-7 min-[520px]:w-7" viewBox="0 0 24 24" fill="currentColor"><path d="M6.9 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM7 8.5H3V21h4V8.5Zm6.3 0h-4V21h4v-6.6c0-3.7 4.8-4 4.8 0V21H22v-7.9c0-6.2-7.1-5.9-8.7-2.9V8.5Z"/></svg> </span><span>LinkedIn</span></a> 904 </div> 905 </section> 906 907 <div class="-mx-4 mt-5 border-t border-slate-200 bg-white px-4 py-6 dark:border-slate-800 dark:bg-[#020817] min-[520px]:mx-0 min-[520px]:mt-8 min-[520px]:px-7"> 908 <div class="mx-auto flex max-w-[940px] flex-col items-center justify-between gap-4 text-center min-[520px]:flex-row min-[520px]:text-right"> 909 <a href="https://bostonenglishcenter.com/en#top" class="flex items-center gap-2 text-left" dir="ltr" aria-label="Boston English Center"> 910 <span class="grid h-12 w-12 shrink-0 place-items-center text-[#1357e8] dark:text-[#0875ff] dark:drop-shadow-[0_0_14px_rgba(8,117,255,.42)]" aria-hidden="true"><svg class="h-full w-full" viewBox="0 0 48 48" fill="none"><circle cx="24" cy="22" r="15" stroke="currentColor" stroke-width="6"/><path d="M16 34 10 40l10-2" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 911 <span class="leading-none"><span class="block text-[24px] font-extrabold tracking-[-.035em] text-[#071326] dark:text-white">Boston</span><span class="block whitespace-nowrap text-[16px] font-extrabold leading-tight text-[#1357e8] dark:text-[#0875ff]">English Center</span></span> 912 </a> 913 <p class="m-0 text-[13px] font-medium leading-[1.55] text-[#64748b] dark:text-slate-300 min-[520px]:text-[16px]">© 2024 Boston English Center<br>All Rights Reserved.</p> 914 </div> 915 <nav class="mx-auto mt-5 flex max-w-[940px] flex-wrap justify-center gap-x-4 gap-y-2 border-t border-slate-100 pt-4 text-[11px] font-semibold text-[#64748b] dark:border-slate-800 dark:text-slate-300 min-[520px]:text-[13px]" aria-label="Legal links"> 916 <a href="https://bostonenglishcenter.com/privacy-policy" class="transition hover:text-[#1357e8] hover:underline">Privacy & Policy</a><a href="https://bostonenglishcenter.com/privacy#ads-privacy" class="transition hover:text-[#1357e8] hover:underline">Ads Privacy</a><a href="https://bostonenglishcenter.com/privacy" class="transition hover:text-[#1357e8] hover:underline">Terms & Conditions</a><a href="https://bostonenglishcenter.com/privacy#assessment-learning-records-policy" class="transition hover:text-[#1357e8] hover:underline">Assessment Policy</a> 917 </nav> 918 </div> 919 </div> 920</footer> 921 922</main> 923<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 923-924
923 924<script async src="https://www.googletagmanager.com/gtag/js?id=
924AW-17679111657
vendor: 12 bytes, line 924
924"></script>
925<script> 926
vendor: 156 bytes, lines 926-933
926window.dataLayer = window.dataLayer || []; 927 928 function gtag() { 929 dataLayer.push(arguments); 930 } 931 932 gtag('js', new Date()); 933 gtag('config', '
933AW-17679111657
vendor: 8 bytes, lines 933-934
933'); 934
934gtag('config', 'G-23FRSJFFW6'); 935 gtag('config', 'G-XVQMBW6B0S'); 936</script>
936 937
938<script> 939 document.querySelectorAll('[data-share-placement]').forEach((button) => { 940 button.addEventListener('click', async () => { 941 const label = button.querySelector('[data-share-placement-label]'); 942 const url = window.location.href; 943 const shareData = { 944 title: document.title, 945 text: 'Free beginner English lessons and progress tests from Boston English Center.', 946 url, 947 }; 948 949 try { 950 if (navigator.share) { 951 await navigator.share(shareData); 952 return; 953 } 954 955 await navigator.clipboard.writeText(url); 956 label.textContent = 'Link copied!'; 957 window.setTimeout(() => label.textContent = 'Share the link', 2200); 958 } catch (error) { 959 if (error.name !== 'AbortError') { 960 label.textContent = 'Copy the page link'; 961 } 962 } 963 }); 964 }); 965 966 document.querySelectorAll('[data-copy-course-link]').forEach((button) => { 967 button.addEventListener('click', async () => { 968 const label = button.querySelector('[data-copy-course-label]'); 969 const pageUrl = window.location.href.split('#')[0]; 970 971 try { 972 await navigator.clipboard.writeText(pageUrl); 973 label.textContent = 'Link copied!'; 974 window.setTimeout(() => label.textContent = 'Copy sharing link', 2200); 975 } catch (error) { 976 label.textContent = 'Copy unavailable'; 977 } 978 }); 979 }); 980</script>
980 981</body> 982</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.