PageSourceSearch

https://easyarabicforall.netlify.app/

html easyarabicforall.netlify.app collected 2026-10-03 10:40:28 UTC 22,863 bytes, 403 lines download raw bytes

1<!DOCTYPE html><!--  This site was created in Webflow. https://webflow.com  --><!--  Last Published: Mon Sep 15 2025 04:38:10 GMT+0000 (Coordinated Universal Time)  -->
2<html data-wf-page="68c396ffb72491c6073f167f" data-wf-site="68c396fdb72491c6073f1629" lang="en">
3<head>
4  <meta charset="utf-8">
5<!-- This site is hosted on Netlify. Anyone can build and deploy a site
6     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=493afec9-06f9-4438-b868-7f5d036cb53d
7     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
8  <title>Learn Arabic Online — Native Egyptian Teacher | Easy Arabic For All</title>
9  <meta content="Learn Modern Standard &amp; Egyptian Arabic with Heba Kewan, a native Egyptian teacher. Lessons for kids &amp; adults. Trial lesson $15 — Book online." name="description">
10  <meta content="width=device-width, initial-scale=1" name="viewport">
11  <meta content="Webflow" name="generator">
12  <link href="css/normalize.css" rel="stylesheet" type="text/css">
13  <link href="css/webflow.css" rel="stylesheet" type="text/css">
14  <link href="css/easyarabicforall.webflow.css" rel="stylesheet" type="text/css">
15  <link href="https://fonts.googleapis.com" rel="preconnect">
16  <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
17  
17<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
17
18  
18<script type="text/javascript">WebFont.load({  google: {    families: ["Oswald:200,300,400,500,600,700","Inter:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic"]  }});</script>
18
19  
19<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
19
20  <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
21  <link href="images/webclip.png" rel="apple-touch-icon"><!--  [Attributes by Finsweet] Copy to clipboard  -->
22  
22<script defer="" src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-copyclip@1/copyclip.js"></script>
22
23</head>
24<body class="body">
25  <div class="page-wrapper">
26    <div class="global-styles w-embed">
27      <style>
28/* Make text look crisper and more legible in all browsers */
29body {
30  -webkit-font-smoothing: antialiased;
31  -moz-osx-font-smoothing: grayscale;
32  font-smoothing: antialiased;
33  text-rendering: optimizeLegibility;
34}
35/* Focus state style for keyboard navigation for the focusable elements */
36*[tabindex]:focus-visible,
37  input[type="file"]:focus-visible {
38   outline: 0.125rem solid #4d65ff;
39   outline-offset: 0.125rem;
40}
41/* Set color style to inherit */
42.inherit-color * {
43    color: inherit;
44}
45/* Get rid of top margin on first element in any rich text element */
46.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
47  margin-top: 0 !important;
48}
49/* Get rid of bottom margin on last element in any rich text element */
50.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
51	margin-bottom: 0 !important;
52}
53/* Make sure containers never lose their center alignment */
54.container-medium,.container-small, .container-large {
55	margin-right: auto !important;
56  margin-left: auto !important;
57}
58/* 
59Make the following elements inherit typography styles from the parent and not have hardcoded values. 
60Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
61Uncomment this CSS to use it in the project. Leave this message for future hand-off.
62*/
63/*
64a,
65.w-input,
66.w-select,
67.w-tab-link,
68.w-nav-link,
69.w-dropdown-btn,
70.w-dropdown-toggle,
71.w-dropdown-link {
72  color: inherit;
73  text-decoration: inherit;
74  font-size: inherit;
75}
76*/
77/* Apply "..." after 3 lines of text */
78.text-style-3lines {
79	display: -webkit-box;
80	overflow: hidden;
81	-webkit-line-clamp: 3;
82	-webkit-box-orient: vertical;
83}
84/* Apply "..." after 2 lines of text */
85.text-style-2lines {
86	display: -webkit-box;
87	overflow: hidden;
88	-webkit-line-clamp: 2;
89	-webkit-box-orient: vertical;
90}
91/* These classes are never overwritten */
92.hide {
93  display: none !important;
94}
95@media screen and (max-width: 991px) {
96    .hide, .hide-tablet {
97        display: none !important;
98    }
99}
100  @media screen and (max-width: 767px) {
101    .hide-mobile-landscape{
102      display: none !important;
103    }
104}
105  @media screen and (max-width: 479px) {
106    .hide-mobile{
107      display: none !important;
108    }
109}
110.margin-0 {
111  margin: 0rem !important;
112}
113.padding-0 {
114  padding: 0rem !important;
115}
116.spacing-clean {
117padding: 0rem !important;
118margin: 0rem !important;
119}
120.margin-top {
121  margin-right: 0rem !important;
122  margin-bottom: 0rem !important;
123  margin-left: 0rem !important;
124}
125.padding-top {
126  padding-right: 0rem !important;
127  padding-bottom: 0rem !important;
128  padding-left: 0rem !important;
129}
130.margin-right {
131  margin-top: 0rem !important;
132  margin-bottom: 0rem !important;
133  margin-left: 0rem !important;
134}
135.padding-right {
136  padding-top: 0rem !important;
137  padding-bottom: 0rem !important;
138  padding-left: 0rem !important;
139}
140.margin-bottom {
141  margin-top: 0rem !important;
142  margin-right: 0rem !important;
143  margin-left: 0rem !important;
144}
145.padding-bottom {
146  padding-top: 0rem !important;
147  padding-right: 0rem !important;
148  padding-left: 0rem !important;
149}
150.margin-left {
151  margin-top: 0rem !important;
152  margin-right: 0rem !important;
153  margin-bottom: 0rem !important;
154}
155.padding-left {
156  padding-top: 0rem !important;
157  padding-right: 0rem !important;
158  padding-bottom: 0rem !important;
159}
160.margin-horizontal {
161  margin-top: 0rem !important;
162  margin-bottom: 0rem !important;
163}
164.padding-horizontal {
165  padding-top: 0rem !important;
166  padding-bottom: 0rem !important;
167}
168.margin-vertical {
169  margin-right: 0rem !important;
170  margin-left: 0rem !important;
171}
172.padding-vertical {
173  padding-right: 0rem !important;
174  padding-left: 0rem !important;
175}
176</style>
177    </div>
178    <div class="nav_fixed">
179      <div class="navbar-logo-center">
180        <div data-animation="default" data-collapse="small" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar-logo-center-container shadow-three w-nav">
181          <div class="container">
182            <div class="navbar-wrapper-three">
183              <a href="#" class="navbar-brand-three w-nav-brand"><img src="images/Logo-light-background.avif" loading="lazy" alt="Company logo
184" class="image"></a>
185              <nav role="navigation" class="nav-menu-wrapper-three w-nav-menu">
186                <div class="nav-menu-three">
187                  <ul role="list" class="nav-menu-block w-list-unstyled">
188                    <li>
189                      <a href="#about-section" class="nav-link">About</a>
190                    </li>
191                    <li>
192                      <a href="#testimonials-section" class="nav-link">Testimonials</a>
193                    </li>
194                    <li>
195                      <a href="#pricing-section" class="nav-link">Pricing</a>
196                    </li>
197                  </ul>
198                  <ul role="list" class="nav-menu-block w-list-unstyled">
199                    <li class="mobile-margin-top-10">
200                      <a href="#contact-section" class="button-primary w-button">Get Started</a>
201                    </li>
202                  </ul>
203                </div>
204              </nav>
205              <div class="menu-button w-nav-button">
206                <div class="w-icon-nav-menu"></div>
207              </div>
208            </div>
209          </div>
210        </div>
211      </div>
212    </div>
213    <main class="main-wrapper">
214      <section class="section_hero">
215        <div class="padding-global padding-section-small">
216          <div class="container-large">
217            <div class="hero_grid">
218              <div class="hero_content">
219                <h1 class="hero_heading">Master Arabic with a Native Teacher</h1>
220                <p class="text-size-medium">Learn Modern Standard Arabic, Egyptian Colloquial and Islamic Studies with an experienced native speaker.</p>
221                <p class="text-size-small">Join over a hundred students in mastering the Arabic Language.</p>
222                <div class="div-block">
223                  <a href="#contact-section" class="button is-brand w-button">Get Started</a>
224                  <a href="https://wa.me/201224032793" target="_blank" class="button light-background w-button">WhatsApp Chat</a>
225                </div>
226              </div><img src="images/heba-arabic-lesson-laptop.avif" loading="lazy" id="w-node-f4b3fa19-70bd-13bc-6230-b24f9f24bef2-073f167f" alt="Learn Arabic online with native Egyptian teacher Heba Kewan" class="hero_image">
227            </div>
228          </div>
229        </div>
230      </section>
231      <section id="about-section" class="section_about">
232        <div class="padding-global padding-section-small">
233          <div class="container-large">
234            <div class="about-section-wrapper">
235              <div class="about-section-left"></div>
236              <div class="about-section-right">
237                <h2 class="h2">Your Teacher</h2>
238                <p class="paragraph">I&#x27;m Heba Kewan, an Egyptian native and passionate educator, and I founded Easy Arabic For All to make learning Arabic accessible and enjoyable for everyone. With over 18 years of experience teaching learners of all ages and backgrounds, I bring a wealth of knowledge and a deep understanding of the language.<br><br>As a graduate of the College of Education in Arabic Language and Islamic Studies, I have also completed specialized training to teach non-native speakers. Whether you&#x27;re a complete beginner or looking to advance your skills, my expertise and dedication will guide you on your journey.</p>
239                <div id="w-node-_16e99637-4cfb-bc73-1fdf-f43a793cdfa2-073f167f" class="w-layout-layout quick-stack wf-layout-layout">
240                  <div class="w-layout-cell cell">
241                    <div class="text-block"><span class="hero-stat-span">18</span><br>Years</div>
242                  </div>
243                  <div class="w-layout-cell cell-3">
244                    <div class="text-block-2"><span class="hero-stat-span">100+</span><br>Students</div>
245                  </div>
246                </div>
247              </div>
248            </div>
249          </div>
250        </div>
251      </section>
252      <section class="section_why_how">
253        <div class="padding-global padding-section-small">
254          <div class="container-large">
255            <div class="why_how_section_wrapper">
256              <div class="why_section_left">
257                <h2 class="h2">How it works</h2>
258                <div class="div-block-3">
259                  <div class="div-block-4">
260                    <h3 class="h3">1. Book your lesson online </h3>
261                    <div class="text-block-9">
261Choose a package that suits you</div>
262                  </div>
263                  <div>
264                    <h3 class="h3">2. Meet me on a call </h3>
265                    <div class="text-block-10">Flexible scheduling</div>
266                  </div>
267                  <div>
268                    <h3 class="h3">3. Learn, practice &amp; grow</h3>
269                    <div class="text-block-11">Personalized lessons every step of the way</div>
270                  </div>
271                </div>
272              </div>
273              <div class="why_section_right">
274                <h2 class="h2">Why students choose me</h2>
275                <div class="div-block-2">
276                  <div class="icon-wrapper"><img src="images/Teacher-icon.svg" loading="lazy" alt="Teacher icon" class="icon">
277                    <div class="icon-text">Native teacher with 18+ years experience</div>
278                  </div>
279                  <div class="icon-wrapper"><img src="images/student-icon.svg" loading="lazy" alt="student icon" class="icon">
280                    <div class="icon-text">Student-centered teaching style</div>
281                  </div>
282                  <div class="icon-wrapper"><img src="images/Levels-icob.svg" loading="lazy" alt="Icon showing different levels" class="icon bigger">
283                    <div class="icon-text">For beginners, intermediate &amp; advanced learners</div>
284                  </div>
285                  <div class="icon-wrapper"><img src="images/options-icon.svg" loading="lazy" alt="icon showing multiple choices" class="icon">
286                    <div class="icon-text">Flexible packages</div>
287                  </div>
288                  <div class="icon-wrapper"><img src="images/Help-and-support-icon.avif" loading="lazy" alt="Help and support icon" class="image-4">
289                    <div class="icon-text">Friendly, supportive and patient approach</div>
290                  </div>
291                </div>
292              </div>
293            </div>
294            <a href="#contact-section" class="button is-brand margin-top w-button">Get in touch</a>
295          </div>
296        </div>
297      </section>
298      <section id="testimonials-section" class="section_testimonials">
299        <div class="padding-global padding-section-small">
300          <div class="container-large">
301            <h2 class="h2 centred dark-background">See what my students say</h2>
302            <div id="w-node-a707d11f-49de-d5d4-3c87-06936cd27fde-073f167f" class="w-layout-layout quick-stack-3 wf-layout-layout">
303              <div class="w-layout-cell testimonials-cell"><img src="images/Review-1_1.avif" loading="lazy" sizes="(max-width: 1080px) 100vw, 1080px" srcset="images/Review-1_1Review-1.avif 500w, images/Review-1_1.avif 1080w" alt="" class="testimonial-screenshot"></div>
304              <div class="w-layout-cell testimonials-cell"><img src="images/Review-11.jpg" loading="lazy" sizes="(max-width: 1065px) 100vw, 1065px" srcset="images/4a9590c750348aadfc7028fb92a2e810_Review-11-p-500.jpg 500w, images/4a9590c750348aadfc7028fb92a2e810_Review-11-p-800.jpg 800w, images/Review-11.jpg 1065w" alt="" class="testimonial-screenshot"></div>
305            </div>
306            <div id="w-node-_216df45b-4673-f9ce-26fb-3d168de1cb66-073f167f" class="w-layout-layout quick-stack-4 wf-layout-layout">
307              <div class="w-layout-cell testimonials-cell"><img src="images/Review-2.jpg" loading="lazy" sizes="(max-width: 1046px) 100vw, 1046px" srcset="images/52adb6267d7d00d888f3f39b3f769698_Review-2-p-500.jpg 500w, images/52adb6267d7d00d888f3f39b3f769698_Review-2-p-800.jpg 800w, images/Review-2.jpg 1046w" alt="" class="testimonial-screenshot"></div>
308              <div class="w-layout-cell testimonials-cell"><img src="images/Review-7.jpg" loading="lazy" sizes="(max-width: 1080px) 100vw, 1080px" srcset="images/49d626458d9762c7455fa7850dd2a8ed_Review-7-p-500.jpg 500w, images/49d626458d9762c7455fa7850dd2a8ed_Review-7-p-800.jpg 800w, images/Review-7.jpg 1080w" alt="" class="testimonial-screenshot"></div>
309              <div class="w-layout-cell testimonials-cell"><img src="images/Review-4_1.avif" loading="lazy" alt="" class="testimonial-screenshot"></div>
310            </div>
311            <div id="w-node-_9dd8a548-34b7-3fee-3c8e-adae79f734e3-073f167f" class="w-layout-layout quick-stack-5 wf-layout-layout">
312              <div class="w-layout-cell testimonials-cell">
312<img src="images/Review-12_1.avif" loading="lazy" alt="" class="testimonial-screenshot"></div>
313              <div class="w-layout-cell testimonials-cell"><img src="images/Review-13.avif" loading="lazy" alt="" class="testimonial-screenshot"></div>
314              <div class="w-layout-cell testimonials-cell"><img src="images/Review-5_1.avif" loading="lazy" sizes="(max-width: 1080px) 100vw, 1080px" srcset="images/Review-5_1Review-5.avif 500w, images/Review-5_1.avif 1080w" alt="" class="testimonial-screenshot"></div>
315              <div class="w-layout-cell testimonials-cell"><img src="images/Review-6_1.avif" loading="lazy" sizes="(max-width: 1080px) 100vw, 1080px" srcset="images/Review-6_1Review-6.avif 500w, images/Review-6_1.avif 1080w" alt="" class="testimonial-screenshot"></div>
316            </div>
317            <div id="w-node-_076ca936-529c-ed24-4c50-07970cc57e9a-073f167f" class="w-layout-layout quick-stack-6 wf-layout-layout">
318              <div class="w-layout-cell testimonials-cell"><img src="images/Review-8_1.avif" loading="lazy" sizes="(max-width: 1080px) 100vw, 1080px" srcset="images/Review-8_1Review-8.avif 500w, images/Review-8_1.avif 1080w" alt="" class="testimonial-screenshot"></div>
319              <div class="w-layout-cell testimonials-cell"><img src="images/Review-10_1.avif" loading="lazy" alt="" class="testimonial-screenshot"></div>
320            </div>
321          </div>
322        </div>
323      </section>
324      <section id="pricing-section" class="section_pricing">
325        <div class="padding-global padding-section-small">
326          <div class="container-large">
327            <h2 class="h2 centred">Lesson Packages</h2>
328            <p class="paragraph-2">You can choose from flexible packages to suit different learning goals. This way you can choose what works best for you</p>
329            <div id="w-node-_20c3632c-337c-7878-5061-3aa701c0612e-073f167f" class="w-layout-layout pricing-grid wf-layout-layout">
330              <div class="w-layout-cell pricing-grid-cell">
331                <h3 class="lesson-package-header">Single Lesson</h3>
332                <div class="lesson-price">$15</div>
333              </div>
334              <div class="w-layout-cell pricing-grid-cell">
335                <h3 class="lesson-package-header">5 Lesson Package</h3>
336                <div class="lesson-price">$70</div>
337                <div class="text-block-3">Save 5%</div>
338              </div>
339              <div class="w-layout-cell pricing-grid-cell">
340                <h3 class="lesson-package-header">10 Lesson Package</h3>
341                <div class="lesson-price">$135</div>
342                <div class="text-block-4">Save 10%</div>
343              </div>
344            </div>
345          </div>
346        </div>
347      </section>
348      <section id="contact-section" class="section_contact">
349        <div class="padding-global padding-section-small">
350          <div class="container-large">
351            <section class="rl_section_contact1">
352              <div class="rl-padding-global">
353                <div class="rl-container-small">
354                  <div class="rl-padding-section-large">
355                    <div class="rl_contact1_component">
356                      <div class="rl_contact1_heading-wrapper">
357                        <h2 class="h2 centred">Ready to start?</h2>
358                        <p class="rl-text-style-medium">You can get in touch via WhatsApp, email or just fill in the form below and I&#x27;ll get back to you.</p>
359                      </div>
360                      <ul role="list" class="list w-list-unstyled">
361                        <li class="contact-info">
362                          <a href="https://wa.me/201224032793" target="_blank" class="whatsapp-button contact-section w-button">Start WhatsApp Chat</a>
363                        </li>
364                        <li class="contact-info">
365                          <a fs-copyclip-message="Copied" fs-copyclip-element="click" fs-copyclip-text="[email protected]" href="#" class="link-block w-inline-block">
366                            <div class="text-block-8">[email protected]</div><img src="images/copy-icon.svg" loading="lazy" alt="" class="image-3">
367                          </a>
368                        </li>
369                      </ul>
370                      <div class="rl_contact1_form-block w-form">
371                        <form id="Easy-Arabic-for-All-website-form" name="wf-form-Contact-1-Form" data-name="Contact 1 Form" action="https://api.web3forms.com/submit" method="post" class="rl_contact1_form" data-wf-page-id="68c396ffb72491c6073f167f" data-wf-element-id="e3d59b7d-eed2-4684-8b29-7a65aad6b3a7">
372                          <div class="rl_contact1_form-field-wrapper"><label for="Name" class="rl-field-label">Name </label><input class="rl-form-input w-input" maxlength="256" name="Name" data-name="Name" placeholder="Name" type="text" id="Name" required=""></div>
373                          <div class="rl_contact1_form-field-wrapper"><label for="Email" class="rl-field-label">Email</label><input class="rl-form-input w-input" maxlength="256" name="Email" data-name="Email" placeholder="[email protected]" type="email" id="Email"></div>
374                          <div class="rl_contact1_form-field-wrapper"><label for="WhatsApp-Number" class="rl-field-label">WhatsApp Number</label><input class="rl-form-input w-input" maxlength="256" name="WhatsApp-Number" data-name="WhatsApp Number" placeholder="+123 456 7890" type="tel" id="WhatsApp-Number"></div>
375                          <div class="rl_contact1_form-field-wrapper"><label for="Message" class="rl-field-label">Message</label><textarea id="Message" name="Message" maxlength="5000" data-name="Message" placeholder="Type your message..." required="" class="rl-form-text-area w-input"></textarea></div>
376                          <div class="code-embed w-embed"><input type="hidden" name="access_key" value="b0c2ecb4-cf09-4904-bcff-8778829cb40b">
377                            <div class="h-captcha" data-captcha="true"></div>
378                          </div>
379                          <div id="w-node-e3d59b7d-eed2-4684-8b29-7a65aad6b3ba-073f167f" class="rl_contact1_button-wrapper"><input type="submit" data-wait="Please wait..." id="w-node-e3d59b7d-eed2-4684-8b29-7a65aad6b3bc-073f167f" class="rl-button w-button" value="Submit"></div>
380                        </form>
381                        <div class="rl-success-message w-form-done">
382                          <div class="rl-success-text">Thank you! Your submission has been received!</div>
383                        </div>
384                        <div class="rl-error-message w-form-fail">
385                          <div class="rl-error-text">Oops! Something went wrong while submitting the form.</div>
386                        </div>
387                      </div>
388                    </div>
389                  </div>
390                </div>
391              </div>
392            </section>
393          </div>
394        </div>
395      </section>
396    </main>
397  </div>
398  <div class="rl_footer4_component"><img src="images/Logo-light-background_1.avif" loading="lazy" alt="Company logo" class="rl_footer4_logo"></div>
399  
399<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=68c396fdb72491c6073f1629" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
399
400  
400<script src="js/webflow.js" type="text/javascript"></script>
400
401  
401<script src="https://web3forms.com/client/script.js" async="" defer=""></script>
401
402</body>
403</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.