| Server IP : 82.197.83.129 / Your IP : 216.73.216.166 [ Web Server : LiteSpeed System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : u489457460 ( 489457460) PHP Version : 7.3.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Domains : 2 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u489457460/domains/practe.in/public_html/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Improve English speaking skills with PractE, the best English learning app. Join interactive group discussions 24/7, Practice speaking fluently with native speakers. Download app to start your practice." />
<title>Best English Learning App | Real-Time English Speaking Practice App - PractE</title>
<link
rel="shortcut icon"
href="assets/images/x-icon.png"
type="image/x-icon"
/>
<link rel="stylesheet" href="assets/css/animate.css" />
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/icofont.min.css" />
<link rel="stylesheet" href="assets/css/swiper.min.css" />
<link rel="stylesheet" href="assets/css/lightcase.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<!-- <style>
.hidden-content {
display: none;
padding: 20px;
background-color: #d1c8eb;
/* border: 1px solid #e6e3e3; */
margin-top: 20px;
border-radius: 20px;
}
.active-category {
background-color: #d1c8eb;
border-radius: 15px;
border: 1px solid #9475ec;
}
</style> -->
<style>
form.form-inline {
display: inline-flex;
}
form.form-inline {
width: 100%;
padding: 15px;
}
button {
width: 60%;
margin: 10px;
background-color: orange;
color: #fff;
font-family: monospace;
font-size: 19px;
}
input#name {
margin: 10px;
}
input#email {
margin: 10px;
}
input#mobile {
margin: 10px;
}
@media (max-width: 800px) {
.dialog.text-center {
margin-left: 30px;
margin-right: 35px;
}
.popup .dialog-wrapper .dialog .close-btn {
right: -100px;
bottom: 30px;
}
form.form-inline {
display: block;
margin-left: -10px;
}
button {
width: 100%;
}
</style>
<meta name="google-site-verification" content="-Zyndd8z4QpFl1e-xPgwnDnkOeiTRfWPB803IPP6_iA" />
</head>
<body>
<!-- preloader start here -->
<div class="preloader">
<div class="preloader-inner">
<div class="preloader-icon">
<span></span>
<span></span>
</div>
</div>
</div>
<!-- preloader ending here -->
<!-- scrollToTop start here -->
<a href="#" class="scrollToTop"><i class="icofont-rounded-up"></i></a>
<!-- scrollToTop ending here -->
<!-- header section start here -->
<header class="header-section">
<div class="header-top">
<div class="container">
<div class="header-top-area">
<ul class="lab-ul left">
<li>
<a href="tel:+918977888400"
><i class="icofont-ui-call"></i>
<span>+91 89778 88400</span></a
>
</li>
<li>
<a
href="https://www.google.com/maps/place/Hyderabad,+Telangana/@17.4120779,78.0783859,10z/data=!3m1!4b1!4m6!3m5!1s0x3bcb99daeaebd2c7:0xae93b78392bafbc2!8m2!3d17.406498!4d78.4772439!16zL20vMDljNnc?entry=ttu"
><i class="icofont-location-pin"></i> Hyderabad, India</a
>
</li>
</ul>
<ul class="lab-ul social-icons d-flex align-items-center">
<li><p>Find us on :</p></li>
<li>
<a
href="https://www.facebook.com/profile.php?id=61561914057070" target="_blank"
class="fb"
><i class="icofont-facebook-messenger"></i
></a>
</li>
<li>
<a
href="https://www.instagram.com/practe.app/" target="_blank"
class="instagram"
><i class="icofont-instagram"></i
></a>
</li>
<!-- <li>
<a href="#" class="vimeo"><i class="icofont-vimeo"></i></a>
</li>
<li>
<a href="#" class="skype"><i class="icofont-skype"></i></a>
</li>
<li>
<a href="#" class="rss"><i class="icofont-rss-feed"></i></a>
</li> -->
</ul>
</div>
</div>
</div>
<div class="header-bottom">
<div class="container">
<div class="header-wrapper">
<div class="logo">
<a href="index.html"
><img src="assets/images/logo/01.png" alt="logo" width="200"
/></a>
</div>
<div class="menu-area">
<div class="menu">
<ul class="lab-ul">
<li>
<a href="index.html">Home</a>
<!-- <ul class="lab-ul">
<li><a href="index.html" class="active">Home One</a></li>
<li><a href="index-2.html">Home Two</a></li>
<li><a href="index-3.html">Home Three</a></li>
<li><a href="index-4.html">Home Four</a></li>
<li><a href="index-5.html">Home Five</a></li>
<li><a href="index-6.html">Home Six</a></li>
<li><a href="index-7.html">Home Seven</a></li>
</ul> -->
</li>
<!-- <li>
<a href="#0">About</a>
</li> -->
<!-- <li>
<a href="#0">Blog</a>
<ul class="lab-ul">
<li><a href="blog.html">Blog Grid</a></li>
<li><a href="blog-2.html">Blog Style 2</a></li>
<li><a href="blog-3.html">Blog Style 3</a></li>
<li><a href="blog-single.html">Blog Single</a></li>
</ul>
</li> -->
<!-- <li>
<a href="#0">Pages</a>
<ul class="lab-ul">
<li><a href="about.html">About</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="instructor.html">Instructor</a></li>
<li>
<a href="#0">Shop Pages</a>
<ul class="lab-ul">
<li><a href="shop.html">Shop Page</a></li>
<li><a href="shop-single.html">Shop Details Page</a></li>
<li><a href="cart-page.html">Shop Cart Page</a></li>
</ul>
</li>
<li><a href="search-page.html">Search Page</a></li>
<li><a href="search-none.html">Search None</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li> -->
<li><a href="contact.html">Contact Us</a></li>
<li>
<a
href="https://play.google.com/store/apps/details?id=com.practe.app" target="_blank"
><img src="assets/images/playstore.png" width="150"
/></a>
</li>
<li>
<a href="https://apps.apple.com/in/app/practe/id6504753773" target="_blank"
><img src="assets/images/appstore.png" width="150"
/></a>
</li>
</ul>
</div>
<!-- <a href="login.html" class="login"><i class="icofont-user"></i> <span>LOG IN</span> </a>
<a href="signup.html" class="signup"><i class="icofont-users"></i> <span>SIGN UP</span> </a> -->
<!-- toggle icons -->
<div class="header-bar d-lg-none">
<span></span>
<span></span>
<span></span>
</div>
<div class="ellepsis-bar d-lg-none">
<i class="icofont-info-square"></i>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header section ending here -->
<!-- Popup form start -->
<section class="popup">
<div class="dialog-wrapper" id="dialog-wrapper">
<div class="dialog text-center">
<div class="form">
<a class="close-btn" id="close-btn">×</a>
<form method="post" action="submit.php">
<div class="input-group">
<input style="margin: 5px;" type="text" placeholder="Enter Name" name="name" id="namePop" required>
<input style="margin: 5px;" type="email" placeholder="Enter Email" name="email" id="emailPop" required>
<input style="margin: 5px;" type="tel" placeholder="Enter Mobile Number" name="mobile" id="phonePop" required>
</div>
<button style="background-color: #9b7bf8; color: #fff; font-size: 18px; font-weight: 700; font-family: monospace;" >Request A Callback</button>
</form>
</div>
</div>
</div>
</section>
<!-- Popup form end -->
<!-- banner section start here -->
<section class="banner-section style-1">
<div class="container">
<div class="section-wrapper">
<div class="row align-items-center">
<div class="col-xxl-5 col-xl-6 col-lg-10">
<div class="banner-content">
<h6 class="subtitle text-uppercase fw-medium">PractE</h6>
<h2 class="title">
<span class="d-lg-block">Perfect Practice </span> Makes You
Perfect
</h2>
<p class="desc">
Are you struggling to speak English fluently?
</p>
<p class="desc">
Do you feel nervous and lack confidence when it comes to
communicating in English?
</p>
<p class="desc">
Look no further because PractE is here to help you improve
your speaking skills with group discussions 24/7.
</p>
<p class="desc">
If you want to improve your English speaking skills and sound
more confident, download PractE now and start practicing
today!
</p>
<!-- <form action="/">
<div class="banner-icon">
<i class="icofont-search"></i>
</div>
<input type="text" placeholder="Keywords of your course" />
<button type="submit">Search Course</button>
</form>
<div class="banner-catagory d-flex flex-wrap">
<p>Most Popular :</p>
<ul class="lab-ul d-flex flex-wrap">
<li><a href="#">Figma</a></li>
<li><a href="#">Adobe XD</a></li>
<li><a href="#">illustration</a></li>
<li><a href="#">Photoshop</a></li>
</ul>
</div> -->
</div>
</div>
<div class="col-xxl-7 col-xl-6">
<div class="banner-thumb">
<img src="assets/images/banner/01.png" alt="img" />
</div>
</div>
</div>
</div>
</div>
<div class="all-shapes"></div>
<!-- <div class="cbs-content-list d-none">
<ul class="lab-ul">
<li class="ccl-shape shape-1"><a href="#">16M Students Happy</a></li>
<li class="ccl-shape shape-2"><a href="#">130K+ Total Courses</a></li>
<li class="ccl-shape shape-3">
<a href="#">89% Successful Students</a>
</li>
<li class="ccl-shape shape-4"><a href="#">23M+ Learners</a></li>
<li class="ccl-shape shape-5"><a href="#">36+ Languages</a></li>
</ul>
</div> -->
</section>
<!-- banner section ending here -->
<!-- sponsor section start here -->
<!-- <div class="sponsor-section section-bg">
<div class="container">
<div class="section-wrapper">
<div class="sponsor-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="sponsor-iten">
<div class="sponsor-thumb">
<img src="assets/images/sponsor/01.png" alt="sponsor" />
</div>
</div>
</div>
<div class="swiper-slide">
<div class="sponsor-iten">
<div class="sponsor-thumb">
<img src="assets/images/sponsor/02.png" alt="sponsor" />
</div>
</div>
</div>
<div class="swiper-slide">
<div class="sponsor-iten">
<div class="sponsor-thumb">
<img src="assets/images/sponsor/03.png" alt="sponsor" />
</div>
</div>
</div>
<div class="swiper-slide">
<div class="sponsor-iten">
<div class="sponsor-thumb">
<img src="assets/images/sponsor/04.png" alt="sponsor" />
</div>
</div>
</div>
<div class="swiper-slide">
<div class="sponsor-iten">
<div class="sponsor-thumb">
<img src="assets/images/sponsor/05.png" alt="sponsor" />
</div>
</div>
</div>
<div class="swiper-slide">
<div class="sponsor-iten">
<div class="sponsor-thumb">
<img src="assets/images/sponsor/06.png" alt="sponsor" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- sponsor section ending here -->
<div class="category-section padding-tb">
<div class="container padding-tb">
<div class="wrapper">
<div class="HomeVideoInner">
<!--<div class="Video-playbtn" style="">-->
<!-- <svg id="Component_16_9" data-name="Component 16 – 9" xmlns="http://www.w3.org/2000/svg" width="15" height="17" viewBox="0 0 15 17">-->
<!-- <path id="Polygon_2" data-name="Polygon 2" d="M8.5,0,17,15H0Z" transform="translate(15) rotate(90)" fill="#fff"></path>-->
<!-- </svg>-->
<!--</div>-->
<div class="StoryVideo">
<video id="rightVideo" playsinline="" loop="true" autoplay="autoplay" controls="controls" poster="assets/images/video-img.png">
<source type="video/mp4" src="assets/images/practe-finalizedvisual_1.mp4">
</video>
</div>
</div>
</div>
<!--<div class="section-wrapper">-->
<!-- <div-->
<!-- class="row g-2 justify-content-center row-cols-xl-12 row-cols-md-12 row-cols-sm-12 row-cols-12"-->
<!-- >-->
<!-- <div class="col">-->
<!-- <video controls style="width:100%; height:100%;">-->
<!-- <source src="assets/images/practe-finalizedvisual_1.mp4" type="video/mp4">-->
<!-- </video>-->
<!-- <iframe width="100%" height="100%" class="video" src="assets/images/practe-finalizedvisual_1.mp4">-->
<!-- </iframe>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
</div>
</div>
<div class="category-section padding-tb">
<div class="container">
<div class="section-header text-center">
<!-- <span class="subtitle">Proficiency Category</span> -->
<h2 class="title">Proficiency Categories</h2>
</div>
<div class="section-wrapper">
<div
class="row g-2 justify-content-center row-cols-xl-5 row-cols-md-3 row-cols-sm-2 row-cols-1"
>
<div class="col">
<div class="category-item text-center">
<div class="category-inner">
<div class="category-thumb">
<img
src="assets/images/category/icon/01.jpg"
alt="category"
/>
</div>
<div class="category-content">
<a
href="english-learning-app-for-beginners.html"
class="category-link"
data-category="beginners-plan"
><h6>Beginners Plan</h6></a
>
<!-- <span>24 Course</span> -->
</div>
</div>
</div>
</div>
<div class="col">
<div class="category-item text-center">
<div class="category-inner">
<div class="category-thumb">
<img
src="assets/images/category/icon/02.jpg"
alt="category"
/>
</div>
<div class="category-content">
<a
href="intermediate-and-advanced-english-learning-plans.html"
class="category-link"
data-category="intermediate-plan"
><h6>Intermediate And Advanced Plans</h6></a
>
<!-- <span>40 Course</span> -->
</div>
</div>
</div>
</div>
<div class="col">
<div class="category-item text-center">
<div class="category-inner">
<div class="category-thumb">
<img
src="assets/images/category/icon/03.jpg"
alt="category"
/>
</div>
<div class="category-content">
<a
href="english-chit-chatting-skills.html"
class="category-link"
data-category="chit-chat-plan"
><h6>Chit-Chatting Skills</h6></a
>
<!-- <span>27 Course</span> -->
</div>
</div>
</div>
</div>
<div class="col">
<div class="category-item text-center">
<div class="category-inner">
<div class="category-thumb">
<img
src="assets/images/category/icon/04.jpg"
alt="category"
/>
</div>
<div class="category-content">
<a
href="english-public-speaking-app.html"
class="category-link"
data-category="public-plan"
><h6>Public Speaking</h6></a
>
<!-- <span>28 Course</span> -->
</div>
</div>
</div>
</div>
<div class="col">
<div class="category-item text-center">
<div class="category-inner">
<div class="category-thumb">
<img
src="assets/images/category/icon/05.jpg"
alt="category"
/>
</div>
<div class="category-content">
<a
href="british-and-american-english-learning-app.html"
class="category-link"
data-category="american-plan"
><h6>British And American Accent Groups</h6></a
>
<!-- <span>78 Course</span> -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Hidden content sections for each category -->
<!-- <div id="content-beginners-plan" class="hidden-content">
<h3>Beginners Plan</h3>
<p>
PractE offers a structured and easy approach to speak in a group of
six members about a certain topic. For our beginner users, PractE
offers the opportunity to speak in English in a group of six
members, 24/7. You can choose to read newspaper articles, books or
any other material to practice your language skills. The best part
is you can do it in a comfortable and supportive environment without
any pressure or judgement.
</p>
<p>
PractE improves vocabulary, grammar and pronunciation with group
discussions on various topics. By continuous use of this feature you
can build a strong foundation and gain confidence in speaking
English.
</p>
</div>
<div id="content-intermediate-plan" class="hidden-content">
<h3>Intermediate And Advanced Plans</h3>
<p>
If you are good at English and want to improve your speaking skills
this plan works for you. You can benefit from a variety of topics
and themes available on PractE. The app offers a wide range of
conversation starters, such as current events, daily life
situations, and cultural topics, to keep the practice sessions
interesting and engaging. This allows users to expand their fluency
in different contexts.
</p>
<p>
Don’t worry if you are not confident in your ability to come up with
a speech on the spot. You can also choose to read from a prepared
text, but we encourage you to try speaking without relying on it.
</p>
<p>
In a nutshell, PractE is a comprehensive and userfriendly app that
offers a wide range of features to cater to the needs of English
learners. With its group discussion option PractE enables users to
gain confidence and fluency in speaking English. So if you want to
improve your English speaking skills and sound more confident,
download PractE now and start practicing today!
</p>
</div>
<div id="content-chit-chat-plan" class="hidden-content">
<h3>Chit-Chatting Skills</h3>
<p>
PractE is not just limited to traditional English speaking practice.
It also offers specialized courses for chit-chatting and public
speaking. Chit-chatting is a popular way to engage in casual
conversations and PractE provides a fun and interactive platform for
users to improve their chit-chatting skills.
</p>
</div>
<div id="content-public-plan" class="hidden-content">
<h3>Public Speaking</h3>
<p>
PractE also offers a public speaking platform where all members are
welcome to attend. The maximum capacity for each meet is 50 members,
giving ample opportunities for listening and learning. Each speaker
will be given 3-4 minutes to present allowing for a structured and
organized practice session. This service is designed to help
individuals build confidence in public speaking.
</p>
</div>
<div id="content-american-plan" class="hidden-content">
<h3>British And American Accent Groups</h3>
<p>
To cater to the needs of different English accents, PractE offers
separate groups for British and American accents. This allows
members to practice and improve their pronunciation and accent in a
specific setting, making it easier to understand and communicate
with native speakers.
</p>
</div> -->
</div>
</div>
<!-- course section start here -->
<!-- <div class="course-section padding-tb section-bg">
<div class="container">
<div class="section-header text-center">
<span class="subtitle">Featured Courses</span>
<h2 class="title">Pick A Course To Get Started</h2>
</div>
<div class="section-wrapper">
<div
class="row g-4 justify-content-center row-cols-xl-3 row-cols-md-2 row-cols-1"
>
<div class="col">
<div class="course-item">
<div class="course-inner">
<div class="course-thumb">
<img src="assets/images/course/01.jpg" alt="course" />
</div>
<div class="course-content">
<div class="course-price">$30</div>
<div class="course-category">
<div class="course-cate">
<a href="#">Adobe XD</a>
</div>
<div class="course-reiew">
<span class="ratting">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
</span>
<span class="ratting-count"> 03 reviews </span>
</div>
</div>
<a href="course-single.html"
><h5>Fundamentals of Adobe XD Theory Learn New</h5></a
>
<div class="course-details">
<div class="couse-count">
<i class="icofont-video-alt"></i> 18x Lesson
</div>
<div class="couse-topic">
<i class="icofont-signal"></i> Online Class
</div>
</div>
<div class="course-footer">
<div class="course-author">
<img
src="assets/images/course/author/01.jpg"
alt="course author"
/>
<a href="team-single.html" class="ca-name"
>William Smith</a
>
</div>
<div class="course-btn">
<a href="course-single.html" class="lab-btn-text"
>Read More <i class="icofont-external-link"></i
></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="course-item">
<div class="course-inner">
<div class="course-thumb">
<img src="assets/images/course/02.jpg" alt="course" />
</div>
<div class="course-content">
<div class="course-price">$30</div>
<div class="course-category">
<div class="course-cate">
<a href="#">Photoshop</a>
</div>
<div class="course-reiew">
<span class="ratting">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
</span>
<span class="ratting-count"> 03 reviews </span>
</div>
</div>
<a href="course-single.html"
><h5>
Certified Graphic Design with Free Project Course
</h5></a
>
<div class="course-details">
<div class="couse-count">
<i class="icofont-video-alt"></i> 18x Lesson
</div>
<div class="couse-topic">
<i class="icofont-signal"></i> Online Class
</div>
</div>
<div class="course-footer">
<div class="course-author">
<img
src="assets/images/course/author/02.jpg"
alt="course author"
/>
<a href="team-single.html" class="ca-name"
>Lora Smith</a
>
</div>
<div class="course-btn">
<a href="course-single.html" class="lab-btn-text"
>Read More <i class="icofont-external-link"></i
></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="course-item">
<div class="course-inner">
<div class="course-thumb">
<img src="assets/images/course/03.jpg" alt="course" />
</div>
<div class="course-content">
<div class="course-price">$30</div>
<div class="course-category">
<div class="course-cate">
<a href="#">Photoshop</a>
</div>
<div class="course-reiew">
<span class="ratting">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
</span>
<span class="ratting-count"> 03 reviews </span>
</div>
</div>
<a href="course-single.html"
><h5>Theory Learn New Student And Fundamentals</h5></a
>
<div class="course-details">
<div class="couse-count">
<i class="icofont-video-alt"></i> 18x Lesson
</div>
<div class="couse-topic">
<i class="icofont-signal"></i> Online Class
</div>
</div>
<div class="course-footer">
<div class="course-author">
<img
src="assets/images/course/author/03.jpg"
alt="course author"
/>
<a href="team-single.html" class="ca-name"
>Robot Smith</a
>
</div>
<div class="course-btn">
<a href="course-single.html" class="lab-btn-text"
>Read More <i class="icofont-external-link"></i
></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="course-item">
<div class="course-inner">
<div class="course-thumb">
<img src="assets/images/course/04.jpg" alt="course" />
</div>
<div class="course-content">
<div class="course-price">$30</div>
<div class="course-category">
<div class="course-cate">
<a href="#">Adobe XD</a>
</div>
<div class="course-reiew">
<span class="ratting">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
</span>
<span class="ratting-count"> 03 reviews </span>
</div>
</div>
<a href="course-single.html"
><h5>
Computer Fundamentals Basic Startup Ultricies Vitae
</h5></a
>
<div class="course-details">
<div class="couse-count">
<i class="icofont-video-alt"></i> 18x Lesson
</div>
<div class="couse-topic">
<i class="icofont-signal"></i> Online Class
</div>
</div>
<div class="course-footer">
<div class="course-author">
<img
src="assets/images/course/author/04.jpg"
alt="course author"
/>
<a href="team-single.html" class="ca-name"
>Zinat Zaara</a
>
</div>
<div class="course-btn">
<a href="course-single.html" class="lab-btn-text"
>Read More <i class="icofont-external-link"></i
></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="course-item">
<div class="course-inner">
<div class="course-thumb">
<img src="assets/images/course/05.jpg" alt="course" />
</div>
<div class="course-content">
<div class="course-price">$30</div>
<div class="course-category">
<div class="course-cate">
<a href="#">Adobe XD</a>
</div>
<div class="course-reiew">
<span class="ratting">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
</span>
<span class="ratting-count"> 03 reviews </span>
</div>
</div>
<a href="course-single.html"
><h5>
Boozy Halloween Drinks for the Grown Eleifend Kuismod
</h5></a
>
<div class="course-details">
<div class="couse-count">
<i class="icofont-video-alt"></i> 18x Lesson
</div>
<div class="couse-topic">
<i class="icofont-signal"></i> Online Class
</div>
</div>
<div class="course-footer">
<div class="course-author">
<img
src="assets/images/course/author/05.jpg"
alt="course author"
/>
<a href="team-single.html" class="ca-name"
>Billy Rivera</a
>
</div>
<div class="course-btn">
<a href="course-single.html" class="lab-btn-text"
>Read More <i class="icofont-external-link"></i
></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="course-item">
<div class="course-inner">
<div class="course-thumb">
<img src="assets/images/course/06.jpg" alt="course" />
</div>
<div class="course-content">
<div class="course-price">$30</div>
<div class="course-category">
<div class="course-cate">
<a href="#">Adobe XD</a>
</div>
<div class="course-reiew">
<span class="ratting">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
</span>
<span class="ratting-count"> 03 reviews </span>
</div>
</div>
<a href="course-single.html"
><h5>Student Want to Learn About Science And Arts</h5></a
>
<div class="course-details">
<div class="couse-count">
<i class="icofont-video-alt"></i> 18x Lesson
</div>
<div class="couse-topic">
<i class="icofont-signal"></i> Online Class
</div>
</div>
<div class="course-footer">
<div class="course-author">
<img
src="assets/images/course/author/06.jpg"
alt="course author"
/>
<a href="team-single.html" class="ca-name"
>Subrina Kabir</a
>
</div>
<div class="course-btn">
<a href="course-single.html" class="lab-btn-text"
>Read More <i class="icofont-external-link"></i
></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- course section ending here -->
<!-- abouts section start here -->
<div class="about-section">
<div class="container">
<div
class="row justify-content-center row-cols-xl-2 row-cols-1 align-items-center flex-row-reverse"
>
<div class="col">
<div class="about-right padding-tb">
<div class="section-header">
<span class="subtitle">About Our PractE</span>
<h2 class="title">About Us</h2>
<p>
PractE is a newly developed app that aims to provide a
comprehensive platform for practicing English. It offers a
wide range of features and tools to cater to the needs of
beginners, intermediate and advanced learners as well as those
who want to improve their general conversation, public
speaking or accent skills. There are many spoken English
courses that offer you to learn the language, but only with
regular practice through PractE, you can be perfect.
</p>
<br />
<p>
One of the key features of PractE is the group discussion
sessions which allow users to engage in conversations with
other users who are at the same level as them, making it a
great way to practice speaking in a comfortable and supportive
environment. It also provides the opportunity to learn from
others and receive feedback from native English speakers.
</p>
<br />
<p>
Learning English with fluency can help you to explore and
connect with new people. It can add new exposures and
experiences to your life. If you dream of visiting countries
around the world or wish to settle in a foreign country,
practicing English can be a good start.
</p>
<br />
<p>
With thorough practice on our PractE app, you can excel in job
interviews. Being fluent in the English language can surely
boost your career growth. Even if you make any English errors,
there will be no judgement. You can speak to your heart's
content.
</p>
</div>
</div>
</div>
<div class="col">
<div class="about-left">
<div class="about-thumb">
<img src="assets/images/about/01.png" alt="about" />
</div>
</div>
</div>
</div>
</div>
</div>
<!-- about section ending here -->
<!-- Course Section Start Here -->
<!-- <div class="course-section style-2 padding-tb">
<div class="container">
<div class="section-header">
<span class="subtitle">Don’t Miss</span>
<h2 class="title">Lincon’s Courses</h2>
<div class="course-navigations">
<div class="course-navi course-navi-next">
<i class="icofont-double-left"></i>
</div>
<div class="course-navi course-navi-prev">
<i class="icofont-double-right"></i>
</div>
</div>
</div>
<div class="section-wrapper">
<div class="course-slider p-2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="course-item style-3">
<div class="course-inner text-center">
<div class="course-content">
<a href="#"><h4>Politics</h4></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-item style-3">
<div class="course-inner text-center">
<div class="course-content">
<a href="#"><h4>Sports</h4></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-item style-3">
<div class="course-inner text-center">
<div class="course-content">
<a href="#"><h4>Current Affairs</h4></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-item style-3">
<div class="course-inner text-center">
<div class="course-content">
<a href="#"><h4>Movies</h4></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-item style-3">
<div class="course-inner text-center">
<div class="course-content">
<a href="#"><h4>Football</h4></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-item style-3">
<div class="course-inner text-center">
<div class="course-content">
<a href="#"><h4>Cricket</h4></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-item style-3">
<div class="course-inner text-center">
<div class="course-content">
<a href="#"><h4>Arts</h4></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-item style-3">
<div class="course-inner text-center">
<div class="course-content">
<a href="#"><h4>Design</h4></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-item style-3">
<div class="course-inner text-center">
<div class="course-content">
<a href="#"><h4>Technology</h4></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-item style-3">
<div class="course-inner text-center">
<div class="course-content">
<a href="#"><h4>Fashion</h4></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-item style-3">
<div class="course-inner text-center">
<div class="course-content">
<a href="#"><h4>Pets</h4></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-item style-3">
<div class="course-inner text-center">
<div class="course-content">
<a href="#"><h4>Business</h4></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="course-item style-3">
<div class="course-inner text-center">
<div class="course-content">
<a href="#"><h4>Digital Marketing</h4></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- Course Section Ending Here -->
<!-- Instructors Section Start Here -->
<!-- <div class="instructor-section padding-tb section-bg">
<div class="container">
<div class="section-header text-center">
<span class="subtitle">World-class Instructors</span>
<h2 class="title">Classes Taught By Real Creators</h2>
</div>
<div class="section-wrapper">
<div
class="row g-4 justify-content-center row-cols-1 row-cols-sm-2 row-cols-lg-3 row-cols-xl-4"
>
<div class="col">
<div class="instructor-item">
<div class="instructor-inner">
<div class="instructor-thumb">
<img
src="assets/images/instructor/01.jpg"
alt="instructor"
/>
</div>
<div class="instructor-content">
<a href="team-single.html"><h4>Emilee Logan</h4></a>
<p>Master of Education Degree</p>
<span class="ratting">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
</span>
</div>
</div>
<div class="instructor-footer">
<ul
class="lab-ul d-flex flex-wrap justify-content-between align-items-center"
>
<li><i class="icofont-book-alt"></i> 08 courses</li>
<li><i class="icofont-users-alt-3"></i> 30 students</li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="instructor-item">
<div class="instructor-inner">
<div class="instructor-thumb">
<img
src="assets/images/instructor/02.jpg"
alt="instructor"
/>
</div>
<div class="instructor-content">
<a href="team-single.html"><h4>Donald Logan</h4></a>
<p>Master of Education Degree</p>
<span class="ratting">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
</span>
</div>
</div>
<div class="instructor-footer">
<ul
class="lab-ul d-flex flex-wrap justify-content-between align-items-center"
>
<li><i class="icofont-book-alt"></i> 08 courses</li>
<li><i class="icofont-users-alt-3"></i> 30 students</li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="instructor-item">
<div class="instructor-inner">
<div class="instructor-thumb">
<img
src="assets/images/instructor/03.jpg"
alt="instructor"
/>
</div>
<div class="instructor-content">
<a href="team-single.html"><h4>Oliver Porter</h4></a>
<p>Master of Education Degree</p>
<span class="ratting">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
</span>
</div>
</div>
<div class="instructor-footer">
<ul
class="lab-ul d-flex flex-wrap justify-content-between align-items-center"
>
<li><i class="icofont-book-alt"></i> 08 courses</li>
<li><i class="icofont-users-alt-3"></i> 30 students</li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="instructor-item">
<div class="instructor-inner">
<div class="instructor-thumb">
<img
src="assets/images/instructor/04.jpg"
alt="instructor"
/>
</div>
<div class="instructor-content">
<a href="team-single.html"><h4>Nahla Jones</h4></a>
<p>Master of Education Degree</p>
<span class="ratting">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
</span>
</div>
</div>
<div class="instructor-footer">
<ul
class="lab-ul d-flex flex-wrap justify-content-between align-items-center"
>
<li><i class="icofont-book-alt"></i> 08 courses</li>
<li><i class="icofont-users-alt-3"></i> 30 students</li>
</ul>
</div>
</div>
</div>
</div>
<div class="text-center footer-btn">
<p>
Want to help people learn, grow and achieve more in life?<a
href="team.html"
>Become an instructor</a
>
</p>
</div>
</div>
</div>
</div> -->
<!-- Instructors Section Ending Here -->
<!-- student feedbak section start here -->
<!-- <div class="student-feedbak-section padding-tb shape-img">
<div class="container">
<div class="section-header text-center">
<span class="subtitle">Loved by 200,000+ students</span>
<h2 class="title">Students Community Feedback</h2>
</div>
<div class="section-wrapper">
<div class="row justify-content-center row-cols-lg-2 row-cols-1">
<div class="col">
<div class="sf-left">
<div class="sfl-thumb">
<img
src="assets/images/feedback/01.jpg"
alt="student feedback"
/>
<a
href="https://www.youtube-nocookie.com/embed/jP649ZHA8Tg"
class="video-button"
data-rel="lightcase"
><i class="icofont-ui-play"></i
></a>
</div>
</div>
</div>
<div class="col">
<div class="stu-feed-item">
<div class="stu-feed-inner">
<div class="stu-feed-top">
<div class="sft-left">
<div class="sftl-thumb">
<img
src="assets/images/feedback/student/01.jpg"
alt="student feedback"
/>
</div>
<div class="sftl-content">
<a href="#"><h6>Oliver Beddows</h6></a>
<span>UX designer</span>
</div>
</div>
<div class="sft-right">
<span class="ratting">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
</span>
</div>
</div>
<div class="stu-feed-bottom">
<p>
Rapidiously buildcollaboration anden deas sharing viaing
and with bleedng edgeing nterfaces fnergstcally plagiarize
teams anbuling paradgms whereas goingi forward process and
monetze
</p>
</div>
</div>
</div>
<div class="stu-feed-item">
<div class="stu-feed-inner">
<div class="stu-feed-top">
<div class="sft-left">
<div class="sftl-thumb">
<img
src="assets/images/feedback/student/02.jpg"
alt="student feedback"
/>
</div>
<div class="sftl-content">
<a href="#"><h6>Madley Pondor</h6></a>
<span>UX designer</span>
</div>
</div>
<div class="sft-right">
<span class="ratting">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
</span>
</div>
</div>
<div class="stu-feed-bottom">
<p>
Rapidiously buildcollaboration anden deas sharing viaing
and with bleedng edgeing nterfaces fnergstcally plagiarize
teams anbuling paradgms whereas goingi forward process and
monetze
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- student feedbak section ending here -->
<!-- blog section start here -->
<!-- <div class="blog-section padding-tb section-bg">
<div class="container">
<div class="section-header text-center">
<span class="subtitle">FORM OUR BLOG POSTS</span>
<h2 class="title">More Articles From Resource Library</h2>
</div>
<div class="section-wrapper">
<div
class="row row-cols-1 row-cols-md-2 row-cols-xl-3 justify-content-center g-4"
>
<div class="col">
<div class="post-item">
<div class="post-inner">
<div class="post-thumb">
<a href="blog-single.html"
><img src="assets/images/blog/01.jpg" alt="blog thumb"
/></a>
</div>
<div class="post-content">
<a href="blog-single.html"
><h4>
Scottish Creatives To Receive Funded Business.
</h4></a
>
<div class="meta-post">
<ul class="lab-ul">
<li><i class="icofont-ui-user"></i>Begrass Tyson</li>
<li><i class="icofont-calendar"></i>April 23,2021</li>
</ul>
</div>
<p>
Pluoresnts customize prancing apcente customer service
anding ands asing in straelg Interacvely cordinate
performe
</p>
</div>
<div class="post-footer">
<div class="pf-left">
<a href="blog-single.html" class="lab-btn-text"
>Read more <i class="icofont-external-link"></i
></a>
</div>
<div class="pf-right">
<i class="icofont-comment"></i>
<span class="comment-count">3</span>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="post-item">
<div class="post-inner">
<div class="post-thumb">
<a href="blog-single.html"
><img src="assets/images/blog/02.jpg" alt="blog thumb"
/></a>
</div>
<div class="post-content">
<a href="blog-single.html"
><h4>
Scottish Creatives To Receive Funded Business.
</h4></a
>
<div class="meta-post">
<ul class="lab-ul">
<li><i class="icofont-ui-user"></i>Begrass Tyson</li>
<li><i class="icofont-calendar"></i>April 23,2021</li>
</ul>
</div>
<p>
Pluoresnts customize prancing apcente customer service
anding ands asing in straelg Interacvely cordinate
performe
</p>
</div>
<div class="post-footer">
<div class="pf-left">
<a href="blog-single.html" class="lab-btn-text"
>Read more <i class="icofont-external-link"></i
></a>
</div>
<div class="pf-right">
<i class="icofont-comment"></i>
<span class="comment-count">3</span>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="post-item">
<div class="post-inner">
<div class="post-thumb">
<a href="blog-single.html"
><img src="assets/images/blog/03.jpg" alt="blog thumb"
/></a>
</div>
<div class="post-content">
<a href="blog-single.html"
><h4>
Scottish Creatives To Receive Funded Business.
</h4></a
>
<div class="meta-post">
<ul class="lab-ul">
<li><i class="icofont-ui-user"></i>Begrass Tyson</li>
<li><i class="icofont-calendar"></i>April 23,2021</li>
</ul>
</div>
<p>
Pluoresnts customize prancing apcente customer service
anding ands asing in straelg Interacvely cordinate
performe
</p>
</div>
<div class="post-footer">
<div class="pf-left">
<a href="blog-single.html" class="lab-btn-text"
>Read more <i class="icofont-external-link"></i
></a>
</div>
<div class="pf-right">
<i class="icofont-comment"></i>
<span class="comment-count">3</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- blog section ending here -->
<!-- Achievement section start here -->
<!-- <div class="achievement-section padding-tb">
<div class="container">
<div class="section-header text-center">
<span class="subtitle">START TO SUCCESS</span>
<h2 class="title">Achieve Your Goals With Edukon</h2>
</div>
<div class="section-wrapper">
<div class="counter-part mb-4">
<div
class="row g-4 row-cols-lg-4 row-cols-sm-2 row-cols-1 justify-content-center"
>
<div class="col">
<div class="count-item">
<div class="count-inner">
<div class="count-content">
<h2>
<span
class="count"
data-to="30"
data-speed="1500"
></span
><span>+</span>
</h2>
<p>Years of Language Education Experience</p>
</div>
</div>
</div>
</div>
<div class="col">
<div class="count-item">
<div class="count-inner">
<div class="count-content">
<h2>
<span
class="count"
data-to="3080"
data-speed="1500"
></span
><span>+</span>
</h2>
<p>Learners Enrolled in Edukon Courses</p>
</div>
</div>
</div>
</div>
<div class="col">
<div class="count-item">
<div class="count-inner">
<div class="count-content">
<h2>
<span
class="count"
data-to="330"
data-speed="1500"
></span
><span>+</span>
</h2>
<p>Qualified Teachers And Language Experts</p>
</div>
</div>
</div>
</div>
<div class="col">
<div class="count-item">
<div class="count-inner">
<div class="count-content">
<h2>
<span
class="count"
data-to="2300"
data-speed="1500"
></span
><span>+</span>
</h2>
<p>Innovative Foreign Language Courses</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="achieve-part">
<div class="row g-4 row-cols-1 row-cols-lg-2">
<div class="col">
<div class="achieve-item">
<div class="achieve-inner">
<div class="achieve-thumb">
<img
src="assets/images/achive/01.png"
alt="achieve thumb"
/>
</div>
<div class="achieve-content">
<h4>Start Teaching Today</h4>
<p>
Seamlessly engage technically sound coaborative
reintermed goal oriented content rather than ethica
</p>
<a href="#" class="lab-btn"
><span>Become A Instructor</span></a
>
</div>
</div>
</div>
</div>
<div class="col">
<div class="achieve-item">
<div class="achieve-inner">
<div class="achieve-thumb">
<img
src="assets/images/achive/02.png"
alt="achieve thumb"
/>
</div>
<div class="achieve-content">
<h4>If You Join Our Course</h4>
<p>
Seamlessly engage technically sound coaborative
reintermed goal oriented content rather than ethica
</p>
<a href="#" class="lab-btn"
><span>Register For Free</span></a
>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- Achievement section ending here -->
<!-- footer -->
<div class="news-footer-wrap">
<!-- <div class="fs-shape">
<img src="assets/images/shape-img/03.png" alt="fst" class="fst-1" />
<img src="assets/images/shape-img/04.png" alt="fst" class="fst-2" />
</div> -->
<!-- Newsletter Section Start Here -->
<!-- <div class="news-letter">
<div class="container">
<div class="section-wrapper">
<div class="news-title">
<h3>Want Us To Email You About Special Offers And Updates?</h3>
</div>
<div class="news-form">
<form action="/">
<div class="nf-list">
<input
type="email"
name="email"
placeholder="Enter Your Email"
/>
<input type="submit" name="submit" value="Subscribe Now" />
</div>
</form>
</div>
</div>
</div>
</div> -->
<!-- Newsletter Section Ending Here -->
<!-- group select section start here -->
<!-- Form -->
<innersection class="Request a Callback">
</innersection>
<section class="callback_form">
<form class="form-inline" method="post" action="submit.php">
<input type="text" placeholder="Enter Name" name="name" id="name" required>
<input type="email" placeholder="Enter Email" name="email" id="email" required>
<input type="tel" placeholder="Enter Mobile Number" name="mobile" id="mobile" required>
<button>Request a Callback</button>
</form>
</div>
<!-- form end -->
<!-- group select section ending here -->
<!-- Footer Section Start Here -->
<footer>
<div style="background-color: #9b7bf8;" class="footer-top padding-tb">
<div class="container">
<div
class="row g-4 row-cols-xl-4 row-cols-md-2 row-cols-1 justify-content-center"
>
<div class="col">
<div class="footer-item">
<div class="footer-inner">
<div class="footer-content">
<div class="title">
<h4>PractE</h4>
</div>
<div class="content">
<ul class="lab-ul">
<li>
<a href="#"
>Our PractE idea is to provide you with a platform
for perfect practice, elevating your skills to
extraordinary heights and achieving exceptional
results by focusing on perfection in practice.</a
>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="footer-item">
<div class="footer-inner">
<div class="footer-content">
<div class="title">
<h4>Useful Links</h4>
</div>
<div class="content">
<ul class="lab-ul">
<!-- <li><a href="#">About Us</a></li> -->
<!-- <li><a href="#">Help Link</a></li> -->
<li><a href="contact.html">Contact Us</a></li>
<li><a href="blog.html">Blogs</a></li>
<li>
<a href="privacy-policy.html">Privacy Policy</a>
</li>
<li>
<a href="terms-conditions.html"
>Terms & Conditions</a
>
</li>
<li>
<a href="refund-policy.html">Refund Policy</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="footer-item">
<div class="footer-inner">
<div class="footer-content">
<div class="title">
<h4>Social Contact</h4>
</div>
<div class="content">
<ul class="lab-ul">
<li>
<a
href="https://www.facebook.com/profile.php?id=61561914057070"
>Facebook</a
>
</li>
<!-- <li><a href="#">Twitter</a></li> -->
<li>
<a href="https://www.instagram.com/practe.app/"
>Instagram</a
>
</li>
<!-- <li><a href="#">YouTube</a></li> -->
<!-- <li><a href="#">Github</a></li> -->
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="footer-item">
<div class="footer-inner">
<div class="footer-content">
<div class="title">
<h4>Get PractE</h4>
</div>
<div class="content">
<ul class="lab-ul">
<li>
<a
href="https://play.google.com/store/apps/details?id=com.practe.app&hl=en&gl=US"
><img
src="assets/images/playstore.png"
width="150"
/></a>
</li>
<li>
<a href="https://apps.apple.com/in/app/practe/id6504753773"
><img
src="assets/images/appstore.png"
width="150"
/></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom style-2">
<div class="container">
<div class="section-wrapper">
<p>
© 2024 <a href="index.html">PractE</a> Designed by
<a href="https://www.syoft.com/" target="_blank">Syoft</a>
</p>
</div>
</div>
</div>
</footer>
<!-- Footer Section Ending Here -->
</div>
<!-- footer -->
<script>
// document.addEventListener("DOMContentLoaded", function () {
// const categoryLinks = document.querySelectorAll(".category-link");
// console.log("DOM fully loaded and parsed");
// categoryLinks.forEach((link) => {
// console.log("Link found:", link);
// link.addEventListener("click", function (event) {
// event.preventDefault();
// const category = this.getAttribute("data-category");
// console.log("Category clicked:", category);
// const content = document.getElementById(`content-${category}`);
// if (content) {
// const allContents = document.querySelectorAll(".hidden-content");
// allContents.forEach((c) => (c.style.display = "none")); // Hide all contents
// content.style.display = "block"; // Show the selected content
// console.log("Displaying content for:", category);
// // Remove active class from all category items
// const allCategoryItems =
// document.querySelectorAll(".category-item");
// allCategoryItems.forEach((item) =>
// item.classList.remove("active-category")
// );
// // Add active class to the parent of the clicked link
// this.closest(".category-item").classList.add("active-category");
// } else {
// console.error(`Content not found for category: ${category}`);
// }
// });
// });
// // Make the "Beginners Plan" card active by default
// const defaultCategory = "beginners-plan";
// const defaultContent = document.getElementById(
// `content-${defaultCategory}`
// );
// if (defaultContent) {
// defaultContent.style.display = "block"; // Show the default content
// console.log("Displaying content for:", defaultCategory);
// const defaultCategoryItem = document
// .querySelector(`.category-link[data-category="${defaultCategory}"]`)
// .closest(".category-item");
// if (defaultCategoryItem) {
// defaultCategoryItem.classList.add("active-category"); // Add active class to the default category item
// } else {
// console.error(
// `Category item not found for default category: ${defaultCategory}`
// );
// }
// } else {
// console.error(
// `Content not found for default category: ${defaultCategory}`
// );
// }
// });
// popup form
function showPopup() {
document.getElementById("dialog-wrapper").style.display = "flex";
}
document
.getElementById("close-btn")
.addEventListener("click", function () {
document.getElementById("dialog-wrapper").style.display = "none";
});
// Show popup when the user scrolls
window.addEventListener("scroll", function () {
showPopup();
// Remove the scroll event listener after showing the popup
window.removeEventListener("scroll", arguments.callee);
});
</script>
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-Q7XWMM9QFK"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-Q7XWMM9QFK");
</script>
<script>
(function (h, o, t, j, a, r) {
h.hj =
h.hj ||
function () {
(h.hj.q = h.hj.q || []).push(arguments);
};
h._hjSettings = { hjid: 5045893, hjsv: 6 };
a = o.getElementsByTagName("head")[0];
r = o.createElement("script");
r.async = 1;
r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
a.appendChild(r);
})(window, document, "https://static.hotjar.com/c/hotjar-", ".js?sv=");
</script>
<script>
document.getElementById('rightVideo').play();
</script>
<!--Start popup form-->
<script>
let contactObj={
nameValue:"",
emailValue:"",
phoneValue:"",
messageDesc:""
}
console.log("contactObj", contactObj)
const nameChanged=(event)=> {
contactObj.nameValue=event.target.value
console.log("contactObj", contactObj)
}
const emailChanged=(event)=> {
contactObj.emailValue=event.target.value
console.log("contactObj", contactObj)
}
const phoneChanged=(event)=> {
contactObj.phoneValue=event.target.value
console.log("contactObj", contactObj)
}
document.getElementById("namePop").addEventListener('keyup', nameChanged)
document.getElementById("emailPop").addEventListener('keyup', emailChanged)
document.getElementById("phonePop").addEventListener('keyup', phoneChanged)
const submit_popup=()=>{
console.log("Pop up form submitted")
console.log("contactObj", contactObj)
const {nameValue, emailValue, phoneValue, messageDesc}=contactObj
let options= {
method:"get"
}
if (nameValue!="", emailValue!="", phoneValue!="" ) {
fetch(`https://script.google.com/macros/s/AKfycbx0VkrnM7Pnnh7Y7RncbGioikiHYKAjUP7eZs6GR0MOcbTgaitgyzHMF2x-8mLeD-IUPw/exec?name=${nameValue}&email=${emailValue}&phone=${phoneValue}&message=${messageDesc}`,options)
.then(function(response){
console.log("response", response)
let contactObj={
nameValue:"",
emailValue:"",
phoneValue:"",
messageDesc:""
}
})
}
}
const formNameChanged=(event)=> {
contactObj.nameValue=event.target.value
console.log("contactObj", contactObj)
}
const formEmailChanged=(event)=> {
contactObj.emailValue=event.target.value
console.log("contactObj", contactObj)
}
const formPhoneChanged=(event)=> {
contactObj.phoneValue=event.target.value
console.log("contactObj", contactObj)
}
console.log("myDoc", document.getElementById("nameForm"))
document.getElementById("nameForm").addEventListener('keyup', formNameChanged)
document.getElementById("emailForm").addEventListener('keyup', formEmailChanged)
document.getElementById("phoneForm").addEventListener('keyup', formPhoneChanged)
const submit_form=()=>{
console.log("Pop up form submitted")
console.log("contactObj", contactObj)
const {nameValue, emailValue, phoneValue, messageDesc}=contactObj
let options= {
method:"get"
}
if (nameValue!="", emailValue!="", phoneValue!="" ) {
fetch(`https://script.google.com/macros/s/AKfycbx0VkrnM7Pnnh7Y7RncbGioikiHYKAjUP7eZs6GR0MOcbTgaitgyzHMF2x-8mLeD-IUPw/exec?name=${nameValue}&email=${emailValue}&phone=${phoneValue}&message=${messageDesc}`,options)
.then(function(response){
console.log("response", response)
let contactObj={
nameValue:"",
emailValue:"",
phoneValue:"",
messageDesc:""
}
})
}
}
</script>
<!--End popup form-->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/swiper.min.js"></script>
<script src="assets/js/progress.js"></script>
<script src="assets/js/lightcase.js"></script>
<script src="assets/js/counter-up.js"></script>
<script src="assets/js/isotope.pkgd.js"></script>
<script src="assets/js/functions.js"></script>
</body>
</html>