PageSourceSearch

https://bostonenglishcenter.com/bookTrial

html bostonenglishcenter.com collected 2026-10-04 02:40:10 UTC 83,094 bytes, 788 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr"
3      lang="en">
4
5<head>
6
7    <meta charset="utf-8">
8    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
9
10    <link rel="preload" as="image" href="https://bostonenglishcenter.com/img/plans-en.webp?v=2" type="image/webp" fetchpriority="high">
11
12    <link rel="icon" type="image/x-icon" href="https://bostonenglishcenter.com/favicon.ico">
13    <link rel="apple-touch-icon" type="image/x-icon" href="https://bostonenglishcenter.com/apple-touch-icon.png">
14    <meta name="google" content="notranslate">
15    <meta name="phone" content="13479356325"/>
16    <meta name="csrf_token" content="bRnFcJODqB8VOoiLv1ODRWBDJ5Qnwq4RxAoHfigN"/>
17    <title>Book a Free Trial Class | Boston English Center Online English</title>
18    <meta name="title" content="Book a Free Trial Class | Boston English Center Online English">
19    <meta name="description" content="Try a free online English class with Boston English Center. Experience live lessons with expert teachers and improve your speaking and listening skills.">
20    <meta name="keywords" content="online esol classes,Boston English">
21    <meta name="tags" content="online esol classes,Boston English">
22    <meta property="og:site_name" content="Boston English Center">
23    <meta property="og:type" content="website">
24    <meta name="MobileOptimized" content="width">
25    <meta name="HandheldFriendly" content="true">
26    <meta property="og:title" content="Book a Free Trial Class | Boston English Center Online English"/>
27    <meta property="og:type" content="article"/>
28    <meta property="og:url" content="https://bostonenglishcenter.com/bookTrial"/>
29    <meta property="fb:app_id" content="2028153110702484"/>
30    <meta property="og:description" content="Try a free online English class with Boston English Center. Experience live lessons with expert teachers and improve your speaking and listening skills."/>
31    <meta name="iso_code" content="US">
32    <link rel="canonical" href="https://bostonenglishcenter.com/bookTrial" />
33
34    
34<script type="application/ld+json">
35        {
36    "<?php $__contextArgs = [];\nif (context()->has($__contextArgs[0])) :\nif (isset($value)) { $__contextPrevious[] = $value; }\n$value = context()->get($__contextArgs[0]); ?>": "https://schema.org",
37    "@graph": [
38        {
39            "@type": "EducationalOrganization",
40            "@id": "https://bostonenglishcenter.com",
41            "name": "Boston English Center",
42            "url": "https://bostonenglishcenter.com",
43            "logo": "https://bostonenglishcenter.com/template/img/logo/boston-logo.webp",
44            "description": "Improve your English speaking, listening, and confidence with Boston English Center. Join live online classes with professional teachers from anywhere in the world.",
45            "email": "[email protected]",
46            "telephone": "+1 617-848-2317",
47            "areaServed": "Worldwide",
48            "knowsLanguage": [
49                "English",
50                "French",
51                "Arabic"
52            ],
53            "sameAs": [
54                "https://www.facebook.com/profile.php?id=100085670641685",
55                "https://www.instagram.com/bostonenglish.center/",
56                "https://www.linkedin.com/company/bostonenglishcenter/posts/?feedView=all",
57                "https://www.tiktok.com/@bostonenglishcenter"
58            ]
59        },
60        {
61            "@type": "WebSite",
62            "@id": "https://bostonenglishcenter.com",
63            "url": "https://bostonenglishcenter.com",
64            "name": "Boston English Center",
65            "publisher": {
66                "@id": "https://bostonenglishcenter.com"
67            }
68        },
69        {
70            "@type": "Service",
71            "@id": "https://bostonenglishcenter.com/bookTrial",
72            "name": "Book a Free Trial Class | Boston English Center Online English",
73            "description": "Try a free online English class with Boston English Center. Experience live lessons with expert teachers and improve your speaking and listening skills.",
74            "provider": {
75                "@id": "https://bostonenglishcenter.com"
76            },
77            "serviceType": "One Free Trial Session",
78            "offers": [
79                {
80                    "@type": "Offer",
81                    "name": "Book a free trial",
82                    "url": "https://bostonenglishcenter.com/bookTrial",
83                    "price": 0,
84                    "priceCurrency": "USD",
85                    "priceSpecification": {
86                        "@type": "PriceSpecification",
87                        "price": 0,
88                        "priceCurrency": "USD",
89                        "priceType": "https://schema.org/Free"
90                    },
91                    "availability": "https://schema.org/InStock"
92                }
93            ]
94        }
95    ]
96}
97    </script>
97
98
99
100
101                        <link rel="alternate" hreflang="en" href="https://bostonenglishcenter.com/bookTrial" />
102                        <link rel="alternate" hreflang="ar" href="https://bostonenglishcenter.com/bookTrial/ar" />
103                        <link rel="alternate" hreflang="fr" href="https://bostonenglishcenter.com/bookTrial/fr" />
104                        <link rel="alternate" hreflang="es" href="https://bostonenglishcenter.com/bookTrial/es" />
105                        <link rel="alternate" hreflang="pt" href="https://bostonenglishcenter.com/bookTrial/pt" />
106                        <link rel="alternate" hreflang="tr" href="https://bostonenglishcenter.com/bookTrial/tr" />
107                        <link rel="alternate" hreflang="zh" href="https://bostonenglishcenter.com/bookTrial/zh" />
108        <link rel="alternate" hreflang="x-default" href="https://bostonenglishcenter.com/bookTrial" />
109
110
111    <link rel="manifest" href="/manifest.webmanifest?v=7">
112    <meta name="apple-mobile-web-app-capable" content="yes">
113    
113<script defer src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
113
114    <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/step-one-0765e0ec.css" /><link rel="preload" as="style" href="https://bostonenglishcenter.com/build/assets/telCustoms-73168d9b.css" /><link rel="stylesheet" href="https://bostonenglishcenter.com/build/assets/landing-tailwind-cfc2402f.css" /><link rel="stylesheet" href="https://bostonenglishcenter.com/build/assets/step-one-0765e0ec.css" /><link rel="stylesheet" href="https://bostonenglishcenter.com/build/assets/telCustoms-73168d9b.css" />
115</head>
116<body class="min-h-screen overflow-x-hidden bg-[#f7fbff] font-sans text-[#071326] antialiased dark:bg-[#071326] dark:text-white">
117
118<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">
119    <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">
120        <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">
121            <span class="grid h-12 w-12 shrink-0 place-items-center text-[#1357e8] dark:text-[#0875ff]" aria-hidden="true">
122                <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>
123            </span>
124            <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>
125        </a>
126
127        <div data-mobile-nav-details class="relative order-2 min-w-0 xl:hidden">
128            <input id="booking-mobile-menu" type="checkbox" class="peer sr-only" aria-label="Toggle navigation menu">
129            <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">
130                <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>
131                <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>
132            </label>
133            <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">
134                                    <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">
135                        <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">
136                            <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>
137                        <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>
138                        <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>
139                    </a>
140                                    <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">
141                        <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">
142                            <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>
143                        <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>
144                        <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>
145                    </a>
146                                    <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">
147                        <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">
148                            <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>
149                        <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>
150                        <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>
151                    </a>
152                                    <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">
153                        <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">
154                            <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">
154<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>
155                        <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>
156                        <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>
157                    </a>
158                                    <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">
159                        <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">
160                            <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>
161                        <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>
162                        <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>
163                    </a>
164                                    <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">
165                        <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">
166                            <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>
167                                                    </span>
168                        <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>
169                        <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>
170                    </a>
171                                <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">
172                    <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]">Login</span>
173                    <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>
174                </a>
175            </div>
176        </div>
177
178        <div class="hidden min-w-0 flex-1 items-center justify-center gap-0.5 xl:flex 2xl:gap-1">
179            <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>
180            <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>
181            <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>
182            <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>
183            <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>
184            <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>
185            <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">Login</a>
186        </div>
187
188        <div class="order-3 flex items-center justify-end xl:order-none min-[900px]:max-[1279px]:gap-5 xl:gap-4">
189                            <details class="group relative hidden min-[900px]:max-[1279px]:block xl:block">
190                    <summary class="flex cursor-pointer list-none items-center gap-2 rounded-full px-2 py-2 text-[16px] font-extrabold text-[#071326] marker:hidden dark:text-slate-200 [&::-webkit-details-marker]:hidden">
191                        <img width="28" height="20" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/us.png?v=1.1" alt="English" class="h-5 w-7 shrink-0 rounded-[2px] object-cover">
192                        <span>English</span>
193                        <svg class="h-4 w-4 shrink-0 transition group-open:rotate-180" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"><path d="m5 8 5 5 5-5"/></svg>
194                    </summary>
195                    <div class="absolute end-0 top-[calc(100%+10px)] z-[90] grid w-[220px] gap-1 rounded-[18px] border border-blue-100 bg-white p-2 shadow-xl dark:border-[#284466] dark:bg-[#050b16]">
196                                                    <a href="https://bostonenglishcenter.com/bookTrial" class="flex min-h-11 items-center gap-3 rounded-xl px-3 text-sm font-extrabold bg-[#eaf3ff] text-[#1357e8] dark:bg-[#07152f]"><img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/us.png?v=1.1" alt="English" class="h-4 w-6 rounded object-cover">English</a>
197                                                    <a href="https://bostonenglishcenter.com/bookTrial/ar" class="flex min-h-11 items-center gap-3 rounded-xl px-3 text-sm font-extrabold "><img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/sa.png?v=1.1" alt="العربية" class="h-4 w-6 rounded object-cover">العربية</a>
198                                                    <a href="https://bostonenglishcenter.com/bookTrial/fr" class="flex min-h-11 items-center gap-3 rounded-xl px-3 text-sm font-extrabold "><img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/fr.png?v=1.1" alt="Français" class="h-4 w-6 rounded object-cover">Français</a>
199                                                    <a href="https://bostonenglishcenter.com/bookTrial/es" class="flex min-h-11 items-center gap-3 rounded-xl px-3 text-sm font-extrabold "><img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/es.png?v=1.1" alt="Español" class="h-4 w-6 rounded object-cover">Español</a>
200                                                    <a href="https://bostonenglishcenter.com/bookTrial/pt" class="flex min-h-11 items-center gap-3 rounded-xl px-3 text-sm font-extrabold "><img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/pt.png?v=1.1" alt="Português" class="h-4 w-6 rounded object-cover">Português</a>
201                                                    <a href="https://bostonenglishcenter.com/bookTrial/tr" class="flex min-h-11 items-center gap-3 rounded-xl px-3 text-sm font-extrabold "><img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/tr.png?v=1.1" alt="Türkçe" class="h-4 w-6 rounded object-cover">Türkçe</a>
202                                                    <a href="https://bostonenglishcenter.com/bookTrial/zh" class="flex min-h-11 items-center gap-3 rounded-xl px-3 text-sm font-extrabold "><img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/cn.png?v=1.1" alt="简体中文" class="h-4 w-6 rounded object-cover">简体中文</a>
203                                            </div>
204                </details>
205                        <a href="https://bostonenglishcenter.com/plans-three/en" 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-[60
205px] 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]">
206                <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>
207                <span class="relative z-10 grid w-full grid-cols-[auto_minmax(0,1fr)] items-center">
208                    <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">
209                        <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>
210                    </span>
211                    <span class="whitespace-nowrap text-center leading-none">Join Membership</span>
212                </span>
213            </a>
214        </div>
215    </nav>
216</header>
217    <div data-language-bar class="mt-0 w-full border-b border-transparent bg-[#eaf4ff] py-0 dark:border-[#111d2d] dark:bg-[#020817] min-[900px]:hidden">
218        <div class="relative mx-auto flex max-w-[1320px] justify-center px-4">
219            <details class="group relative w-full">
220                <summary class="flex min-h-10 w-full cursor-pointer list-none items-center justify-center gap-3 rounded-full px-4 text-[20px] font-semibold text-[#071326] marker:hidden dark:text-slate-100 [&::-webkit-details-marker]:hidden">
221                    <img width="28" height="20" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/us.png?v=1.1" alt="English" class="h-5 w-7 shrink-0 rounded-[2px] object-cover">
222                    <span>English</span>
223                    <svg class="h-5 w-5 shrink-0 transition group-open:rotate-180" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="m5 8 5 5 5-5"/></svg>
224                </summary>
225                <div class="absolute left-1/2 top-12 z-[90] grid max-h-[min(70dvh,430px)] w-[min(calc(100vw-24px),360px)] -translate-x-1/2 gap-1 overflow-y-auto rounded-[20px] border border-blue-100 bg-white p-2 text-start shadow-[0_18px_44px_rgba(15,23,42,.16)] dark:border-[#1b2a40] dark:bg-[#07111f] min-[520px]:w-[440px] min-[520px]:grid-cols-2">
226                                            <a href="https://bostonenglishcenter.com/bookTrial" class="flex min-h-12 items-center gap-3 rounded-[14px] px-3 py-2.5 text-sm font-extrabold text-[#1357e8] transition hover:bg-[#dbeafe] dark:text-[#247cff] dark:hover:bg-[#0b2042] bg-[#eaf3ff] dark:bg-[#07152f]">
227                            <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/us.png?v=1.1" alt="English" class="h-4 w-6 rounded-[3px] bg-white object-cover shadow-[0_0_0_1px_rgba(15,23,42,.10)]">
228                            <span>English</span>
229                                                            <svg class="ms-auto h-4 w-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m5 12 4 4L19 6"/></svg>
230                                                    </a>
231                                            <a href="https://bostonenglishcenter.com/bookTrial/ar" class="flex min-h-12 items-center gap-3 rounded-[14px] px-3 py-2.5 text-sm font-extrabold text-[#1357e8] transition hover:bg-[#dbeafe] dark:text-[#247cff] dark:hover:bg-[#0b2042] ">
232                            <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/sa.png?v=1.1" alt="العربية" class="h-4 w-6 rounded-[3px] bg-white object-cover shadow-[0_0_0_1px_rgba(15,23,42,.10)]">
233                            <span>العربية</span>
234                                                    </a>
235                                            <a href="https://bostonenglishcenter.com/bookTrial/fr" class="flex min-h-12 items-center gap-3 rounded-[14px] px-3 py-2.5 text-sm font-extrabold text-[#1357e8] transition hover:bg-[#dbeafe] dark:text-[#247cff] dark:hover:bg-[#0b2042] ">
236                            <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/fr.png?v=1.1" alt="Français" class="h-4 w-6 rounded-[3px] bg-white object-cover shadow-[0_0_0_1px_rgba(15,23,42,.10)]">
237                            <span>Français</span>
238                                                    </a>
239                                            <a href="https://bostonenglishcenter.com/bookTrial/es" class="flex min-h-12 items-center gap-3 rounded-[14px] px-3 py-2.5 text-sm font-extrabold text-[#1357e8] transition hover:bg-[#dbeafe] dark:text-[#247cff] dark:hover:bg-[#0b2042] ">
240                            <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/es.png?v=1.1" alt="Español" class="h-4 w-6 rounded-[3px] bg-white object-cover shadow-[0_0_0_1px_rgba(15,23,42,.10)]">
241                            <span>Español</span>
242                                                    </a>
243                                            <a href="https://bostonenglishcenter.com/bookTrial/pt" class="flex min-h-12 items-center gap-3 rounded-[14px] px-3 py-2.5 text-sm font-extrabold text-[#1357e8] transition hover:bg-[#dbeafe] dark:text-[#247cff] dark:hover:bg-[#0b2042] ">
244                            <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/pt.png?v=1.1" alt="Português" class="h-4 w-6 rounded-[3px] bg-white object-cover shadow-[0_0_0_1px_rgba(15,23,42,.10)]">
245                            <span>Português</span>
246                                                    </a>
247                                            <a href="https://bostonenglishcenter.com/bookTrial/tr" class="flex min-h-12 items-center gap-3 rounded-[14px] px-3 py-2.5 text-sm font-extrabold text-[#1357e8] transition hover:bg-[#dbeafe] dark:text-[#247cff] dark:hover:bg-[#0b2042] ">
248                            <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/tr.png?v=1.1" alt="Türkçe" class="h-4 w-6 rounded-[3px] bg-white object-cover shadow-[0_0_0_1px_rgba(15,23,42,.10)]">
249                            <span>Türkçe</span>
250                                                    </a>
251                                            <a href="https://bostonenglishcenter.com/bookTrial/zh" class="flex min-h-12 items-center gap-3 rounded-[14px] px-3 py-2.5 text-sm font-extrabold text-[#1357e8] transition hover:bg-[#dbeafe] dark:text-[#247cff] dark:hover:bg-[#0b2042] ">
252                            <img width="24" height="18" src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/img/flags/cn.png?v=1.1" alt="简体中文" class="h-4 w-6 rounded-[3px] bg-white object-cover shadow-[0_0_0_1px_rgba(15,23,42,.10)]">
253                            <span>简体中文</span>
254                                                    </a>
255                                    </div>
256            </details>
257        </div>
258    </div>
259
260<main class="mx-auto w-full max-w-[1280px]">
261    <div>
262
263
264        <div class="bg-white dark:bg-gray-900 py-4 md:py-10  px-6 md:px-12 md:pt-0  md:mt-[-20px]  grid md:grid-cols-2 gap-8 items-center  ">
265
266            <!-- Left Content -->
267            <div>
268                <div>
269                    <h1 class="mb-4 mt-4 max-w-full text-[35px] font-extrabold leading-[.98] tracking-[-.04em] text-gray-900 dark:text-white min-[420px]:text-[38px] min-[900px]:text-[clamp(37px,4.1vw,54px)] min-[900px]:tracking-[-.055em] xl:text-[clamp(44px,3.8vw,60
269px)]">
270                        Speak English with Confidence – Start with a Free Trial Class
271                    </h1>
272                    <p class="mb-4 text-[18px] font-semibold leading-[1.48] text-gray-700 dark:text-gray-100 min-[520px]:text-[22px] min-[900px]:text-[clamp(18px,2.2vw,24px)] xl:text-[clamp(18px,1.65vw,24px)]">
273                        Book your free 60-minute online class with one of our friendly Expert  tutors.
274                    </p>
275                    <ul class="space-y-2 pt-0 text-[18px] font-semibold leading-[1.48] text-gray-700 dark:text-gray-100 min-[520px]:text-[20px] min-[900px]:text-[clamp(18px,1.65vw,22px)]" >
276                                                    <li class=" gap-2">
277                                ✅ <span class="ml-2">100% online, from anywhere</span>
278                            </li>
279                                                    <li class=" gap-2">
280                                ✅ <span class="ml-2">Arabic and French speaking support</span>
281                            </li>
282                                                    <li class=" gap-2">
283                                ✅ <span class="ml-2">English Level Assessment Result</span>
284                            </li>
285                                            </ul>
286
287                </div>
288            </div>
289
290            <section class="bg-white dark:bg-gray-900 py-0 px-0 text-center md:hidden">
291                <div class="max-w-xl mx-auto">
292
293                    <!-- CTA Button -->
294                    <a href="#booking"
295                       class="inline-block rounded-xl bg-yellow-400 px-6 py-4 text-[18px] font-bold text-blue-900 transition hover:bg-yellow-400 dark:bg-yellow-500 dark:text-black min-[520px]:text-[20px]">
296                         BOOK YOUR FREE TRIAL NOW
297                    </a>
298                    <!-- Arrow Up Icon -->
299                    <div class="text-5xl text-blue-900 dark:text-blue-500 mt-8">
300                        ↓
301                    </div>
302                </div>
303            </section>
304
305            <!-- Right Content (Form) -->
306            <div id="booking" class="bg-gray-50 dark:bg-gray-900 p-6 rounded-lg shadow-lg dark:border">
307                <div class="relative mx-auto w-full max-w-[423px] overflow-hidden">
308
309                    <video poster="https://bostonenglishcenter.com/img/plans-en.webp?v=2"
310                           class="block h-auto w-full"
311                           width="423" height="282" id="myVideo"
312                           data-hls-src="https://s3.us-east-1.amazonaws.com/bostenenglishcenter.com-bucket/landing-page/videos/booking-en-encrypted/booking-en.m3u8?v=1.1"
313                           preload="none" controls>
314                        Your browser does not support the video tag.
315                    </video>
316                    <div id="showVideo" class="absolute inset-0 overflow-hidden">
317
318
319
320                    <span class="absolute right-2 top-2 flex items-center rounded-full bg-orange-500 px-3 py-1 text-lg font-medium text-white">
321                       <svg viewBox="0 0 237 237" width="49.21875" height="49.21875">
322                           <path fill="#fff" d="M88 107H65v24h24l23 23V84z"></path>
323                           <g fill="none" stroke="#fff" stroke-linecap="round" stroke-width="10"><path d="M142 86c9 21 9 44 0 65" class="volume__small-wave"></path><path d="M165 74c13 23 13 66 0 89" class="volume__large-wave"></path></g>
324                       </svg>
325
326                   Tap for sound
327                    </span>
328                    </div>
329
330                </div>
331
332
333                <form class="mt-8 text-base min-[520px]:text-[18px]" data-booking-form action="https://bostonenglishcenter.com/booking" method="POST">
334                    <input type="hidden" name="_token" value="bRnFcJODqB8VOoiLv1ODRWBDJ5Qnwq4RxAoHfigN" autocomplete="off">                    <input type="text" name="honeypot" style="display:none" value=""/>
335                    <input type="hidden" name="watch_video" id="watch_video">
336                    <input type="hidden" name="ref" value="">
337                    <div>
338                        <label for="name" class="mb-2 block font-semibold text-gray-700 dark:text-gray-200">Full Name <span class="text-red-600">*</span></label>
339                        <input id="name" name="name" type="text" value="" minlength="3" required class="w-full rounded-lg border border-gray-300 bg-white px-3 py-3 text-gray-900 focus:border-blue-600 focus:outline-none dark:border-gray-600 dark:bg-transparent dark:text-white">
340                    </div>
341
342
343                    <div>
344                        <div class="relative mt-6">
345                            <label for="email" class="mb-2 block font-semibold text-gray-700 dark:text-gray-200">Email <span class="text-red-600">*</span></label>
346                            <input id="email" name="email" type="email" value="" required class="w-full rounded-lg border border-gray-300 bg-white px-3 py-3 text-gray-900 focus:border-blue-600 focus:outline-none dark:border-gray-600 dark:bg-transparent dark:text-white">
347                        </div>
348                    </div>
349                    <div>
350                        <div>
351                            <div class="mt-6">
352                                <label for="phone"
353                                       data-phone-label
354                                       class="mb-2 block font-semibold text-gray-700 dark:text-gray-200"
355                                >
356                                    Phone number <span
357                                        class="text-red-600 dark:text-red-400">*</span>
358                                </label>
359                                <input
360                                    dir="ltr" type="tel" id="phone" name="phone"
361                                    value="" required minlength="7"
362                                    class="relative w-full appearance-none rounded-lg border-[1px] border-gray-300 bg-white px-2.5 pb-[12px] pt-3 text-base text-gray-900 focus:border-blue-600 focus:outline-none focus:ring-0 dark:border-gray-600 dark:bg-transparent dark:text-white dark:focus:border-blue-500 min-[520px]:text-[18px]"
363                                />
364                            </div>
365                            <p data-phone-error
366                               class="mt-2 hidden text-sm text-red-600 dark:text-red-400">
367                                Phone number is required
368                            </p>
369
370                            <div class=" mt-6">
371                                <div class="flex items-start  ">
372                                    <div class="flex items-center h-5">
373                                        <input id="termsAndCondition" name="termsAndCondition" type="checkbox" checked
374                                               value="1"
375                                               class="w-5 h-5  ms-2 border border-gray-300 rounded  bg-gray-50  outline-0 focus:outline-0 dark:border-gray-600 "
376                                               required>
377                                    </div>
378                                    <label for="termsAndCondition"
379                                           class="ms-2 text-base font-semibold text-gray-900 dark:text-gray-300 min-[520px]:text-[18px]">
380                                        I agree with the
381                                        <a href="https://bostonenglishcenter.com/privacy" target="_blank"
382                                           class="text-blue-600 hover:underline dark:text-blue-500">
383                                            Terms and conditions
384                                        </a>
385                                    </label>
386                                </div>
387                                <p class="mt-2 font-semibold text-base hidden text-red-600 dark:text-red-400">
388                                    <span class="font-medium">
389                                        
390                                    </span>
391                                </p>
392                            </div>
393
394                        </div>
395                    </div>
396
397
398                    <button type="submit"
399                            class="mt-6 w-full rounded-md bg-blue-600 py-2 text-[18px] font-bold text-white transition hover:bg-blue-700 dark:bg-blue-800 min-[520px]:text-[20px]">
400                        Choose a time
401                    </button>
402
403                </form>
404
405            </div>
406        </div>
407
408    </div>
409    <div>
410        <section class="bg-white dark:bg-gray-900 py-12 px-4 md:px-8">
411            <div class="max-w-6xl mx-auto text-center">
412                <h2 class="mb-4 text-[36px] font-extrabold leading-[.98] tracking-[-.05em] text-gray-900 dark:text-white min-[420px]:text-[40px] min-[520px]:text-[44px] min-[900px]:text-[clamp(42px,4.4vw,56px)]">
413                    Trusted by Thousands of  Learners Worldwide
414                </h2>
415                <p class="mb-10 text-[18px] font-semibold leading-[1.48] text-gray-600 dark:text-gray-100 min-[520px]:text-[22px] min-[900px]:text-[clamp(20px,2vw,26px)]">
416      <span class="inline-flex items-center justify-center text-green-600 font-medium mr-1">
417        ★  Reviews
418      </span>
419                    Rated 4.9 by over <a href="https://bostonenglishcenter.com/allReviews" target="_blank" class="text-blue-600">(3876)</a>  learners across the US, Canada, and the Gulf.
420                </p>
421
422                                <div class="grid gap-6 md:grid-cols-3">
423
424                    
425                        <div class="bg-white dark:bg-gray-900 rounded-xl border shadow-sm p-6">
426                            <img src="https://bostonenglishcenter.com/img/booking/reviews2.webp"
427                                 alt="Ahmed"
428                                 loading="lazy" decoding="async" fetchpriority="low"
429                                 class="w-full h-48 rounded-md mb-4 object-cover object-top"/>
430                            <p class="text-gray-800 text-base dark:text-gray-100  mb-4">
431                                “I now speak English at work confidently. Thank you!”
432                            </p>
433                            <div class="flex items-center gap-2 space-x-3">
434                                    <span class="rounded-full overflow-hidden">
435                                        <img src="https://bostonenglishcenter.com/img/booking/reviews2-icon.webp" width="40"
436                                             alt="Ahmed" height="40"
437                                             loading="lazy" decoding="async" fetchpriority="low"/>
438                                    </span>
439                                <div>
440                                    <p class="font-semibold text-gray-900 dark:text-gray-100 text-start">Ahmed</p>
441                                    <p class="text-sm text-gray-500 text-start flex dark:text-gray-200  items-center gap-1">
442                                        <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 36 36"><path fill="#d52b1e" d="M4 5a4 4 0 0 0-4 4v18a4 4 0 0 0 4 4h6V5zm28 0h-6v26h6a4 4 0 0 0 4-4V9a4 4 0 0 0-4-4"/><path fill="#eee" d="M10 5h16v26H10z"/><path fill="#d52b1e" d="M18.615 22.113c1.198.139 2.272.264 3.469.401l-.305-1.002a.46.46 0 0 1 .159-.476l3.479-2.834l-.72-.339c-.317-.113-.23-.292-.115-.722l.531-1.936l-2.021.427c-.197.03-.328-.095-.358-.215l-.261-.911l-1.598 1.794c-.227.288-.687.288-.544-.376l.683-3.634l-.917.475c-.257.144-.514.168-.657-.089l-1.265-2.366v.059v-.059l-1.265 2.366c-.144.257-.401.233-.658.089l-.916-.475l.683 3.634c.144.664-.317.664-.544.376l-1.598-1.793l-.26.911c-.03.12-.162.245-.359.215l-2.021-.427l.531 1.936c.113.43.201.609-.116.722l-.72.339l3.479 2.834c.138.107.208.3.158.476l-.305 1.002l3.47-.401c.106 0 .176.059.175.181l-.214 3.704h.956l-.213-3.704c.002-.123.071-.182.177-.182"/></svg>
443                                         Canada</p>
444                                </div>
445                            </div>
446                        </div>
447                    
448                        <div class="bg-white dark:bg-gray-900 rounded-xl border shadow-sm p-6">
449                            <img src="https://bostonenglishcenter.com/img/booking/reviews1.webp"
450                                 alt="Omar"
451                                 loading="lazy" decoding="async" fetchpriority="low"
452                                 class="w-full h-48 rounded-md mb-4 object-cover object-top"/>
453                            <p class="text-gray-800 text-base dark:text-gray-100  mb-4">
454                                “The teachers understand our needs so well.”
455                            </p>
456                            <div class="flex items-center gap-2 space-x-3">
457                                    <span class="rounded-full overflow-hidden">
458                                        <img src="https://bostonenglishcenter.com/img/booking/reviews1-icon.webp" width="40"
459                                             alt="Omar" height="40"
460                                             loading="lazy" decoding="async" fetchpriority="low"/>
461                                    </span>
462                                <div>
463                                    <p class="font-semibold text-gray-900 dark:text-gray-100 text-start">Omar</p>
464                                    <p class="text-sm text-gray-500 text-start flex dark:text-gray-200  items-center gap-1">
465                                        <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 32 24"><g fill="none"><path fill="#f7fcff" fill-rule="evenodd" d="M0 0h32v24H0z" clip-rule="evenodd"/><path fill="#e31d1c" fill-rule="evenodd" d="M0 14.667v2h32v-2zm0 3.666v2h32v-2zm0-11v2h32v-2zM0 22v2h32v-2zm0-11v2h32v-2zM0 0v2h32V0zm0 3.667v2h32v-2z" clip-rule="evenodd"/><path fill="#2e42a5" d="M0 0h20v13H0z"/><path fill="#f7fcff" fill-rule="evenodd" d="m1.722 2.939l-.726.509l.245-.906l-.645-.574h.843l.282-.74l.331.74h.718l-.564.574l.218.906zm4 0l-.726.509l.245-.906l-.644-.574h.842l.282-.74l.331.74h.718l-.564.574l.218.906zm3.274.509l.726-.51l.702.51l-.218-.906l.564-.574h-.718l-.331-.74l-.282.74h-.842l.644.574zm4.726-.51l-.726.51l.245-.906l-.644-.574h.842l.282-.74l.331.74h.718l-.564.574l.218.906zM.996 7.449l.726-.51l.702.51l-.218-.906l.564-.574h-.718l-.331-.74l-.282.74H.596l.645.574zm4.726-.51l-.726.51l.245-.906l-.644-.574h.842l.282-.74l.331.74h.718l-.564.574l.218.906zm3.274.51l.726-.51l.702.51l-.218-.906l.564-.574h-.718l-.331-.74l-.282.74h-.842l.644.574zm4.726-.51l-.726.51l.245-.906l-.644-.574h.842l.282-.74l.331.74h.718l-.564.574l.218.906zM.996 11.449l.726-.51l.702.51l-.218-.906l.564-.574h-.718l-.331-.74l-.282.74H.596l.645.574zm4.726-.51l-.726.51l.245-.906l-.644-.574h.842l.282-.74l.331.74h.718l-.564.574l.218.906zm3.274.51l.726-.51l.702.51l-.218-.906l.564-.574h-.718l-.331-.74l-.282.74h-.842l.644.574zm4.726-.51l-.726.51l.245-.906l-.644-.574h.842l.282-.74l.331.74h.718l-.564.574l.218.906zm3.274-7.49l.726-.51l.702.51l-.218-.906l.564-.574h-.718l-.331-.74l-.282.74h-.843l.645.574zm.726 3.49l-.726.51l.245-.906l-.645-.574h.843l.282-.74l.331.74h.718l-.564.574l.218.906zm-.726 4.51l.726-.51l.702.51l-.218-.906l.564-.574h-.718l-.331-.74l-.282.74h-.843l.645.574zM3.722 4.938l-.726.51l.245-.906l-.645-.574h.843l.282-.74l.331.74h.718l-.564.574l.218.906zm3.274.51l.726-.51l.702.51l-.218-.906l.564-.574h-.718l-.331-.74l-.282.74h-.843l.645.574zm4.726-.51l-.726.51l.245-.906l-.644-.574h.842l.282-.74l.331.74h.718l-.564.574l.218.906zm-8.726 4.51l.726-.51l.702.51l-.218-.906l.564-.574h-.718l-.331-.74l-.282.74h-.843l.645.574zm4.726-.51l-.726.51l.245-.906l-.644-.574h.842l.282-.74l.331.74h.718l-.564.574l.218.906zm3.274.51l.726-.51l.702.51l-.218-.906l.564-.574h-.718l-.331-.74l-.282.74h-.842l.644.574zm4.726-4.51l-.726.51l.245-.906l-.644-.574h.842l.282-.74l.331.74h.718l-.564.574l.218.906zm-.726 4.51l.726-.51l.702.51l-.218-.906l.564-.574h-.718l-.331-.74l-.282.74h-.842l.644.574z" clip-rule="evenodd"/></g></svg>
466                                        United States</p>
467                                </div>
468                            </div>
469                        </div>
470                    
471                        <div class="bg-white dark:bg-gray-900 rounded-xl border shadow-sm p-6">
472                            <img src="https://bostonenglishcenter.com/img/booking/reviews3.webp"
473                                 alt="Fatima"
474                                 loading="lazy" decoding="async" fetchpriority="low"
475                                 class="w-full h-48 rounded-md mb-4 object-cover object-top"/>
476                            <p class="text-gray-800 text-base dark:text-gray-100  mb-4">
477                                “I learned how to speak fluently and naturally”
478                            </p>
479                            <div class="flex items-center gap-2 space-x-3">
480                                    <span class="rounded-full overflow-hidden">
481                                        <img src="https://bostonenglishcenter.com/img/booking/reviews3-icon.webp" width="40"
482                                             alt="Fatima" height="40"
483                                             loading="lazy" decoding="async" fetchpriority="low"/>
484                                    </span>
485                                <div>
486                                    <p class="font-semibold text-gray-900 dark:text-gray-100 text-start">Fatima</p>
487                                    <p class="text-sm text-gray-500 text-start flex dark:text-gray-200  items-center gap-1">
488                                        <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 36 36"><path fill="#ffcd05" d="M0 27a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4v-4H0z"/><path fill="#ed1f24" d="M0 14h36v9H0z"/><path fill="#141414" d="M32 5H4a4 4 0 0 0-4 4v5h36V9a4 4 0 0 0-4-4"/></svg>
489                                         Germany</p>
490                                </div>
491                            </div>
492                        </div>
493                    
494                </div>
495            </div>
496
497        </section>
498        <section class="bg-white dark:bg-gray-900 py-12 px-4 md:px-8">
499            <div class="max-w-6xl mx-auto text-center">
500                <h2 class="mb-4 text-[36px] font-extrabold leading-[.98] tracking-[-.05em] text-gray-900 dark:text-white min-[420px]:text-[40px] min-[520px]:text-[44px] min-[900px]:text-[clamp(42px,4.4vw,56px)]">
501                    Take Your English to the Next Level
502                </h2>
503                <p class="mb-10 text-[18px] font-semibold leading-[1.48] text-gray-600 dark:text-gray-100 min-[520px]:text-[22px] min-[900px]:text-[clamp(20px,2vw,26px)]">
504                    Join an online group course for Arabs taught by expert instructors
505                </p>
506
507                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
508                                                                <div class="border rounded-xl p-6 text-center shadow-sm">
509                            <div class="text-4xl mb-4 flex items-center justify-center ">
510                                 <span class=" text-[#001F4D] dark:text-blue-500">
511                                           <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24"><path fill="currentColor " fill-rule="evenodd" d="M11.602 18.636a.75.75 0 0 0 .398.11a.75.75 0 0 0 .398-.11l1.135-.681a8.3 8.3 0 0 1 7.36-.59c.89.356 1.857-.3 1.857-1.257V4.45c0-.578-.352-1.097-.889-1.312a10.7 10.7 0 0 0-9.48.76L12 4.124l-.382-.229a10.7 10.7 0 0 0-9.48-.76A1.41 1.41 0 0 0 1.25 4.45v11.66c0 .957.967 1.612 1.857 1.256a8.3 8.3 0 0 1 7.36.59zM2.75 4.508v11.387a9.8 9.8 0 0 1 8.489.774l.011.006V5.425l-.403-.242a9.2 9.2 0 0 0-8.097-.675m10.011 12.16l-.011.007V5.425l.403-.242a9.2 9.2 0 0 1 8.097-.675v11.387a9.8 9.8 0 0 0-8.489.774" clip-rule="evenodd"/><path fill="#18345e" d="M9.275 19.042a6.5 6.5 0 0 0-6.55 0l-.103.06a.75.75 0 1 0 .756 1.296l.103-.06a5 5 0 0 1 5.038 0l1.088.634a4.75 4.75 0 0 0 4.786 0l1.088-.634a5 5 0 0 1 5.038 0l.103.06a.75.75 0 0 0 .756-1.296l-.103-.06a6.5 6.5 0 0 0-6.55 0l-1.087.634a3.25 3.25 0 0 1-3.276 0z"/></svg>
512                                    </span>
513                            </div>
514                            <h3 class="mb-2 text-[20px] font-semibold text-gray-900 dark:text-white min-[520px]:text-[22px]"> General English</h3>
515                            <p class="text-base text-gray-600 dark:text-gray-100 min-[520px]:text-[18px]">
516                                Build your English speaking, listening, and reading skills
517                            </p>
518                        </div>
519                                            <div class="border rounded-xl p-6 text-center shadow-sm">
520                            <div class="text-4xl mb-4 flex items-center justify-center ">
521                                 <span class=" text-[#001F4D] dark:text-blue-500">
522                                           <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewB
522ox="0 0 24 24"><path fill="currentColor " d="M21 7h-3c0-1.65-1.35-3-3-3H3C1.35 4 0 5.35 0 7v7c0 1.65 1.35 3 3 3v3l3-3c0 1.65 1.35 3 3 3h8l3 3v-3h1c1.65 0 3-1.35 3-3v-7c0-1.65-1.35-3-3-3M3 15c-.542 0-1-.458-1-1V7c0-.542.458-1 1-1h12c.542 0 1 .458 1 1v1H9.5A2.5 2.5 0 0 0 7 10.5V15zm19 2c0 .542-.458 1-1 1H9c-.542 0-1-.458-1-1v-6.5C8 9.673 8.673 9 9.5 9H21c.542 0 1 .458 1 1z"/></svg>
523                                    </span>
524                            </div>
525                            <h3 class="mb-2 text-[20px] font-semibold text-gray-900 dark:text-white min-[520px]:text-[22px]"> Conversation Practice</h3>
526                            <p class="text-base text-gray-600 dark:text-gray-100 min-[520px]:text-[18px]">
527                                Gain confidence through guided speaking exercises
528                            </p>
529                        </div>
530                                            <div class="border rounded-xl p-6 text-center shadow-sm">
531                            <div class="text-4xl mb-4 flex items-center justify-center ">
532                                 <span class=" text-[#001F4D] dark:text-blue-500">
533                                           <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewB
533ox="0 0 24 24"><path fill="currentColor " d="M4.616 20q-.691 0-1.153-.462T3 18.384V8.616q0-.691.463-1.153T4.615 7H9V5.615q0-.69.463-1.153T10.616 4h2.769q.69 0 1.153.462T15 5.615V7h4.385q.69 0 1.152.463T21 8.616v9.769q0 .69-.463 1.153T19.385 20zM10 7h4V5.615q0-.23-.192-.423T13.385 5h-2.77q-.23 0-.423.192T10 5.615zm10 7.5h-6V16h-4v-1.5H4v3.885q0 .23.192.423t.423.192h14.77q.23 0 .423-.192t.192-.424zm-9 .5h2v-2h-2zm-7-1.5h6V12h4v1.5h6V8.616q0-.231-.192-.424T19.385 8H4.615q-.23 0-.423.192T4 8.616zm8 .5" stroke-width="0.2" stroke="#18345e"/></svg>
534                                    </span>
535                            </div>
536                            <h3 class="mb-2 text-[20px] font-semibold text-gray-900 dark:text-white min-[520px]:text-[22px]"> Business English</h3>
537                            <p class="text-base text-gray-600 dark:text-gray-100 min-[520px]:text-[18px]">
538                                Improve your communication in the workplace
539                            </p>
540                        </div>
541                                            <div class="border rounded-xl p-6 text-center shadow-sm">
542                            <div class="text-4xl mb-4 flex items-center justify-center ">
543                                 <span class=" text-[#001F4D] dark:text-blue-500">
544                                           <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewB
544ox="0 0 48 48"><g fill="currentColor " stroke-width="0.3" stroke="#18345e"><path d="M20 15a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1m1 3a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2zm-1 10a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1m1 3a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2z"/><path fill-rule="evenodd" d="M10 27a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1zm2 1v3h3v-3z" clip-rule="evenodd"/><path d="M17.707 15.707a1 1 0 0 0-1.414-1.414L13 17.586l-1.293-1.293a1 1 0 0 0-1.414 1.414L13 20.414z"/><path fill-rule="evenodd" d="M10 6a4 4 0 0 0-4 4v28a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V10a4 4 0 0 0-4-4zm-2 4a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2zm28 6a3 3 0 1 1 6 0v20.303l-3 4.5l-3-4.5zm3-1a1 1 0 0 0-1 1v2h2v-2a1 1 0 0 0-1-1m0 22.197l-1-1.5V20h2v15.697z" clip-rule="evenodd"/></g></svg>
545                                    </span>
546                            </div>
547                            <h3 class="mb-2 text-[20px] font-semibold text-gray-900 dark:text-white min-[520px]:text-[22px]"> IELTS Preparation</h3>
548                            <p class="text-base text-gray-600 dark:text-gray-100 min-[520px]:text-[18px]">
549                                Get the score you need on the IELTS exam
550                            </p>
551                        </div>
552                    
553                </div>
554            </div>
555        </section>
556        <section class="bg-white dark:bg-gray-900 py-12 px-4 md:px-8">
557            <div class="max-w-6xl mx-auto grid md:grid-cols-2 items-center gap-8">
558
559                <!-- Left: Title and Features -->
560                <div>
561                    <h2 class="mb-8 text-[36px] font-extrabold leading-[.98] tracking-[-.05em] text-gray-900 dark:text-white min-[420px]:text-[40px] min-[520px]:text-[44px] min-[900px]:text-[clamp(42px,4.4vw,56px)]"> Fluent English starts here – Try it with no commitment.</h2>
562                    <ul class="space-y-6 text-[18px] font-semibold leading-[1.48] text-gray-800 dark:text-gray-100 min-[520px]:text-[20px] min-[900px]:text-[clamp(18px,1.65vw,22px)]">
563                                                                            <li class="flex items-center space-x-4 gap-2">
564                                    <span class=" text-[#001F4D] dark:text-blue-500">
565                                           <svg width="50" height="50" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
566                  <g stroke="currentColor" stroke-width="8" stroke-linecap="round" stroke-linejoin="round">
567                    <!-- Laptop Base -->
568                    <rect x="30" y="140" width="140" height="20" rx="4" />
569
570                    <!-- Screen Outer -->
571                    <rect x="40" y="40" width="120" height="100" rx="10" />
572
573                    <!-- Screen Inner Frame -->
574                    <rect x="50" y="50" width="100" height="80" rx="4" />
575
576                    <!-- Person Head -->
577                    <circle cx="100" cy="80" r="10" />
578
579                    <!-- Person Body -->
580                    <path d="M85 105C85 95 115 95 115 105V115H85V105Z" />
581                </g>
582                </svg>
583                                    </span>
584
585                                <span>Native and Arab-friendly teachers</span>
586                            </li>
587                                                    <li class="flex items-center space-x-4 gap-2">
588                                    <span class=" text-[#001F4D] dark:text-blue-500">
589                                           <svg width="50" height="50" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
590                  <g stroke="currentColor " stroke-width="8" stroke-linecap="round" stroke-linejoin="round">
591                    <!-- Calendar Outline -->
592                    <rect x="30" y="40" width="140" height="120" rx="10" />
593
594                    <!-- Top Binding Rings -->
595                    <line x1="60" y1="20" x2="60" y2="60" />
596                    <line x1="100" y1="20" x2="100" y2="60" />
597                    <line x1="140" y1="20" x2="140" y2="60" />
598
599                    <!-- Calendar Lines -->
600                    <line x1="50" y1="80" x2="130" y2="80" />
601                    <line x1="50" y1="100" x2="130" y2="100" />
602                    <line x1="50" y1="120" x2="130" y2="120" />
603
604                    <!-- Clock Circle -->
605                    <circle cx="145" cy="145" r="25" />
606
607                    <!-- Clock Hands -->
608                    <line x1="145" y1="145" x2="145" y2="130" />
609                    <line x1="145" y1="145" x2="155" y2="155" />
610                </g>
611                </svg>
612                                    </span>
613
614                                <span>Flexible times, evenings &amp; weekends</span>
615                            </li>
616                                                    <li class="flex items-center space-x-4 gap-2">
617                                    <span class=" text-[#001F4D] dark:text-blue-500">
618                                           <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24"><g fill="none" stroke="currentColor " stroke-linecap="round" stroke-linejoin="round" stroke-width="1.1"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2c-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/><path d="M12 5L9.04 7.96a2.17 2.17 0 0 0 0 3.08c.82.82 2.13.85 3 .07l2.07-1.9a2.82 2.82 0 0 1 3.79 0l2.96 2.66M18 15l-2-2m-1 5l-2-2"/></g></svg>
619                                    </span>
620
621                                <span>Special support for immigrants</span>
622                            </li>
623                                                    <li class="flex items-center space-x-4 gap-2">
624                                    <span class=" text-[#001F4D] dark:text-blue-500">
625                                           <svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 14 14"><g fill="none" stroke="currentColor " stroke-linecap="round" stroke-linejoin="round" stroke-width="0.6"><path d="M7 13.5c3.5 0 6-1.238 6-3.994c0-2.995-1.5-4.992-4.5-6.49l1.18-1.518A.658.658 0 0 0 9.12.5H4.88a.66.66 0 0 0-.56.998L5.5 3.026C2.5 4.534 1 6.531 1 9.526C1 12.262 3.5 13.5 7 13.5"/><path d="M8.383 6.806a1.08 1.08 0 0 0-1.022-.723h-.838a.967.967 0 0 0-.207 1.912l1.277.28a1.084 1.084 0 0 1-.232 2.142H6.64c-.472 0-.873-.302-1.022-.722M7 6.083V5m0 6.5v-1.083"/></g></svg>
626                                    </span>
627
628                                <span>Affordable plans</span>
629                            </li>
630                        
631                    </ul>
632                </div>
633
634                <!-- Right: Lightbulb with Globe Image -->
635                <div class="flex justify-center text-[#001F4D] dark:text-blue-500 ">
636                    <svg width="200" height="200" viewBox="0 0 200 200" fill="none"
637                         xmlns="http://www.w3.org/2000/svg">
638                        <g stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round">
639                            <path d="M100 20C132 20 160 48 160 80C160 104 144 122 130 138C126 142 126 146 126 150V160C126 162 124 164 122 164H78C76 164 74 162 74 160V150C74 146 74 142 70 138C56 122 40 104 40 80C40 48 68 20 100 20Z"/>
640                            <path d="M84 164V174C84 176 86 178 88 178H112C114 178 116 176 116 174V164"/>
641                            <path d="M92 178V184C92 186 94 188 96 188H104C106 188 108 186 108 184V178"/>
642                            <path d="M140 10V0"/>
643                            <path d="M180 34L190 24"/>
644                            <path d="M60 10V0"/>
645                            <path d="M20 34L10 24"/>
646                            <circle cx="100" cy="80" r="40"/>
647                            <path d="M85 75C90 70 100 75 105 70C110 65 100 60 110 55"/>
648                            <path d="M115 90C120 100 130 95 130 105"/>
649                        </g>
650                    </svg>
651                </div>
652            </div>
653        </section>
654        <section class="bg-white dark:bg-gray-900 py-16 px-4 text-center">
655            <div class="max-w-xl mx-auto">
656                <h2 class="mb-4 text-[35px] font-extrabold leading-[.98] tracking-[-.04em] text-blue-900 dark:text-blue-500 min-[420px]:text-[38px] min-[900px]:text-[clamp(37px,4.1vw,50px)]">
657                    READY TO TRANSFORM YOUR ENGLISH SKILLS?
658                </h2>
659                <p class="mb-8 text-[18px] font-semibold leading-[1.48] text-gray-700 dark:text-gray-100 min-[520px]:text-[22px] min-[900px]:text-[clamp(20px,2vw,26px)]">
660                    Join thousands of Arab learners who have achieved fluency with us.
661                </p>
662
663                <!-- Arrow Up Icon -->
664                <div class="text-5xl text-blue-900 dark:text-blue-500 mb-8">
665                    ↑
666                </div>
667
668                <!-- CTA Button -->
669                <a href="#booking"
670                   class="inline-block rounded-xl bg-yellow-400 px-8 py-4 text-[18px] font-bold text-blue-900 transition hover:bg-yellow-400 dark:bg-yellow-500 dark:text-black min-[520px]:text-[20px]">
671                     BOOK YOUR FREE TRIAL NOW
672                </a>
673            </div>
674        </section>
675    </div>
676</main>
677
678<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">
679    <div class="mx-auto max-w-[940px]">
680        <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">
681            <div class="grid grid-cols-[1fr_94px] items-start gap-2 min-[520px]:grid-cols-[1fr_150px] min-[520px]:gap-5">
682                <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>
683                <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"/>
683<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>
684            </div>
685            <div class="mt-5 grid gap-3 min-[520px]:mt-7 min-[520px]:gap-4">
686                                    <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">
687                        <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">
688                            <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>
689                        <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>
690                        <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>
691                    </a>
692                                    <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">
693                        <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">
694                            <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>
695                        <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>
696                        <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>
697                    </a>
698                                    <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">
699                        <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">
700                            <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>
701                        <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>
702                        <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>
703                    </a>
704                            </div>
705        </section>
706
707        <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">
708            <h2 class="m-0 text-[18px] font-extrabold min-[520px]:text-[24px]">Follow Us</h2>
709            <div class="mt-4 grid grid-cols-4 gap-2">
710                                    <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">
711                        <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>
712                                                </span><span>Instagram</span></a>
713                                    <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">
714                        <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>
715                                                </span><span>TikTok</span></a>
716                                    <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">
717                        <svg class="h-6 w-6 min-[520px]:h-7 min-[520px]:w-7" viewBox="0 0 24 24" fill="currentColor"><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>
718                                                </span><span>Facebook</span></a>
719                                    <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">
720                        <svg class="h-6 w-6 min-[520px]:h-7 min-[520px]:w-7" viewBox="0 0 24 24" fill="currentColor">
720<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>
721                            </div>
722        </section>
723
724        <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">
725            <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">
726                <a href="https://bostonenglishcenter.com/en#top" class="flex items-center gap-2 text-left" dir="ltr" aria-label="Boston English Center">
727                    <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>
728                    <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>
729                </a>
730                <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>
731            </div>
732            <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">
733                <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>
734            </nav>
735        </div>
736    </div>
737</footer>
738
739
740<div id="errors_alert" class="fixed px-2 sm:px-4  flex flex-col gap-4 top-[15%] max-w-screen-sm z-50 ">
741        
742    </div>
743<meta name="facebook-domain-verification" content="ga1uyvdhg9d16i90mvokuz9gjqbs9e"/>
744
745<!-- End Meta Pixel Code -->
746
747<!-- Meta Pixel Code -->
748<script>
vendor: 459 bytes, lines 748-757
748
749    !function(f,b,e,v,n,t,s)
750    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
751        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
752        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
753        n.queue=[];t=b.createElement(e);t.async=!0;
754        t.src=v;s=b.getElementsByTagName(e)[0];
755        s.parentNode.insertBefore(t,s)}(window, document,'script',
756        'https://connect.facebook.net/en_US/fbevents.js');
757    fbq('init', '
757914418480488270
vendor: 35 bytes, lines 757-759
757');
758
759    fbq('track', "PageView");
760</script>
760
761<noscript><img height="1" width="1" style="display:none"
762               src="https://www.facebook.com/tr?id=914418480488270&ev=PageView&noscript=1"
763    /></noscript>
764<!-- End Meta Pixel Code -->
765
766
767
768
769
770
771
772<link rel="modulepreload" as="script" href="https://bostonenglishcenter.com/build/assets/step-one-57e21d31.js" /><link rel="modulepreload" as="script" href="https://bostonenglishcenter.com/build/assets/index-84b426e0.js" />
772<script type="module" src="https://bostonenglishcenter.com/build/assets/step-one-57e21d31.js"></script>
772<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 772-773
772
773<script async src="https://www.googletagmanager.com/gtag/js?id=
773AW-17679111657
vendor: 12 bytes, line 773
773"></script>
774<script>
775    
vendor: 156 bytes, lines 775-782
775window.dataLayer = window.dataLayer || [];
776
777    function gtag() {
778        dataLayer.push(arguments);
779    }
780
781    gtag('js', new Date());
782    gtag('config', '
782AW-17679111657
vendor: 8 bytes, lines 782-783
782');
783    
783gtag('config', 'G-23FRSJFFW6');
784    gtag('config', 'G-XVQMBW6B0S');
785</script>
785
786
787</body>
788</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.