		<script type="text/javascript">
			window.location.href = "US";
		</script>
		<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
      
      <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-G4X1B6MLGV"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-G4X1B6MLGV');
</script>
      
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>eSpeaks</title>


    <link rel="apple-touch-icon" sizes="180x180" href="/assets_v2/img/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/assets_v2/img/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/assets_v2/img/favicons/favicon-16x16.png">
    <link rel="shortcut icon" type="image/x-icon" href="/assets_v2/img/favicons/favicon.ico">
    <link rel="manifest" href="/assets_v2/img/favicons/manifest.json">
    <meta name="msapplication-TileImage" content="/assets_v2/img/favicons/mstile-150x150.png">
    <meta name="theme-color" content="#ffffff">


    <link href="/assets_v2/css/flag-icon.css" rel="stylesheet">
    <link href="/assets_v2/css/docs.css" rel="stylesheet">
    <link href="/assets_v2/css/theme.css" rel="stylesheet" />
    <link href="/assets_v2/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
    <link href="/assets_v2/css/animate.min.css" rel="stylesheet">
    <link href="/assets_v2/css/owl.carousel.min.css" rel="stylesheet">
    <script src="/assets_v2/header.js"></script>

  </head>


  <body>
    <!-- Content-->
    <main class="main" id="top">
      <nav class="navbar navbar-expand-lg navbar-light fixed-top" data-navbar-on-scroll="data-navbar-on-scroll">
        <div class="container"><a class="navbar-brand d-flex align-items-center fw-bold fs-2" href="index.php">
            <img src="/images/logo.png" style="width:58px;">
            <div class="text-1000 me-xxl-1">&nbsp;eSpeaks</div>
          </a>
          <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
          <div class="collapse navbar-collapse border-top border-lg-0 mt-4 mt-lg-0" id="navbarSupportedContent">
            <ul class="navbar-nav ms-auto pt-2 pt-lg-0">
              <li class="nav-item" data-anchor="data-anchor"><a class="nav-link fw-normal active" aria-current="page" href="#home">Home</a></li>
              <li class="nav-item" data-anchor="data-anchor"><a class="nav-link fw-normal" href="#details">About</a></li>
              <li class="nav-item" data-anchor="data-anchor"><a class="nav-link fw-normal" href="#method">Method</a></li>
              <li class="nav-item" data-anchor="data-anchor"><a class="nav-link fw-normal" href="#features">Individuals</a></li>
              <li class="nav-item" data-anchor="data-anchor"><a class="nav-link fw-normal" href="#businesses">Businesses</a></li>
              <li class="nav-item" data-anchor="data-anchor"><a class="nav-link fw-normal" href="#pricing">Pricing</a></li>
              <li class="nav-item" data-anchor="data-anchor"><a class="nav-link fw-normal" href="#testimonials">Testimonials</a></li>
              <li class="nav-item" data-anchor="data-anchor"><a class="nav-link fw-normal" href="#faq">FAQ</a></li>
              <li class="nav-item" data-anchor="data-anchor"><a class="nav-link fw-normal" href="#contact">Contact</a></li>
            </ul>
            <form class="ps-lg-2">
              <a class="btn btn-lg btn-primary rounded-pill order-0 login-b" data-bs-toggle="modal" data-bs-target="#loginm" role="button">Log In</a>
            </form>
          </div>
        </div>
      </nav>
      <!-- Home -->
      <section class="py-0 sec-scroll" id="home">
        <div class="bg-holder d-none d-md-block hero"></div>
        <!-- Phone slider -->
        <div class="container position-relative">
          <div class="row align-items-center py-8">
            <div class="col-md-7 col-lg-6 text-center text-md-start">
                <div class="d-none d-md-block mt-xxl-n3">
                <span class="badge bg-light rounded-pill text-dark align-items-center d-flex flex-row-reverse justify-content-end mx-auto mx-md-0 ps-0 w-75 w-sm-50 w-md-75 w-xl-50 mb-3">More than 55K students<img class="img-fluid float-start me-3" src="/assets_v2/img/arrow-right.png" alt=""/></span>
                </div>
              <h1 class="mb-4 display-3 fw-bold lh-sm">Welcome to eSpeaks              <br>Learn a Language Today</h1>
              <p class="mt-3 mb-4 fs-1">Log in to access your course or sign up.</p><a class="btn btn-lg btn-primary rounded-pill hover-top login-b" data-bs-toggle="modal" data-bs-target="#loginm" role="button">Log In</a><a class="btn btn-link ps-md-4 signup-b" data-bs-toggle="modal" data-bs-target="#signupm">Sign Up</a>
            </div>
            <div class="col-md-5 col-lg-6 d-none d-md-block order-md-1 text-center text-md-end">
                <div class="col-lg-6 d-flex justify-content-center justify-content-lg-end wow fadeInUp" data-wow-delay="0.3s">
                            <div class="owl-carousel screenshot-carousel">
                                <img class="img-fluid" src="/assets_v2/img/screenshot-1.png" alt="">
                                <img class="img-fluid" src="/assets_v2/img/screenshot-2.png" alt="">
                                <img class="img-fluid" src="/assets_v2/img/screenshot-3.png" alt="">
                                <img class="img-fluid" src="/assets_v2/img/screenshot-4.png" alt="">
                                <img class="img-fluid" src="/assets_v2/img/screenshot-5.png" alt="">
                            </div>
                        </div>
            </div>
            <div class="container d-block d-md-none mt-3">
            <div class="order-md-1">
                    <img class="img-fluid" src="/assets_v2/img/overview2.png" alt=overview>
                    <span class="badge bg-light rounded-pill text-dark align-items-center d-flex flex-row-reverse justify-content-end mx-auto mx-md-0 ps-0 w-75 w-sm-50 w-md-75 w-xl-50">More than 55K students<img class="img-fluid float-start me-3" src="/assets_v2/img/arrow-right.png" alt=""/></span>
                </div>
          </div>
          </div>
        </div>
      </section>

      <!-- Partners -->
      <section>
        <div class="container">
          <div class="row">
            <div class="col-12 mx-auto align-items-center text-center">
              <p class="mb-4">Trusted by companies like</p>
            </div>
          </div>
          <div class="row align-items-center justify-content-center justify-content-lg-around">
            <div class="col-6 col-sm-4 col-md-4 col-lg-2 px-md-0 mb-5 mb-lg-0 text-center"><img class="partners" src="/assets_v2/img/partners/ebay.png" alt="" /></div>
            <div class="col-6 col-sm-4 col-md-4 col-lg-2 px-md-0 mb-5 mb-lg-0 text-center"><img class="partners" src="/assets_v2/img/partners/paypal.png" alt="" /></div>
            <div class="col-6 col-sm-4 col-md-4 col-lg-2 px-md-0 mb-5 mb-lg-0 text-center"><img class="partners" src="/assets_v2/img/partners/cgi.png" alt="" /></div>
            <div class="col-6 col-sm-4 col-md-4 col-lg-2 px-md-0 mb-5 mb-lg-0 text-center"><img class="partners" src="/assets_v2/img/partners/airbus.png" alt="" /></div>
          </div>
        </div>
      </section>
      
      <!-- About -->
    <section id="details" class="basic-1 sec-scroll">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-xl-7">
                    <div class="image-container">
                        <img class="img-fluid" src="/assets_v2/img/details-2.png" alt="alternative">
                    </div> <!-- end of image-container -->
                </div> <!-- end of col -->
                <div class="col-lg-6 col-xl-5">
                    <div class="text-container">
                        <h6 class="fw-bold fs-4 display-3 lh-sm">Our training program was created by a Canadian group</h6>
                        <p>Canada is such a vast country that elearning has become a priority in schools and businesses all across the country from east to west.</p>
                        <p>eSpeaks teachers are all native speakers and are qualified language instructors from Canada, France, Spain, Italy, Russia, Netherlands, Germany, Portugal and Brazil.</p>
                        <p>They mostly come from recognized universities.</p>
                        <ul class="list-unstyled">
                          <li><i class="bi bi-check"></i> University of Toronto Faculty of Education (Toronto, Canada)</li>
                          <li><i class="bi bi-check"></i> AnneArundelCommunity College (Washington DC, USA)</li>
                          <li><i class="bi bi-check"></i> The Ontario Institute for Studies in Education - OISE (Toronto, Canada)</li>
                          <li><i class="bi bi-check"></i> IEP Paris-Science Po (Paris, France)</li>
                          <li><i class="bi bi-check"></i> King George International College (Vancouver, Canada)</li>
                        </ul>
                    </div> <!-- end of text-container -->
                </div> <!-- end of col -->
            </div> <!-- end of row -->
        </div> <!-- end of container -->
    </section>
      
      <!-- Method -->
      <section class="py-5 sec-scroll" id="method">

        <div class="container">
          <div class="row align-items-center mb-6">
            <div class="col-md-5 col-lg-4 offset-lg-1">
              <h1 class="fw-bold lh-base">Each step is interactive and our interface is intuitive</h1>
            </div>
            <div class="col-md-6 col-lg-5 offset-lg-1 border-start py-5 ps-5">
              <p class="mb-0">It includes the four disciplines:
              <br>Listening (oral comprehension)
              <br>Reading (reading comprehension)
              <br>Speaking (oral expression)
              <br>Writing (written expression)</p>
            </div>
          </div>
          <div class="row">
            <div class="col-md-4 col-lg-3 offset-lg-1 mb-4">
              <div class="py-4 text-center tick_container"><span class="fw-bold tick tick-red-light text-danger"><i class="bi bi-journals icon-txt-40"></i></span></div>
              <h5 class="fw-bold text-danger">All levels</h5>
              <p class="mt-2 mb-0">Thematic and chronological lessons according to level test.</p>
            </div>
            <div class="col-md-4 col-lg-3 offset-lg-1 mb-4">
              <div class="py-4 text-center tick_container"><span class="fw-bold tick tick-blue-light text-primary"><i class="bi bi-megaphone icon-txt-40"></i></span></div>
              <h5 class="fw-bold text-primary">eAccent©</h5>
              <p class="mt-2 mb-0">For pronunciation development.</p>
            </div>
            <div class="col-md-4 col-lg-3 offset-lg-1 mb-4">
              <div class="my-4 text-center tick_container"><span class="fw-bold tick tick-green-light text-success"><i class="bi bi-speaker icon-txt-40"></i></span></div>
              <h5 class="fw-bold text-success">eDictation©</h5>
              <p class="mt-2 mb-0">Writing development technology system.</p>
            </div>
          </div>
        </div>
        <!-- end of .container-->

      </section>
      
      <!-- Individuals -->
      <section class="py-5 sec-scroll" id="features">
        <div class="container-lg">
          <div class="row align-items-center">
            <div class="col-md-5 col-lg-6 order-md-0 text-center text-md-start"><img class="img-fluid" src="/assets_v2/img/feature-bg.png" width="550" alt="" /></div>
            <div class="col-md-7 col-lg-6 px-sm-5 px-md-0">
              <h6 class="fw-bold fs-4 display-3 lh-sm">Teachers are available for any questions</h6>
              <p class="my-4">Compatible on all computers, phones and tablets including iPads and iPhones.</p>
              <div class="d-flex align-items-center mb-5">
                <div class="text-center tick_container"><span class="fw-bold tick tick-red-light text-danger"><i class="bi bi-laptop icon-txt-40"></i></span></div>
                <div class="px-4">
                  <h5 class="fw-bold text-danger">All in one place</h5>
                  <p>Choose the language that would you like to learn.
                  <br>6000 training pages 4700 multimedia files per language.
                  <br>A series of lessons per level (beginner, elementary,  intermediate and advanced).</p>
                </div>
              </div>
              <div class="d-flex align-items-center mb-5">
                <div class="text-center tick_container"><span class="fw-bold tick tick-blue-light text-primary"><i class="bi bi-list-check icon-txt-40"></i></span></div>
                <div class="px-4">
                  <h5 class="fw-bold text-primary">A la carte</h5>
                  <p>Training: development of accent and fluency.
                  <br>Online teachers that you can contact all day by chat.
                  <br>35 conversation vocabulary modules and 45 grammar modules.</p>
                </div>
              </div>
              <div class="d-flex align-items-center mb-5">
                <div class="text-center tick_container"><span class="fw-bold tick tick-green-light text-green"><i class="bi bi-stopwatch icon-txt-40"></i></span></div>
                <div class="px-4">
                  <h5 class="fw-bold text-success">At your own pace</h5>
                  <p>24/7
                  <br>eAccent©: accent perfection.
                  <br>eDictation©: grammar and spelling development.
                  <br>A complete report of your training, level test,<br class="d-none d-xl-block"> objectives, progress tests, time spent on site, exit<br class="d-none d-xl-block"> test, quality control.
                      </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <!-- <section> -->
      <section id="features" class="accordion-1">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <h6 class="fw-bold fs-4 display-3 lh-sm text-white text-center">All themes you need are on the site</h6>
                    <p class="text-white text-center">The office, communication strategies, business travel, business emails, coaching, consultant to the business in different cultures, making a presentation, boost his career , work abroad, competition, technology, marketing, outsourcing, hobbies, networks appear (CV, cover letter and interview) ... and many others.</p>
                </div> <!-- end of col -->
            </div> <!-- end of row -->   
            <div class="row">
                <div class="col-xl-5">
                    <div class="accordion" id="accordionExample">
                        
                        <!-- Accordion Item -->
                        <div class="accordion-item">
                            <div class="accordion-icon">
                                <span class="bi bi-pc-display"></span>
                            </div> <!-- end of accordion-icon -->
                            <div class="accordion-header" id="headingOne">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    Content
                                </button>
                            </div> <!-- end of accordion-header -->
                            <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                <div class="accordion-body">6000 training pages 4700 multimedia files per language</div>
                            </div> <!-- end of accordion-collapse -->
                        </div> <!-- end of accordion-item -->
                        <!-- end of accordion-item -->

                        <!-- Accordion Item -->
                        <div class="accordion-item">
                            <div class="accordion-icon blue">
                                <span class="bi bi-mic"></span>
                            </div> <!-- end of accordion-icon -->
                            <div class="accordion-header" id="headingTwo">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    eAccent
                                </button>
                            </div> <!-- end of accordion-header -->
                            <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                <div class="accordion-body">35 conversation vocabulary modules and 45 grammar modules.</div>
                            </div> <!-- end of accordion-collapse -->
                        </div> <!-- end of accordion-item -->
                        <!-- end of accordion-item -->

                        <!-- Accordion Item -->
                        <div class="accordion-item">
                            <div class="accordion-icon purple">
                                <span class="bi bi-card-text"></span>
                            </div> <!-- end of accordion-icon -->
                            <div class="accordion-header" id="headingThree">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    Report of your training 
                                </button>
                            </div> <!-- end of accordion-header -->
                            <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                <div class="accordion-body">Report of your, level test, objectives, progress tests, time spent on site, release test, quality control.</div>
                            </div> <!-- end of accordion-collapse -->
                        </div> <!-- end of accordion-item -->
                        <!-- end of accordion-item -->
                        
                        <!-- Accordion Item -->
                        <div class="accordion-item">
                            <div class="accordion-icon orange">
                                <span class="bi bi-people"></span>
                            </div> <!-- end of accordion-icon -->
                            <div class="accordion-header" id="headingFour">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                    Support (Chat) 8AM to 7PM for all users
                                </button>
                            </div> <!-- end of accordion-header -->
                            <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
                                <div class="accordion-body">Further our teams are available for all technical and pedagogical issues for your content development.</div>
                            </div> <!-- end of accordion-collapse -->
                        </div> <!-- end of accordion-item -->
                        <!-- end of accordion-item -->

                    </div> <!-- end of accordion -->
                </div> <!-- end of col -->
                <div class="col-xl-1"></div>
                <div class="col-xl-5">
                    <div class="image-container">
                        <img class="img-fluid" src="/assets_v2/img/overview2.png" alt=overview>
                    </div> <!-- end of image-container -->
                </div> <!-- end of col -->
            </div> <!-- end of row -->
        </div> <!-- end of container -->
    </section>

      <!-- Businesses -->
      <section class="py-6 sec-scroll" id="businesses">

        <div class="container">
          <div class="row justify-content-center mb-6">
            <div class="col-lg-7 text-center mx-auto mb-3 mb-md-5 mt-4">
              <h6 class="fw-bold fs-4 display-3 lh-sm">We have a turn key solution for you</h6>
              <p class="mb-0">Simplify your work and improve your communication and training with our powerful eLearning platform. We work with the following sectors: BtoC, BtoB, BtoI (institutional).</p>
            </div>
          </div>
          <div class="row">
          <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
            <div class="icon-box iconbox-blue">
              <div class="icon">
                 <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M100,475 l-26,-26 l0,-398 l24,-25 l399,-1 l27,25 l0,397 l-23,30 l-393,-4"></path>
                </svg>
                <i class="bi bi-pc-display"></i>
              </div>
              <h4>Customized</h4>
              <p>Customize your training with your logo, your colors and your communication. Create your platform according to your needs. </p>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in" data-aos-delay="200">
            <div class="icon-box iconbox-orange ">
              <div class="icon">
                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M100,475 l-26,-26 l0,-398 l24,-25 l399,-1 l27,25 l0,397 l-23,30 l-393,-4"></path>
                </svg>
                <i class="bi bi-journals"></i>
              </div>
              <h4>Support</h4>
              <p>We offer support (Chat) 8AM to 7PM for all users.
              <br>Further our teams are available for all technical and pedagogical issues for your content development.</p>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in" data-aos-delay="300">
            <div class="icon-box iconbox-pink">
              <div class="icon">
                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M100,475 l-26,-26 l0,-398 l24,-25 l399,-1 l27,25 l0,397 l-23,30 l-393,-4"></path>
                </svg>
                <i class="bi bi-speedometer2"></i>
              </div>
              <h4>Extranet administrator</h4>
              <p>On the extranet you have the possibility to follow your users, measure time on site, see results, localise your users, measure strengths and weaknesses and all of this live.</p>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="100">
            <div class="icon-box iconbox-yellow">
              <div class="icon">
                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M100,475 l-26,-26 l0,-398 l24,-25 l399,-1 l27,25 l0,397 l-23,30 l-393,-4"></path>
                </svg>
                <i class="bi bi-life-preserver"></i>
              </div>
              <h4>Content and quizzes</h4>
              <p>Create your content and quizzes to establish what you need to evaluate.</p>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="200">
            <div class="icon-box iconbox-red">
              <div class="icon">
                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M100,475 l-26,-26 l0,-398 l24,-25 l399,-1 l27,25 l0,397 l-23,30 l-393,-4"></path>
                </svg>
                <i class="bi bi-phone"></i>
              </div>
              <h4>Compatiblity</h4>
              <p>Our solutions are compatible for all platforms (Windows Mac Iphone and Android).</p>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="300">
            <div class="icon-box iconbox-teal">
              <div class="icon">
                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                  <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M100,475 l-26,-26 l0,-398 l24,-25 l399,-1 l27,25 l0,397 l-23,30 l-393,-4"></path>
                </svg>
                <i class="bi bi-mouse2"></i>
              </div>
              <h4>Ease of use</h4>
              <p>Save time and energy in our user-friendly software so you are concentrating on your learning.</p>
            </div>
          </div>

        </div>
        </div>
        <!-- end of .container-->

      </section>

      <!-- Pricing -->
      <div class="container-xxl py-5 sec-scroll" id="pricing">
            <div class="container py-5 px-lg-5">
                <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
                    <h6 class="fw-bold fs-4 display-3 lh-sm mb-3">Choose your subscription</h6>
                </div>
                <div class="tab-class text-center pricing wow fadeInUp" data-wow-delay="0.1s">
                    <div class="tab-content text-center">
                        <div id="tab-1" class="tab-pane fade show p-0 active">
                            <div class="row">
                                <div class="col-lg-3">
                                    <div class="bg-light rounded">
                                        <div class="border-bottom p-4 mb-4">
                                            <h4 class="fw-bold fs-2 mb-1">3 months</h4>
                                            <span class="fw-medium">All levels included</span>
                                        </div>
                                        <div class="p-4 pt-0">
                                            <h1 class="fw-bold mb-3">
                                                 €85<small style="font-size: 22px; line-height: 45px;">,00</small>
                                            </h1>
                                            <div class="mb-3"><span>Grammar</span></div>
                                            <div class="mb-3"><span>Vocabulary</span></div>
                                            <div class="mb-3"><span>eAccent</span></div>
                                            <div class="mb-2"><span>MP3 audio downloadable</span></div>
                                            <a href="" class="btn btn-lg btn-warning rounded-pill order-0">Buy now</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 m-table-pricing">
                                    <div class="bg-light rounded border">
                                        <div class="border-bottom p-4 mb-4">
                                            <h4 class="fw-bold fs-2 mb-1">6 months</h4>
                                            <span class="fw-medium">All levels included</span>
                                        </div>
                                        <div class="p-4 pt-0">
                                            <h1 class="fw-bold mb-3">
                                                €168<small style="font-size: 22px; line-height: 45px;">,00</small>
                                            </h1>
                                            <div class="mb-3"><span>Grammar</span></div>
                                            <div class="mb-3"><span>Vocabulary</span></div>
                                            <div class="mb-3"><span>eAccent</span></div>
                                            <div class="mb-2"><span>MP3 audio downloadable</span></div>
                                            <a href="" class="btn btn-lg btn-warning rounded-pill order-0">Buy now</a>
                                        </div> 

                                    </div>
                                </div>
                                <div class="col-lg-3 m-table-pricing">
                                    <div class="bg-light rounded">
                                        <div class="border-bottom p-4 mb-4">
                                            <h4 class="fw-bold fs-2 mb-1">12 months</h4>
                                            <span class="fw-medium">All levels included</span>
                                        </div>
                                        <div class="p-4 pt-0">
                                            <h1 class="fw-bold mb-3">
                                                €330<small style="font-size: 22px; line-height: 45px;">,00</small>
                                            </h1>
                                            <div class="mb-3"><span>Grammar</span></div>
                                            <div class="mb-3"><span>Vocabulary</span></div>
                                            <div class="mb-3"><span>eAccent</span></div>
                                            <div class="mb-2"><span>MP3 audio downloadable</span></div>
                                            <a href="" class="btn btn-lg btn-warning rounded-pill order-0">Buy now</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 m-table-pricing">
                                    <div class="bg-light rounded">
                                        <div class="border-bottom p-4 mb-4">
                                            <h4 class="fw-bold fs-2 mb-1">18 months</h4>
                                            <span class="fw-medium">All levels included</span>
                                        </div>
                                        <div class="p-4 pt-0">
                                            <h1 class="fw-bold mb-3">
                                                €485<small style="font-size: 22px; line-height: 45px;">,00</small>
                                            </h1>
                                            <div class="mb-3"><span>Grammar</span></div>
                                            <div class="mb-3"><span>Vocabulary</span></div>
                                            <div class="mb-3"><span>eAccent</span></div>
                                            <div class="mb-2"><span>MP3 audio downloadable</span></div>
                                            <a href="" class="btn btn-lg btn-warning rounded-pill order-0">Buy now</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>

        <!-- Testimonial -->
        <div class="container-xxl py-5 sec-scroll" id="testimonials">
            <div class="container py-5 px-lg-5">
                <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
                    <h6 class="fw-bold fs-4 display-3 lh-sm">Testimonials</h6>
                </div>
                <div class="owl-carousel testimonial-carousel wow fadeInUp" data-wow-delay="0.1s">
                    <div class="testimonial-item rounded p-4">
                        <div class="d-flex align-items-center mb-4">
                            <img class="img-fluid bg-white rounded flex-shrink-0 p-1" src="/assets_v2/img/testimonials/Pic02_sm.jpg" style="width: 85px; height: 85px;">
                            <div class="ms-4">
                                <h5 class="mb-1">Françoise</h5>
                                <p class="mb-1">From France</p>
                                <div>
                                    <small class="bi bi-star-fill text-warning"></small>
                                    <small class="bi bi-star-fill text-warning"></small>
                                    <small class="bi bi-star-fill text-warning"></small>
                                    <small class="bi bi-star-fill text-warning"></small>
                                    <small class="bi bi-star-fill text-warning"></small>
                                </div>
                            </div>
                        </div>
                        <p class="mb-0">My progress is good and the elearning suits me. I am able to talk to people from other cultures more easily. eSpeaks is great!</p>
                    </div>
                    <div class="testimonial-item rounded p-4">
                        <div class="d-flex align-items-center mb-4">
                            <img class="img-fluid bg-white rounded flex-shrink-0 p-1" src="/assets_v2/img/testimonials/Pic04_sm.jpg" style="width: 85px; height: 85px;">
                            <div class="ms-4">
                                <h5 class="mb-1">Jan</h5>
                                <p class="mb-1">From Belgium</p>
                                <div>
                                    <small class="bi bi-star-fill text-warning"></small>
                                    <small class="bi bi-star-fill text-warning"></small>
                                    <small class="bi bi-star-fill text-warning"></small>
                                    <small class="bi bi-star-fill text-warning"></small>
                                    <small class="bi bi-star-fill text-warning"></small>
                                </div>
                            </div>
                        </div>
                        <p class="mb-0">I really like the weekly MP3 exercises. I do them on my phone. This is a very good solution for a busy person.</p>
                    </div>
                    <div class="testimonial-item rounded p-4">
                        <div class="d-flex align-items-center mb-4">
                            <img class="img-fluid bg-white rounded flex-shrink-0 p-1" src="/assets_v2/img/testimonials/Pic01_sm.jpg" style="width: 85px; height: 85px;">
                            <div class="ms-4">
                                <h5 class="mb-1">Xavier</h5>
                                <p class="mb-1">From USA</p>
                                <div>
                                    <small class="bi bi-star-fill text-warning"></small>
                                    <small class="bi bi-star-fill text-warning"></small>
                                    <small class="bi bi-star-fill text-warning"></small>
                                    <small class="bi bi-star-fill text-warning"></small>
                                    <small class="bi bi-star-fill text-warning"></small>
                                </div>
                            </div>
                        </div>
                        <p class="mb-0">I've tried your main competitor's platforms and I think eSpeaks is better because of its quality content, plus it's great fun!</p>
                    </div>
                    <div class="testimonial-item rounded p-4">
                        <div class="d-flex align-items-center mb-4">
                            <img class="img-fluid bg-white rounded flex-shrink-0 p-1" src="/assets_v2/img/testimonials/Pic03_sm.jpg" style="width: 85px; height: 85px;">
                            <div class="ms-4">
                                <h5 class="mb-1">Juliet</h5>
                                <p class="mb-1">From Spain</p>
                                <div>
                                    <small class="bi bi-star-fill text-warning"></small>
                                    <small class="bi bi-star-fill text-warning"></small>
                                    <small class="bi bi-star-fill text-warning"></small>
                                    <small class="bi bi-star-fill text-warning"></small>
                                    <small class="bi bi-star-fill text-warning"></small>
                                </div>
                            </div>
                        </div>
                        <p class="mb-0">This site is really great fun. It makes you want to work while having fun and setting challenges. Bravo eSpeaks, keep it up!</p>
                    </div>
                </div>
            </div>
        </div>

      <!-- faq -->
      <section class="py-8 sec-scroll" id="faq">

        <div class="container">
          <div class="row justify-content-center">
            <div class="col-md-8 col-lg-6 text-center mb-3">
              <h6 class="fw-bold fs-4 display-3 lh-sm mb-3">Frequently asked questions</h6>
            </div>
          </div>
          <div class="row flex-center">
            <div class="col-lg-9">
              <div class="accordion" id="accordionFaq">
                <div class="accordion-item mb-2">
                  <h2 class="accordion-header" id="heading1">
                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1"><span class="mb-0 fw-bold text-start fs-1 text-1000">How can I sign up?</span></button>
                  </h2>
                  <div class="accordion-collapse collapse show" id="collapse1" aria-labelledby="heading1" data-bs-parent="#accordionFaq">
                    <div class="accordion-body bg-100">Click on the <a class="signup-b" data-bs-toggle="modal" data-bs-target="#signupm" style="display:inline!important; padding:0px!important;">"Sign up"</a> button on the main page, fill out the form. You will have access to your course immediately.</div>
                  </div>
                </div>
                <div class="accordion-item mb-2">
                  <h2 class="accordion-header" id="heading2">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="true" aria-controls="collapse2"><span class="mb-0 fw-bold text-start fs-1 text-1000">I can't access my course</span></button>
                  </h2>
                  <div class="accordion-collapse collapse" id="collapse2" aria-labelledby="heading2" data-bs-parent="#accordionFaq">
                    <div class="accordion-body bg-100">Click <a class="openForgot" data-bs-toggle="modal" data-bs-target="#forgotm" style="display:inline!important; padding:0px!important;">here</a> to set up a new password.</div>
                  </div>
                </div>
                <div class="accordion-item mb-2">
                  <h2 class="accordion-header" id="heading3">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="true" aria-controls="collapse3"><span class="mb-0 fw-bold text-start fs-1 text-1000">I chose the wrong language that I want to learn, how can I change it?</span></button>
                  </h2>
                  <div class="accordion-collapse collapse" id="collapse3" aria-labelledby="heading3" data-bs-parent="#accordionFaq">
                    <div class="accordion-body bg-100">Please send us an email with your registered email and what language would you like to learn to info@espeaks.com. You will receive an email when your account has been updated.</div>
                  </div>
                </div>
                <div class="accordion-item mb-2">
                  <h2 class="accordion-header" id="heading4">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="true" aria-controls="collapse4"><span class="mb-0 fw-bold text-start fs-1 text-1000">I bought a coupon, what should I do?</span></button>
                  </h2>
                  <div class="accordion-collapse collapse" id="collapse4" aria-labelledby="heading4" data-bs-parent="#accordionFaq">
                    <div class="accordion-body bg-100">Please create your account by clicking on the <a class="signup-b" data-bs-toggle="modal" data-bs-target="#signupm" style="display:inline!important; padding:0px!important;">"Sign up"</a> button on the main page, in the form you have to enter the coupon number and security code.</div>
                  </div>
                </div>
                <div class="accordion-item mb-2">
                  <h2 class="accordion-header" id="heading5">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="true" aria-controls="collapse5"><span class="mb-0 fw-bold text-start fs-1 text-1000">Where can I find my coupon number?</span></button>
                  </h2>
                  <div class="accordion-collapse collapse" id="collapse5" aria-labelledby="heading5" data-bs-parent="#accordionFaq">
                    <div class="accordion-body bg-100">You will find your coupon number and security code on your purchase receipt.</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- end of .container-->

      </section>

      <!-- Contact -->
    <section id="contact" class="contact sec-scroll">
      <div class="container" data-aos="fade-up">
          <div class="row justify-content-center">
            <div class="col text-center mb-3">
              <h6 class="fw-bold fs-4 display-3 lh-sm mb-3">Use the following form to contact us</h6>
            </div>
          </div>

        <div>
          <iframe style="border:0; width: 100%; height: 270px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2623.3272453619875!2d2.3217825696650425!3d48.89010027445857!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66faccfb406e7%3A0x8fa18c10d37c9414!2s150%20Rue%20Legendre%2C%2075017%20Paris%2C%20France!5e0!3m2!1sen!2sve!4v1644335614279!5m2!1sen!2sve" frameborder="0" allowfullscreen></iframe>
        </div>

        <div class="row mt-5">

          <div class="col-lg-4">
            <div class="info">
              <div class="address">
                <i class="bi bi-geo-alt"></i>
                <h4>Location:</h4>
                <p>150, rue Legendre
                <br>75017 Paris
                <br>France</p>
              </div>

              <div class="email">
                <i class="bi bi-envelope"></i>
                <h4>Email:</h4>
                <p>info@eSpeaks.com</p>
              </div>

              <div class="phone">
                <i class="bi bi-phone"></i>
                <h4>Call:</h4>
                <p>+33 9 70 40 50 51
                <br>+ 1 954 317 1986</p>
              </div>

            </div>

          </div>

          <div class="col-lg-8 mt-5 mt-lg-0">

            <form action="/assets_v2/contact.php" method="post" role="form" class="php-email-form">
              <div class="row">
                <div class="col-md-6 form-group">
                  <input type="text" name="name_contact" class="form-control" id="name_contact" placeholder="Your Name" required>
                </div>
                <div class="col-md-6 form-group">
                  <input type="email" class="form-control" name="email_contact" id="email_contact" placeholder="Your Email" required>
                </div>
              </div>
              <div class="form-group mt-3">
                <input type="text" class="form-control" name="subject_contact" id="subject_contact" placeholder="Subject" required>
              </div>
              <div class="form-group mt-3">
                <textarea class="form-control" name="message_contact" rows="5" placeholder="Message" required></textarea>
              </div>
              <div class="my-3">
                <div class="loading">Loading</div>
                <div class="error-message"></div>
                <div class="sent-message">Your message has been sent. Thank you!</div>
              </div>
              <div class="text-center"><button class="btn btn-lg btn-primary rounded-pill order-0" type="submit">Send Message</button></div>
            </form>

          </div>

        </div>

      </div>
    </section>
    
    <!-- Img -->  
    <div class="footer">
        <img class="decoration-city" src="/assets_v2/img/decoration-city.svg" alt="alternative">
    </div>

    <!-- Footer -->
    <footer id="footer">
        <div class="footer-top">
          <div class="container">
            <div class="row">
    
              <div class="col-lg-3 col-sm-12 footer-contact">
                <h3><img src="/images/logo.png" alt="" style="width:40px;"> eSpeaks</h3>
                <p>
                  150, rue Legendre 
                    <br>75017 Paris, France<br>
                  <strong>Phone:</strong> +33 9 70 40 50 51<br>
                  <span style="margin-left:48px">+ 1 954 317 1986</span><br>
                  <strong>Email:</strong> info@eSpeaks.com<br>
                </p>
              </div>
    
              <div class="col-lg-2 col footer-links">
                <h4>Useful Links</h4>
                <ul>
                  <li><i class="bx bx-chevron-right"></i> <a href="#home">Home</a></li>
                  <li><i class="bx bx-chevron-right"></i> <a href="#details">About us</a></li>
                  <li><i class="bx bx-chevron-right"></i> <a href="#faq">FAQ</a></li>
                </ul>
              </div>
    
              <div class="col-lg-3 col footer-links">
                <h4>Legal</h4>
                <ul>
                  <li><i class="bx bx-chevron-right"></i> <a href="terms.php">Legal information</a></li>
                  <li><i class="bx bx-chevron-right"></i> <a href="cookie.php">Cookie policy</a></li>
                  <li><i class="bx bx-chevron-right"></i> <a href="gdpr.php">GDPR</a></li>
                </ul>
              </div>
    
              <div class="col-lg-4 col-md-6 footer-newsletter">
                <h4>Our company</h4>
                <p>eSpeaks.com Ltd. is registered with the Chambre de Commerce de Paris, France.</p>
                <img src="https://englishaz.com/admin/images/azdatadock.png">
              </div>
    
            </div>
          </div>
        </div>

        <div class="container d-md-flex py-4">
    
          <div class="me-md-auto text-center text-md-start">
            <div class="copyright">
              &copy; Copyright <strong><span>eSpeaks.com</span></strong>. All Rights Reserved 2026            </div>
          </div>
          <div class="social-links text-center text-md-right pt-3 pt-md-0">
            <a href="https://www.facebook.com/people/eSpeaks/100064146218796" class="facebook"><i class="bi bi-facebook"></i></a>
            <a href="https://www.youtube.com/channel/UC359AH5LfVjsdoHn6Iey74w" class="youtube"><i class="bi bi-youtube"></i></a>
          </div>
        </div>
    </footer>

    </main>
  
  <div class="modal fade" id="signupm" tabindex="-1" aria-labelledby="signupm" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
          <!--====  modal ====-->
    <div class="row justify-content-center mx-3">
        <div class="col-12 text-center p-0 mt-3 mb-2 mx-2">
            <div class="card px-1 pb-0">
                <div class="modal-header border-0 m-0 p-0">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <h1>Sign Up Your User Account</h1>
                <p>Fill out the form and go to the next step.</p>
                <form id="msform">
                    <!-- progressbar -->
                    <ul id="progressbar">
                        <li id="course" class="bi active"><strong></strong></li>
                        <li class="bi" id="account"><strong></strong></li>
                        <li id="duration" class="bi"><strong></strong></li>
                        <li id="surv" class="bi"><strong></strong></li>
                        <li id="confirm" class="bi"><strong></strong></li>
                    </ul>
                    <div class="progress">
                      <div class="progress-bar" role="progressbar" style="width: 20%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                    </div> <br> 
                    <!--=== fieldsets ===-->
                    <fieldset>
                        <div class="form-card">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="float-start">Which language would you like to learn?</span></h2>
                                </div>
                            </div>
                        
                        
                        <div class="row mt-3 parent">
                              <div class="col">
                                  <input type="radio" name="program" id="lang1" class="d-none imgbgchk" value="1">
                                  <label for="lang1">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-us"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                              <div class="col">
                                  <input type="radio" name="program" id="lang2" class="d-none imgbgchk" value="2">
                                  <label for="lang2">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-fr"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                              <div class="col">
                                  <input type="radio" name="program" id="lang3" class="d-none imgbgchk" value="3">
                                  <label for="lang3">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-es"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                              <div class="col">
                                  <input type="radio" name="program" id="lang9" class="d-none imgbgchk" value="23">
                                  <label for="lang9">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-es"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                        </div>
                        <div class="row justify-content-center">
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">English</span>
                            </div>
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">French</span>
                            </div>
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">Spanish (LatAm)</span>
                            </div>
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">Spanish (Spain)</span>
                            </div>
                        </div>
                        
                        <div class="row mt-3 parent">
                            <div class="col">
                                  <input type="radio" name="program" id="lang4" class="d-none imgbgchk" value="4">
                                  <label for="lang4">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-de"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                              <div class="col">
                                  <input type="radio" name="program" id="lang5" class="d-none imgbgchk" value="5">
                                  <label for="lang5">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-it"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                              <div class="col">
                                  <input type="radio" name="program" id="lang6" class="d-none imgbgchk" value="6">
                                  <label for="lang6">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-pt"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                              <div class="col">
                                  <input type="radio" name="program" id="lang7" class="d-none imgbgchk" value="7">
                                  <label for="lang7">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-ru"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                              
                        </div>
                        <div class="row justify-content-center">
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">German</span>
                            </div>
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">Italian</span>
                            </div>
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">Portuguese</span>
                            </div>
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">Russian</span>
                            </div>
                        </div>
                        
                        <div class="row mt-3 parent">
                                <div class="col">
                                  <input type="radio" name="program" id="lang8" class="d-none imgbgchk" value="8">
                                  <label for="lang8">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-nl"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                              <div class="col">
                                  
                              </div>
                              <div class="col">
                                  
                              </div>
                              <div class="col">
                                  
                              </div>
                        </div>
                        <div class="row justify-content-center">
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">Dutch</span>
                            </div>
                            <div class="col-3 d-flex align-items-center justify-content-center">
                               
                            </div>
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                
                            </div>
                            <div class="col-3 d-flex align-items-center justify-content-center">
                               
                            </div>
                        </div>
                        
                        
                        
                        <div class="invalid-feedback" id='program-invalid'>
                            Please select a course.
                        </div>
                        </div> 
                        <input type="button" name="next" class="next btn-form" value="Next" />
                    </fieldset>
                    <!--=== fieldset 2 ===-->
                    <fieldset>
                        <div class="form-card">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="float-start">Account Information</h2>
                                </div>
                            </div> 
                            <div class="">
                                <div class="row">
                                    <div class="col">
                                        <label class="fieldlabels">Name</label> <input type="text" name="name" placeholder="Name" required/>
                                        <div class="invalid-feedback" id='name-invalid'>
                                            Please enter your name.
                                        </div>
                                    </div>
                                    <div class="col">
                                        <label class="fieldlabels">Last name</label> <input type="text" name="lastname" placeholder="Last name" required />
                                        <div class="invalid-feedback" id='lastname-invalid'>
                                            Please enter your lastname.
                                        </div>
                                    </div>
                                </div>
                                <label class="fieldlabels">Email</label> 
                                <input type="email" name="email" placeholder="Email" required />
                                <div class="invalid-feedback" id='email-invalid'>
                                    Please enter a valid email.
                                </div>
                                <div class="row">
                                    <div class="col">
                                        <label class="fieldlabels">Password</label> <input type="password" name="pwd" placeholder="Password" required />
                                        <div class="invalid-feedback" id='pwd-invalid'>
                                            Your password must be at least 5 characters long.
                                        </div>
                                    </div>
                                    <div class="col">
                                        <label class="fieldlabels">Confirm Password</label> <input type="password" name="cpwd" placeholder="Confirm Password" required />
                                        <div class="invalid-feedback" id='cpwd-invalid'>
                                            Passwords don't match.
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <input type="button" name="previous" class="previous btn-prev" value="Previous" />
                        <input type="button" name="next" class="next btn-form" value="Next"/>
                    </fieldset>
                    <!--=== fieldset 3 ===-->
                    <fieldset>
                        <div class="form-card">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="float-start">Purchase information</h2>
                                </div>
                            </div>
                            <div class="row">
                                    <div class="col">
                                        <label class="fieldlabels">Coupon or code number</label> <input type="text" name="coupon" id="coupon" placeholder="Coupon" />
                                        <div class="invalid-feedback" id='coupon-invalid'>
                                            Please enter your coupon number.
                                        </div>
                                    </div>
                                    <div class="col">
                                        <label class="fieldlabels">Security code</label> <input type="text" name="seccode" id="seccode" placeholder="Security code" />
                                        <div class="invalid-feedback" id='seccode-invalid'>
                                            Please enter your security code.
                                        </div>
                                    </div>
                                    <span class="text-notif">If your coupon doesn't have security code enter the coupon number again.</span>
                                </div>
                                <label class="fieldlabels">Where did you buy your coupon?</label> 
                                <input type="text" name="company" placeholder="Where did you buy your coupon?" />
                                <div class="invalid-feedback" id='company-invalid'>
                                    Please enter the company where you bought your coupon.
                                </div>
                                <label class="fieldlabels">Please select the subscription time that appears in your coupon</label>
                                <div class="d-sm-none">
                                <select name="duration" id="durationDrop">
                                    <option value="">Select</option>
                                    <option value="3">3 months</option>
                                    <option value="6">6 months</option>
                                    <option value="12">12 months</option>
                                    <option value="18">18 months</option>
                                 </select>
                                 </div>
                                 <div class="d-none d-md-block">
                                <center>
                                 <div class="form-check-inline">
                                    <input class="" type="radio" name="duration" id="duration1" value="3">
                                    <label class="form-radio-text" for="inlineRadio1">3 months</label>
                                </div>
                                <div class="form-check-inline">
                                    <input class="" type="radio" name="duration" id="duration2" value="6">
                                    <label class="form-radio-text" for="inlineRadio1">6 months</label>
                                </div>
                                <div class="form-check-inline">
                                    <input class="" type="radio" name="duration" id="duration3" value="12">
                                    <label class="form-radio-text" for="inlineRadio1">12 months</label>
                                </div>
                                <div class="form-check-inline">
                                    <input class="" type="radio" name="duration" id="duration4" value="18">
                                    <label class="form-radio-text" for="inlineRadio1">18 months</label>
                                </div>
                                </center>
                                </div>
                                <div class="invalid-feedback" id='duration-invalid'>
                                    Please select your subscription time.
                                </div>
                        </div> 
                        <input type="button" name="previous" class="previous btn-prev" value="Previous" />
                        <input type="button" name="next" class="next btn-form" value="Next" />
                    </fieldset>
                    <!--=== fieldset 4 ===-->
                    <fieldset>
                        <div class="form-card">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="float-start">About you</h2>
                                </div>
                            </div>
                            <label class="fieldlabels">Choose your age group</label>
                            <select name="age" id="age">
                                    <option>Select</option>
                                    <option>Under 17</option>
                                    <option>18 - 24</option>
                                    <option>25 - 34</option>
                                    <option>35 - 44</option>
                                    <option>45 and over</option>
                            </select>
                            <label class="fieldlabels">Why are you learning a language?</label>
                            <select name="why" id="why">
                                    <option>Select</option>
                                    <option>Work / boost my carrer</option>
                                    <option>Culture, travel and enjoy</option>
                                    <option>Connect with family / friends</option>
                                    <option>Personal growth</option>
                                    <option>Other</option>
                            </select>
                            <label class="fieldlabels">Where did you hear about us?</label>
                            <select name="where" id="where">
                                    <option>Select</option>
                                    <option>Deals coupon sites</option>
                                    <option>Facebook</option>
                                    <option>Family / friends</option>
                                    <option>It is a gift</option>
                                    <option>Surfing the net</option>
                                    <option>Sales call team</option>
                                    <option>Other</option>
                            </select>
                        </div> 
                        <input type="button" name="previous" class="previous btn-prev" value="Previous" />
                        <input type="button" name="next" class="next submit btn-form" value="Next" />
                    </fieldset>
                    <!--=== fieldset 5 ===-->
                    <fieldset>
                        <div class="form-card">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="float-start">Completed</h2>
                                </div>
                            </div>
                            <center><i class="bi" id="icon-result-signup" style="font-size:100px"></i></center>
                            <h2 class="text-center" id="title-result-signup"></h2>
                            <div class="row justify-content-center">
                                <div class="col-7 text-center">
                                    <p class="text-center" id="text-result-signup"></p>
                                </div>
                            </div>
                        </div>
                        <input type="button" name="previous" class="previous btn-prev d-none" id="btn-signup-pv" value="Previous" />
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
          <!--==== /modal ====-->
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="freetm" tabindex="-1" aria-labelledby="freetm" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
          <!--====  modal ====-->
    <div class="row justify-content-center mx-3">
        <div class="col-12 text-center p-0 mt-3 mb-2 mx-2">
            <div class="card px-1 pb-0">
                <div class="modal-header border-0 m-0 p-0">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <h1>Sign Up Your User Account</h1>
                <p>Fill out the form and go to the next step.</p>
                <form id="ft-form">
                    <!-- progressbar -->
                    <ul id="progressbar-ft">
                        <li id="courseft" class="bi active"><strong></strong></li>
                        <li class="bi" id="accountft"><strong></strong></li>
                        <li id="confirmft" class="bi"><strong></strong></li>
                    </ul>
                    <div class="progress">
                      <div class="progress-bar" role="progressbar" style="width: 20%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                    </div> <br> 
                    <!--=== fieldsets ===-->
                    <fieldset-ft>
                        <div class="form-card">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="float-start">Which language would you like to learn?</span></h2>
                                </div>
                            </div>
                            <div class="row mt-3 parent">
                              <div class="col">
                                  <input type="radio" name="programft" id="langft1" class="d-none imgbgchk" value="1">
                                  <label for="langft1">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-us"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                              <div class="col">
                                  <input type="radio" name="programft" id="langft2" class="d-none imgbgchk" value="2">
                                  <label for="langft2">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-fr"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                              <div class="col">
                                  <input type="radio" name="programft" id="langft3" class="d-none imgbgchk" value="3">
                                  <label for="langft3">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-es"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                              <div class="col">
                                  <input type="radio" name="programft" id="langft4" class="d-none imgbgchk" value="4">
                                  <label for="langft4">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-de"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                        </div>
                        <div class="row justify-content-center">
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">English</span>
                            </div>
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">French</span>
                            </div>
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">Spanish</span>
                            </div>
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">German</span>
                            </div>
                        </div>    
                        <div class="row mt-3 parent">
                              <div class="col">
                                  <input type="radio" name="programft" id="langft5" class="d-none imgbgchk" value="5">
                                  <label for="langft5">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-it"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                              <div class="col">
                                  <input type="radio" name="programft" id="langft6" class="d-none imgbgchk" value="6">
                                  <label for="langft6">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-pt"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                              <div class="col">
                                  <input type="radio" name="programft" id="langft7" class="d-none imgbgchk" value="7">
                                  <label for="langft7">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-ru"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                              <div class="col">
                                  <input type="radio" name="programft" id="langft8" class="d-none imgbgchk" value="8">
                                  <label for="langft8">
                                    <div class="flgs flag-wrapper2" align="center">
                                        <div class="img-thumbnail flag flag-icon-background flag-icon-nl"></div>
                                    </div>
                                    <div class="tick_container">
                                      <div class="tick"><i class="bi bi-check"></i></div>
                                    </div>
                                    </label>
                              </div>
                        </div>
                            <div class="row justify-content-center">
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">Italian</span>
                            </div>
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">Portuguese</span>
                            </div>
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">Russian</span>
                            </div>
                            <div class="col-3 d-flex align-items-center justify-content-center">
                                <span class="flag-text-form">Dutch</span>
                            </div>
                        </div>
                        <div class="invalid-feedback" id='programft-invalid'>
                            Please select a course.
                        </div>
                        </div> 
                        <input type="button" name="next" class="next btn-form" value="Next" />
                    </fieldset-ft>
                    <!--=== fieldset 2 ===-->
                    <fieldset-ft>
                        <div class="form-card">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="float-start">Account Information</h2>
                                </div>
                            </div> 
                            <div class="">
                                <div class="row">
                                    <div class="col">
                                        <label class="fieldlabels">Name</label> <input type="text" name="nameft" placeholder="Name"/>
                                        <div class="invalid-feedback" id='nameft-invalid'>
                                            Please enter your name.
                                        </div>
                                    </div>
                                    <div class="col">
                                        <label class="fieldlabels">Lastname</label> <input type="text" name="lastnameft" placeholder="Lastname" />
                                        <div class="invalid-feedback" id='lastnameft-invalid'>
                                            Please enter your lastname.
                                        </div>
                                    </div>
                                </div>
                                <label class="fieldlabels">Email</label> 
                                <input type="email" name="emailft" placeholder="Email" />
                                <div class="invalid-feedback" id='email-ft-invalid'>
                                    Please enter a valid email.
                                </div>
                            </div>
                        </div>
                        <input type="button" name="previous" class="previous btn-prev" value="Previous" />
                        <input type="button" name="next" class="next submit btn-form" value="Next"/>
                    </fieldset-ft>
                    <!--=== fieldset 3 ===-->
                    <fieldset-ft>
                        <div class="form-card">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="float-start">Completed</h2>
                                </div>
                            </div>
                            <center><i class="bi" id="icon-ft" style="font-size:100px"></i></center>
                            <h2 class="text-center" id="title-ft"></h2>
                            <div class="row justify-content-center">
                                <div class="col-7 text-center">
                                    <p class="text-center" id="text-ft"></p>
                                </div>
                            </div>
                        </div>
                        <input type="button" name="previous" class="previous btn-prev d-none" id="btn-ft-pv" value="Previous" />
                    </fieldset-ft>
                </form>
            </div>
        </div>
    </div>
          <!--==== /modal ====-->
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="loginm" tabindex="-1" aria-labelledby="loginm" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
          <!--====  modal ====-->
    <div class="row justify-content-center mx-3">
        <div class="col-12 text-center p-0 mt-3 mb-2 mx-2">
            <div class="card px-1 pb-0">
                <div class="modal-header border-0 m-0 p-0">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <h1>Log In Your User Account</h1>
                <p>Fill out the form and go to the next step</p>
                <form id="login-form">
                    <!-- progressbar -->
                    <ul id="progressbar-log">
                        <li class="bi active" id="log-email"><strong></strong></li>
                        <li id="log-pwd" class="bi"><strong></strong></li>
                        <li id="log-completed" class="bi"><strong></strong></li>
                    </ul>
                    <div class="progress">
                      <div class="progress-bar" role="progressbar" style="width: 33%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                    </div> <br> 
                    <!--=== fieldsets ===-->
                    <fieldset-log>
                        <div class="form-card">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="float-start">Account Information</h2>
                                </div>
                            </div> 
                            <div class="">
                                <label class="fieldlabels">Email</label> 
                                <input type="email" name="email_log" placeholder="Email" />
                                <div class="invalid-feedback" id='email-log-invalid'>
                                  Please enter a valid Email.
                                </div>
                            </div>
                            <a class="openForgot">Forgotten password</a>
                        </div> 
                        <input type="button" name="next" class="next btn-form" value="Next"/>
                    </fieldset-log>
                    <!--=== fieldset 2 ===-->
                    <fieldset-log>
                        <div class="form-card">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="float-start">Password</h2>
                                </div>
                            </div>
                            <div class="row">
                                    <div class="col">
                                        <label class="fieldlabels">Password</label> <input type="password" name="pwd_log" placeholder="Password" />
                                        <div class="invalid-feedback" id='pwd-log-invalid'>
                                          Please enter a Password.
                                        </div>
                                    </div>
                            </div>
                        </div> 
                        <input type="button" name="previous" class="previous btn-prev" value="Previous" />
                        <input type="button" name="next" class="next submit btn-form" value="Next" />
                    </fieldset-log>
                    <!--=== fieldset 3 ===-->
                    <fieldset-log>
                        <div class="form-card">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="float-start">Completed</h2>
                                </div>
                            </div>
                            <center><i class="bi" style="font-size:85px" id='icon-result-log'></i></center>
                            <h2 class="text-center" id='title-result-log'></h2>
                            <div class="row justify-content-center">
                                <div class="col-7 text-center">
                                    <p class="text-center" id='text-result-log'></p>
                                </div>
                            </div>
                        </div>
                        <input type="button" name="previous" class="previous btn-prev d-none" id="btn-log-pv" value="Previous" />
                    </fieldset-log>
                </form>
            </div>
        </div>
    </div>
          <!--==== /modal ====-->
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="forgotm" tabindex="-1" aria-labelledby="forgotm" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
          <!--====  modal ====-->
    <div class="row justify-content-center mx-3">
        <div class="col-12 text-center p-0 mt-3 mb-2 mx-2">
            <div class="card px-1 pb-0">
                <div class="modal-header border-0 m-0 p-0">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <h1>Password recovery</h1>
                <p>Fill out the form and go to the next step.</p>
                <form id="forgot-form">
                    <!-- progressbar -->
                    <ul id="progressbar-2step">
                        <li class="bi active" id="email_forgot"><strong></strong></li>
                        <li id="completed_forgot" class="bi"><strong></strong></li>
                    </ul>
                    <div class="progress">
                      <div class="progress-bar" role="progressbar" style="width: 33%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                    </div> <br> 
                    <!--=== fieldsets ===-->
                    <fieldset-forgot>
                        <div class="form-card">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="float-start">Account Information</h2>
                                </div>
                            </div> 
                            <div class="">
                                <label class="fieldlabels">Email</label> 
                                <input type="email" name="email_forgot" placeholder="Email" />
                                <div class="invalid-feedback" id='email-forgot-invalid'>
                                  Please enter a valid Email.
                                </div>
                            </div>
                        </div> 
                        <input type="button" name="next" class="next submit btn-form" value="Next"/>
                    </fieldset-forgot>
                    <!--=== fieldset 2 ===-->
                    <fieldset-forgot>
                        <div class="form-card">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="float-start">Completed</h2>
                                </div>
                            </div>
                            <center><i class="bi" style="font-size:85px" id='icon-forgot'></i></center>
                            <h2 class="text-center" id='title-forgot'></h2>
                            <div class="row justify-content-center">
                                <div class="col-7 text-center">
                                    <p class="text-center" id='text-forgot'></p>
                                </div>
                            </div>
                        </div>
                        <input type="button" name="previous" class="previous btn-prev d-none" id="btn-forgot-pv" value="Previous" />
                    </fieldset-forgot>
                </form>
            </div>
        </div>
    </div>
          <!--==== /modal ====-->
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="newpwdm" tabindex="-1" aria-labelledby="forgotm" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
          <!--====  modal ====-->
    <div class="row justify-content-center mx-3">
        <div class="col-12 text-center p-0 mt-3 mb-2 mx-2">
            <div class="card px-1 pb-0">
                <div class="modal-header border-0 m-0 p-0">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <h1>New password</h1>
                <p>Fill out the form and go to the next step</p>
                <form id="new-pwd-form">
                    <!-- progressbar -->
                    <ul id="progressbar-2step">
                        <li class="bi active" id="newpwd_pwd"><strong></strong></li>
                        <li id="newpwd_completed" class="bi"><strong></strong></li>
                    </ul>
                    <div class="progress">
                      <div class="progress-bar" role="progressbar" style="width: 33%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                    </div> <br> 
                    <!--=== fieldsets ===-->
                    <fieldset-new-pwd>
                        <div class="form-card">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="float-start">Account Information</h2>
                                </div>
                            </div> 
                            <div class="row">
                                    <div class="col">
                                        <label class="fieldlabels">Password</label> <input type="password" name="new_pwd" placeholder="Password" />
                                        <div class="invalid-feedback" id='pwd-new-invalid'>
                                          Your password must be at least 5 characters long.
                                        </div>
                                    </div>
                                    <div class="col">
                                        <label class="fieldlabels">Confirm Password</label> <input type="password" name="cnew_pwd" placeholder="Confirm Password" />
                                        <div class="invalid-feedback" id='cpwd-new-invalid'>
                                          Passwords don't match.
                                        </div>
                                    </div>
                                </div>
                        </div> 
                        <input type="button" name="next" class="next submit btn-form" value="Next"/>
                    </fieldset-new-pwd>
                    <!--=== fieldset 2 ===-->
                    <fieldset-new-pwd>
                        <div class="form-card">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="float-start">Completed</h2>
                                </div>
                            </div>
                            <center><i class="bi" style="font-size:85px" id='icon-newpwd'></i></center>
                            <h2 class="text-center" id='title-newpwd'></h2>
                            <div class="row justify-content-center">
                                <div class="col-7 text-center">
                                    <p class="text-center" id='text-newpwd'></p>
                                </div>
                            </div>
                        </div>
                        <input type="button" name="previous" class="previous btn-prev d-none" id="btn-newpwd-pv" value="Previous" />
                    </fieldset-new-pwd>
                </form>
            </div>
        </div>
    </div>
          <!--==== /modal ====-->
      </div>
    </div>
  </div>
</div>
<script>
document.querySelectorAll('input[name="program"]').forEach(function(radio) {
  radio.addEventListener('change', function() {
    let mensaje = '';

    if (this.value === "3") {
      mensaje = "You have selected Latin American Spanish. Do you wish to continue?";
    } else if (this.value === "23") {
      mensaje = "You have selected Spain Spanish. Do you wish to continue?";
    }

    if (mensaje !== '') {
      const confirmacion = confirm(mensaje);
      if (!confirmacion) {
        this.checked = false;
      }
    }
  });
});
</script>
<div id="preloader"></div>
    
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=window.scroll"></script>
    <script src="/assets_v2/assets/js/wow.min.js"></script>
    <script src="/assets_v2/assets/js/owl.carousel.min.js"></script>
    <script src="/assets_v2/assets/js/theme.js"></script>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400&amp;display=swap" rel="stylesheet">
    <script>
        var opt = 'MXx8fDIwMHx8fHx8fHx8fGVzcGVha3MuY29tfHx8RW5nbGlzaA==';
        var optft = 'MXx8fDEwMHx8fHx8fHx8fGVzcGVha3MuY29tfHx8RW5nbGlzaA==';
        var action = 'aHR0cHM6Ly9lc3BlYWtzLmNvbS9hc3NldHNfdjIvbWFpbi5waHA=';
        var title_result_succes1 = 'SUCCESS!';
        var title_result_fail1 = 'FAILED!';
        var text_result_succes1 = 'You will be redirected to your account in a few seconds';
    </script>
    <script src="/assets_v2/scripts.js"></script>
    
  </body>

</html>