PageSourceSearch

https://bostonenglishcenter.com/free-english-materials

html bostonenglishcenter.com collected 2026-10-04 02:40:16 UTC 144,211 bytes, 982 lines download raw bytes

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 &amp; 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 &amp; 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&#039;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 &amp; 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 &amp; 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.