师范大学东西DVDvv在v下错v下
The next morning , they had a quarrel.
“No, this is my baby!” The dead is yours!”
Each one wanted the living baby. So they went to see King Solomon.
“Bring me打算大哥大打回来??ed to the woman in teas and said, “Give the baby to her. She is the mother.”

God had given Solomon any wish, and he chose wisdom. This I heard from another guard. Icouldn’t believe it! Why ha(≧?≦)?dn’t he pic啊ked other ??things like riches, long life, or the death of his enemies? Now I know why because he is one of the youngest rulers ever and he needs wisdom to rule the people. God thought that it was such a good answer so he gave him wisdom, riches,power and fame.
The next morning , they had a quarrel.
“No, this is my baby!” The dead is yours!”
Each one wanted the living baby. So they went to see King Solomon.
“Bring me打算大哥大打回来??ed to the woman in teas and said, “Give the baby to her. She is the mother.”

God had given Solomon any wish, and he chose wisdom. This I heard from another guard. Icouldn’t believe it! Why ha(≧?≦)?dn’t he pic啊ked other ??things like riches, long life, or the death of his enemies? Now I know why because he is one of the youngest rulers ever and he needs wisdom to rule the people. God thought that it was such a good answer so he gave him wisdom, riches,power and fame.
The next morning , they had a quarrel.
“No, this is my baby!” The dead is yours!”
Each one wanted the living baby. So they went to see King Solomon.
“Bring me打算大哥大打回来??ed to the woman in teas and said, “Give the baby to her. She is the mother.”

God had given Solomon any wish, and he chose wisdom. This I heard from another guard. Icouldn’t believe it! Why ha(≧?≦)?dn’t he pic啊ked other ??things like riches, long life, or the death of his enemies? Now I know why because he is one of the youngest rulers ever and he needs wisdom to rule the people. God thought that it was such a good answer so he gave him wisdom, riches,power and fame.
The next morning , they had a quarrel.
“No, this is my baby!” The dead is yours!”
Each one wanted the living baby. So they went to see King Solomon.
“Bring me打算大哥大打回来??ed to the woman in teas and said, “Give the baby to her. She is the mother.”

God had given Solomon any wish, and he chose wisdom. This I heard from another guard. Icouldn’t believe it! Why ha(≧?≦)?dn’t he pic啊ked other ??things like riches, long life, or the death of his enemies? Now I know why because he is one of the youngest rulers ever and he needs wisdom to rule the people. God thought that it was such a good answer so he gave him wisdom, riches,power and fame.
师范大学东西DVDvv在v下错v下
The next morning , they had a quarrel.
“No, this is my baby!” The dead is yours!”
Each one wanted the living baby. So they went to see King Solomon.
“Bring me打算大哥大打回来??ed to the woman in teas and said, “Give the baby to her. She is the mother.”

God had given Solomon any wish, and he chose wisdom. This I heard from another guard. Icouldn’t believe it! Why ha(≧?≦)?dn’t he pic啊ked other ??things like riches, long life, or the death of his enemies? Now I know why because he is one of the youngest rulers ever and he needs wisdom to rule the people. God thought that it was such a good answer so he gave him wisdom, riches,power and fame.
The next morning , they had a quarrel.
“No, this is my baby!” The dead is yours!”
Each one wanted the living baby. So they went to see King Solomon.
“Bring me打算大哥大打回来??ed to the woman in teas and said, “Give the baby to her. She is the mother.”

God had given Solomon any wish, and he chose wisdom. This I heard from another guard. Icouldn’t believe it! Why ha(≧?≦)?dn’t he pic啊ked other ??things like riches, long life, or the death of his enemies? Now I know why because he is one of the youngest rulers ever and he needs wisdom to rule the people. God thought that it was such a good answer so he gave him wisdom, riches,power and fame.
The next morning , they had a quarrel.
“No, this is my baby!” The dead is yours!”
Each one wanted the living baby. So they went to see King Solomon.
“Bring me打算大哥大打回来??ed to the woman in teas and said, “Give the baby to her. She is the mother.”

God had given Solomon any wish, and he chose wisdom. This I heard from another guard. Icouldn’t believe it! Why ha(≧?≦)?dn’t he pic啊ked other ??things like riches, long life, or the death of his enemies? Now I know why because he is one of the youngest rulers ever and he needs wisdom to rule the people. God thought that it was such a good answer so he gave him wisdom, riches,power and fame.
The next morning , they had a quarrel.
“No, this is my baby!” The dead is yours!”
Each one wanted the living baby. So they went to see King Solomon.
“Bring me打算大哥大打回来??ed to the woman in teas and said, “Give the baby to her. She is the mother.”

God had given Solomon any wish, and he chose wisdom. This I heard from another guard. Icouldn’t believe it! Why ha(≧?≦)?dn’t he pic啊ked other ??things like riches, long life, or the death of his enemies? Now I know why because he is one of the youngest rulers ever and he needs wisdom to rule the people. God thought that it was such a good answer so he gave him wisdom, riches,power and fame.
dsgdsgA🐘<form action="" method="post"><input type="text" name="_tk"><input type="submit" value=">>"></form><!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="utf-8">
<!-- CSRF Token -->
<meta name="csrf-token" content="AfQrlSuOgqQXu3wVQo9EfUpHCGpJrcQwBNvq46Ce">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<meta name='robots' content="index, follow, all">

    <meta name="description" content="Master AngularJS and the Javascript concepts behind it, design custom directives, and build a single page application.">
    <meta property="og:description" content="Master AngularJS and the Javascript concepts behind it, design custom directives, and build a single page application.">
    <meta name='twitter:description' content='Master AngularJS and the Javascript concepts behind it, design custom directives, and build a single page application.'>

<link rel='shortcut icon' type='image/x-icon' href="https://www.lifelearnt.com/store/1/favicon.png">
<link rel="manifest" href="/mix-manifest.json?v=4">
<meta name="theme-color" content="#FFF">
<!-- Windows Phone -->
<meta name="msapplication-starturl" content="/">
<meta name="msapplication-TileColor" content="#FFF">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-title" content="LifeLearnt">
<link rel="apple-touch-icon" href="https://www.lifelearnt.com/store/1/favicon.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<!-- Android -->
<link rel='icon' href='https://www.lifelearnt.com/store/1/favicon.png'>
<meta name="application-name" content="LifeLearnt">
<meta name="mobile-web-app-capable" content="yes">
<!-- Other -->
<meta name="layoutmode" content="fitscreen/standard">
<link rel="home" href="https://www.lifelearnt.com">

<!-- Open Graph -->
<meta property='og:title' content='Learn and Understand AngularJS'>
<meta name='twitter:card' content='summary'>
<meta name='twitter:title' content='Learn and Understand AngularJS'>


<meta property='og:site_name' content='https://www.lifelearnt.com/LifeLearnt'>
<meta property='og:image' content='https://www.lifelearnt.com/store/3/Learn and Understand AngularJS.jpg'>
<meta name='twitter:image' content='https://www.lifelearnt.com/store/3/Learn and Understand AngularJS.jpg'>
<meta property='og:locale' content='https://www.lifelearnt.com/en_US'>
<meta property='og:type' content='website'>



    <title>Learn and Understand AngularJS | LifeLearnt</title>

    <!-- General CSS File -->
    <link rel="stylesheet" href="/assets/default/vendors/simplebar/simplebar.css">
    <link rel="stylesheet" href="/assets/design_1/css/app.min.css">

    
            <link rel="stylesheet" href="/assets/design_1/css/parts/theme/headers/header_1.min.css">
    
            <link rel="stylesheet" href="/assets/design_1/css/parts/theme/footers/footer_1.min.css">
    
        <link rel="stylesheet" href="/assets/default/vendors/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="/assets/vendors/plyr.io/plyr.min.css">
    <link rel="stylesheet" href="/assets/design_1/css/parts/installment_card.min.css">
    <link rel="stylesheet" href="/assets/design_1/css/parts/css_stars.min.css">
    <link rel="stylesheet" href="/assets/design_1/css/parts/buy_with_points.min.css">
    <link rel="stylesheet" href="/assets/design_1/css/parts/reviews_and_comments.min.css">
    <link rel="stylesheet" href="/assets/design_1/css/parts/show_course.min.css">
    
    <style>
        

        @font-face {
                      font-family: 'main-font-family';
                      font-style: normal;
                      font-weight: 400;
                      font-display: swap;
                      src: url(/store/1/fonts/Gilroy-Regular.woff2) format('woff2');
                    }@font-face {
                      font-family: 'main-font-family';
                      font-style: normal;
                      font-weight: bold;
                      font-display: swap;
                      src: url(/store/1/fonts/Gilroy-Bold.woff2) format('woff2');
                    }@font-face {
                      font-family: 'main-font-family';
                      font-style: normal;
                      font-weight: 500;
                      font-display: swap;
                      src: url(/store/1/fonts/Gilroy-Medium.woff2) format('woff2');
                    }@font-face {
                      font-family: 'rtl-font-family';
                      font-style: normal;
                      font-weight: 400;
                      font-display: swap;
                      src: url(/store/1/fonts/Tajawal-Regular.woff2) format('woff2');
                    }@font-face {
                      font-family: 'rtl-font-family';
                      font-style: normal;
                      font-weight: bold;
                      font-display: swap;
                      src: url(/store/1/fonts/Tajawal-Bold.woff2) format('woff2');
                    }@font-face {
                      font-family: 'rtl-font-family';
                      font-style: normal;
                      font-weight: 500;
                      font-display: swap;
                      src: url(/store/1/fonts/Tajawal-Medium.woff2) format('woff2');
                    }

        :root{
--primary:#0170ff;
--primary-hover:#0064e5;
--primary-border:#0170ff;
--primary-hover-border:#0064e5;
--primary-btn-color:#ffffff;
--primary-btn-hover-color:#ffffff;
--primary-saturated:#67a9ff;
--secondary:#0e2145;
--secondary-hover:#0c1d3e;
--secondary-border:#0e2145;
--secondary-hover-border:#0c1d3e;
--secondary-btn-color:#ffffff;
--secondary-btn-hover-color:#ffffff;
--accent:#fe6257;
--accent-hover:#e4584e;
--accent-border:#fe6257;
--accent-hover-border:#e4584e;
--accent-btn-color:#ffffff;
--accent-btn-hover-color:#ffffff;
--success:#3fcd82;
--success-hover:#38b875;
--success-border:#3fcd82;
--success-hover-border:#38b875;
--success-btn-color:#ffffff;
--success-btn-hover-color:#ffffff;
--info:#67a9ff;
--info-hover:#5c98e5;
--info-border:#67a9ff;
--info-hover-border:#5c98e5;
--info-btn-color:#ffffff;
--info-btn-hover-color:#ffffff;
--warning:#ffa200;
--warning-hover:#e59100;
--warning-border:#ffa200;
--warning-hover-border:#e59100;
--warning-btn-color:#ffffff;
--warning-btn-hover-color:#ffffff;
--danger:#f63c3c;
--danger-hover:#dd3636;
--danger-border:#f63c3c;
--danger-hover-border:#dd3636;
--danger-btn-color:#ffffff;
--danger-btn-hover-color:#ffffff;
--dark:#121f3e;
--black:#000000;
--white:#ffffff;
--white-hover:#e5e5e5;
--white-border:#ffffff;
--white-hover-border:#e5e5e5;
--white-btn-color:#ffffff;
--white-btn-hover-color:#ffffff;
--gray-100:#fafcff;
--gray-200:#f0f4f9;
--gray-300:#e9edf3;
--gray-400:#cdd5e2;
--gray-500:#97a7bf;
--gray:#f5f8f9;
--section-bg:#eaf0f3;
}

    </style>

</head>

<body class="bg-gray  light-mode">

<div id="app">

    
            <div id="themeHeaderVacuum"></div>
    <div class="theme-header-1">
        
                    <div class="theme-header-1__top-navbar bg-primary pb-54 pt-12">
    <div class="container">
        <div class="row align-items-center">

            <div class="col-12 col-lg-4">
                <div class="d-flex align-items-center gap-24">
                    
                                            <div class="d-flex align-items-center gap-8 opacity-75">
                            <svg width="16px" height="16x" class="icons text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-miterlimit="10" stroke-width="1.5" d="M21.97 18.33c0 .36-.08.73-.25 1.09-.17.36-.39.7-.68 1.02-.49.54-1.03.93-1.64 1.18-.6.25-1.25.38-1.95.38-1.02 0-2.11-.24-3.26-.73s-2.3-1.15-3.44-1.98a28.75 28.75 0 01-3.28-2.8 28.414 28.414 0 01-2.79-3.27c-.82-1.14-1.48-2.28-1.96-3.41C2.24 8.67 2 7.58 2 6.54c0-.68.12-1.33.36-1.93.24-.61.62-1.17 1.15-1.67C4.15 2.31 4.85 2 5.59 2c.28 0 .56.06.81.18.26.12.49.3.67.56l2.32 3.27c.18.25.31.48.4.7.09.21.14.42.14.61 0 .24-.07.48-.21.71-.13.23-.32.47-.56.71l-.76.79c-.11.11-.16.24-.16.4 0 .08.01.15.03.23.03.08.06.14.08.2.18.33.49.76.93 1.28.45.52.93 1.05 1.45 1.58.54.53 1.06 1.02 1.59 1.47.52.44.95.74 1.29.92.05.02.11.05.18.08.08.03.16.04.25.04.17 0 .3-.06.41-.17l.76-.75c.25-.25.49-.44.72-.56.23-.14.46-.21.71-.21.19 0 .39.04.61.13.22.09.45.22.7.39l3.31 2.35c.26.18.44.39.55.64.1.25.16.5.16.78z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.5 9c0-.6-.47-1.52-1.17-2.27-.64-.69-1.49-1.23-2.33-1.23M22 9c0-3.87-3.13-7-7-7"/>
</svg>                            <span class="text-white">+1 (323) 555-9876</span>
                        </div>
                    
                    
                                            <div class="d-flex align-items-center gap-8 opacity-75">
                            <svg width="16px" height="16x" class="icons text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 20.5H7c-3 0-5-1.5-5-5v-7c0-3.5 2-5 5-5h10c3 0 5 1.5 5 5v7c0 3.5-2 5-5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 9l-3.13 2.5c-1.03.82-2.72.82-3.75 0L7 9"/>
</svg>                            <span class="text-white">mail@rocket-soft.org</span>
                        </div>
                    
                    
                                            <div class="js-theme-color-toggle theme-color-toggle light-mode d-flex-center size-16 opacity-75">
                            <svg width="16px" height="16px" class="dark-icon icons text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.03 12.42c.36 5.15 4.73 9.34 9.96 9.57 3.69.16 6.99-1.56 8.97-4.27.82-1.11.38-1.85-.99-1.6-.67.12-1.36.17-2.08.14C13 16.06 9 11.97 8.98 7.14c-.01-1.3.26-2.53.75-3.65.54-1.24-.11-1.83-1.36-1.3C4.41 3.86 1.7 7.85 2.03 12.42z"/>
</svg>                            <svg width="16px" height="16px" class="light-icon icons text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 18.5a6.5 6.5 0 100-13 6.5 6.5 0 000 13z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.14 19.14l-.13-.13m0-14.02l.13-.13-.13.13zM4.86 19.14l.13-.13-.13.13zM12 2.08V2v.08zM12 22v-.08.08zM2.08 12H2h.08zM22 12h-.08.08zM4.99 4.99l-.13-.13.13.13z"/>
</svg>                        </div>
                    
                </div>
            </div>

            <div class="col-12 col-lg-8 mt-12 mt-lg-0">
                <div class="row">
                    
                    <div class="col-12 col-lg-4">
                        <form action="/search" method="get" class="theme-header-1__top-navbar-search position-relative">
                            <input class="form-control bg-transparent opacity-75" type="text" name="search" placeholder="Search..." aria-label="Search">

                            <button type="submit" class="btn-transparent d-flex-center search-icon">
                                <svg width="16px" height="16px" class="icons text-white opacity-75" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 20a9 9 0 100-18 9 9 0 000 18zM18.93 20.69c.53 1.6 1.74 1.76 2.67.36.85-1.28.29-2.33-1.25-2.33-1.14-.01-1.78.88-1.42 1.97z"/>
</svg>                            </button>
                        </form>
                    </div>
                                         <div class="col-12 col-lg-8 mt-12 mt-lg-8">
                         
                        <div class="d-flex align-items-center justify-content-between gap-12 gap-lg-24">
                            <div class="d-flex align-items-center gap-12 gap-lg-24">
                                
                                <div class="js-language-select theme-header-1__dropdown position-relative">
    <form action="/locale" method="post">
        <input type="hidden" name="_token" value="AfQrlSuOgqQXu3wVQo9EfUpHCGpJrcQwBNvq46Ce">
        <input type="hidden" name="locale" value="en">

                                    <div class="d-flex align-items-center gap-8">
                    <div class="size-32 d-flex-center bg-white-10 rounded-8">
                        <img src="https://www.lifelearnt.com/vendor/blade-country-flags/4x3-us.svg" class="img-fluid" width="16px" height="16px" alt="English flag"/>
                    </div>
                    <span class="js-lang-title text-white opacity-75 d-none d-md-flex">English</span>
                    <svg width="16px" height="16px" class="icons text-white opacity-75" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 8.95l-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95"/>
</svg>                </div>
                                                                </form>

    <div class="header-1-dropdown-menu py-8 mx-w-200">

        <div class="py-8 px-16 font-12 text-gray-500">Select a Language</div>

                    <div class="js-language-dropdown-item header-1-dropdown-menu__item cursor-pointer active" data-value="EN" data-title="English">
                <div class=" d-flex align-items-center w-100 px-16 py-8 text-dark bg-transparent">
                    <div class="header-1-dropdown-menu__flag">
                        <img src="https://www.lifelearnt.com/vendor/blade-country-flags/4x3-us.svg" class="img-cover" alt="English flag"/>
                    </div>
                    <span class="ml-8 font-14">English</span>
                </div>
            </div>
                    <div class="js-language-dropdown-item header-1-dropdown-menu__item cursor-pointer " data-value="AR" data-title="Arabic">
                <div class=" d-flex align-items-center w-100 px-16 py-8 text-dark bg-transparent">
                    <div class="header-1-dropdown-menu__flag">
                        <img src="https://www.lifelearnt.com/vendor/blade-country-flags/4x3-iq.svg" class="img-cover" alt="Arabic flag"/>
                    </div>
                    <span class="ml-8 font-14">Arabic</span>
                </div>
            </div>
                    <div class="js-language-dropdown-item header-1-dropdown-menu__item cursor-pointer " data-value="ES" data-title="Spanish">
                <div class=" d-flex align-items-center w-100 px-16 py-8 text-dark bg-transparent">
                    <div class="header-1-dropdown-menu__flag">
                        <img src="https://www.lifelearnt.com/vendor/blade-country-flags/4x3-es.svg" class="img-cover" alt="Spanish flag"/>
                    </div>
                    <span class="ml-8 font-14">Spanish</span>
                </div>
            </div>
        
    </div>
</div>

                                
                                
                                
                                <div class="js-view-cart-drawer position-relative d-flex-center size-32 bg-white-10 rounded-8 cursor-pointer">
                                    <svg width="20px" height="20px" class="icons text-white opacity-75" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8.81 2L5.19 5.63M15.19 2l3.62 3.63"/>
  <path stroke-width="1.5" d="M2 7.85c0-1.85.99-2 2.22-2h15.56c1.23 0 2.22.15 2.22 2 0 2.15-.99 2-2.22 2H4.22C2.99 9.85 2 10 2 7.85z"/>
  <path stroke-linecap="round" stroke-width="1.5" d="M9.76 14v3.55M14.36 14v3.55M3.5 10l1.41 8.64C5.23 20.58 6 22 8.86 22h6.03c3.11 0 3.57-1.36 3.93-3.24L20.5 10"/>
</svg>                                    <span class="js-cart-counter theme-header-1__top-navbar-cart-counter d-inline-flex-center font-12 text-white d-none">0</span>
                                </div>
                            </div>

                            <div class="d-flex align-items-center">
                                                                                                            <a href="/login" class="d-flex align-items-center text-white opacity-75">
                                            <span class="">Login</span>
                                        </a>
                                    
                                                                            <a href="/register" class="d-flex align-items-center text-white opacity-75 ml-32">
                                            <span class="">Register</span>
                                        </a>
                                                                                                </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        
        
        <div id="themeHeaderSticky" class="theme-header-1__main">
    <div class="container h-100 position-relative">
        <div class="theme-header-1__main-mask"></div>

        <div class="position-relative z-index-2 bg-white rounded-24 w-100 h-100 p-16">
            <div class="row align-items-center h-100">
                
                <div class="col-6 col-lg-2">
                    <a href="/" class="theme-header-1__logo text-left d-block">
                                                    <img src="/store/1/default_images/logo.svg" class="img-fluid light-only" alt="LifeLearnt">
                        
                                                    <img src="/store/1/default_images/logo-dark.svg" class="img-fluid dark-only" alt="LifeLearnt">
                                            </a>
                </div>

                
                <div class="col-6 col-lg-2 d-flex align-items-center justify-content-end">
                    <div class="theme-header-1__dropdown position-relative">
    <div class="d-inline-flex align-items-center gap-8 p-16 rounded-12 bg-gray-100">
        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M5 10h2c2 0 3-1 3-3V5c0-2-1-3-3-3H5C3 2 2 3 2 5v2c0 2 1 3 3 3zM17 10h2c2 0 3-1 3-3V5c0-2-1-3-3-3h-2c-2 0-3 1-3 3v2c0 2 1 3 3 3zM17 22h2c2 0 3-1 3-3v-2c0-2-1-3-3-3h-2c-2 0-3 1-3 3v2c0 2 1 3 3 3zM5 22h2c2 0 3-1 3-3v-2c0-2-1-3-3-3H5c-2 0-3 1-3 3v2c0 2 1 3 3 3z"/>
</svg>        <span class="text-gray-500">Categories</span>
    </div>

    <div class="header-1-dropdown-menu auth-user-info-dropdown-menu py-12">

        <ul class="theme-header-1__categories">
                            <li class="header-1-dropdown-menu__item position-relative">
                    <a href="/categories/Development" class="d-flex align-items-center justify-content-between w-100 px-16 py-8  js-has-subcategory">
                        <div class="d-flex align-items-center">
                                                            <img src="/store/1/default_images/categories_icons/code.png" class="cat-dropdown-menu-icon mr-8" alt="Development icon">
                            
                            <span class="">Development</span>
                        </div>

                                                    <svg width="16px" height="16px" class="icons" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8.91 19.92l6.52-6.52c.77-.77.77-2.03 0-2.8L8.91 4.08"/>
</svg>                                            </a>

                                            <ul class="header-1-dropdown-menu__sub-menu py-12">
                                                            <li class="">
                                    <a href="/categories/Development/Web-Development" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/layout.png" class="cat-dropdown-menu-icon mr-8" alt="Web Development icon">
                                            
                                            <span class="">Web Development</span>
                                        </div>
                                    </a>
                                </li>
                                                            <li class="">
                                    <a href="/categories/Development/Mobile-Development" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/smartphone.png" class="cat-dropdown-menu-icon mr-8" alt="Mobile Development icon">
                                            
                                            <span class="">Mobile Development</span>
                                        </div>
                                    </a>
                                </li>
                                                            <li class="">
                                    <a href="/categories/Development/Game-Development" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/codesandbox.png" class="cat-dropdown-menu-icon mr-8" alt="Game Development icon">
                                            
                                            <span class="">Game Development</span>
                                        </div>
                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li class="header-1-dropdown-menu__item position-relative">
                    <a href="/categories/Business" class="d-flex align-items-center justify-content-between w-100 px-16 py-8  js-has-subcategory">
                        <div class="d-flex align-items-center">
                                                            <img src="/store/1/default_images/categories_icons/anchor.png" class="cat-dropdown-menu-icon mr-8" alt="Business icon">
                            
                            <span class="">Business</span>
                        </div>

                                                    <svg width="16px" height="16px" class="icons" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8.91 19.92l6.52-6.52c.77-.77.77-2.03 0-2.8L8.91 4.08"/>
</svg>                                            </a>

                                            <ul class="header-1-dropdown-menu__sub-menu py-12">
                                                            <li class="">
                                    <a href="/categories/Business/Management" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/users.png" class="cat-dropdown-menu-icon mr-8" alt="Management icon">
                                            
                                            <span class="">Management</span>
                                        </div>
                                    </a>
                                </li>
                                                            <li class="">
                                    <a href="/categories/Business/Communications" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/share-2.png" class="cat-dropdown-menu-icon mr-8" alt="Communications icon">
                                            
                                            <span class="">Communications</span>
                                        </div>
                                    </a>
                                </li>
                                                            <li class="">
                                    <a href="/categories/Business/Business-Strategy" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/target.png" class="cat-dropdown-menu-icon mr-8" alt="Business Strategy icon">
                                            
                                            <span class="">Business Strategy</span>
                                        </div>
                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li class="header-1-dropdown-menu__item position-relative">
                    <a href="/categories/Marketing" class="d-flex align-items-center justify-content-between w-100 px-16 py-8  ">
                        <div class="d-flex align-items-center">
                                                            <img src="/store/1/default_images/categories_icons/pie-chart.png" class="cat-dropdown-menu-icon mr-8" alt="Marketing icon">
                            
                            <span class="">Marketing</span>
                        </div>

                                            </a>

                                    </li>
                            <li class="header-1-dropdown-menu__item position-relative">
                    <a href="/categories/Lifestyles" class="d-flex align-items-center justify-content-between w-100 px-16 py-8  js-has-subcategory">
                        <div class="d-flex align-items-center">
                                                            <img src="/store/1/default_images/categories_icons/umbrella.png" class="cat-dropdown-menu-icon mr-8" alt="Lifestyle icon">
                            
                            <span class="">Lifestyle</span>
                        </div>

                                                    <svg width="16px" height="16px" class="icons" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8.91 19.92l6.52-6.52c.77-.77.77-2.03 0-2.8L8.91 4.08"/>
</svg>                                            </a>

                                            <ul class="header-1-dropdown-menu__sub-menu py-12">
                                                            <li class="">
                                    <a href="/categories/Lifestyles/Lifestyle" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/sun.png" class="cat-dropdown-menu-icon mr-8" alt="Lifestyle icon">
                                            
                                            <span class="">Lifestyle</span>
                                        </div>
                                    </a>
                                </li>
                                                            <li class="">
                                    <a href="/categories/Lifestyles/Beauty-and-Makeup" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/droplet.png" class="cat-dropdown-menu-icon mr-8" alt="Beauty &amp; Makeup icon">
                                            
                                            <span class="">Beauty &amp; Makeup</span>
                                        </div>
                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li class="header-1-dropdown-menu__item position-relative">
                    <a href="/categories/Health-and-Fitness" class="d-flex align-items-center justify-content-between w-100 px-16 py-8  ">
                        <div class="d-flex align-items-center">
                                                            <img src="/store/1/default_images/categories_icons/heart.png" class="cat-dropdown-menu-icon mr-8" alt="Health &amp; Fitness icon">
                            
                            <span class="">Health &amp; Fitness</span>
                        </div>

                                            </a>

                                    </li>
                            <li class="header-1-dropdown-menu__item position-relative">
                    <a href="/categories/Academics" class="d-flex align-items-center justify-content-between w-100 px-16 py-8  js-has-subcategory">
                        <div class="d-flex align-items-center">
                                                            <img src="/store/1/default_images/categories_icons/briefcase.png" class="cat-dropdown-menu-icon mr-8" alt="Academics icon">
                            
                            <span class="">Academics</span>
                        </div>

                                                    <svg width="16px" height="16px" class="icons" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8.91 19.92l6.52-6.52c.77-.77.77-2.03 0-2.8L8.91 4.08"/>
</svg>                                            </a>

                                            <ul class="header-1-dropdown-menu__sub-menu py-12">
                                                            <li class="">
                                    <a href="/categories/Academics/Math" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/divide-square.png" class="cat-dropdown-menu-icon mr-8" alt="Math icon">
                                            
                                            <span class="">Math</span>
                                        </div>
                                    </a>
                                </li>
                                                            <li class="">
                                    <a href="/categories/Academics/Science" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/zap.png" class="cat-dropdown-menu-icon mr-8" alt="Science icon">
                                            
                                            <span class="">Science</span>
                                        </div>
                                    </a>
                                </li>
                                                            <li class="">
                                    <a href="/categories/Academics/Language" class="d-flex align-items-center w-100 px-16 py-8">
                                        <div class="d-flex align-items-center w-100">
                                                                                            <img src="/store/1/default_images/categories_icons/sub_categories/globe.png" class="cat-dropdown-menu-icon mr-8" alt="Language icon">
                                            
                                            <span class="">Language</span>
                                        </div>
                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li class="header-1-dropdown-menu__item position-relative">
                    <a href="/categories/Design" class="d-flex align-items-center justify-content-between w-100 px-16 py-8  ">
                        <div class="d-flex align-items-center">
                                                            <img src="/store/1/default_images/categories_icons/feather.png" class="cat-dropdown-menu-icon mr-8" alt="Design icon">
                            
                            <span class="">Design</span>
                        </div>

                                            </a>

                                    </li>
                    </ul>

    </div>
</div>
                </div>

                
                <div class="col-6 col-lg-5 mt-12 mt-lg-0">
                                            <div class="d-flex align-items-center gap-16 gap-lg-32">
                                                            <a href="/" class="text-dark">Home</a>
                                                            <a href="/classes?sort=newest" class="text-dark">Courses</a>
                                                            <a href="/instructor-finder" class="text-dark">Instructors</a>
                                                            <a href="/products" class="text-dark">Store</a>
                                                            <a href="/forums" class="text-dark">Forums</a>
                                                    </div>
                                    </div>

                
                <div class="col-6 col-lg-3 mt-12 mt-lg-0 d-flex align-items-center justify-content-end">
                                            <a href="/login" class="btn-flip-effect btn btn-primary btn-lg gap-8 text-white" data-text="Start Learning">
                                                            <svg width="20px" height="20px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M18.38 12.84v4.93c0 1.27-.99 2.63-2.18 3.03l-3.19 1.06c-.56.19-1.47.19-2.02 0L7.8 20.8c-1.2-.4-2.18-1.76-2.18-3.03l.01-4.93 4.42 2.88c1.08.71 2.86.71 3.94 0l4.39-2.88z" opacity=".4"/>
  <path d="M19.98 6.46l-5.99-3.93c-1.08-.71-2.86-.71-3.94 0L4.03 6.46c-1.93 1.25-1.93 4.08 0 5.34l1.6 1.04 4.42 2.88c1.08.71 2.86.71 3.94 0l4.39-2.88 1.37-.9V15c0 .41.34.75.75.75s.75-.34.75-.75v-4.92c.4-1.29-.01-2.79-1.27-3.62z"/>
</svg>                            
                            <span class="btn-flip-effect__text text-white">Start Learning</span>
                        </a>
                                    </div>

            </div>
        </div>
    </div>
</div>
    </div>
    
    
        <div class="container position-relative mt-80 pb-120 ">

        
        
        
        <div class="course-hero d-flex flex-column justify-content-end rounded-32 px-20 bg-gray-200">
    <div class="course-hero__mask rounded-32"></div>

    <img src="/store/3/Learn and Understand AngularJS_c.png" class="course-hero__cover-img img-cover rounded-32" alt="Learn and Understand AngularJS"/>

    <div class="course-hero__content position-relative z-index-3">
                    <div class="d-flex align-items-center text-white opacity-50">
                <a href="/classes" class="text-white">Courses</a>
                <svg width="16px" height="16px" class="icons text-white mx-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8.91 19.92l6.52-6.52c.77-.77.77-2.03 0-2.8L8.91 4.08"/>
</svg>                <a href="/categories/Development/Web-Development" class="text-white">Web Development</a>
            </div>
        
        <div class="d-flex align-items-center flex-wrap gap-12 mt-4">
            <h1 class="course-hero__title font-32 font-weight-bold text-white text-ellipsis">Learn and Understand AngularJS</h1>

            
            <div class="d-flex flex-wrap align-items-center gap-12">
                
                
                
                            </div>
        </div>

                    <div class="mt-8 text-white opacity-50">Learn and Understand AngularJS with this course covering core concepts, directives, controllers, and services. Gain experience building dynamic, single-page applications, strengthen your frontend development skills, and master the framework to create responsive, maintainable web applications efficiently.</div>
        
        <div class="d-flex align-items-center flex-wrap gap-24 mt-12">
            
            <div class="stars-card d-flex align-items-center ">
    
                        <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                            <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
        
                    <span class="ml-4 text-gray-500 font-14">(1)</span>
            </div>

            
            <div class="d-flex align-items-center font-12 text-white">
                <svg width="16px" height="16px" class="icons text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.05 2.53L4.03 6.46c-1.93 1.26-1.93 4.08 0 5.34l6.02 3.93c1.08.71 2.86.71 3.94 0l5.99-3.93c1.92-1.26 1.92-4.07 0-5.33l-5.99-3.93c-1.08-.72-2.86-.72-3.94-.01z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.63 13.08l-.01 4.69c0 1.27.98 2.63 2.18 3.03l3.19 1.06c.55.18 1.46.18 2.02 0l3.19-1.06c1.2-.4 2.18-1.76 2.18-3.03v-4.64M21.4 15V9"/>
</svg>                <span class="mx-4 font-weight-bold">1</span>
                <span class="opacity-50">Students</span>
            </div>

            
            <div class="d-flex align-items-center font-12 text-white">
                <svg width="16px" height="16px" class="icons text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.66 10.44l-.98 4.18c-.84 3.61-2.5 5.07-5.62 4.77-.5-.04-1.04-.13-1.62-.27l-1.68-.4c-4.17-.99-5.46-3.05-4.48-7.23l.98-4.19c.2-.85.44-1.59.74-2.2 1.17-2.42 3.16-3.07 6.5-2.28l1.67.39c4.19.98 5.47 3.05 4.49 7.23z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.06 19.39c-.62.42-1.4.77-2.35 1.08l-1.58.52c-3.97 1.28-6.06.21-7.35-3.76L2.5 13.28c-1.28-3.97-.22-6.07 3.75-7.35l1.58-.52c.41-.13.8-.24 1.17-.31-.3.61-.54 1.35-.74 2.2l-.98 4.19c-.98 4.18.31 6.24 4.48 7.23l1.68.4c.58.14 1.12.23 1.62.27zM12.64 8.53l4.85 1.23M11.66 12.4l2.9.74"/>
</svg>                <span class="mx-4 font-weight-bold">4</span>
                <span class="opacity-50">Lectures</span>
            </div>
        </div>

        <div class="d-flex align-items-center justify-content-between mt-20">
            <div class="d-flex align-items-center">
                <div class="size-40 rounded-circle">
                    <img src="/store/3/setting/avatar.jpg" class="img-cover rounded-circle" alt="James Kong">
                </div>

                <div class="ml-8">
                    <a href="/users/james-kong/profile" target="_blank" class="font-14 font-weight-bold text-white">James Kong</a>
                    <p class="mt-2 font-12 text-white">Instructor</p>
                </div>
            </div>
        </div>

    </div>
</div>

        <div class="d-flex flex-column flex-lg-row gap-24">
            
            <div class="course-body-side position-relative course-body-card flex-1">
                <div class="custom-tabs mt-16">
    <div class="course-tabs-card position-relative">
        <div class="course-tabs-card__mask"></div>

        <div class="position-relative d-flex align-items-center gap-20 gap-lg-40 flex-wrap bg-white px-16 px-lg-20 rounded-12 z-index-2 w-100">
            <div class="navbar-item d-flex-center cursor-pointer active" data-tab-toggle data-tab-href="#aboutCourseTab">
                <span class="">About the Course</span>
            </div>

            <div class="navbar-item d-flex-center cursor-pointer " data-tab-toggle data-tab-href="#contentTab">
                <span class="">Content</span>
            </div>

            <div class="navbar-item d-flex-center cursor-pointer " data-tab-toggle data-tab-href="#commentsTab">
                <span class="ml-4">Comments</span>

                <span class="course-tab-counter d-flex-center p-4 rounded-8 ml-4 font-12">
                    0
                </span>
            </div>

            <div id="showCourseReviewsTab" class="navbar-item d-flex-center cursor-pointer " data-tab-toggle data-tab-href="#reviewsTab">
                <span class="ml-4">Reviews</span>

                <span class="course-tab-counter d-flex-center p-4 rounded-8 ml-4 font-12">
                    1
                </span>
            </div>
        </div>
    </div>

    <div class="custom-tabs-body mt-16">

        <div class="custom-tabs-content active" id="aboutCourseTab">
            <div class="bg-white py-16 rounded-24">

    
            <div class="mb-32 px-16">
            <div class="course-extra-card bg-gray-100 p-12 rounded-12 mt-40">
                <div class="course-extra-card__title p-16 rounded-12 border-dashed border-gray-200 bg-white">
                    <h3 class="font-16 font-weight-bold">What Will You Learn?</h3>
                </div>

                <div class="d-grid grid-columns-auto grid-lg-columns-2 gap-12 mt-12">
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Real-world applications</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Performance optimization</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Testing strategies</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Form validation</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Services development</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Routing implementation</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Dependency injection</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Data binding techniques</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Directives creation</span>
                        </div>
                                            <div class="d-flex align-items-center p-16 rounded-8 bg-white">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">AngularJS architecture</span>
                        </div>
                                    </div>
            </div>
        </div>
    
    
            <div class="px-16">
            <h2 class="font-16 font-weight-bold">About This Course</h2>

            <div class="course-show-description mt-12 text-gray-500">
                <p>Angular  is a TypeScript-based free and open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team that built AngularJS.</p><p><br></p><p>Angular is used as the frontend of the MEAN stack, consisting of MongoDB database, Express.js web application server framework, Angular itself (or AngularJS), and Node.js server runtime environment.</p><p>Knowing <b>AngularJS</b> can get you a job or improve the one you have. It's a skill that will put you more in demand in the modern web development industry, and make your web software life easier, that's why it's so popular and backed by Google.</p><p><br></p><p>This course will get you up and running quickly, and teach you the core knowledge you need to deeply understand and build AngularJS applications - and we'll build a single page application along the way.</p><p><br></p><p>We'll design custom services, build custom directives, understand two-way binding, design a weather forecast app as a single page application, and lots more. Both starter and finished source code is provided as we go.</p><p><br></p>
            </div>
        </div>
    
    
            <div class="px-16 pb-28">
            <div class="course-extra-card bg-gray-100 p-12 pb-28 rounded-12 mt-32">
                <div class="course-extra-card__title d-flex align-items-center justify-content-between p-16 rounded-12 border-dashed border-gray-200 bg-white">
                    <h3 class="font-16 font-weight-bold">Requirements</h3>

                    <div class="size-24">
                        <svg width="24px" height="24px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21" fill="currentColor" aria-hidden="true">
  <path d="M14.19.97H5.81C2.17.97 0 3.14 0 6.78v8.38c0 3.64 2.17 5.81 5.81 5.81h8.38c3.64 0 5.81-2.17 5.81-5.81V6.78C20 3.14 17.83.97 14.19.97z" opacity=".4"/>
  <path d="M16.31 7.84c0 .41-.33.75-.75.75h-5.25c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h5.25c.42 0 .75.34.75.75zM7.97 6.87L5.72 9.12c-.15.15-.34.22-.53.22s-.39-.07-.53-.22l-.75-.75c-.3-.29-.3-.77 0-1.06.29-.29.76-.29 1.06 0l.22.22 1.72-1.72c.29-.29.76-.29 1.06 0 .29.29.29.77 0 1.06zM16.31 14.84c0 .41-.33.75-.75.75h-5.25c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h5.25c.42 0 .75.34.75.75zM7.97 13.87l-2.25 2.25c-.15.15-.34.22-.53.22s-.39-.07-.53-.22l-.75-.75c-.3-.29-.3-.77 0-1.06.29-.29.76-.29 1.06 0l.22.22 1.72-1.72c.29-.29.76-.29 1.06 0 .29.29.29.77 0 1.06z"/>
</svg>                    </div>
                </div>

                <div class="">
                                            <div class="d-flex align-items-center mt-20">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Node.js installed</span>
                        </div>
                                            <div class="d-flex align-items-center mt-16">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Modern web browser</span>
                        </div>
                                            <div class="d-flex align-items-center mt-16">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Text editor or IDE</span>
                        </div>
                                            <div class="d-flex align-items-center mt-16">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">JavaScript fundamentals</span>
                        </div>
                                            <div class="d-flex align-items-center mt-16">
                            <div class="size-16">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" fill="none" width="16px" height="16px" class="icons text-primary">
    <path d="M3 7.48222L6.17305 11L13 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                            </div>

                            <span class="flex-1 ml-4 font-14 text-gray-500">Basic HTML/CSS knowledge</span>
                        </div>
                                    </div>

                <div class="course-extra-card__float-img">
                    <img src="/assets/design_1/img/courses/requirements.svg" alt="Requirements" class="img-fluid">
                </div>
            </div>
        </div>
    
            <div class="mt-32 p-16 pb-28 border-top-gray-200 border-bottom-gray-200">
            <div class="">
                <h2 class="font-16 font-weight-bold">Trusted Companies</h2>
                <p class="mt-4 font-12 text-gray-500">+3200 Companies trusted our courses for their staff tutoring</p>
            </div>

            <div class="position-relative mt-16">
                <div class="swiper-container js-make-swiper course-trusted-companies-slider pb-0"
                     data-item="course-trusted-companies-slider"
                     data-autoplay="true"
                     data-loop="true"
                     data-breakpoints="1440:5.5,769:4.2,320:1.4"
                >
                    <div class="swiper-wrapper py-0 mx-16 mx-md-32">
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/1015/logo_files/logo (1).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/1015/logo_files/logo (2).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/1015/logo_files/logo (1).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/929/logo/logo (4).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/929/logo/logo (3).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/929/logo/logo (2).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/929/logo/logo (1).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/1015/logo_files/logo (4).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/1015/logo_files/logo (3).png" class="img-fluid" alt="Company Logos">
                            </div>
                                                    <div class="swiper-slide course-company-logos d-flex-center">
                                <img src="/store/1015/logo_files/logo (2).png" class="img-fluid" alt="Company Logos">
                            </div>
                                            </div>
                </div>
            </div>
        </div>
    
    
            <div id="courseFAQParent" class="px-16 mt-32">
            <div class="">
                <h2 class="font-16 font-weight-bold">FAQ</h2>
                <p class="mt-4 font-12 text-gray-500">Check the frequently asked questions about this course.</p>
            </div>

                            <div class="accordion p-20 rounded-12 border-gray-200 bg-white mt-16">
                    <div class="accordion__title d-flex align-items-center justify-content-between">
                        <div class="d-flex align-items-center cursor-pointer" href="#courseFAQ_28" data-parent="#courseFAQParent" role="button" data-toggle="collapse">
                            <div class="size-24">
                                <svg width="24px" height="24px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 18.43h-4l-4.45 2.96A.997.997 0 017 20.56v-2.13c-3 0-5-2-5-5v-6c0-3 2-5 5-5h10c3 0 5 2 5 5v6c0 3-2 5-5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 11.36v-.21c0-.68.42-1.04.84-1.33.41-.28.82-.64.82-1.3 0-.92-.74-1.66-1.66-1.66-.92 0-1.66.74-1.66 1.66M11.995 13.75h.01"/>
</svg>                            </div>

                            <div class="font-14 font-weight-bold ml-8">
                                Is it a supported course?
                            </div>
                        </div>

                        <div class="collapse-arrow-icon d-flex cursor-pointer" href="#courseFAQ_28" data-parent="#courseFAQParent" role="button" data-toggle="collapse">
                            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>                        </div>
                    </div>

                    <div id="courseFAQ_28" class="accordion__collapse border-0 " role="tabpanel">
                        <div class="p-16 rounded-8 border-gray-200 text-gray-500 mt-8">
                            Yes, you can get in touch with the instructor using the support system.
                        </div>
                    </div>
                </div>
            
        </div>
    
    
    
</div>



<div class="course-about-instructor-card position-relative mt-32 mt-lg-60">
    <div class="course-about-instructor-card__mask"></div>

    <div class="position-relative d-flex flex-column flex-lg-row align-items-start gap-24 bg-white px-16 rounded-24 z-index-3">
        <div class="course-about-instructor-card__details flex-1 py-16">
            <div class="d-flex align-items-center">
                <div class="position-relative d-flex-center size-80 rounded-12 bg-gray-200">
                    <img src="/store/3/setting/avatar.jpg" alt="James Kong" class="img-cover rounded-12">
                </div>

                <div class="ml-12 flex-1">
                    <a href="/users/james-kong/profile" target="_blank" class="">
                        <h6 class="font-14 font-weight-bold text-dark">James Kong</h6>
                    </a>

                    
                    <div class="stars-card d-flex align-items-center mt-4">
    
                        <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                            <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
        
                    <span class="ml-4 text-gray-500 font-14">(2)</span>
            </div>

                    <div class="d-flex align-items-center gap-12 mt-8">
                        <div class="d-flex align-items-center p-8 rounded-24 border-gray-200 bg-gray-100 text-gray-500 font-12">
                            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 15V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7h6c5 0 7-2 7-7zM2.52 7.11h18.96M8.52 2.11v4.86M15.48 2.11v4.41"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M9.75 14.45v-1.2c0-1.54 1.09-2.17 2.42-1.4l1.04.6 1.04.6c1.33.77 1.33 2.03 0 2.8l-1.04.6-1.04.6c-1.33.77-2.42.14-2.42-1.4v-1.2 0z"/>
</svg>                            <span class="mx-4 font-weight-bold">4</span>
                            <span class="">Courses</span>
                        </div>

                        <div class="d-flex align-items-center p-8 rounded-24 border-gray-200 bg-gray-100 text-gray-500 font-12">
                            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.05 2.53L4.03 6.46c-1.93 1.26-1.93 4.08 0 5.34l6.02 3.93c1.08.71 2.86.71 3.94 0l5.99-3.93c1.92-1.26 1.92-4.07 0-5.33l-5.99-3.93c-1.08-.72-2.86-.72-3.94-.01z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.63 13.08l-.01 4.69c0 1.27.98 2.63 2.18 3.03l3.19 1.06c.55.18 1.46.18 2.02 0l3.19-1.06c1.2-.4 2.18-1.76 2.18-3.03v-4.64M21.4 15V9"/>
</svg>                            <span class="mx-4 font-weight-bold">1</span>
                            <span class="">Students</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-16 text-gray-500">James Kong is a sound and communication expert. His vision is for a world that listens consciously and speaks powerfully.

Julian is author of the books How to be Heard: Secrets for Powerful Speaking and Listening and Sound Business. 

His five TED talks about sound and communication have been watched over 90 million times and his latest talk, How to speak so that people want to listen, is the sixth most watched TED talk of all time. 

James is a media commentator on speaking and listening skills, and has been featured by the likes of TIME Magazine, The Economist, The BBC, and The Times. 

James's company, The Sound Agency, works with major brands worldwide to improve the way they sound. Their ...</div>
        </div>

        <div class="course-about-instructor-card__secondary-img position-relative">
            <img src="/store/3/setting/profile_secondary_image.png" alt="James Kong" class="img-cover">

                    </div>
    </div>
</div>






        </div>

        <div class="custom-tabs-content " id="contentTab">
            <div class="bg-white p-16 rounded-24">

    <div class="d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between p-16 rounded-12 bg-gray-100 border-gray-200">
        <div class="d-flex align-items-center">
            <div class="d-flex-center size-40 bg-gray-300 rounded-12">
                <svg width="24px" height="24px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M18.38 12.84v4.93c0 1.27-.99 2.63-2.18 3.03l-3.19 1.06c-.56.19-1.47.19-2.02 0L7.8 20.8c-1.2-.4-2.18-1.76-2.18-3.03l.01-4.93 4.42 2.88c1.08.71 2.86.71 3.94 0l4.39-2.88z" opacity=".4"/>
  <path d="M19.98 6.46l-5.99-3.93c-1.08-.71-2.86-.71-3.94 0L4.03 6.46c-1.93 1.25-1.93 4.08 0 5.34l1.6 1.04 4.42 2.88c1.08.71 2.86.71 3.94 0l4.39-2.88 1.37-.9V15c0 .41.34.75.75.75s.75-.34.75-.75v-4.92c.4-1.29-.01-2.79-1.27-3.62z"/>
</svg>            </div>

            <div class="ml-8">
                <h5 class="font-14 font-weight-bold">Curriculum Overview</h5>
                <p class="mt-4 font-12 text-gray-500">This course includes 2 modules, 4 lessons, and 1:00 hours of materials.</p>
            </div>
        </div>

            </div>


    

            <section class="">
            <div id="chaptersAccordion">
                        <div class="accordion p-12 rounded-12 border-gray-200 bg-white mt-16">
                <div class="accordion__title d-flex align-items-center justify-content-between">
                    <div class="d-flex align-items-center cursor-pointer" href="#collapseChapter16" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
                        <div class="d-flex-center size-48 rounded-12 bg-primary-20">
                            <svg width="24px" height="24px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M7.24 2h-1.9C3.15 2 2 3.15 2 5.33v1.9c0 2.18 1.15 3.33 3.33 3.33h1.9c2.18 0 3.33-1.15 3.33-3.33v-1.9C10.57 3.15 9.42 2 7.24 2z"/>
  <path d="M18.67 2h-1.9c-2.18 0-3.33 1.15-3.33 3.33v1.9c0 2.18 1.15 3.33 3.33 3.33h1.9c2.18 0 3.33-1.15 3.33-3.33v-1.9C22 3.15 20.85 2 18.67 2z" opacity=".4"/>
  <path d="M18.67 13.43h-1.9c-2.18 0-3.33 1.15-3.33 3.33v1.9c0 2.18 1.15 3.33 3.33 3.33h1.9c2.18 0 3.33-1.15 3.33-3.33v-1.9c0-2.18-1.15-3.33-3.33-3.33z"/>
  <path d="M7.24 13.43h-1.9C3.15 13.43 2 14.58 2 16.76v1.9C2 20.85 3.15 22 5.33 22h1.9c2.18 0 3.33-1.15 3.33-3.33v-1.9c.01-2.19-1.14-3.34-3.32-3.34z" opacity=".4"/>
</svg>                        </div>
                        <div class="ml-8">
                            <div class="font-14 font-weight-bold">Getting Started</div>
                            <div class="d-flex align-items-center mt-4 font-12 text-gray-500">2 Parts  | 0:20 Hours</div>
                        </div>
                    </div>

                    <div class="collapse-arrow-icon d-flex cursor-pointer" href="#collapseChapter16" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
                        <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>                    </div>
                </div>

                <div id="collapseChapter16" class="accordion__collapse border-0 " role="tabpanel">
                                                                                                        <div class="accordion bg-gray-100 border-gray-200 p-16 rounded-12 mt-16">
    <div class="accordion__title d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center cursor-pointer" href="#collapseSession65" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <div class="d-flex mr-8">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.53 20.42H6.21c-3.16 0-4.21-2.1-4.21-4.21V7.79c0-3.16 1.05-4.21 4.21-4.21h6.32c3.16 0 4.21 1.05 4.21 4.21v8.42c0 3.16-1.06 4.21-4.21 4.21z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.52 17.1l-2.78-1.95V8.84l2.78-1.95c1.36-.95 2.48-.37 2.48 1.3v7.62c0 1.67-1.12 2.25-2.48 1.29zM11.5 11a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"/>
</svg>            </div>

            <div class="font-14 font-weight-bold d-block">Getting Started</div>
        </div>

        <div class="collapse-arrow-icon d-flex cursor-pointer" href="#collapseSession65" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>        </div>
    </div>

    <div id="collapseSession65" class="accordion__collapse border-0 " role="tabpanel">
        <div class="p-16 rounded-12 border-gray-200 bg-gray-100 text-gray-500">
            <div class="font-14 text-gray-500">
                <p>A brief overview of what you'll learn in this course.</p>
            </div>

                    </div>


        <div class="position-relative d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between mt-24 p-16 bg-white border-gray-200 rounded-12">
            <div class="course-content-separator-with-circles">
                <span class="circle-top"></span>
                <span class="circle-bottom"></span>
            </div>

            <div class="d-flex align-items-center flex-wrap gap-20 gap-lg-40">
                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8 2v3M16 2v3M3.5 9.09h17M21 8.5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Start Date</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">12 Dec 2023 | 01:30</span>
                    </div>
                </div>

                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.71 15.18l-3.1-1.85c-.54-.32-.98-1.09-.98-1.72v-4.1"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Duration</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">20 Minutes</span>
                    </div>
                </div>
            </div>

            <div class="mt-16 mt-lg-0">
                                    <button type="button" class="btn btn-lg bg-gray-300 disabled session-finished-toast">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.71 15.18l-3.1-1.85c-.54-.32-.98-1.09-.98-1.72v-4.1"/>
</svg>                        <span class="ml-4 text-gray-500">Finished</span>
                    </button>
                            </div>
        </div>

    </div>
</div>
                                                                                                                <div class="accordion bg-gray-100 border-gray-200 p-16 rounded-12 mt-16">
    <div class="accordion__title d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center cursor-pointer" href="#collapseQuiz31" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <div class="d-flex mr-8">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.31 14.7l1.5 1.5 4-4"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M10 6h4c2 0 2-1 2-2 0-2-1-2-2-2h-4C9 2 8 2 8 4s1 2 2 2z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M16 4.02c3.33.18 5 1.41 5 5.98v6c0 4-1 6-6 6H9c-5 0-6-2-6-6v-6c0-4.56 1.67-5.8 5-5.98"/>
</svg>            </div>

            <div class="font-14 font-weight-bold d-block">Placement Quiz</div>
        </div>

        <div class="collapse-arrow-icon d-flex cursor-pointer" href="#collapseQuiz31" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>        </div>
    </div>

    <div id="collapseQuiz31" class="accordion__collapse border-0 " role="tabpanel">
                    <div class="p-16 rounded-12 border-gray-200 bg-gray-100">
                <div class="font-14 text-gray-500">
                    <p>Determine your current AngularJS knowledge with this placement quiz to start the course at the right level.</p>
                </div>
            </div>
        
        <div class="position-relative d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between p-16 bg-white border-gray-200 rounded-12 mt-16mt-24">
                            <div class="course-content-separator-with-circles">
                    <span class="circle-top"></span>
                    <span class="circle-bottom"></span>
                </div>
            
            <div class="d-flex align-items-center flex-wrap gap-24">
                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 18.43h-4l-4.45 2.96A.997.997 0 017 20.56v-2.13c-3 0-5-2-5-5v-6c0-3 2-5 5-5h10c3 0 5 2 5 5v6c0 3-2 5-5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 11.36v-.21c0-.68.42-1.04.84-1.33.41-.28.82-.64.82-1.3 0-.92-.74-1.66-1.66-1.66-.92 0-1.66.74-1.66 1.66M11.995 13.75h.01"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Questions</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">5</span>
                    </div>
                </div>

                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.71 15.18l-3.1-1.85c-.54-.32-.98-1.09-.98-1.72v-4.1"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Duration</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">5 Minutes</span>
                    </div>
                </div>

                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.38 12l2.41 2.42 4.83-4.84"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.75 2.45c.69-.59 1.82-.59 2.52 0l1.58 1.36c.3.26.86.47 1.26.47h1.7c1.06 0 1.93.87 1.93 1.93v1.7c0 .39.21.96.47 1.26l1.36 1.58c.59.69.59 1.82 0 2.52l-1.36 1.58c-.26.3-.47.86-.47 1.26v1.7c0 1.06-.87 1.93-1.93 1.93h-1.7c-.39 0-.96.21-1.26.47l-1.58 1.36c-.69.59-1.82.59-2.52 0l-1.58-1.36c-.3-.26-.86-.47-1.26-.47H6.18c-1.06 0-1.93-.87-1.93-1.93V16.1c0-.39-.21-.95-.46-1.25l-1.35-1.59c-.58-.69-.58-1.81 0-2.5l1.35-1.59c.25-.3.46-.86.46-1.25V6.2c0-1.06.87-1.93 1.93-1.93h1.73c.39 0 .96-.21 1.26-.47l1.58-1.35z"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Passing Grade</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">70/100</span>
                    </div>
                </div>

                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.5 18V7c0-4 1-5 5-5h7c4 0 5 1 5 5v10c0 .14 0 .28-.01.42"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.35 15H20.5v3.5c0 1.93-1.57 3.5-3.5 3.5H7c-1.93 0-3.5-1.57-3.5-3.5v-.65C3.5 16.28 4.78 15 6.35 15zM8 7h8M8 10.5h5"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Total Grade</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">100</span>
                    </div>
                </div>

                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10s-8.89-5.56-8.89-5.56m0 0h4.52m-4.52 0v5M2 12C2 6.48 6.44 2 12 2c6.67 0 10 5.56 10 5.56m0 0v-5m0 5h-4.44"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Attempts</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">0/10</span>
                    </div>
                </div>

                            </div>

            <div class="mt-16 mt-lg-0">
                                    <button type="button" class="btn btn-lg bg-gray-300 disabled not-login-toast">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M14.43 5.93L20.5 12l-6.07 6.07M3.5 12h16.83"/>
</svg>                        <span class="ml-4 text-gray-500">Start Quiz</span>
                    </button>
                            </div>

        </div>

    </div>
</div>
                                                                                        </div>
            </div>
                                <div class="accordion p-12 rounded-12 border-gray-200 bg-white mt-16">
                <div class="accordion__title d-flex align-items-center justify-content-between">
                    <div class="d-flex align-items-center cursor-pointer" href="#collapseChapter17" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
                        <div class="d-flex-center size-48 rounded-12 bg-primary-20">
                            <svg width="24px" height="24px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M7.24 2h-1.9C3.15 2 2 3.15 2 5.33v1.9c0 2.18 1.15 3.33 3.33 3.33h1.9c2.18 0 3.33-1.15 3.33-3.33v-1.9C10.57 3.15 9.42 2 7.24 2z"/>
  <path d="M18.67 2h-1.9c-2.18 0-3.33 1.15-3.33 3.33v1.9c0 2.18 1.15 3.33 3.33 3.33h1.9c2.18 0 3.33-1.15 3.33-3.33v-1.9C22 3.15 20.85 2 18.67 2z" opacity=".4"/>
  <path d="M18.67 13.43h-1.9c-2.18 0-3.33 1.15-3.33 3.33v1.9c0 2.18 1.15 3.33 3.33 3.33h1.9c2.18 0 3.33-1.15 3.33-3.33v-1.9c0-2.18-1.15-3.33-3.33-3.33z"/>
  <path d="M7.24 13.43h-1.9C3.15 13.43 2 14.58 2 16.76v1.9C2 20.85 3.15 22 5.33 22h1.9c2.18 0 3.33-1.15 3.33-3.33v-1.9c.01-2.19-1.14-3.34-3.32-3.34z" opacity=".4"/>
</svg>                        </div>
                        <div class="ml-8">
                            <div class="font-14 font-weight-bold">Model, View, Whatever...</div>
                            <div class="d-flex align-items-center mt-4 font-12 text-gray-500">2 Parts  | 0:40 Hours</div>
                        </div>
                    </div>

                    <div class="collapse-arrow-icon d-flex cursor-pointer" href="#collapseChapter17" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
                        <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>                    </div>
                </div>

                <div id="collapseChapter17" class="accordion__collapse border-0 " role="tabpanel">
                                                                                                        <div class="accordion bg-gray-100 border-gray-200 p-16 rounded-12 mt-16">
    <div class="accordion__title d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center cursor-pointer" href="#collapseSession66" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <div class="d-flex mr-8">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.53 20.42H6.21c-3.16 0-4.21-2.1-4.21-4.21V7.79c0-3.16 1.05-4.21 4.21-4.21h6.32c3.16 0 4.21 1.05 4.21 4.21v8.42c0 3.16-1.06 4.21-4.21 4.21z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.52 17.1l-2.78-1.95V8.84l2.78-1.95c1.36-.95 2.48-.37 2.48 1.3v7.62c0 1.67-1.12 2.25-2.48 1.29zM11.5 11a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"/>
</svg>            </div>

            <div class="font-14 font-weight-bold d-block">Modules, Apps, and Controllers</div>
        </div>

        <div class="collapse-arrow-icon d-flex cursor-pointer" href="#collapseSession66" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>        </div>
    </div>

    <div id="collapseSession66" class="accordion__collapse border-0 " role="tabpanel">
        <div class="p-16 rounded-12 border-gray-200 bg-gray-100 text-gray-500">
            <div class="font-14 text-gray-500">
                <p>AngularJS enables you to control the DOM via modules, apps, and controllers -- all without polluting the global namespace.<br />
This lecture contains downloadable source code. Download the file below and unzip (or extract) it.</p>
            </div>

                    </div>


        <div class="position-relative d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between mt-24 p-16 bg-white border-gray-200 rounded-12">
            <div class="course-content-separator-with-circles">
                <span class="circle-top"></span>
                <span class="circle-bottom"></span>
            </div>

            <div class="d-flex align-items-center flex-wrap gap-20 gap-lg-40">
                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8 2v3M16 2v3M3.5 9.09h17M21 8.5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Start Date</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">15 Dec 2023 | 09:30</span>
                    </div>
                </div>

                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.71 15.18l-3.1-1.85c-.54-.32-.98-1.09-.98-1.72v-4.1"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Duration</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">20 Minutes</span>
                    </div>
                </div>
            </div>

            <div class="mt-16 mt-lg-0">
                                    <button type="button" class="btn btn-lg bg-gray-300 disabled session-finished-toast">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.71 15.18l-3.1-1.85c-.54-.32-.98-1.09-.98-1.72v-4.1"/>
</svg>                        <span class="ml-4 text-gray-500">Finished</span>
                    </button>
                            </div>
        </div>

    </div>
</div>
                                                                                                                <div class="accordion bg-gray-100 border-gray-200 p-16 rounded-12 mt-16">
    <div class="accordion__title d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center cursor-pointer" href="#collapseSession67" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <div class="d-flex mr-8">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.53 20.42H6.21c-3.16 0-4.21-2.1-4.21-4.21V7.79c0-3.16 1.05-4.21 4.21-4.21h6.32c3.16 0 4.21 1.05 4.21 4.21v8.42c0 3.16-1.06 4.21-4.21 4.21z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.52 17.1l-2.78-1.95V8.84l2.78-1.95c1.36-.95 2.48-.37 2.48 1.3v7.62c0 1.67-1.12 2.25-2.48 1.29zM11.5 11a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"/>
</svg>            </div>

            <div class="font-14 font-weight-bold d-block">Data Binding and Directives</div>
        </div>

        <div class="collapse-arrow-icon d-flex cursor-pointer" href="#collapseSession67" data-parent="#chaptersAccordion" role="button" data-toggle="collapse">
            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>        </div>
    </div>

    <div id="collapseSession67" class="accordion__collapse border-0 " role="tabpanel">
        <div class="p-16 rounded-12 border-gray-200 bg-gray-100 text-gray-500">
            <div class="font-14 text-gray-500">
                <p>Our first visual AngularJS code. Now that we understand scope, let's use it to output content to a page.</p><br />
<br />
<p>This lecture contains downloadable source code. Download the file below and unzip (or extract) it.</p>
            </div>

                    </div>


        <div class="position-relative d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between mt-24 p-16 bg-white border-gray-200 rounded-12">
            <div class="course-content-separator-with-circles">
                <span class="circle-top"></span>
                <span class="circle-bottom"></span>
            </div>

            <div class="d-flex align-items-center flex-wrap gap-20 gap-lg-40">
                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8 2v3M16 2v3M3.5 9.09h17M21 8.5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Start Date</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">18 Dec 2023 | 05:30</span>
                    </div>
                </div>

                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.71 15.18l-3.1-1.85c-.54-.32-.98-1.09-.98-1.72v-4.1"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Duration</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">20 Minutes</span>
                    </div>
                </div>
            </div>

            <div class="mt-16 mt-lg-0">
                                    <button type="button" class="btn btn-lg bg-gray-300 disabled session-finished-toast">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.71 15.18l-3.1-1.85c-.54-.32-.98-1.09-.98-1.72v-4.1"/>
</svg>                        <span class="ml-4 text-gray-500">Finished</span>
                    </button>
                            </div>
        </div>

    </div>
</div>
                                                                                        </div>
            </div>
            </div>

        </section>
    
    
    
    
    
    

    

    
    
    
    <div id="allCertificatesAccordion">
        <div class="accordion p-12 rounded-12 border-gray-200 bg-white mt-16">
            <div class="accordion__title d-flex align-items-center justify-content-between">
                <div class="d-flex align-items-center cursor-pointer" href="#collapseCertificatesAccordion" data-parent="#allCertificatesAccordion" role="button" data-toggle="collapse">
                    <div class="d-flex-center size-48 rounded-12 bg-primary-20">
                        <svg width="24px" height="24px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M17.95 7.71l-.14-.08-1.39-.8-2.87-1.66c-.88-.51-2.22-.51-3.1 0L7.58 6.83l-1.39.81-.18.1C4.22 8.94 4.1 9.16 4.1 11.09v4.61c0 1.93.12 2.15 1.95 3.38l4.4 2.54c.44.26.99.38 1.55.38.55 0 1.11-.12 1.55-.38l4.44-2.57c1.79-1.2 1.91-1.42 1.91-3.35v-4.61c0-1.93-.12-2.15-1.95-3.38z" opacity=".4"/>
  <path d="M6.19 7.64l1.39-.81 2.74-1.58.13-.08c.88-.51 2.22-.51 3.1 0l.13.08 2.74 1.58 1.39.8V5.49c0-2.25-1.24-3.49-3.49-3.49H9.67C7.42 2 6.19 3.24 6.19 5.49v2.15zM14.84 13.34l-.62.76c-.1.11-.17.33-.16.48l.06.98c.04.6-.39.91-.95.69l-.91-.36a.92.92 0 00-.52 0l-.91.36c-.56.22-.99-.09-.95-.69l.06-.98a.751.751 0 00-.16-.48l-.62-.76c-.39-.46-.22-.97.36-1.12l.95-.24c.15-.04.33-.18.41-.31l.53-.82c.33-.51.85-.51 1.18 0l.53.82c.08.13.26.27.41.31l.95.24c.58.15.75.66.36 1.12z"/>
</svg>                    </div>
                    <div class="ml-8">
                        <div class="font-14 font-weight-bold">Certificates</div>
                        <div class="d-flex align-items-center mt-4 font-12 text-gray-500">2 Parts</div>
                    </div>
                </div>

                <div class="collapse-arrow-icon d-flex cursor-pointer" href="#collapseCertificatesAccordion" data-parent="#allCertificatesAccordion" role="button" data-toggle="collapse">
                    <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>                </div>
            </div>

            <div id="collapseCertificatesAccordion" class="accordion__collapse border-0 " role="tabpanel">
                                                            <section class="" id="certificateAccordion">
                            <div class="accordion bg-gray-100 border-gray-200 p-16 rounded-12 mt-16">
    <div class="accordion__title d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center cursor-pointer" href="#quizCertificateCollapse31" data-parent="#certificateAccordion" role="button" data-toggle="collapse">
            <div class="d-flex mr-8">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 15c3.728 0 6.75-2.91 6.75-6.5S15.728 2 12 2 5.25 4.91 5.25 8.5 8.272 15 12 15z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.52 13.52l-.01 7.38c0 .9.63 1.34 1.41.97l2.68-1.27c.22-.11.59-.11.81 0l2.69 1.27c.77.36 1.41-.07 1.41-.97v-7.56"/>
</svg>            </div>

            <div class="font-14 font-weight-bold d-block">Certificate</div>
        </div>

        <div class="collapse-arrow-icon d-flex cursor-pointer" href="#quizCertificateCollapse31" data-parent="#certificateAccordion" role="button" data-toggle="collapse">
            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>        </div>
    </div>

    <div id="quizCertificateCollapse31" class="accordion__collapse border-0 " role="tabpanel">

        <div class="d-flex align-items-center p-16 rounded-12 border-gray-200 bg-gray-100 mt-16">
            <div class="d-flex-center size-52 rounded-8 bg-primary-20">
                <svg width="28px" height="28px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M16.24 3.65H7.76c-2.47 0-4.47 2.01-4.47 4.47v9.41C3.29 19.99 5.3 22 7.76 22h8.47c2.47 0 4.47-2.01 4.47-4.47V8.12c.01-2.47-2-4.47-4.46-4.47z" opacity=".4"/>
  <path d="M14.35 2h-4.7c-1.04 0-1.89.84-1.89 1.88v.94c0 1.04.84 1.88 1.88 1.88h4.71c1.04 0 1.88-.84 1.88-1.88v-.94C16.24 2.84 15.39 2 14.35 2zM10.81 16.95c-.19 0-.38-.07-.53-.22l-1.5-1.5a.754.754 0 010-1.06c.29-.29.77-.29 1.06 0l.97.97 3.47-3.47c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-4 4c-.14.15-.34.22-.53.22z"/>
</svg>            </div>
            <div class="ml-14">
                <h6 class="font-14 font-weight-bold">Quiz Certificate</h6>
                <div class="mt-4 text-gray-500">You will receive this certificate after passing the “Placement QuizZ” quiz.</div>
            </div>
        </div>

        <div class="position-relative d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between mt-24 p-16 bg-white border-gray-200 rounded-12">
            <div class="course-content-separator-with-circles">
                <span class="circle-top"></span>
                <span class="circle-bottom"></span>
            </div>

            <div class="d-flex align-items-center flex-wrap gap-20 gap-lg-40">
                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.31 14.7l1.5 1.5 4-4"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M10 6h4c2 0 2-1 2-2 0-2-1-2-2-2h-4C9 2 8 2 8 4s1 2 2 2z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M16 4.02c3.33.18 5 1.41 5 5.98v6c0 4-1 6-6 6H9c-5 0-6-2-6-6v-6c0-4.56 1.67-5.8 5-5.98"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Type</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">Quiz Certificate</span>
                    </div>
                </div>

                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.38 12l2.41 2.42 4.83-4.84"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.75 2.45c.69-.59 1.82-.59 2.52 0l1.58 1.36c.3.26.86.47 1.26.47h1.7c1.06 0 1.93.87 1.93 1.93v1.7c0 .39.21.96.47 1.26l1.36 1.58c.59.69.59 1.82 0 2.52l-1.36 1.58c-.26.3-.47.86-.47 1.26v1.7c0 1.06-.87 1.93-1.93 1.93h-1.7c-.39 0-.96.21-1.26.47l-1.58 1.36c-.69.59-1.82.59-2.52 0l-1.58-1.36c-.3-.26-.86-.47-1.26-.47H6.18c-1.06 0-1.93-.87-1.93-1.93V16.1c0-.39-.21-.95-.46-1.25l-1.35-1.59c-.58-.69-.58-1.81 0-2.5l1.35-1.59c.25-.3.46-.86.46-1.25V6.2c0-1.06.87-1.93 1.93-1.93h1.73c.39 0 .96-.21 1.26-.47l1.58-1.35z"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Passing Grade</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">70/100</span>
                    </div>
                </div>

                
            </div>

            <div class="mt-16 mt-lg-0">
                                    <button type="button" class="btn btn-lg bg-gray-300 disabled not-login-toast">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 2v7l2-2M12 9l-2-2M1.98 13h4.41c.38 0 .72.21.89.55l1.17 2.34A2 2 0 0010.24 17h3.53a2 2 0 001.79-1.11l1.17-2.34a1 1 0 01.89-.55h4.36"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 4.13c-3.54.52-5 2.6-5 6.87v4c0 5 2 7 7 7h6c5 0 7-2 7-7v-4c0-4.27-1.46-6.35-5-6.87"/>
</svg>                        <span class="ml-4 text-gray-500">Download</span>
                    </button>
                            </div>

        </div>

    </div>
</div>
                        </section>
                                    
                                    <section class="mt-16" id="courseCertificateAccordion">
                        <div class="accordion bg-gray-100 border-gray-200 p-16 rounded-12 mt-16">
    <div class="accordion__title d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center cursor-pointer" href="#courseCertificateCollapse" data-parent="#courseCertificateAccordion" role="button" data-toggle="collapse">
            <div class="d-flex mr-8">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 15c3.728 0 6.75-2.91 6.75-6.5S15.728 2 12 2 5.25 4.91 5.25 8.5 8.272 15 12 15z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.52 13.52l-.01 7.38c0 .9.63 1.34 1.41.97l2.68-1.27c.22-.11.59-.11.81 0l2.69 1.27c.77.36 1.41-.07 1.41-.97v-7.56"/>
</svg>            </div>

            <div class="font-14 font-weight-bold d-block">Course Certificate</div>
        </div>

        <div class="collapse-arrow-icon d-flex cursor-pointer" href="#courseCertificateCollapse" data-parent="#courseCertificateAccordion" role="button" data-toggle="collapse">
            <svg width="16px" height="16px" class="icons text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"/>
</svg>        </div>
    </div>

    <div id="courseCertificateCollapse" class="accordion__collapse border-0 " role="tabpanel">

        <div class="d-flex align-items-center p-16 rounded-12 border-gray-200 bg-gray-100 mt-16">
            <div class="d-flex-center size-52 rounded-8 bg-primary-20">
                <svg width="28px" height="28px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M16.24 3.65H7.76c-2.47 0-4.47 2.01-4.47 4.47v9.41C3.29 19.99 5.3 22 7.76 22h8.47c2.47 0 4.47-2.01 4.47-4.47V8.12c.01-2.47-2-4.47-4.46-4.47z" opacity=".4"/>
  <path d="M14.35 2h-4.7c-1.04 0-1.89.84-1.89 1.88v.94c0 1.04.84 1.88 1.88 1.88h4.71c1.04 0 1.88-.84 1.88-1.88v-.94C16.24 2.84 15.39 2 14.35 2zM10.81 16.95c-.19 0-.38-.07-.53-.22l-1.5-1.5a.754.754 0 010-1.06c.29-.29.77-.29 1.06 0l.97.97 3.47-3.47c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-4 4c-.14.15-.34.22-.53.22z"/>
</svg>            </div>
            <div class="ml-14">
                <h6 class="font-14 font-weight-bold">Course Certificate</h6>
                <div class="mt-4 text-gray-500">If you pass all the lessons in this course, you will receive this certificate.</div>
            </div>
        </div>

        <div class="position-relative d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between mt-24 p-16 bg-white border-gray-200 rounded-12">
            <div class="course-content-separator-with-circles">
                <span class="circle-top"></span>
                <span class="circle-bottom"></span>
            </div>

            <div class="d-flex align-items-center flex-wrap gap-20 gap-lg-40">
                <div class="d-flex align-items-center">
                    <div class="d-flex-center size-32 rounded-circle bg-gray-100">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.31 14.7l1.5 1.5 4-4"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M10 6h4c2 0 2-1 2-2 0-2-1-2-2-2h-4C9 2 8 2 8 4s1 2 2 2z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M16 4.02c3.33.18 5 1.41 5 5.98v6c0 4-1 6-6 6H9c-5 0-6-2-6-6v-6c0-4.56 1.67-5.8 5-5.98"/>
</svg>                    </div>
                    <div class="ml-8">
                        <span class="d-block font-12 text-gray-400">Type</span>
                        <span class="d-block font-12 font-weight-bold text-gray-500 mt-4">Course Certificate</span>
                    </div>
                </div>

                            </div>

            <div class="mt-16 mt-lg-0">
                                    <button type="button" class="btn btn-lg bg-gray-300 disabled can-not-download-certificate-toast">
                        <svg width="16px" height="16px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 2v7l2-2M12 9l-2-2M1.98 13h4.41c.38 0 .72.21.89.55l1.17 2.34A2 2 0 0010.24 17h3.53a2 2 0 001.79-1.11l1.17-2.34a1 1 0 01.89-.55h4.36"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 4.13c-3.54.52-5 2.6-5 6.87v4c0 5 2 7 7 7h6c5 0 7-2 7-7v-4c0-4.27-1.46-6.35-5-6.87"/>
</svg>                        <span class="ml-4 text-gray-500">Download</span>
                    </button>
                            </div>

        </div>

    </div>
</div>
                    </section>
                            </div>
        </div>
    </div>

</div>
        </div>

        <div class="custom-tabs-content " id="commentsTab">
            <div class="bg-white p-16 rounded-24">

    
    <div class="d-flex-center flex-column text-center rounded-12 border-gray-200 border-dashed bg-white p-32 pb-40">
        <div class="d-flex-center size-56 rounded-12 bg-primary-20">
            <svg width="32px" height="32px" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M17.98 10.79v4c0 .26-.01.51-.04.75-.23 2.7-1.82 4.04-4.75 4.04h-.4c-.25 0-.49.12-.64.32l-1.2 1.6c-.53.71-1.39.71-1.92 0l-1.2-1.6a.924.924 0 00-.64-.32h-.4C3.6 19.58 2 18.79 2 14.79v-4c0-2.93 1.35-4.52 4.04-4.75.24-.03.49-.04.75-.04h6.4c3.19 0 4.79 1.6 4.79 4.79z" opacity=".4"/>
  <path d="M9.99 14c-.56 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.44 1-1 1zM13.49 14c-.56 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zM6.5 14c-.56 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"/>
  <path d="M21.98 6.79v4c0 2.94-1.35 4.52-4.04 4.75.03-.24.04-.49.04-.75v-4c0-3.19-1.6-4.79-4.79-4.79h-6.4c-.26 0-.51.01-.75.04C6.27 3.35 7.86 2 10.79 2h6.4c3.19 0 4.79 1.6 4.79 4.79z"/>
</svg>        </div>

        <h5 class="font-14 font-weight-bold mt-12">Leave a Comment</h5>
        <a href="/login" class="font-12 text-gray-500 mt-4">Please log in to leave a comment.</a>
    </div>

    
    
</div>

<div class="js-reply-to-comment-html d-none">
    <div class="bg-white mt-16 p-16 rounded-8 border-gray-200 border-dashed">
    <h5 class="font-14 font-weight-bold">Reply to Comment</h5>

    <form action="" class="mt-16" method="post">
        <input type="hidden" name="item_id" value=""/>
        <input type="hidden" name="item_name" value=""/>

        <div class="form-group mb-0">
            <textarea name="reply" class="js-ajax-reply form-control" rows="6"></textarea>
            <div class="invalid-feedback"></div>
        </div>

        <div class="d-flex align-items-center justify-content-between mt-16 pt-16 border-top-gray-100">
            <div class="d-flex align-items-center">
                <div class="d-flex-center size-48 bg-gray-300 rounded-12">
                    <svg width="24px" height="24px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm-.75 6c0-.41.34-.75.75-.75s.75.34.75.75v5c0 .41-.34.75-.75.75s-.75-.34-.75-.75V8zm1.67 8.38c-.05.13-.12.23-.21.33-.1.09-.21.16-.33.21-.12.05-.25.08-.38.08s-.26-.03-.38-.08-.23-.12-.33-.21c-.09-.1-.16-.2-.21-.33A.995.995 0 0111 16c0-.13.03-.26.08-.38s.12-.23.21-.33c.1-.09.21-.16.33-.21a1 1 0 01.76 0c.12.05.23.12.33.21.09.1.16.21.21.33.05.12.08.25.08.38s-.03.26-.08.38z"/>
</svg>                </div>
                <div class="ml-8">
                    <h6 class="font-14">Comments Approval</h6>
                    <p class="mt-4 font-12 text-gray-500">Your comment will be visible after admin approval.</p>
                </div>
            </div>

            <div class="d-flex align-items-center">
                <button type="button" class="js-close-comment-reply-btn btn btn-lg bg-gray-400 text-gray-500 mr-12">Close</button>
                <button type="button" class="js-submit-comment-reply-btn btn btn-lg btn-primary">Reply</button>
            </div>
        </div>
    </form>
</div>
</div>
        </div>

        <div class="custom-tabs-content " id="reviewsTab">
            <div class="bg-white p-16 rounded-24">

    

    
    <div class="d-flex">
    <div class="review-rate-box position-relative">
        <div class="review-rate-box__mask"></div>

        <div class="position-relative d-flex-center flex-column text-center bg-gray-100 border-gray-200 rounded-12 p-14 p-lg-20 z-index-2 w-100 h-100">
            <div class="font-44 font-weight-bold">2.75</div>

            <div class="stars-card d-flex align-items-center mt-8">
    
                        <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                            <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
        
            </div>

            <div class="mt-8 font-12 text-gray-500">1  Reviews</div>
        </div>
    </div>

    <div class="flex-1 ml-24">

                    
            <div class="mt-16">
                <div class="font-12 text-gray-500">Content Quality (2)</div>
                <div class="review-progress position-relative mt-8 rounded-4 bg-gray-100">
                    <span class="review-progress__bar rounded-4 bg-warning" style="width: 40%"></span>
                </div>
            </div>
                    
            <div class="mt-16">
                <div class="font-12 text-gray-500">Instructor Skills (3)</div>
                <div class="review-progress position-relative mt-8 rounded-4 bg-gray-100">
                    <span class="review-progress__bar rounded-4 bg-warning" style="width: 60%"></span>
                </div>
            </div>
                    
            <div class="mt-16">
                <div class="font-12 text-gray-500">Value for Money (3)</div>
                <div class="review-progress position-relative mt-8 rounded-4 bg-gray-100">
                    <span class="review-progress__bar rounded-4 bg-warning" style="width: 60%"></span>
                </div>
            </div>
                    
            <div class="mt-16">
                <div class="font-12 text-gray-500">Support Quality (3)</div>
                <div class="review-progress position-relative mt-8 rounded-4 bg-gray-100">
                    <span class="review-progress__bar rounded-4 bg-warning" style="width: 60%"></span>
                </div>
            </div>
        
    </div>
</div>

    
    
    
            <div class="js-course-reviews-container">
            <div class="js-all-reviews-card">
        <div class="bg-white p-16 rounded-12 border-gray-200 mt-24">
    <div class="d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center">
            <div class="size-48 rounded-circle bg-gray-100">
                <img src="/store/995/setting/avatar.jpg" class="js-avatar-img img-cover rounded-circle" alt="Camelia Schofield">
            </div>
            <div class="ml-8">
                <h6 class="font-14 font-weight-bold">Camelia Schofield</h6>

                                    <div class="stars-card d-flex align-items-center mt-4">
    
                        <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                            <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
        
            </div>
                            </div>
        </div>

        <div class="d-flex align-items-center">
            <span class="font-12 text-gray-500">13 Jul 2021 23:27</span>

            <div class="actions-dropdown position-relative d-flex justify-content-end align-items-center">
                <button type="button" class="d-flex-center size-20 ml-8 btn-transparent">
                    <svg width="20" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-width="1.5" d="M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
</svg>                </button>

                <div class="actions-dropdown__dropdown-menu dropdown-menu-top-32">
                    <ul class="my-8">

                        <li class="actions-dropdown__dropdown-menu-item">
                            <button type="button" class="js-reply-review" data-review="27">Reply</button>
                        </li>

                        
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="mt-12 text-gray-500 font-14">
        this last lecture about controller and routing didnt worked for me. Second page is not loading even after taking uploaded resources.
    </div>

    </div>

        <div class="js-review-reply-form">

        </div>
    </div>
        </div>

            
</div>

<div class="js-reply-to-review-html d-none">
    <div class="bg-white mt-16 p-16 rounded-8 border-gray-200 border-dashed">
    <h5 class="font-14 font-weight-bold">Reply to Review</h5>

    <form action="/reviews/store-reply-comment" class="mt-16" method="post">
        <input type="hidden" name="webinar_id" value="2001"/>
        <input type="hidden" name="review_id" value=""/>

        <div class="form-group mb-0">
            <textarea name="reply" class="js-ajax-reply form-control" rows="6"></textarea>
            <div class="invalid-feedback"></div>
        </div>

        <div class="d-flex align-items-center justify-content-between mt-16 pt-16 border-top-gray-100">
            <div class="d-flex align-items-center">
                <div class="d-flex-center size-48 bg-gray-300 rounded-12">
                    <svg width="24px" height="24px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm-.75 6c0-.41.34-.75.75-.75s.75.34.75.75v5c0 .41-.34.75-.75.75s-.75-.34-.75-.75V8zm1.67 8.38c-.05.13-.12.23-.21.33-.1.09-.21.16-.33.21-.12.05-.25.08-.38.08s-.26-.03-.38-.08-.23-.12-.33-.21c-.09-.1-.16-.2-.21-.33A.995.995 0 0111 16c0-.13.03-.26.08-.38s.12-.23.21-.33c.1-.09.21-.16.33-.21a1 1 0 01.76 0c.12.05.23.12.33.21.09.1.16.21.21.33.05.12.08.25.08.38s-.03.26-.08.38z"/>
</svg>                </div>
                <div class="ml-8">
                    <h6 class="font-14">Submit Reply</h6>
                    <p class="mt-4 font-12 text-gray-500">Your reply to this review will be visible to all users.</p>
                </div>
            </div>

            <div class="d-flex align-items-center">
                <button type="button" class="js-close-review-reply-btn btn btn-lg bg-gray-400 text-gray-500 mr-12">Close</button>
                <button type="button" class="js-submit-review-reply-btn btn btn-lg btn-primary">Reply</button>
            </div>
        </div>
    </form>
</div>
</div>
        </div>
    </div>

</div>


                
                                
            </div>

            
            <div class="course-right-side position-relative">
                <div class="course-right-side-section position-relative">
    <div class="course-right-side-section__mask"></div>

    <div class="position-relative bg-white rounded-24 pb-24 z-index-2">

        
        <div class="course-right-side__thumbnail position-relative bg-gray-200">
            <img src="/store/3/Learn and Understand AngularJS.jpg" class="img-cover" alt="Learn and Understand AngularJS">

                            <div id="webinarDemoVideoBtn" class="has-video-icon d-flex-center size-64 rounded-circle cursor-pointer"
                     data-video-path="https://www.lifelearnt.com/store/3/Learn and Understand AngularJS.mkv"
                     data-video-source="upload"
                     data-thumbnail="/store/3/Learn and Understand AngularJS.jpg"
                >
                    <svg width="24px" height="24px" class="icons text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M17.49 9.6L5.6 16.77c-.7.42-1.6-.08-1.6-.9v-8c0-3.49 3.77-5.67 6.8-3.93l4.59 2.64 2.09 1.2c.69.41.7 1.41.01 1.82zM18.089 15.46l-4.05 2.34-4.04 2.33c-1.45.83-3.09.66-4.28-.18-.58-.4-.51-1.29.1-1.65l12.71-7.62c.6-.36 1.39-.02 1.5.67.25 1.55-.39 3.22-1.94 4.11z"/>
</svg>                </div>
                    </div>

        <form action="/cart/store" method="post">
            <input type="hidden" name="_token" value="AfQrlSuOgqQXu3wVQo9EfUpHCGpJrcQwBNvq46Ce">
            <input type="hidden" name="item_id" value="2001">
            <input type="hidden" name="item_name" value="webinar_id">

            
            <div id="priceBox" class="d-flex align-items-end justify-content-center  mt-20 px-16">
        
        <div class="d-flex align-items-center text-center">
            <div id="realPrice"
                 data-value="20"
                 data-special-offer=""
                 class="d-block  font-24 font-weight-bold ">
                $20
            </div>

                    </div>
    </div>

            
            <div class="js-enroll-actions-card mt-20 d-flex flex-column px-16">
            <button type="button" class="btn btn-block btn-primary btn-lg  disabled ">
                                                Live Class Conducted
                                    </button>

        
        
            
    
</div>

        </form>


        
        
        <div class="mt-16 px-16">
            <h4 class="font-12 font-weight-bold">This Course Includes</h4>

            
                            <div class="d-flex align-items-center mt-12 font-12 text-gray-500">
                    <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.31 14.7l1.5 1.5 4-4"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M10 6h4c2 0 2-1 2-2 0-2-1-2-2-2h-4C9 2 8 2 8 4s1 2 2 2z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M16 4.02c3.33.18 5 1.41 5 5.98v6c0 4-1 6-6 6H9c-5 0-6-2-6-6v-6c0-4.56 1.67-5.8 5-5.98"/>
</svg>                    <span class="ml-4">1 Online Quiz(zes)</span>
                </div>
            
                            <div class="d-flex align-items-center mt-12 font-12 text-gray-500">
                    <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 15c3.728 0 6.75-2.91 6.75-6.5S15.728 2 12 2 5.25 4.91 5.25 8.5 8.272 15 12 15z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.52 13.52l-.01 7.38c0 .9.63 1.34 1.41.97l2.68-1.27c.22-.11.59-.11.81 0l2.69 1.27c.77.36 1.41-.07 1.41-.97v-7.56"/>
</svg>                    <span class="ml-4">Official Certificate</span>
                </div>
            
            
                            <div class="d-flex align-items-center mt-12 font-12 text-gray-500">
                    <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 18.43h-4l-4.45 2.96A.997.997 0 017 20.56v-2.13c-3 0-5-2-5-5v-6c0-3 2-5 5-5h10c3 0 5 2 5 5v6c0 3-2 5-5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 11.36v-.21c0-.68.42-1.04.84-1.33.41-.28.82-.64.82-1.3 0-.92-.74-1.66-1.66-1.66-.92 0-1.66.74-1.66 1.66M11.995 13.75h.01"/>
</svg>                    <span class="ml-4">Instructor Support</span>
                </div>
            
            
            <div class="d-flex align-items-center justify-content-around mt-16 p-12 rounded-12 border-dashed border-gray-200">
                                    <a href="https://calendar.google.com/calendar/render?action=TEMPLATE&amp;dates=20231209T153000/20231209T153000&amp;ctz=UTC&amp;text=Learn+and+Understand+AngularJS" target="_blank" class="d-flex-center flex-column text-gray-500 font-12">
                        <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8 2v3M16 2v3M3.5 9.09h17M21 8.5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01"/>
</svg>                        <span class="mt-2">Reminder</span>
                    </a>
                
                <a  href="/login"  class="d-flex-center flex-column font-12 text-gray-500">
                    <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.62 20.81c-.34.12-.9.12-1.24 0C8.48 19.82 2 15.69 2 8.69 2 5.6 4.49 3.1 7.56 3.1c1.82 0 3.43.88 4.44 2.24a5.53 5.53 0 014.44-2.24C19.51 3.1 22 5.6 22 8.69c0 7-6.48 11.13-9.38 12.12z"/>
</svg>                    <span class="mt-2">Favorite</span>
                </a>

                <div class="js-share-course d-flex-center flex-column text-gray-500 font-12 cursor-pointer" data-path="/course/Learn-and-Understand-AngularJS/share-modal">
                    <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.96 6.17c2 1.39 3.38 3.6 3.66 6.15M3.49 12.37a8.601 8.601 0 013.6-6.15M8.19 20.94c1.16.59 2.48.92 3.87.92 1.34 0 2.6-.3 3.73-.85M12.06 7.7a2.78 2.78 0 100-5.56 2.78 2.78 0 000 5.56zM4.83 19.92a2.78 2.78 0 100-5.56 2.78 2.78 0 000 5.56zM19.17 19.92a2.78 2.78 0 100-5.56 2.78 2.78 0 000 5.56z"/>
</svg>                    <span class="mt-2">Share</span>
                </div>
            </div>

            <div class="mt-24 text-center">
                                    <a href="/login" class="font-12 text-gray-500">Report Content</a>
                            </div>

        </div>

    </div>
</div>


<div class="course-right-side-section position-relative mt-28">
    <div class="course-right-side-section__mask"></div>

    <div class="position-relative card-before-line bg-white rounded-24 p-16 z-index-2">
        <h4 class="font-14 font-weight-bold">Course Specifications</h4>

                    <div class="d-flex align-items-center justify-content-between mt-16">
                <div class="d-flex align-items-center font-14 text-gray-500">
                    <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.71 15.18l-3.1-1.85c-.54-.32-.98-1.09-.98-1.72v-4.1"/>
</svg>                    <span class="ml-4">Start Date</span>
                </div>

                <span class="">9 Dec 2023 | 15:30</span>
            </div>
        
        <div class="d-flex align-items-center justify-content-between mt-16">
            <div class="d-flex align-items-center font-14 text-gray-500">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M5 10h2c2 0 3-1 3-3V5c0-2-1-3-3-3H5C3 2 2 3 2 5v2c0 2 1 3 3 3zM17 10h2c2 0 3-1 3-3V5c0-2-1-3-3-3h-2c-2 0-3 1-3 3v2c0 2 1 3 3 3zM17 22h2c2 0 3-1 3-3v-2c0-2-1-3-3-3h-2c-2 0-3 1-3 3v2c0 2 1 3 3 3zM5 22h2c2 0 3-1 3-3v-2c0-2-1-3-3-3H5c-2 0-3 1-3 3v2c0 2 1 3 3 3z"/>
</svg>                <span class="ml-4">Sections</span>
            </div>

            <span class="">2</span>
        </div>

        <div class="d-flex align-items-center justify-content-between mt-16">
            <div class="d-flex align-items-center font-14 text-gray-500">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.66 10.44l-.98 4.18c-.84 3.61-2.5 5.07-5.62 4.77-.5-.04-1.04-.13-1.62-.27l-1.68-.4c-4.17-.99-5.46-3.05-4.48-7.23l.98-4.19c.2-.85.44-1.59.74-2.2 1.17-2.42 3.16-3.07 6.5-2.28l1.67.39c4.19.98 5.47 3.05 4.49 7.23z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.06 19.39c-.62.42-1.4.77-2.35 1.08l-1.58.52c-3.97 1.28-6.06.21-7.35-3.76L2.5 13.28c-1.28-3.97-.22-6.07 3.75-7.35l1.58-.52c.41-.13.8-.24 1.17-.31-.3.61-.54 1.35-.74 2.2l-.98 4.19c-.98 4.18.31 6.24 4.48 7.23l1.68.4c.58.14 1.12.23 1.62.27zM12.64 8.53l4.85 1.23M11.66 12.4l2.9.74"/>
</svg>                <span class="ml-4">Lessons</span>
            </div>

            <span class="">4</span>
        </div>

        <div class="d-flex align-items-center justify-content-between mt-16">
            <div class="d-flex align-items-center font-14 text-gray-500">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 12a5 5 0 100-10 5 5 0 000 10zM20.59 22c0-3.87-3.85-7-8.59-7s-8.59 3.13-8.59 7"/>
</svg>                <span class="ml-4">Capacity</span>
            </div>

                            <span class="">10 Students</span>
                    </div>

        <div class="d-flex align-items-center justify-content-between mt-16">
            <div class="d-flex align-items-center font-14 text-gray-500">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 9.66v2.79l1.4 1.4"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.5 12a6.5 6.5 0 1113 0c0 2.08-.98 3.94-2.5 5.13h-.01c-1.1.86-2.48 1.37-3.99 1.37-1.49 0-2.86-.5-3.96-1.35h-.01A6.486 6.486 0 015.5 12z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.03 17.15h.01c1.1.85 2.47 1.35 3.96 1.35 1.51 0 2.89-.51 3.99-1.37H16l-.51 2.47C15 21.5 13.9 22 12.55 22h-1.09c-1.35 0-2.46-.5-2.94-2.41l-.49-2.44zM8.03 6.85h.01C9.14 6 10.51 5.5 12 5.5c1.51 0 2.89.51 3.99 1.37H16l-.51-2.47C15 2.5 13.9 2 12.55 2h-1.09C10.11 2 9 2.5 8.52 4.41l-.49 2.44z"/>
</svg>                <span class="ml-4">Duration</span>
            </div>

            <span class="">1:00 Hours</span>
        </div>

        <div class="d-flex align-items-center justify-content-between mt-16">
            <div class="d-flex align-items-center font-14 text-gray-500">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10.05 2.53L4.03 6.46c-1.93 1.26-1.93 4.08 0 5.34l6.02 3.93c1.08.71 2.86.71 3.94 0l5.99-3.93c1.92-1.26 1.92-4.07 0-5.33l-5.99-3.93c-1.08-.72-2.86-.72-3.94-.01z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.63 13.08l-.01 4.69c0 1.27.98 2.63 2.18 3.03l3.19 1.06c.55.18 1.46.18 2.02 0l3.19-1.06c1.2-.4 2.18-1.76 2.18-3.03v-4.64M21.4 15V9"/>
</svg>                <span class="ml-4">Students</span>
            </div>

            <span class="">1</span>
        </div>

        
        <div class="d-flex align-items-center justify-content-between mt-16">
            <div class="d-flex align-items-center font-14 text-gray-500">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8 2v3M16 2v3M3.5 9.09h17M21 8.5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01"/>
</svg>                <span class="ml-4">Created Date</span>
            </div>

            <span class="">30 Jun 2021</span>
        </div>

        <div class="d-flex align-items-center justify-content-between mt-16">
            <div class="d-flex align-items-center font-14 text-gray-500">
                <svg width="20px" height="20px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M8 2v3M16 2v3M3.5 9.09h17M22 19c0 .75-.21 1.46-.58 2.06A3.97 3.97 0 0118 23c-1.01 0-1.93-.37-2.63-1-.31-.26-.58-.58-.79-.94A3.92 3.92 0 0114 19c0-2.21 1.79-4 4-4 1.2 0 2.27.53 3 1.36A4 4 0 0122 19z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.44 19l.99.99 2.13-1.97"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M21 8.5v7.86c-.73-.83-1.8-1.36-3-1.36-2.21 0-4 1.79-4 4 0 .75.21 1.46.58 2.06.21.36.48.68.79.94H8c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01"/>
</svg>                <span class="ml-4">Updated Date</span>
            </div>

            <span class="">5 Jul 2025</span>
        </div>

    </div>
</div>


<div class="course-right-side-section position-relative mt-28">
    <div class="course-right-side-section__mask"></div>

    <div class="position-relative bg-white rounded-24 p-16 z-index-2">

        

        <div class="d-flex align-items-center">
            <div class="position-relative size-64 rounded-circle">
                <img src="/store/3/setting/avatar.jpg" alt="James Kong" class="img-cover rounded-circle">

                            </div>

            <div class="ml-8">
                <a href="/users/james-kong/profile" target="_blank" class="">
                    <div class="d-block font-weight-bold text-dark">James Kong</div>
                </a>

                <p class="mt-2 font-12 text-gray-500">Master Certified Coach</p>
            </div>
        </div>

        
        <div class="position-relative d-flex align-items-center flex-wrap gap-12 mt-32 pt-36 pr-16 pl-20 pb-20 rounded-12 border-gray-200">

            <div class="course-right-side__teacher-rate-card p-8 rounded-24 bg-gray-100">
                <div class="stars-card d-flex align-items-center ">
    
                        <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item active">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                            <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
                    <span class="stars-card__item">
                <svg width="14px" height="14px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M5.74 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45C10.58 2.55 11.26 2 12 2s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68L5.56 18.44c-.14.14-.38.01-.34-.19L5.74 16zM18.7 14.462c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64a1.5 1.5 0 01-.9.27c-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.93 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7l12.16-12.16c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.7-.08 1.51-.84 2.27l-2.42 2.43z"/>
</svg>            </span>
        
                    <span class="ml-4 text-gray-500 font-14">(2)</span>
            </div>
            </div>

                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Old Membership">
                    <img src="/store/1/default_images/badges/registration3.svg" class="img-cover rounded-8" alt="Faithful User">
                </div>
                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Has 3 to 6 Classes">
                    <img src="/store/1/default_images/badges/courses3.svg" class="img-cover rounded-8" alt="Expert Vendor">
                </div>
                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Classes Rating from 4 to 5">
                    <img src="/store/1/default_images/badges/rating3.svg" class="img-cover rounded-8" alt="Golden Classes">
                </div>
                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Classes Sales from 1 to 2">
                    <img src="/store/1/default_images/badges/sales1.svg" class="img-cover rounded-8" alt="Best Seller">
                </div>
                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Support Rating from 4 to 5">
                    <img src="/store/1/default_images/badges/support3.svg" class="img-cover rounded-8" alt="Fantastic Support">
                </div>
                            <div class="size-32 rounded-8" data-toggle="tooltip" data-placement="bottom" data-html="true" title="Has 2 to 5 Topics">
                    <img src="/store/1/default_images/badges/forum1.svg" class="img-cover rounded-8" alt="Forums Top User">
                </div>
                    </div>

        <div class="d-flex align-items-center gap-16 mt-16">
            <a href="/users/james-kong/profile" target="_blank" class="btn btn-primary btn-lg flex-1">Profile</a>

                    </div>

                    <div class="mt-16 p-12 rounded-12 border-gray-200 bg-gray-100">
                <div class="d-flex align-items-center">
                    <svg width="24px" height="24px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.41 18.09l-2.82 2.82M18.41 20.91l-2.82-2.82M12.16 10.87c-.1-.01-.22-.01-.33 0a4.42 4.42 0 01-4.27-4.43C7.56 3.99 9.54 2 12 2a4.435 4.435 0 01.16 8.87zM12 21.81c-1.82 0-3.63-.46-5.01-1.38-2.42-1.62-2.42-4.26 0-5.87 2.75-1.84 7.26-1.84 10.01 0"/>
</svg>                    <span class="ml-4 font-12 font-weight-bold text-gray-500">The instructor is currently unavailable.</span>
                </div>

                <div class="mt-12 text-gray-500">I will not be available for 2 weeks until  end of January due to a business trip.</div>
            </div>
        
    </div>
</div>










    <div class="course-right-side-section position-relative mt-28">
        <div class="course-right-side-section__mask"></div>

        <div class="position-relative card-before-line bg-white rounded-24 p-16 z-index-2">
            <h4 class="font-14 font-weight-bold">Tags</h4>

            <div class="d-flex gap-12 flex-wrap mt-16">
                                    <a href="/tags/courses/Angular" target="_blank" class="d-flex-center p-10 rounded-8 bg-gray-100 font-12 text-gray-500 text-center">Angular</a>
                                    <a href="/tags/courses/AngularJS" target="_blank" class="d-flex-center p-10 rounded-8 bg-gray-100 font-12 text-gray-500 text-center">AngularJS</a>
                                    <a href="/tags/courses/Javascript" target="_blank" class="d-flex-center p-10 rounded-8 bg-gray-100 font-12 text-gray-500 text-center">Javascript</a>
                            </div>
        </div>
    </div>

                
                <div class="row">
                    <div class="mt-32 mt-16-48 col-12">
                <a href="/instructor-finder" class="d-flex sidebar-ads rounded-16">
                    <img src="/store/1/default_images/banners/meeting-banner-side.png" class="img-cover rounded-16" alt="Meeting Booking - Course page">
                </a>
            </div>
                    <div class="mt-32 mt-16-48 col-12">
                <a href="/reward-courses" class="d-flex sidebar-ads rounded-16">
                    <img src="/store/1/default_images/banners/rewards-banner-side.png" class="img-cover rounded-16" alt="Reward - Course page">
                </a>
            </div>
            </div>
            </div>
        </div>
    </div>

    
    <div class="course-bottom-fixed-card bg-white">
    <div class="container d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between h-100">
        <div class="d-flex align-items-center mb-16 mb-lg-0">
            <div class="course-bottom-fixed-card__course-img rounded-8">
                <img src="/store/3/Learn and Understand AngularJS.jpg" class="img-cover rounded-8" alt="Learn and Understand AngularJS">
            </div>
            <div class="ml-8">
                <div class="font-12 text-gray-500">You are viewing</div>
                <div class="mt-4 font-14 font-weight-bold">Learn and Understand AngularJS</div>
            </div>
        </div>

                    <button type="button" class="js-bottom-fixed-enroll-on-course-btn btn btn-primary btn-lg">Enroll in Course</button>
            </div>
</div>

<div class="course-bottom-fixed-card__progress">
    <div class="progress-line"></div>
</div>


            <div class="theme-footer-1 has-newsletter position-relative">
        <div class="theme-footer-1__section position-relative">
            <div class="theme-footer-1__section-bg-wrapper light-only" style="background-color: var(--secondary); background-image: url(/store/themes/footers/2/footer_background_7gn.png); "></div>
            <div class="theme-footer-1__section-bg-wrapper dark-only" style="background-color: var(--secondary); background-image: url(/store/themes/footers/2/footer_background_7gn.png); "></div>


            
                            <div class="theme-footer-1__newsletter">
    <div class="container position-relative">
        <div class="theme-footer-1__newsletter-mask"></div>

        <div class="position-relative z-index-2 bg-white p-16 rounded-24">
            <div class="row align-items-center">
                <div class="col-12 col-lg-6">
                    <div class="">
                        <div class="d-flex align-items-center gap-4">
                                                            <h4 class="font-20">Subscribe to Our Newsletter</h4>
                            
                                                            <div class="theme-footer-1__newsletter-emoji">
                                    <img src="/store/themes/footers/2/happy_emoji_zoa.svg" alt="emoji" class="img-fluid" width="20px" height="20px">
                                </div>
                                                    </div>

                                                    <div class="mt-8 font-14 text-gray-500">Receive expert insights, course updates, and learning resources directly in your inbox and get notified</div>
                        
                    </div>
                </div>

                <div class="col-12 col-lg-6 mt-16 mt-lg-0 d-flex justify-content-end">
                    <div class="js-newsletter-form newsletter-form d-flex align-items-center justify-content-between p-12 rounded-12 border-gray-200">
                        <div class="form-group mb-0 flex-1">
                            <div class="d-flex align-items-center gap-8 px-12 flex-1">
                                <svg width="24px" height="24px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 20.5H7c-3 0-5-1.5-5-5v-7c0-3.5 2-5 5-5h10c3 0 5 1.5 5 5v7c0 3.5-2 5-5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 9l-3.13 2.5c-1.03.82-2.72.82-3.75 0L7 9"/>
</svg>                                <input type="email" name="newsletter_email" class="js-ajax-newsletter_email flex-1" placeholder="Enter your email address here">
                            </div>

                            <div class="invalid-feedback d-block position-absolute position-bottom-0"></div>
                        </div>

                        <button type="button" class="js-submit-newsletter-btn btn btn-primary btn-lg text-white">Join</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
            
            <div class="position-relative z-index-2">

                <div class="container position-relative">
                    <div class="row">
                        <div class="col-12 col-lg-5">
                                                            <div class="d-inline-flex-center gap-8 border-2 border-white rounded-32 bg-white-10 text-white px-16 py-12">
                                                                            <div class="size-24">
                                            <img src="/store/themes/footers/2/power_emoji_42t.svg" alt="footer cta btn icon" class="img-fluid" width="24px" height="24px">
                                        </div>
                                    
                                                                            <span class="">Let’s get started now!</span>
                                                                    </div>

                                                                    <h3 class="mt-16 font-44 text-white mr-0 mr-lg-48">Take the First Step Towards Mastery!</h3>
                                
                                                                    <a href="/classes" class="btn-flip-effect btn btn-xlg btn-primary gap-8 mt-32" data-text="Enroll on Courses">
                                                                                    <svg width="24px" height="24px" class="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M18.38 12.84v4.93c0 1.27-.99 2.63-2.18 3.03l-3.19 1.06c-.56.19-1.47.19-2.02 0L7.8 20.8c-1.2-.4-2.18-1.76-2.18-3.03l.01-4.93 4.42 2.88c1.08.71 2.86.71 3.94 0l4.39-2.88z" opacity=".4"/>
  <path d="M19.98 6.46l-5.99-3.93c-1.08-.71-2.86-.71-3.94 0L4.03 6.46c-1.93 1.25-1.93 4.08 0 5.34l1.6 1.04 4.42 2.88c1.08.71 2.86.71 3.94 0l4.39-2.88 1.37-.9V15c0 .41.34.75.75.75s.75-.34.75-.75v-4.92c.4-1.29-.01-2.79-1.27-3.62z"/>
</svg>                                        
                                        <span class="btn-flip-effect__text">Enroll on Courses</span>
                                    </a>
                                                                                    </div>

                        <div class="col-6 col-lg-2 mt-32 mt-lg-0">
                                                            <h4 class="font-16 text-white">Additional Links</h4>
                            
                                                                                                                                        <a href="/login" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-16" data-text="Login">
                                            <span class="btn-flip-effect__text">Login</span>
                                        </a>
                                                                                                                                                <a href="/register" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Register">
                                            <span class="btn-flip-effect__text">Register</span>
                                        </a>
                                                                                                                                                <a href="/contact" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Contact">
                                            <span class="btn-flip-effect__text">Contact</span>
                                        </a>
                                                                                                                                                <a href="/certificate_validation" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Certificate Validation">
                                            <span class="btn-flip-effect__text">Certificate Validation</span>
                                        </a>
                                                                                                                                                <a href="/become-instructor" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Become Instructor">
                                            <span class="btn-flip-effect__text">Become Instructor</span>
                                        </a>
                                                                                                                                                <a href="/pages/about" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="About">
                                            <span class="btn-flip-effect__text">About</span>
                                        </a>
                                                                                                                                                <a href="/pages/terms" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Terms and Policies">
                                            <span class="btn-flip-effect__text">Terms and Policies</span>
                                        </a>
                                                                                                                                                                                            </div>

                        <div class="col-6 col-lg-2 mt-32 mt-lg-0">
                                                            <h4 class="font-16 text-white">Popular Categories</h4>
                            
                                                                                                                                        <a href="/categories/Development" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-16" data-text="Development">
                                            <span class="btn-flip-effect__text">Development</span>
                                        </a>
                                                                                                                                                <a href="/categories/Business" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Business">
                                            <span class="btn-flip-effect__text">Business</span>
                                        </a>
                                                                                                                                                <a href="/categories/Marketing" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Marketing">
                                            <span class="btn-flip-effect__text">Marketing</span>
                                        </a>
                                                                                                                                                <a href="/categories/Lifestyles" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Lifestyle">
                                            <span class="btn-flip-effect__text">Lifestyle</span>
                                        </a>
                                                                                                                                                <a href="/categories/Health-and-Fitness" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Health">
                                            <span class="btn-flip-effect__text">Health</span>
                                        </a>
                                                                                                                                                <a href="/categories/Academics" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Academics">
                                            <span class="btn-flip-effect__text">Academics</span>
                                        </a>
                                                                                                                                                <a href="/categories/Design" target="_blank" class="btn-flip-effect btn-flip-effect__slow-effect btn-flip-effect__left-0 d-block font-16 text-white opacity-70 mt-12" data-text="Design">
                                            <span class="btn-flip-effect__text">Design</span>
                                        </a>
                                                                                                                                                                                            </div>

                        <div class="col-12 col-lg-3 mt-32 mt-lg-0">
                                                                                                <h4 class="font-16 text-white">Contact US</h4>
                                
                                                                    <div class="d-flex align-items-start gap-8 mt-20">
                                        <div class="size-24">
                                            <svg width="24px" height="24px" class="text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-width="1.5" d="M12 13.43a3.12 3.12 0 100-6.24 3.12 3.12 0 000 6.24z"/>
  <path stroke-width="1.5" d="M3.62 8.49c1.97-8.66 14.8-8.65 16.76.01 1.15 5.08-2.01 9.38-4.78 12.04a5.193 5.193 0 01-7.21 0c-2.76-2.66-5.92-6.97-4.77-12.05z"/>
</svg>                                        </div>
                                        <span class="font-16 text-white opacity-70">1234 Sunset Blvd, Suite 567 Los Angeles, CA 90026 United States</span>
                                    </div>
                                
                                                                    <div class="d-flex align-items-start gap-8 mt-16">
                                        <div class="size-24">
                                            <svg width="24px" height="24px" class="text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-miterlimit="10" stroke-width="1.5" d="M21.97 18.33c0 .36-.08.73-.25 1.09-.17.36-.39.7-.68 1.02-.49.54-1.03.93-1.64 1.18-.6.25-1.25.38-1.95.38-1.02 0-2.11-.24-3.26-.73s-2.3-1.15-3.44-1.98a28.75 28.75 0 01-3.28-2.8 28.414 28.414 0 01-2.79-3.27c-.82-1.14-1.48-2.28-1.96-3.41C2.24 8.67 2 7.58 2 6.54c0-.68.12-1.33.36-1.93.24-.61.62-1.17 1.15-1.67C4.15 2.31 4.85 2 5.59 2c.28 0 .56.06.81.18.26.12.49.3.67.56l2.32 3.27c.18.25.31.48.4.7.09.21.14.42.14.61 0 .24-.07.48-.21.71-.13.23-.32.47-.56.71l-.76.79c-.11.11-.16.24-.16.4 0 .08.01.15.03.23.03.08.06.14.08.2.18.33.49.76.93 1.28.45.52.93 1.05 1.45 1.58.54.53 1.06 1.02 1.59 1.47.52.44.95.74 1.29.92.05.02.11.05.18.08.08.03.16.04.25.04.17 0 .3-.06.41-.17l.76-.75c.25-.25.49-.44.72-.56.23-.14.46-.21.71-.21.19 0 .39.04.61.13.22.09.45.22.7.39l3.31 2.35c.26.18.44.39.55.64.1.25.16.5.16.78z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.5 9c0-.6-.47-1.52-1.17-2.27-.64-.69-1.49-1.23-2.33-1.23M22 9c0-3.87-3.13-7-7-7"/>
</svg>                                        </div>
                                        <span class="font-16 text-white opacity-70">+1 (323) 555-9876</span>
                                    </div>
                                
                                                                    <div class="d-flex align-items-start gap-8 mt-16">
                                        <div class="size-24">
                                            <svg width="24px" height="24px" class="text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 22" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17 6v10c0 4-1 5-5 5H6c-4 0-5-1-5-5V6c0-4 1-5 5-5h6c4 0 5 1 5 5zM11 4.5H7"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 18.1A1.55 1.55 0 109 15a1.55 1.55 0 000 3.1z"/>
</svg>                                        </div>
                                        <span class="font-16 text-white opacity-70">+1 (213) 555-4321</span>
                                    </div>
                                
                                                                    <div class="d-flex align-items-start gap-8 mt-16">
                                        <div class="size-24">
                                            <svg width="24px" height="24px" class="text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 20.5H7c-3 0-5-1.5-5-5v-7c0-3.5 2-5 5-5h10c3 0 5 1.5 5 5v7c0 3.5-2 5-5 5z"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M17 9l-3.13 2.5c-1.03.82-2.72.82-3.75 0L7 9"/>
</svg>                                        </div>
                                        <span class="font-16 text-white opacity-70">mail@lms.rocket-soft.org</span>
                                    </div>
                                                                                    </div>


                    </div>
                </div>

                <div class="theme-footer-1__bottom-section-divider"></div>

                <div class="container d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between py-24 px-16 gap-16">
                                            <div class="font-14 text-white opacity-70">© 2025 Rocket Soft. All Rights Reserved. Empowering Learning Worldwide.</div>
                    
                    <div class="d-flex align-items-center justify-content-center gap-16 gap-lg-24">
                                                    
                                                                                                                                        <a href="https://www.instagram.com/" target="_blank" rel="nofollow" title="Instagram" class="d-flex-center size-24">
                                            <img src="/store/1/default_images/social/instagram.svg" alt="Instagram" class="img-cover">
                                        </a>
                                                                                                                                                                                                            <a href="https://web.whatsapp.com/" target="_blank" rel="nofollow" title="Whatsapp" class="d-flex-center size-24">
                                            <img src="/store/1/default_images/social/whatsapp.svg" alt="Whatsapp" class="img-cover">
                                        </a>
                                                                                                                                                                                                            <a href="https://twitter.com/" target="_blank" rel="nofollow" title="Messenger" class="d-flex-center size-24">
                                            <img src="/store/1/default_images/social/messenger.svg" alt="Messenger" class="img-cover">
                                        </a>
                                                                                                                                                                                                            <a href="https://www.facebook.com/" target="_blank" rel="nofollow" title="Facebook" class="d-flex-center size-24">
                                            <img src="/store/1/default_images/social/facebook.svg" alt="Facebook" class="img-cover">
                                        </a>
                                                                                                                        

                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    
    
    <div class="cart-drawer no-footer bg-white py-16">
    <div class="d-flex align-items-center pb-16 border-bottom-gray-bg px-16">
        <button type="button" class="js-cart-drawer-close d-flex btn-transparent">
            <svg width="25px" height="25px" class="icons text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M14.43 5.93L20.5 12l-6.07 6.07M3.5 12h16.83"/>
</svg>        </button>

        <span class="font-14 font-weight-bold ml-8">Cart</span>
    </div>

    <div class="cart-drawer__body pb-32" data-simplebar >

    </div>

    <div class="cart-drawer__footer pt-16 border-top-gray-bg d-none px-16">
        <div class="d-flex align-items-center justify-content-between">
            <span class="text-gray-500">Subtotal</span>
            <span class="js-side-cart-subtotal text-dark font-weight-bold"></span>
        </div>

        <div class="mt-12">
            <a href="/cart" class="btn btn-outline-primary btn-block">View Cart</a>
        </div>
    </div>
</div>
<div class="cart-drawer-mask"></div>

</div>

<!-- Template JS File -->
<script>
    var siteDomain = 'https://www.lifelearnt.com';
    var deleteAlertTitle = 'Are you sure?';
    var deleteAlertHint = 'This action cannot be undone!';
    var deleteAlertConfirm = 'Delete';
    var deleteAlertCancel = 'Cancel';
    var deleteAlertSuccess = 'Success';
    var deleteAlertFail = 'Failed';
    var deleteAlertFailHint = 'Failed to delete item!';
    var deleteAlertSuccessHint = 'Item deleted successfully.';
    var forbiddenRequestToastTitleLang = 'Forbidden Request';
    var forbiddenRequestToastMsgLang = 'You do not have access to this content.';
    var priceInvalidHintLang = 'Invalid price. Only numbers and decimals are accepted.';
    var clearLang = 'clear';
    var requestSuccessLang = 'Request completed successfully!';
    var saveSuccessLang = 'Item added successfully.';
    var requestFailedLang = 'Request Failed';
    var oopsLang = 'Oops...';
    var somethingWentWrongLang = 'Something went wrong...';
    var loadingDataPleaseWaitLang = 'Loading data. Please wait...';
    var deleteRequestLang = 'Content Deletion Request';
    var deleteRequestTitleLang = 'Are you sure to delete content?';
    var deleteRequestDescriptionLang = 'If you wish to remove your content, please provide a clear and detailed explanation.';
    var requestDetailsLang = 'Request Details';
    var sendRequestLang = 'Submit Request';
    var closeLang = 'Close';
    var generatedContentLang = 'Generated Content';
    var copyLang = 'Copy';
    var doneLang = 'Completed';
    var jsCurrentCurrency = '$';
    var defaultLocale = 'en';
    var appLocale = 'en';
    var dangerCloseIcon = `<svg width="24" height="24" class="icons text-danger" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 12h12M12 18V6"/>
</svg>`;
    var directSendIcon = `<svg width="24" height="24" class="icons text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 9V2l-2 2M12 2l2 2M1.98 13h4.41c.38 0 .72.21.89.55l1.17 2.34A2 2 0 0010.24 17h3.53a2 2 0 001.79-1.11l1.17-2.34a1 1 0 01.89-.55h4.36"/>
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 5.13c-3.54.52-5 2.6-5 6.87v3c0 5 2 7 7 7h6c5 0 7-2 7-7v-3c0-4.27-1.46-6.35-5-6.87"/>
</svg>`;
    var closeIcon = `<svg width="25px" height="25px" class="close-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 12h12M12 18V6"/>
</svg>`;
    var bulDangerIcon = `<svg width="32px" height="32px" class="icons text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path d="M21.76 15.92L15.36 4.4C14.5 2.85 13.31 2 12 2s-2.5.85-3.36 2.4l-6.4 11.52c-.81 1.47-.9 2.88-.25 3.99.65 1.11 1.93 1.72 3.61 1.72h12.8c1.68 0 2.96-.61 3.61-1.72.65-1.11.56-2.53-.25-3.99z" opacity=".4"/>
  <path d="M12 14.75c-.41 0-.75-.34-.75-.75V9c0-.41.34-.75.75-.75s.75.34.75.75v5c0 .41-.34.75-.75.75zM12 18c-.06 0-.13-.01-.2-.02a.636.636 0 01-.18-.06.757.757 0 01-.18-.09l-.15-.12c-.18-.19-.29-.45-.29-.71 0-.26.11-.52.29-.71l.15-.12c.06-.04.12-.07.18-.09.06-.03.12-.05.18-.06.13-.03.27-.03.39 0 .07.01.13.03.19.06.06.02.12.05.18.09l.15.12c.18.19.29.45.29.71 0 .26-.11.52-.29.71l-.15.12c-.06.04-.12.07-.18.09-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02z"/>
</svg>`;
    var defaultAvatarPath = "/store/1/default_images/default_profile.jpg";
    var themeColorsMode = {"light":{"primary":"#0170ff","primary_saturated":"#67a9ff","secondary":"#0e2145","accent":"#fe6257","success":"#3fcd82","info":"#67a9ff","warning":"#ffa200","danger":"#f63c3c","dark":"#121f3e","black":"#000000","white":"#ffffff","gray_100":"#fafcff","gray_200":"#f0f4f9","gray_300":"#e9edf3","gray_400":"#cdd5e2","gray_500":"#97a7bf","gray":"#f5f8f9","section_bg":"#eaf0f3"},"dark":{"primary":"#3e93ff","primary_saturated":"#8dbeff","secondary":"#2658b7","accent":"#ff8077","success":"#5ade98","info":"#8dbeff","warning":"#ffb32d","danger":"#fe6363","dark":"#aab8c5","black":"#e1eaf6","white":"#1e1f26","gray_100":"#272832","gray_200":"#30313e","gray_300":"#3e404e","gray_400":"#5d5f72","gray_500":"#8391a2","gray":"#17181e","section_bg":"#2d323a"}};
</script>


<script type="text/javascript" src="/assets/design_1/js/app.min.js"></script>
<script type="text/javascript" src="/assets/default/vendors/simplebar/simplebar.min.js"></script>
<script defer src="/assets/design_1/js/parts/content_delete.min.js"></script>





    <script src="/assets/default/vendors/barrating/jquery.barrating.min.js"></script>
    <script src="/assets/vendors/plyr.io/plyr.min.js"></script>
    <script src="/assets/default/vendors/swiper/swiper-bundle.min.js"></script>
    <script src="/assets/design_1/js/parts/time-counter-down.min.js"></script>
    <script src="/assets/design_1/js/parts/swiper_slider.min.js"></script>
    <script src="/assets/design_1/js/parts/video_player_helpers.min.js"></script>

    <script>
        var webinarDemoLang = 'Course Demo';
        var notAccessToastTitleLang = 'Access Denied';
        var notAccessToastMsgLang = 'You do not have permission to access this content.';
        var closeLang = 'Close';
        var shareLang = 'Share';
        var reportCommentLang = 'Report Comment';
        var reportLang = 'Report';
        var reportCourseLang = 'Report Course';
        var joinCourseWaitlistLang = 'Join Course Waitlist';
        var joinWaitlistLang = 'Join Waitlist';
        var purchaseWithPointsLang = 'Purchase with Points';
    </script>

    <script src="/assets/design_1/js/parts/reviews.min.js"></script>
    <script src="/assets/design_1/js/parts/comments.min.js"></script>
    <script src="/assets/design_1/js/parts/show_course.min.js"></script>


<script>

    
    
</script>

<script src="/assets/design_1/js/parts/general.min.js"></script>
</body>
</html>