CINXE.COM

maayot • Contact • Bite-size daily Chinese stories to your inbox

<!DOCTYPE html><!-- Last Published: Wed Dec 20 2023 08:22:22 GMT+0000 (Coordinated Universal Time) --> <html data-wf-page="6310017584e35b36c54dae2b" data-wf-site="5f0167d983f88ee5d69c8e58"> <head> <meta charset="utf-8"> <title>maayot • Contact • Bite-size daily Chinese stories to your inbox</title> <meta content="If you got a question about Maayot or just want to reach out to us, this is the place to do so! We&#x27;ll do our best to get back to you in a few days!" name="description"> <meta content="maayot • Contact • Bite-size daily Chinese stories to your inbox" property="og:title"> <meta content="If you got a question about Maayot or just want to reach out to us, this is the place to do so! We&#x27;ll do our best to get back to you in a few days!" property="og:description"> <meta content="maayot • Contact • Bite-size daily Chinese stories to your inbox" property="twitter:title"> <meta content="If you got a question about Maayot or just want to reach out to us, this is the place to do so! We&#x27;ll do our best to get back to you in a few days!" property="twitter:description"> <meta property="og:type" content="website"> <meta content="summary_large_image" name="twitter:card"> <meta content="width=device-width, initial-scale=1" name="viewport"> <link href="css/normalize.css" rel="stylesheet" type="text/css"> <link href="css/webflow.css" rel="stylesheet" type="text/css"> <link href="css/benoits-fabulous-project-919afec299c80b.webflow.css" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com" rel="preconnect"> <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"> <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script> <script type="text/javascript">WebFont.load({ google: { families: ["DM Sans:regular,italic,500,500italic,700,700italic","Zilla Slab:300,300italic,regular,italic,500,500italic,600,600italic,700,700italic","Caveat:regular,700:cyrillic,cyrillic-ext,latin,latin-ext"] }});</script> <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> <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon"> <link href="images/webclip.png" rel="apple-touch-icon"><!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5X8ZHGK');</script> <!-- End Google Tag Manager --> <!-- Memberstack --> <script src="https://api.memberstack.io/static/memberstack.js?webflow" data-memberstack-id="16994eed7bdde3781a57968be24dd38e"> </script> <!-- Memberstack --> <script src="https://api.memberstack.io/static/memberstack.js?webflow" data-memberstack-id="16994eed7bdde3781a57968be24dd38e"> </script> </head> <body> <div class="w-embed w-iframe"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5X8ZHGK" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> </div> <div class="navigation-container"> <div class="container"> <div data-collapse="medium" data-animation="default" data-duration="400" id="navbar" data-easing="ease" data-easing2="ease" role="banner" class="navbar-2 w-nav"> <a href="https://www.maayot.com" class="w-nav-brand"><img src="images/Untitled-12.png" alt="" class="image-40"></a> <nav role="navigation" class="nav-menu-wrapper w-nav-menu"></nav> <div class="nav-menu-button-wrapper"> <div class="nav-functions"> <div class="div-block-4"> <a href="https://story.maayot.com/account" data-ms-rewrite="Account" class="button-2 bg-gray-4 login w-button">Login</a> </div> <a href="#/ms/logout" class="button-2 bg-gray-4 logout w-button">Logout</a> </div> <div class="menu-button-2 w-nav-button"></div> </div> </div> </div> </div> <div class="section-4 bg-gray-4"> <div class="container"> <div class="row row-split-content"> <div class="content-width-small"> <h6 class="subheading text-primary-1">Drop us a line.</h6> <h3 class="large-heading-2">Get in touch with our super friendly team.<br></h3> <div class="text-block-95"><strong>Want to change your level? Need help in your Chinese learning? Got another question?<br>No worries, we get it. Message us and we&#x27;ll get right back to you!</strong><br></div> </div> <div class="content-width-medium"> <div class="card no-border shadow-small"> <div class="card-body"> <div class="w-embed w-iframe"><iframe title="Contact Form" src="https://plugins.crisp.chat/urn:crisp.im:contact-form:0/contact/0d7a75b7-0bd1-453f-b33a-e2942223a333" referrerpolicy="origin" sandbox="allow-forms allow-popups allow-same-origin allow-scripts" width="100%" height="600px" frameborder="0"></iframe></div> </div> </div> </div> </div> </div> </div> <div class="section-6 bg-gray-4"> <div class="container-2"> <div class="w-layout-grid grid-thirds"> <div class="centered-grid-item"><img src="images/small-business.svg" alt="" class="icon-large"> <h6 class="h6-small">Call Us</h6> <div>+852 6796 3837<br>8am to 5pm HKT (Mon - Fri)</div> </div> <div class="centered-grid-item"><img src="images/communication.svg" alt="" class="icon-large"> <h6 class="h6-small">Chat With Us</h6> <div>from the bottom-right side</div> </div> <div class="centered-grid-item"><img src="images/hand-with-pen.svg" alt="" class="icon-large"> <h6 class="h6-small">Message Us</h6> <div>with the above form or to <br>story (at) maayot.com</div> </div> </div> </div> </div> <div class="w-embed w-script"> <script type="text/javascript"> //apply only to forms with the action pointing to Basin $('form[action^="https://usebasin.com"]').each(function(i,el){ form = $(el); form.submit(function(e){ //stop the form from submitting e.preventDefault(); form = $(e.target); //get the form's action parameter and add ".json" to the end action = form.attr('action') + '.json'; //submit the form via ajax $.ajax({ url: action, method: "POST", data: form.serialize(), dataType: "json", success: function(data){ if(data.success){ //successful submission - hide the form and show the success message parent = $(form.parent()); parent.children('form').css('display','none'); parent.children('.w-form-done').css('display','block'); } else { //failed submission - log the output to the console and show the failure message console.log(data); parent.find('.w-form-fail').css('display','block'); } }, error: function(){ //failed submission - show the failure message parent.find('.w-form-fail').css('display','block'); } }); }); }); </script> </div> <div class="section-4 bottom-space-small bg-primary-3"> <div class="container"> <div class="row-cta"> <div class="cta-row-heading"> <div class="row no-wrap row-justify-center"> <h3 class="large-heading footer">Learn Chinese as you Read it.</h3> <div class="handwriting-2 text-primary-1 hidden-on-mobile">(Try it!)</div> </div> </div> </div> </div> <div class="container bottom-links"> <div class="footer-lower-row"> <div class="text-block-92 w-clearfix"> <a href="https://www.maayot.com/blog" target="_blank" class="link">Blog</a> <a href="https://www.maayot.com/blog" target="_blank" class="hover-link text-white"></a> </div> <div class="text-block-92 w-clearfix"> <a href="maayot-for-schools.html" class="link">Schools</a> <a href="maayot-for-schools.html" class="hover-link text-white"></a> </div> <a href="partners.html" class="text-block-92">Partners</a> <div class="text-block-92 w-clearfix"> <a href="affiliates.html" class="link">Affiliates</a> <a href="affiliates.html" class="hover-link text-white"></a> </div> <div class="text-block-92 w-clearfix"> <a href="privacy-policy.html" class="link">Privacy</a> <a href="privacy-policy.html" class="hover-link text-white"></a> </div> <div class="text-block-92 w-clearfix"> <a href="terms-of-use.html" class="link">Terms of Use</a> <a href="terms-of-use.html" class="hover-link text-white"></a> </div> <div class="text-block-92 w-clearfix"> <a href="contact.html" aria-current="page" class="link w--current">Contact</a> <a href="contact.html" aria-current="page" class="hover-link text-white w--current"></a> </div> </div> <div class="footer-lower-row"> <div class="text-block-105">         maayot is part of Ublo Group Ltd  with license #2734653<br>         Room 607, Yen Sheng Centre,<br>         64 Hoi Yuen Road, Kwun Tong,<br>         Hong Kong</div> </div> </div> </div> <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5f0167d983f88ee5d69c8e58" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="js/webflow.js" type="text/javascript"></script> <script> function getParam(name) { name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(location.search); return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); } Webflow.push(function() { // Auto-populate form fields (text fields only) based on query string // For non-text fields like dropdown/radio/checkbox, please contact me for custom development (http://webflowexpert.com) $('input:text, input[type=email]').each(function() { var paramValue = getParam(this.id); if(this.value == "" && paramValue != "") this.value = paramValue; }); }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10