It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.missionfitindia.com

  1.  
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8. <!DOCTYPE html>
  9. <html lang="en">
  10. <head>
  11. <title>Misson Fit India Stay Fit Workouts at Home with Khushboo Your Fitness Trainer India</title>
  12.  
  14. <meta name="keywords" content="Fitness Trainer, weight loss, Health Coach, Workouts, at home, no equipment, best fitness trainer india,"/>
  15. <meta name="description" content="Misson Fit India Stay Fit Workouts at Home with Khushboo Your Fitness Trainer India Best and Top Quality Meals Be More Healthy and Happy"/>
  16. <meta name="google-site-verification" content="" />
  18. <meta property="og:url" content="https://www.missionfitindia.com" />
  19. <meta property="og:type" content="website" />
  20. <meta property="og:title" content="Misson Fit India Stay Fit Workouts at Home with Khushboo Your Fitness Trainer India" />
  21. <meta property="og:description" content="Misson Fit India Stay Fit Workouts at Home with Khushboo Your Fitness Trainer India Best and Top Quality Meals Be More Healthy and Happy" />
  22. <meta property="og:image" content="https://www.missionfitindia.com/logo.png?v=4" />
  24.  
  30. <link href="https://d502jbuhuh9wk.cloudfront.net/resources/pagebuilder2/box/box.css" rel="stylesheet" type="text/css" />
  31.   <link href="https://d502jbuhuh9wk.cloudfront.net/resources/pagebuilder2/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
  32.   <link href="https://d502jbuhuh9wk.cloudfront.net/resources/pagebuilder2/assets/scripts/animate/animate.css" rel="stylesheet" type="text/css" />
  33.  
  34.  
  35.  
  36.  
  37.  
  38.  
  40.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63. <script>
  64.   window.ddjskey = "7B67A84950276A170F730720638112";
  65.   window.ddoptions = { ajaxListenerPath: true };
  66. </script>
  67. <script src="https://js.datadome.co/tags.js" async></script>
  68.  
  69.  
  70.  
  73.  
  74.  
  79.  
  80.  
  85.  
  86.  
  87.  
  92. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  95.  
  96.    
  97.  
  98.  
  99.  
  100.  
  101.  
  102.  
  103.  
  104.    
  105.    <meta name="google" content="notranslate">
  106.    
  107.    
  108.    
  109.         <link rel="canonical" href="https://www.missionfitindia.com/" />
  110.    
  111.    
  113.  
  114.  
  115. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
  116. <link rel="icon" href="/favicon.ico" type="image/x-icon">
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  124. <script>var orgCountry = "IN";</script>
  127.  
  128.  
  129. <link id="theme" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre.min.css" rel="stylesheet">
  130.  
  131. <link rel="preconnect" href="https://fonts.googleapis.com">
  132. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  133.  
  134. <link rel="preload" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" as="style" onload="this.onload=null;this.rel='stylesheet'">
  135. <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" ></noscript>
  136.  
  137. <link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" as="style" onload="this.onload=null;this.rel='stylesheet'">
  138. <noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" ></noscript>
  139.  
  140. <link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
  141. <noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" ></noscript>
  142.  
  143. <link id="theme-exp" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre-exp.min.css" rel="stylesheet">
  144.  
  145.  
  146.  
  148. <link href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstyles_b4b4d09af1e3d078b1c65c955546f4db.css" rel="stylesheet">
  149. <link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstore_b265a98dd3895958fa4b1490ae89a464.css"/>
  151. <link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/resources/stylesheets/gtheme3.css?v=7"/>
  153. <style type="text/css">
  154. #loginLoader{
  155. position: absolute;
  156.     left: 0;
  157.     right: 0;
  158.     margin-left: auto;
  159.     margin-right: auto;
  160.     width: 100px;
  161.     top: 50%;
  162. }
  163.    .customSocialBtn {
  164.       display: flex;
  165.     white-space: nowrap;
  166.     display: flex;
  167.     justify-content: center;
  168.     align-items: center;
  169.     padding: 11px 67px;
  170.     position: static;
  171.     left: 0px;
  172.     top: 40px;
  173.     cursor: pointer;
  174.     margin: auto;
  175.     border: none;
  176.     /*width: 364px;
  177.     height: 48px;
  178.       background: #000000; */
  179.     /*For New Button Remove Bellow Codes and Uncomment upper Code  */
  180.     background: white;
  181.       border-radius: 4px;
  182.       box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%);
  183.       width: 245px;
  184.       height: 40px;
  185.    }
  186.  
  187.    .customSocialBtn img.icon {    
  188.     height: 20px;
  189.     width: 20px;
  190.     margin: auto 10px;
  191.    }
  192.    .customSocialBtn span.buttonText {
  193.       width: 145px;
  194.     height: 17px;
  195.     left: 0px;
  196.     top: 0px;
  197.     font-style: normal;
  198.     font-weight: 900;
  199.     font-size: 16px;
  200.     line-height: 120%;
  201. opacity: 0.9;
  202.     text-align: left;
  203.     font-family: 'Roboto', sans-serif;
  204.     /* color: #F7F7F7; */
  205.     /*For New Button Remove Bellow Codes and Uncomment upper Code  */
  206.     color: #808080;
  207.    }
  208. </style>
  214. <style type="text/css">
  216. </style>
  222. <style type="text/css">
  223. footer a, footer+div a {
  224. color: var(--footerTextColor) !important;
  225. }
  226. footer .socialIcons {text-align: right;}
  227. @media (max-width: 600px) {
  228. footer .linksCont a { display: block !important; }
  229. footer .socialIcons {text-align: center;margin-top: 20px;}
  230. }
  231. </style>
  234.  
  235.  
  236.  
  237.  
  238.  
  239. <style type="text/css">
  240. :root {
  241. --themeColor: #5755d9;
  242. --themeBGColor: #fff;
  243. --headerHeight: 80px;
  244. --headerTextColor: #0A0959;
  245. --headerBGColor: #FDFBFB;
  247. }
  248.  
  249.  
  250. :root {
  251. --themeColor: #317AE7;
  252. --themeBGColor: #EFF5FE;
  253. --themeCornerRadius: 25px;
  254. --themeGrayColor: #F5F5F5;
  255. }
  256.  
  257. </style>
  258.  
  259. <style type="text/css">
  261.    
  262.  
  263. </style>
  264.  
  265.  
  266.  
  267. <!-- Facebook Pixel Code -->
  268. <script>
  269.  !function(f,b,e,v,n,t,s)
  270.  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  271.  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  272.  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  273.  n.queue=[];t=b.createElement(e);t.async=!0;
  274.  t.src=v;s=b.getElementsByTagName(e)[0];
  275.  s.parentNode.insertBefore(t,s)}(window, document,'script',
  276.  'https://connect.facebook.net/en_US/fbevents.js');
  277.  fbq('init', '6243461079015762');
  278.  fbq('track', 'PageView');
  279. </script>
  280. <noscript><img height="1" width="1" style="display:none"
  281.  src="https://www.facebook.com/tr?id=6243461079015762&ev=PageView&noscript=1"
  282. /></noscript>
  283. <!-- End Facebook Pixel Code -->
  284.  
  285.  
  286. <script type="text/javascript">
  287. window.onload = function(event) {
  288.   document.querySelectorAll('header .avatar img').forEach(function(img){
  289.   if(img.naturalWidth == 0) {
  290.   img.style.display='none';
  291.   }
  292.   })
  293. };
  294. var RESCDN = "https://d502jbuhuh9wk.cloudfront.net";
  296. function showCourseDefaultCover(img, cid) {
  297. var rndm = ((parseInt(cid.replace(/[a-z]/g, '')) % 10) % 6) + 1;
  298. rndm = isNaN(rndm) ? 1 : rndm;
  299. if(img === null) {
  300. return RESCDN + "/resources/images/cc"+rndm+".jpg";
  301. }
  303. img.src = RESCDN + "/resources/images/cc"+rndm+".jpg";
  304. }
  305. </script>
  306.  
  307.  
  308.  
  311.  
  312.  
  313.  
  314.  
  315.  
  316.  
  317.  
  318. <script type="text/javascript">var learnerConsentMsg = `We've updated our <a href='/termsofuse' target='_blank' style='text-decoration:underline'>terms and conditions</a> and <a href='/privacy-policy' target='_blank' style='text-decoration:underline'>privacy policy</a>.<br>By proceeding, you agree to our new terms.`;</script>
  319.  
  320. <script type="text/javascript">var creatorConsentMsg = `We've updated our <a href='https://graphy.com/legal/terms' target='_blank' style='text-decoration:underline'>terms and conditions</a> and <a href='https://graphy.com/legal/privacy' target='_blank' style='text-decoration:underline'>privacy policy</a>.<br>By proceeding, you agree to our new terms.`;</script>
  321.  
  322. <script type="text/javascript">var cookieMsg = `We use cookies to personalise your experience and to analyse our website traffic. By continuing to use our website, you consent to our cookies.`;</script>
  323.  
  324.  
  325.  
  326.  
  327.  
  328.  
  329. <script type="text/template" id="consentPromptTemplate">
  330. <div class="spectre">
  331. <div class="modal active" id="consentPrompt">
  332.    <a href="javascript:void(0);" class="modal-overlay" aria-label="Close"></a>
  333.    <div class="modal-container" style="max-width:325px">
  334.      <div class="modal-header" style="padding:0.8rem 0.8rem 0px 0.8rem;">
  335.        <div class="modal-title h5 text-center">Updated Terms</div>
  336.      </div>
  337.      <div class="modal-body">
  338.        
  339. <form id="consentForm" style="text-align:center; font-size:13px">
  340. <div class="content"></div><br>
  341. <div class="text-center">
  342. <button id="consentBtn" type="button" class="btn close btn-primary">I Agree</button>
  343. </div>
  344. </form>
  345.  
  346.    </div>
  347.  </div>
  348. </div>
  349. </script>
  350.  
  351.  
  352. <script>
  353. var hideCookiePopup = false;
  354. var cookieConsentEnabled = false;
  355. if(!cookieConsentEnabled){
  356. hideCookiePopup = true;
  357. }
  358. var SPORG = {subscriptionPlan: "launch", checkout_version: "2", customer_type: "r"};
  359. </script>
  360. <script type="text/template" id="cookiePopupTemplate">
  361. <div class="spectre" style="position: fixed; bottom: 0; width: 100%; opacity:1; z-index: 9999;">
  362. <div class="modal-container p-0" id="cookiePopup">        
  363. <form id="cookiePopupForm">
  364. <div class="columns" style="align-items: center;">
  365. <div class="column col-sm-12 content text-center"></div>
  366. <div class="column col-sm-12 text-center">
  367. <a href="/privacy-policy" class="btn" target="_blank" id="viewPrivacyPolicyBtn" style="margin-right:15px;">View privacy policy</a>
  368. <button id="acceptCookiesBtn" type="button" class="btn close btn-primary">Accept cookies</button>
  369. </div>
  370. </div>
  371. </form>
  372. </div>
  373. </div>
  374. </script>
  375.  
  376.  
  377.  
  384.  
  385.  
  386.  
  387.  
  388. <script async src="http://www.googletagmanager.com/gtag/js?id=G-CGG1SD02BJ"></script>
  389. <script>
  390.   window.dataLayer = window.dataLayer || [];
  391.   function gtag(){dataLayer.push(arguments);}
  392.   gtag('js', new Date());
  393.  
  394.   gtag('config', 'G-CGG1SD02BJ');
  395.   </script>
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404.  
  405. <!-- Google Tag Manager -->
  406. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  407. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  408. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  409. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  410. })(window,document,'script','dataLayer','GTM-KW7N9P2');
  411. </script>
  412. <!-- End Google Tag Manager -->
  414. <script defer type="text/javascript" src="https://api.pirsch.io/pirsch-extended.js"
  415.    id="pirschextendedjs"
  416.    data-code="D3mDuxDh3ljTsfTVyuDfGCWdFZ3QPp8k"></script>
  421.  
  425. </head>
  426.  
  427. <body class="">
  428.  
  429.  
  434.  
  435.  
  436.  
  437. <div class="header spectre "
  438. style="background-color: #FDFBFB;">
  440. <header class="navbar container" style="min-height: 80px;">
  441.  
  442.  <div id="navbar-section-btn">
  443.  
  444. <a href="javascript:void(0);" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.missionfitindia.com","button":"cart"}' class="nav-link badge cartBtn mr-2" data-badge="0"><i class="material-icons">shopping_cart</i></a>
  446.   <a class="btn btn-link btn-action ml-2" id="header-collapse-btn"  href="javascript:void(0);">
  447. <i class="icon-menu material-icons">menu</i>
  448.   </a>
  449.  </div>
  450.  <section class="navbar-section" style="min-height: 80px;">
  451.    <a href="/" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.missionfitindia.com","button":"profile_logo"}'><img alt="logo" onerror="this.src='https://d502jbuhuh9wk.cloudfront.net/resources/images/yourlogohere.jpg'" src='https://d502jbuhuh9wk.cloudfront.net/logos/6268d47c0cf2b698cee43bd4.png?v=4'/></a>
  452.  </section>
  453.  
  454.  <section class="navbar-section hide-md">
  455.   <form class="input-group p-0 relative" action="/s/store/courses" method="GET" style="width:100%;background:transparent">
  456.   <div class="input-group" style="width: 100%;">
  457. <input type="text" name="query" value="" class="form-input input-lg searchTxtBox" placeholder="Search">
  458. <button type="submit" class="btn btn-link"><i class="fa-regular fa-magnifying-glass"></i></button>
  459. </div>
  460. </form>
  461.  </section>
  462.  
  463.  <section class="navbar-section menu-links">
  465. <a href="/s/store" class="nav-link" data-id="courses" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.missionfitindia.com","button":"store"}'>Courses</a>
  468. <a href="/blog" class="nav-link" data-id="blog" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.missionfitindia.com","button":"blog"}'>Blog</a>
  471. <a href="/aboutus" class="nav-link" data-id="about" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "www.missionfitindia.com","button":"about"}'>About</a>
  478. <a href="/products#nav_bar" class="nav-link" amplitude-event="digital_products_tapped" amplitude-payload='{"source":"nav_bar"}' href="javascript:void(0);">Digital Products</a>
  487. <a href="javascript:void(0);" class="nav-link badge cartBtn hide-md" data-badge="0"><i class="fa-regular fa-cart-shopping"></i></a>
  490.     <a href="javascript:void(0);" class="btn btn-primary loginBtn">Login</a>
  493.  </section>
  494. </header>
  496. <form class="show-md container" action="/s/store/courses" method="GET" style="background:transparent;">
  497. <div class="input-group relative" style="width: 100%;">
  498. <input type="text" name="query" value="" class="form-input input-lg searchTxtBox" placeholder="Search">
  499. <button type="submit" class="btn btn-link"><i class="fa-regular fa-magnifying-glass"></i></button>
  500. </div>
  501. </form>
  503. </div>
  504.  
  505.  
  506.  
  507.  
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516.  
  517. <script>const customDomain = "www.missionfitindia.com";</script>
  518.  
  519.  
  520.  
  521.  
  522. <script>
  523. var disabledLocleVar='Disabled';
  524. var enabledLocaleVar='Enabled';
  525. var smsLocaleVar='SMS';
  526. var webpushLocaleVar='Web Push';
  527. var mobilepushLocaleVar='Mobile Push';
  528. var invoicenumberLocaleVar='Invoice Number';
  529. var productLocaleVar='Product';
  530. var dateLocaleVar='Date';
  531. var amountLocaleVar='Amount';
  532. var detailsLocaleVar='Details';
  533. var subscriptionPlanLocaleVar='Subscription Plan';
  534. var addonsLocaleVar='Add Ons';
  535. var showLocalVar='Show';
  536. var hideLocaleVar='Hide';
  537. </script>
  538. <div class="spectre">
  539.  
  546. <script>
  547. var isPopupLogin = true;
  548. var login = '';
  549. var message = '';
  550. function closeLoginPopup() {
  551. $("#loginFormHtml").removeClass("active");
  552. $("body").removeClass("overflowYDisable");
  553. }
  554. </script>
  555.  
  556. <div class="modal" id="loginFormHtml">
  557. <iframe id="microfe-popup-login" src="/t/public/login" loading="lazy"
  558. style="width: calc(100% + 10px); height: 100vh; border: none;"
  559. onload="$(this).parent().removeClass('loading');"></iframe>
  560. </div>
  565.  
  566. <div class="modal" id="cartHtml">
  567. <a href="javascript:void(0);" class="modal-overlay close"
  568. aria-label="Close"></a>
  569. <div class="modal-container" style="max-width: 800px;">
  570. <div class="modal-header">
  571. <a href="javascript:void(0);"
  572. class="close btn btn-clear float-right" aria-label="Close"></a>
  573. <div class="modal-title h5">
  574. <i class="fa-regular fa-shopping-cart"></i>
  575. Cart
  576. (<span class="cartCount">0</span>
  577. Items
  578. )
  579. </div>
  580. </div>
  581. <div class="modal-body" style="max-height: 70vh;">
  582. <div class="content">
  583.  
  584. <div class="text-center msg loading"></div>
  585. <div class="text-center msg noItems" style="display: none;">
  586. There are no items in your cart<br/>
  587. <a class="btn btn-primary" href="/s/store"
  588. style="margin: 20px auto;">
  589. Add More
  590. </a>
  591. </div>
  592. <div class="items msg" style="display: none;">
  593. <div class="m-0 cartDiv">
  594. <table class="table cartTable">
  595. <thead>
  596. <tr>
  597. <th colspan="2">Item Details</th>
  598. <th class="text-right">Price</th>
  599. <th style="width: 50px;"></th>
  600. </tr>
  601. </thead>
  602. <tbody></tbody>
  603. </table>
  604. </div>
  605. <div class="suggestCart mt-2 bg-gray p-2" style="display: none;">
  606. <h6>You may also be interested in</h6>
  607. <div class="columns loading" id="cartRelatedCont"></div>
  608. </div>
  609. </div>
  610. </div>
  611. </div>
  612. <div class="modal-footer">
  613. <div class="msg items clearfix">
  617. <div class="float-left text-gray">
  618. Note: Promo Codes can be applied after checkout
  619. </div>
  623. <div class="float-right">
  624. Total Amount
  625. <span class="text-primary curr">₹<span
  626. class="totalAmount">0</span></span>
  627. </div>
  628. </div>
  629. <div class="msg items clearfix mt-2">
  630. <a class="btn float-left" href="/s/store" amplitude-event="add_more_course_checkout">
  631. Add More
  632. </a>
  640. <a class="btn btn-primary float-right" href="/s/checkout" amplitude-event="checkout_tapped_course_checkout" amplitude-payload='{"currency": "INR" }'>Checkout</a>
  641. </div>
  642. </div>
  643. </div>
  644. </div>
  645. <div class="modal" id="newCheckoutHtml" style="padding: 0; z-index: 10000;">
  646. <div id="newCheckoutLoader" class="loading loading-lg" style="position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5); z-index: 1000;display:none;"></div>:
  647. <!-- <a href="javascript:void(0);" class="modal-overlay close"
  648. aria-label="Close"></a>
  649. <div class="modal-container" style=""> -->
  651.  
  652. <iframe id="newCheckoutIframe" sandbox="allow-top-navigation allow-modals allow-popups allow-presentation allow-orientation-lock allow-pointer-lock allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation allow-scripts allow-same-origin allow-forms" style = "width: calc(100% + 10px); height: 100%; border: none;"  src=""></iframe>
  654. <!-- </div> -->
  655. </div>
  656. </div>
  657.  
  658. <script type="text/template" id="cartItemTemplate">
  659. <tr data-id="<@- item.id @>" data-type="<@- item.type @>" data-title="<@- item.title @>" data-price="<@- item.price @>" data-coursecategory="<@- item.courseCategory @>">
  660. <@ var itemType = item.type; @>
  661. <td style="width:150px;">
  662. <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item.id +"/"+ item.id +"_scaled_cover.jpg?v=" + coverVersion; if(isNaN(coverVersion)) { curl = showCourseDefaultCover(null, item.id)   } @>
  663. <img alt="<@- item.title @> cover" style="width:100%;max-height:100px;" class="img-fit-contain lazy"  onerror="showCourseDefaultCover(this, '<@- item.id @>')"
  664. data-src='<@- curl @>' />
  665. </td>
  666. <td class="itemTitle"><@- item.title @><@ if(item.description !== undefined) { @><div class='text-gray variantDescription'><@ print(item.description) @></div><@ } @></td>
  667. <td class="text-right curr"><@ if(item.priceWithoutTax !== undefined && '' != '') { @><@ print(getDisplayAmount(item.priceWithoutTax)) @><br><small><@ print(getDisplayAmount(item.price)) @> incl. <@- item.gstRate @>% </small><@ } else { @><@ print(getDisplayAmount(item.price)) @> <@ if(item.gstRate > 0 && '' != '') { print("<br><small>incl. " +item.gstRate+"% </small>") } @><@ } @>
  668. <@ if(item.pgChargesLearnerPercent !==undefined && getDisplayAmount(item.pgChargesLearnerPercent).includes('₹')) {@> <br><small>Internet handling fees: <@print(getDisplayAmount(item.pgChargesLearnerPercent/100*item.price))@></small> <@} @>
  669. </td>
  670. <td><button class="btn btn-sm btn-error btn-action circle removeItemBtn" data-url="/s/cart/remove/<@- item.id @>"><i class="material-icons">clear</i></button></td>
  671. </tr>
  672. </script>
  673. <script type="text/template" id="cartcoursecard-template">
  674. <div class="column col-2 col-md-4 scourse <@- item['spayee:resource']['spayee:courseType'] @>" title="<@- item["spayee:resource"]["spayee:title"] @>">
  675.  <a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>">
  676. <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item["spayee:resource"]["spayee:coverVersion"]; if(isNaN(item["spayee:resource"]["spayee:coverVersion"])) { curl = showCourseDefaultCover(null, item._id)   } @>
  677.              <img style="width: 100%;" alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl  @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
  678.  <div class="card-footer" style="padding: 0.2rem;"><span class="ctitle text-ellipsis d-block" style="color:#2f4f4f;font-size:small;"><@- item["spayee:resource"]["spayee:title"] @></span></div>
  679.      </a>
  680. </div>
  681. </script>
  682. <script type="text/template" id="coursecard-template">
  683. <div class="column scourse <@- item['spayee:resource']['spayee:courseType'] @> hidePackageRibbon<@- item['spayee:resource']['spayee:hidePackageRibbon'] @>">
  687. <@ var itemCategory =  (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:'' @>
  688.  
  689. <a class="card courseDiscId" style="height:100%" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" data-id="<@- item._id@>" data-dcid="<@-item._id@>"
  690. amplitude-event="course_card_tapped_checkout"
  691. amplitude-payload='{"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', '', item, '0.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable('', item) @>","wallet_coins_enabled_on_school":"true","category":"<@- itemCategory @>"}'
  692. >
  696.              <div class="card-image relative <@ print(item["spayee:resource"]["spayee:availableForMembership"] ? 'includedInMembership' : '') @>">
  697. <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id + "/" + item._id +"_scaled_cover.jpg?v=" + item["spayee:resource"]["spayee:coverVersion"]; if(isNaN(item["spayee:resource"]["spayee:coverVersion"])) { curl = showCourseDefaultCover(null, item._id);   } @>
  698. <div class="blurbg lazy" data-bg="<@- curl @>"></div>
  699.                <img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
  700.              </div>
  702.              <div class="card-body text-ellipsis">
  703. <span class="ctitle" style="color:#2f4f4f;"><@- item["spayee:resource"]["spayee:title"] @></span><br>
  704.  
  705. <@ if(item.rating !== undefined) { @>
  706. <span class="text-gray ratingIcons icon-text">
  707. <@ for(var i=1;i<6;i++) { @>
  708. <@ if(item.rating.avgRating >= i) { @><i class="material-icons text-primary">star</i><@ }else if(item.rating.avgRating > i-1 && item.rating.avgRating < i) { @><i class="material-icons text-primary">star_half</i><@ }else { @>
  709. <i class="material-icons">star_border</i>
  710. <@ } } @></span><small class="d-inline-block pl-1 text-dark"><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</small>
  711. <@ }else { @> <span class="text-gray ratingIcons icon-text">&nbsp;</span> <@ } @>
  712. <br>
  713. <span class="text-gray">
  714. <@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @>
  715. <@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses
  716. <@ }else { @>
  717. <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?htmlEntities(item["spayee:resource"]["spayee:publisher"]):"&nbsp;") @>
  718. <@ } @>
  719. </span>
  720.  </div>
  721.              <div class="card-footer">
  722. <@ print(getCourseDisplayPrice('₹', '', item, '0.0', '', true)) @>
  723.              </div>
  724. <div style="padding: 0 0.8rem 0.8rem 0.8rem;">
  725. <span class="text-gray" style="font-size:small">
  726. <@ if(item['spayee:resource']['spayee:instalmentPlanId']!=null && item['spayee:resource']['spayee:instalmentPlanId'] !== "") { @>
  727. Available in part payment from  <@ print(getCourseInstalmentDisplayPrice('', item))@>
  728. <@ }else { @>
  729. <@ "&nbsp;" @>
  730. <@ } @>
  731. </span>
  732. </div>
  733.            </a>
  734. </div>
  735. </script>
  736.  
  737. <script type="text/template" id="blogcard-template">
  738. <div class="column col-3 col-md-6 col-sm-6 col-xs-12 scourse" style="margin-bottom: 20px;">
  739. <a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="/blog/<@- item['spayee:resource']['spayee:url'] @>">
  740.              <div class="card-image relative">
  741. <@ if(item['spayee:resource']['spayee:cover'] !== undefined && item['spayee:resource']['spayee:cover']) { @>
  742. <div class="blurbg lazy" data-bg="https://d502jbuhuh9wk.cloudfront.net/articles/<@- item._id @>/cover.jpg<@ print(item["spayee:resource"]["spayee:coverVersion"] !== undefined?"?v="+item["spayee:resource"]["spayee:coverVersion"]:"") @>"></div>
  743. <img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="img-responsive centered relative lazy" style="max-height: 100%;" data-src="https://d502jbuhuh9wk.cloudfront.net/articles/<@- item._id @>/cover.jpg?v=<@- item['spayee:resource']['spayee:coverVersion'] @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
  744. <@ }else { @>
  745. <div class="blurbg lazy" data-bg="https://d502jbuhuh9wk.cloudfront.net/resources/images/defaultCourseCover.png"></div>
  746. <img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="img-responsive centered relative lazy" style="max-height: 100%;" data-src='https://d502jbuhuh9wk.cloudfront.net/resources/images/defaultCourseCover.png'>
  747. <@ } @>
  748.              </div>
  749.              <div class="card-body text-ellipsis"><span style="color:#2f4f4f;"><@- item["spayee:resource"]["spayee:title"] @></span></div>
  750.              <div class="card-footer" style="padding: 0.4rem;">
  751. <span class="text-gray float-left text-ellipsis" style="max-width: calc(100% - 110px);"><@ print(item["spayee:resource"]["spayee:author"]!==undefined?htmlEntities(item["spayee:resource"]["spayee:author"]):"") @></span>
  752. <@ var pdate = item.createdDate.$date; if(item['spayee:resource']['spayee:publishDate'] !== undefined && item['spayee:resource']['spayee:publishDate'] !== '') { pdate = item['spayee:resource']['spayee:publishDate']; } @>
  753. <time class="float-right text-warning"><@ print(formatDate(new Date(pdate))) @></time>
  754.              </div>
  755.            </a>
  756. </div>
  757. </script>
  759. <script type="text/javascript">
  760.  var uuid = function (a) {
  761.  // https://github.com/amplitude/Amplitude-Javascript/blob/master/src/uuid.js
  762.  return a // if the placeholder was passed, return
  763.    ? // a random number from 0 to 15
  764.      (
  765.        a ^ // unless b is 8,
  766.        ((Math.random() * // in which case
  767.          16) >> // a random number from
  768.          (a / 4))
  769.      ) // 8 to 11
  770.        .toString(16) // in hexadecimal
  771.    : // or otherwise a concatenated string:
  772.      (
  773.        [1e7] + // 10000000 +
  774.        -1e3 + // -1000 +
  775.        -4e3 + // -4000 +
  776.        -8e3 + // -80000000 +
  777.        -1e11
  778.      ) // -100000000000,
  779.        .replace(
  780.          // replacing
  781.          /[018]/g, // zeroes, ones, and eights with
  782.          uuid, // random hex digits
  783.        );
  784.  };
  786.  (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
  787.  ;r.type="text/javascript"
  788.  ;r.integrity="sha384-tzcaaCH5+KXD4sGaDozev6oElQhsVfbJvdi3//c2YvbY02LrNlbpGdt3Wq4rWonS"
  789.  ;r.crossOrigin="anonymous";r.async=true
  790.  ;r.src="https://cdn.amplitude.com/libs/amplitude-8.5.0-min.gz.js"
  791.  ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){
  792.  console.log("[Amplitude] Error: could not load SDK")}}
  793.  ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
  794.  ;function s(e,t){e.prototype[t]=function(){
  795.  this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
  796.  var o=function(){this._q=[];return this}
  797.  ;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"]
  798.  ;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[]
  799.  ;return this}
  800.  ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
  801.  ;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u
  802.  ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
  803.  ;function v(e){function t(t){e[t]=function(){
  804.  e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
  805.  for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
  806.  e=(!e||e.length===0?"$default_instance":e).toLowerCase()
  807.  ;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e])
  808.  }return n._iq[e]};e.amplitude=n})(window,document);
  810.  amplitude.getInstance().init('e56929a4c3888c23e97a7e70e34ccf6c');
  811.  amplitude.getInstance().setUserId(null);
  812.  //amplitude.getInstance().regenerateDeviceId();
  813.  
  814.    var userProperties = {
  815. custom_domain: "www.missionfitindia.com",
  816. org_id: "6268d47c0cf2b698cee43bd4",
  817. default_google_login_enabled: 'false' == 'true',
  818. personalized_google_login_enabled: '709235784336-pmp8jlbb3f8893ecjdbobaj16g9esr03.apps.googleusercontent.com' != '' && 'false' == 'false' ? true : false,
  819. facebook_login_enabled: 'false' == 'true' ? true : false
  820.  };
  821.  amplitude.getInstance().setUserProperties(userProperties);
  822.    
  823. /*     var deviceId = uuid();
  824.  amplitude.getInstance().setDeviceId(deviceId);
  825.  sessionStorage.setItem('amplitudeDeviceId', deviceId); */
  826. </script>
  828. <script type="text/javascript">
  829. window.signupParams = {source: "store", platform: "web", sourceId: null};
  830. var showGraphyFomoFlag = '';
  832. showGraphyFomoFlag = '6268d47c0cf2b698cee43bd4';
  834. </script>
  835.  
  836.  
  837.  
  838.  
  839.  
  840.  
  841. <script type="text/template" id="spcoursecard-2-template">
  842. <div class="column third">
  843. <@ var planName = getCoursePlanName('', item), price = getCoursePrice('', item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
  844. <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
  845. <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
  846. <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')">
  847. <h4 class="size-21 text-ellipsis"><@- item['spayee:resource']['spayee:title'] @></h4>
  848. <p class="size-16"><@ if(item.rating !== undefined) { @>
  849. <span class="text-gray ratingIcons icon-text">
  850. <@ for(var i=1;i<6;i++) { @>
  851. <@ if(item.rating.avgRating >= i) { @><i class="material-icons text-primary">star</i><@ }else if(item.rating.avgRating > i-1 && item.rating.avgRating < i) { @><i class="material-icons text-primary">star_half</i><@ }else { @>
  852. <i class="material-icons">star_border</i>
  853. <@ } } @></span><span><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</span>
  854. <@ }else { @> <span class="text-gray ratingIcons icon-text">&nbsp;</span> <@ } @></p>
  855. <p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @>
  856. <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:"&nbsp;") @><@ } @></p>
  858. <p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', '', item, '0.0', '', true)) @></span><br></p>
  859. <div style="margin:1em 0"></div>
  860. </a>
  861. </div>
  862. </script>
  863. <script type="text/template" id="spcoursecard-1-template">
  864. <div class="column third">
  865. <@ var planName = getCoursePlanName('', item), price = getCoursePrice('', item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
  866. <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
  867. <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
  868. <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
  869. <h4 class="size-21 text-ellipsis"><@- item['spayee:resource']['spayee:title'] @></h4>
  870. <div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div>
  871.  
  872. <p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', '', item, '0.0', '', true)) @></span><br></p>
  873. <div style="margin:1em 0"></div>
  874. </a>
  875. </div>
  876. </script>
  877. <script type="text/template" id="spcoursecard-3-template">
  878. <div class="column third">
  879. <@ var planName = getCoursePlanName('', item), price = getCoursePrice('', item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
  880. <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
  881. <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
  882. <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
  883. <h4 class="size-21 text-ellipsis"><@- item['spayee:resource']['spayee:title'] @></h4>
  884. <div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div>
  885. <p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @>
  886. <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:"&nbsp;") @><@ } @></p>
  887. <p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('₹', '', item, '0.0', '', true)) @></span><br></p>
  888. <div style="margin:1em 0"></div>
  889. </a>
  890. </div>
  891. </script>
  893. <script type="text/template" id="spcoursecard-4-template">
  894. <div class="column third text-center" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;">
  895. <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
  896. <@ var planName = getCoursePlanName('', item), price = getCoursePrice('', item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
  897. <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
  898. <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
  899. </a>
  900. <h3 class="size-18 text-center"><b class="text-primary"><@- item['spayee:resource']['spayee:title'] @></b></h3>
  901. <div class="discription"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div>
  902. <p class="size-18 price text-primary"><@ print(getCourseDisplayPrice('₹', '', item, '0.0', '', true)) @></p>
  903. <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'>Buy now<br></a>
  904. </div>
  905. </script>
  906. <script type="text/template" id="spcoursecard-5-template">
  907. <div class="column third" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;">
  908. <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
  909. <@ var planName = getCoursePlanName('', item), price = getCoursePrice('', item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
  910. <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
  911. <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')">
  912. </a>
  913. <h3 class="sub-heading"><b class="size-18 text-primary"><@- item['spayee:resource']['spayee:title'] @></b></h4>
  914. <p class="size-16 description text-primary"> <@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @>
  915. Instructor : <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:"&nbsp;") @><@ } @></p>
  916. <@if(item.rating){@>
  917. <p class="size-16 description text-primary">Rating: &nbsp;
  918. <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
  919. <@if(item.rating){@>
  920. <@if(item.rating.avgRating){@>
  921. <@ if(item.rating.avgRating >= ratingsSize) {@>
  922. <i class="icon ion-android-star text-primary"></i>&nbsp;
  923. <@ } else if(item.rating.avgRating > ratingsSize-1 && item.rating.avgRating < ratingsSize) { @>
  924. <i class="icon ion-android-star-half text-primary"></i>&nbsp;
  925. <@ } @>
  926. <@}@>
  927.   <@}@>
  928. <@}@>
  929. </p>
  930. <@}@>
  932. <p class="size-18 price text-primary">Price : <@ print(getCourseDisplayPrice('₹', '', item, '0.0', '', true)) @></p>
  933. <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'>Buy now</a>
  934. </div>
  935. </script>
  937. <script type="text/template" id="spcoursecard-6-template">
  938. <div class="column third">
  939. <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
  940. <@ var planName = getCoursePlanName('', item), price = getCoursePrice('', item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
  943. <@  var itemCategory =  (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:''@>
  945. <@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) { @>
  946.   <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="course_card_tapped_checkout" amplitude-payload='{"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', '', item, '0.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable('', item) @>","wallet_coins_enabled_on_school":"<@- true @>","category":"<@- itemCategory @>"}'>
  947. <@ } else { @>
  948.   <a title="<@- item['spayee:resource']['spayee:title'] @>" amplitude-event="course_card_tapped_checkout" amplitude-payload='{"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', '', item, '0.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable('', item) @>","wallet_coins_enabled_on_school":"<@- true @>","category":"<@- itemCategory @>"}'>  
  949.                <@ } @>
  952. <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')" style="border-radius: 20px; margin-bottom: 0px; width: 100%; height: 190px;object-fit:cover;">
  953. </a>
  954. <h5 style="font-size: 18px; font-weight: 800; line-height: 1.1;" class="text-ellipsis"><@- item['spayee:resource']['spayee:title'] @></h5>
  956. <p class="text-primary" style="word-break: break-all; font-size: 18px; font-weight: 700; line-height: 1.5; margin-top: 0px;"><@ if (item['spayee:resource']['spayee:productVariants']!==undefined && item['spayee:resource']['spayee:productVariants'][0]!==undefined && item['spayee:resource']['spayee:availableForMarket']==="true" ) { @> <@ print(getCourseDisplayPrice('₹', '', item, '0.0', '', false)) @>  <@ } @> </p>
  957.            <@ if (false) { @>
  958.            
  960. <@ var itemCategory =  (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:'' @>
  961. <@ if(isMultiplePlansAvailable('', item) === false) { @>
  962. <a title="<@- item['spayee:resource']['spayee:title'] @>" href="/single-checkout/<@- item['_id'] @>?pid=<@ print(getCoursePid('', item)) @>" class="buy-btn btn btn-primary" amplitude-event="course_buy_now_tapped_checkout" amplitude-payload='{"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', '', item, '0.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable('', item) @>","wallet_coins_enabled_on_school":"<@- true @>","category":"<@- itemCategory @>"}' style="border: none;padding: 16px 61px; font-size: 16px; letter-spacing: 0.08px; line-height: 16px; font-weight: 600; text-decoration: none; display: block; text-align: center;">
  963. Buy now
  964. </a>
  965. <@ } else { @>
  966.  
  967. <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="course_buy_now_tapped_checkout" amplitude-payload='{"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@-  item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('₹', '', item, '0.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable('', item) @>","wallet_coins_enabled_on_school":"<@- true @>","category":"<@- itemCategory @>"}' style="border: none;padding: 16px 61px; font-size: 16px; letter-spacing: 0.08px; line-height: 16px; font-weight: 600; text-decoration: none; display: block; text-align: center;">
  968. Buy now
  969. </a>
  970. <@ } @>
  974. <@ } @>
  975. </div>
  976. </script>
  979. <script type="text/template" id="spcoursecard-7-template">
  980. <div class="column third course-mob-block">
  981. <div class="inner-course-block">
  982. <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
  983. <@ var planName = getCoursePlanName('', item), price = getCoursePrice('', item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
  984. <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"  amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;">
  985. <img class="lazy" data-style="width: 100%; height: auto;" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')" >
  986. </a>
  987. <div class="course-price-block">
  988. <p class="text-ellipsis" title="<@- item['spayee:resource']['spayee:title'] @>" style="font-size: 18px; font-weight: 700; line-height: 1.3rem; width: 100%; margin-top: 0px; margin-bottom: 0px; min-height: 47px;">
  989. <@- item['spayee:resource']['spayee:title'] @>
  990. </p>
  991. <p class="text-primary" style="word-break: break-all; font-size: 14px; font-weight: 500; line-height: 1.5; margin-top: 16px; margin-bottom: 0px;">
  992. <@ print(getCourseDisplayPrice('₹', '', item, '0.0', '', false)) @>
  993. </p>
  994. </div>
  995. <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border: none; cursor: pointer; border-radius: 4px; padding: 13px 28px; line-height: 1.5; font-weight: 600; font-size: 14px; letter-spacing: 0.15px; margin-top: 28px;">
  996. Enroll now
  997. </a>
  998. </div>
  999. </div>
  1000. </script>
  1002. <script type="text/template" id="spcoursecard-8-template">
  1003. <div class="row clearfix" style="margin-bottom: 24px; margin-top: 14px;">
  1004. <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id);   } @>
  1005. <@ var planName = getCoursePlanName('', item), price = getCoursePrice('', item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @>
  1006.                    <div class="column third center" style="padding-left: 0px; padding-right: 0px;">
  1007.                        <img
  1008.                            class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover"  onerror="showCourseDefaultCover(this, '<@- item._id @>')"
  1009.                            style="margin-top: 0px; margin-bottom: 0px;"
  1010.                        />
  1011.                    </div>
  1012.                    <div class="column two-third course-block-mob" style="display: flex; flex-direction: column; justify-content: center;">
  1013.                        <div class="course-price-block">
  1014. <h3 style="color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; line-height: 1.1; margin-bottom: 0px; margin-top: 0px;">
  1015. <@- item['spayee:resource']['spayee:title'] @>
  1016. </h3>
  1017.                         <div class="sortDescription8">
  1018.                             <@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @>
  1019.                         </div>
  1020. </div>
  1021.  
  1022.                        <a class="buy-btn btn btn-primary" title="<@- item['spayee:resource']['spayee:title'] @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" style="width: fit-content; text-align: left; display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; cursor: pointer; background-color: rgb(231, 215, 73); color: rgb(0, 0, 0);border-radius: 0px;padding: 16px 48px;line-height: 16px;font-weight: 700;font-size: 16px;letter-spacing: 0.08px;border-image: initial;">
  1023.                            Enroll for <@ print(getCourseDisplayPrice('₹', '', item, '0.0', '', false)) @>
  1024.                        </a>
  1025. </div>
  1026.        </div>
  1027. </script>
  1028.  
  1029.  
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035. <!-- Curriculum 1st Template -->
  1036. <script type="text/template" id="coursecurr-1-template">
  1037.       <table class="table courseContents">
  1038.        <thead>
  1039.            <tr>
  1040.                <td style="width: 50px;"></td>
  1041.                <td style="width: 50px;"></td>
  1042.                <td></td>
  1043.            </tr>
  1044.        </thead>
  1045.        <tbody>
  1046.            <@ $.each(item, function(index, value) { @>
  1047.            <tr>
  1048.                <td><i class="material-icons courseItemIcon" data-type="<@- value.type @>"></i></td>
  1049.                <td colspan="2">
  1050.                    <@- value.title @>
  1051. <@ if(value.type == 'aiheading') { @>
  1052. <small>(coming soon)</small><@ } @>
  1053. <@ if(assetInfo && value.type == 'video' && value.duration !== undefined && value.duration > 0) { @>
  1054. <small>(<@ print(Math.floor(value.duration)) @>:00)</small><@ } @>
  1055. <@ if(assetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @>
  1056. <small>(<@- value.pages @> pages)</small>
  1057. <@ } @>
  1058.                </td>
  1059.            </tr>
  1060.            <@ if(value.items != undefined) { @> <@ $.each(value['items'], function(index1, value1) { @>
  1061.            <tr>
  1062.                <td></td>
  1063.                <td><i class="material-icons courseItemIcon" data-type="<@- value1.type @>"></i></td>
  1064.                <td>
  1065.                    <@- value1.title @>
  1066. <@ if(assetInfo && value.type == 'video' && value1.duration !== undefined && value1.duration > 0) { @><small>(<@ print(Math.floor(value1.duration)) @>:00)</small><@ } @>
  1067. <@ if(assetInfo && value1.type =='pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
  1068. <@ if(value1.type =='aiheading') { @><small>(coming soon)</small><@ } @>
  1069.                </td>
  1070.            </tr>
  1071.            <@ }); @> <@ } @> <@ }); @>
  1072.        </tbody>
  1073.    </table>
  1074. </script>
  1075.  
  1076.  
  1077. <!-- Curriculum 2nd Template -->
  1078. <script type="text/template" id="coursecurr-2-template">
  1079.    <div class="column full curriculum2"  spellcheck="false">
  1080.      <div class="course-content1" >
  1081.     <p style="font-size: 15px; font-weight: 400; margin-top: 0px;">
  1082.     <@if(summary.modules && summary.modules>0){@>
  1083.     <@print(summary.modules)@> Modules &nbsp;<i class="icon ion-android-folder-open"></i>&nbsp; &nbsp; <@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@>|<@}@>&nbsp; &nbsp;
  1084.     <@}@>
  1085.     <@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@>
  1086.     <@print(summary.sessions)@> Sessions <i class="icon ion-android-laptop"></i>&nbsp; &nbsp; <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>|<@}@>&nbsp; &nbsp;
  1087.     <@}@>
  1088.     <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>
  1089.     <@print(millisecondsToHHMMSSStr(summary.durations))@> Total Time&nbsp;&nbsp;<i class="icon ion-ios-clock-outline"></i>
  1090.     <@}@>
  1091.     </p>
  1092.      </div>
  1093.  
  1094.  
  1095.     <@ $.each(item, function(index, value) { @>
  1096.     <div class="course-course-content-box" >
  1097.     <div class="course-content-blue-title <@if(value && value.contents){@> bg-primary <@}else if($('#'+id).closest('div.is-section').hasClass("is-bg-grey")){@>bg-white<@}else{@>is-bg-grey<@}@>" >
  1098.              <span class="title-icon">
  1099.     <span class="material-icons <@if(value && !value.contents){@> text-primary <@}@>"><@ print(getCourseAssetIcon(value.type))@></span>
  1100.      </span>
  1101.     <div class="titl5b" >
  1102.     <h3 class="<@if(value && !value.contents){@> text-primary <@}@>">
  1103.     <@print(value.title)@> <@ if(curriculumAssetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @><small>(<@- value.pages @> pages)</small><@ } @>
  1104.     <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@>
  1105.     <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value.id)@>" class="previewBtn"><span class="<@if(value && !value.contents){@> text-primary <@}@>">Preview</span></a>
  1106.     <@}@>
  1107.     </h3>
  1108.       <p class="<@if(value && !value.contents){@> text-primary <@}@>"><@if(value && value.contents && curriculumAssetInfo){@>
  1109.     Sessions: <@print(value.contents)@>
  1110.     <@}@>
  1111.     <@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@>|<@}@>
  1112.     Time: <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
  1113.     <@}@>
  1114.     <@if(value && value.contents>0){@><span class="material-icons">expand_more</span><@}@>  </p>
  1115.     </div>
  1116.     </div>
  1117.    <@if(value && value.items){@>
  1118.     <@ $.each(value['items'], function(index1, value1) { @>
  1119.     <div class="course-content-body <@if(index==0){@>showing<@ }@>" >
  1120.     <div class="desc1 " >
  1121.     <div class="is-box-9" >
  1122.     <div class="boxa1" >
  1123.     <span class="material-icons text-primary"><@ print(getCourseAssetIcon(value1.type))@></span>
  1124.     <p> <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
  1125. <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @>
  1126. </p>
  1128.     </div>
  1129.     </div>
  1130.     <div class="is-box-1" >
  1131.     <div class="boxa2" >
  1132.     <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
  1133.     <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>#<@print(value1.id)@>">
  1134. <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @>
  1135. </a>
  1136.     <@}@>
  1137.     </div>
  1138.     </div>
  1139.     <div class="is-box-2" >
  1140.     <div class="boxa2" >
  1141.     <p class="duration"><@if(value1.duration && curriculumAssetInfo){@><@print(millisecondsToHHMMSSStr(value1.duration))@><@}@></p>
  1142.     </div>
  1143.     </div>
  1144.     </div>
  1145.     </div>
  1146.     <@ }); @>
  1147.    <@}@>
  1148.     </div>
  1149.      <@ }); @>
  1150.  
  1151.    </div>
  1152. </script>
  1153.  
  1154.  
  1155.  
  1156.  
  1157.  
  1158. <!-- Curriculum 3rd Template -->
  1159. <script type="text/template" id="coursecurr-3-template">
  1160.     <div class="column full" spellcheck="false" data-gramm="false">
  1161.        <div class="accordion-syllabus">
  1162. <@ $.each(item, function(index, value) { @>
  1163.            <div class="accordion-syllabus-item">
  1164.                <header class="accordion-syllabus-header">
  1165.                    <h4 class="accordion-syllabus-header__title">
  1166.                        <span class="text-primary">
  1167. <@if(index<9){@>
  1168. 0<@print(index+1)@>
  1169. <@ } else {@>
  1170. <@print(index+1)@>
  1171. <@ } @>
  1172. </span>
  1173.                        <p><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;">
  1174. <@if(value && value.items){@>
  1175. <@ print(value.items.length) @> attachment(s)
  1176. <@}@>
  1177. <@if(value.moduleDurations && curriculumAssetInfo){@>
  1178. <@if(value && value.contents){@> • <@}@>
  1179.     <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
  1180.     <@}@>
  1181. </span></p>
  1183.                    </h4>
  1184.                    <div class="accordion-syllabus-header__info">
  1185.                        <p class="text-primary hide-sm">
  1186. <@if(value && value.items){@>
  1187. <@ print(value.items.length) @> attachment(s)
  1188. <@}@>
  1189. <@if(value.moduleDurations && curriculumAssetInfo){@>
  1190. <@if(value && value.contents){@> • <@}@>
  1191.     <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
  1192.     <@}@>
  1193. </p>
  1194. <@if(value && value.items){@>
  1195.                        <div class="accordion-syllabus-header__icon text-primary">
  1196.                            <i class="fa fa-angle-left" aria-hidden="true"></i>
  1197.                        </div>
  1198. <@}@>
  1199.                    </div>
  1200.                </header>
  1201. <@if(value && value.items){@>
  1202.                <div class="accordion-content" style="">
  1203.                    <div class="accordian-content-block">
  1204.                        <ul class="accordian-list">
  1205. <@ $.each(value['items'], function(index1, value1) { @>
  1206.                            <li class="accordian-list__item">
  1207.                                <div class="accordian-content-card">
  1208.                                    <div class="accordian-content-card__info">
  1209.                                        <div class="accordian-content-card__ico">
  1210. <@ if(value1.type == 'code'){ @>
  1211. <img src="/resources/images/CodeIcon.svg">
  1212. <@ } else { @>
  1213. <span class="material-icons text-primary">
  1214. <@ print(getCourseAssetIcon(value1.type))@>
  1215. </span>
  1216. <@ } @>
  1217. </div>
  1218.                                        <div class="accordian-content-card__title">
  1219. <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
  1220. <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @>
  1221. </div>
  1222.                                    </div>
  1223.                                    <div class="accordian-content-card__link">
  1224. <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
  1225.     <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn">
  1226. <span class="text-primary">
  1227. <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @><span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span>
  1228. </span>
  1229. </a>
  1230.     <@}@>
  1231.                                    </div>
  1232.                                </div>
  1233.                            </li>
  1234.                     <@ }); @>
  1235.                        </ul>
  1236.                    </div>
  1237.                </div>
  1238. <@ } @>
  1239.            </div>
  1240.           <@ }); @>  
  1241.        </div>
  1242.    </div>
  1243. </script>
  1244.  
  1245.  
  1246.  
  1247.  
  1248. <!-- Curriculum 4th Template -->
  1249. <script type="text/template" id="coursecurr-4-template">
  1250.   <div class="column full coursecurr4">
  1251. <@ $.each(item, function(index, value) { @>
  1252. <div class="accordion-syllabus-item">
  1253.    <header class="accordion-syllabus-header" >
  1254.        <h4 class="accordion-syllabus-header__title">
  1255.            <span>
  1256. <@if(index<9){@>0<@print(index+1)@><@ } else {@> <@print(index+1)@> <@ } @>
  1257. </span>
  1258.            <div class="accordion-syllabus-header__title-block" >
  1259.                <p style="font-size: 20px; font-weight: 700;">
  1260. <@print(value.title)@>
  1261. </p>
  1262.                <p class="text-primary" style="font-weight: 500; font-size: 14px; line-height: 150%; margin-top: 10px;">
  1263. <@if(value && value.type == 'aiheading'){@>
  1264. (coming soon)
  1265. <@}@>
  1266. <@if(value && value.items){@>
  1267. <@ print(value.items.length) @> attachment(s)
  1268. <@}@>
  1269. <@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@> • <@}@>
  1270.     <@print(millisecondsToHHMMSSStr(value.moduleDurations))@>
  1271.     <@}@>
  1272. </p>
  1273.            </div>
  1274.        </h4>
  1275. <@if(value && value.items){@>
  1276.        <div class="accordion-syllabus-header__info" >
  1277.            <div class="accordion-syllabus-header__icon" >
  1278.                <i class="fa fa-angle-left" aria-hidden="true"></i>
  1279.            </div>
  1280.        </div>
  1281. <@ } @>
  1282.    </header>
  1283. <@if(value && value.items){@>
  1284.    <div class="accordion-content"  style="">
  1285.        <div class="accordian-content-block" >
  1286.            <ul class="accordian-list">
  1287. <@ $.each(value['items'], function(index1, value1) { @>
  1288.                <li class="accordian-list__item">
  1289.                    <div class="accordian-content-card" >
  1290.                        <div class="accordian-content-card__info" >
  1291.                            <div class="accordian-content-card__ico" >
  1292. <@ if(value1.type == 'code'){ @>
  1293. <img src="/resources/images/CodeIcon.svg">
  1294. <@ } else { @>
  1295. <span class="material-icons text-primary">
  1296. <@ print(getCourseAssetIcon(value1.type))@>262
  1297. </span>
  1298. <@ } @>
  1299. </div>
  1300.                            <div class="accordian-content-card__title" >
  1301. <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @>
  1302. <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @>
  1303. </div>
  1304.                        </div>
  1305.                        <div class="accordian-content-card__link" >
  1306. <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@>
  1307.                            <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn">
  1308. <span class="text-primary">
  1309. <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span>
  1310. </span>
  1311. </a>
  1312. <@ } @>
  1313.                        </div>
  1314.                    </div>
  1315.                </li>
  1316. <@ }); @>
  1317.            </ul>
  1318. </div>
  1319. </div>
  1320. <@ } @>
  1321.  </div>
  1322. <@ }); @>  
  1323. </div>
  1324. </script>
  1325.  
  1326.  
  1327.  
  1328.  
  1329.  
  1330.  
  1331.  
  1332.  
  1333. <!-- Feedback Template First -->
  1334. <script type="text/template" id="widget-1-template">
  1335. <div class="column full feedbackContainer feedback1 spectre">
  1336. <@if(msg){@>
  1337. <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
  1338. <@}else{@>
  1339. <div class="avgratingbox">
  1340.  <div class="flex-row" >
  1341.        <div class="is-box-2" >
  1342.           <p style="color: rgb(247, 247, 247); font-weight: 700!important; font-size: 40px!important; text-align: center; letter-spacing: 3px; padding-bottom: 0px; margin-bottom: 0px; line-height: 1; margin-top: 0px;">
  1343. <@ if(ratings && ratings.avgRating) {@>
  1344. <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
  1345. <@}else{@>
  1346. 0
  1347. <@}@>
  1348.  </p>
  1349.          <h5 class="ratings1" style="text-align: center; margin-bottom: 0px; margin-top: 0px; line-height: 1;">  
  1350.          <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
  1351. <@if(ratings){@>
  1352. <@ if(ratings.avgRating >= ratingsSize) {@>
  1353. <i class="icon ion-android-star"></i>&nbsp;
  1354. <@ } else if(ratings.avgRating > ratingsSize-1 && ratings.avgRating < ratingsSize) { @>
  1355. <i class="icon ion-android-star-half"></i>&nbsp;
  1356. <@ } else { @>
  1357. <i class="icon ion-android-star-outline"></i>&nbsp;
  1358. <@ } @>
  1359. <@} else {@>
  1360. <i class="icon ion-android-star-outline"></i>&nbsp;
  1361. <@}@>
  1362.  <@}@>
  1363.          </h5>        
  1364.          <p style="margin: 10px 0 0 !important;text-align: center;line-height: 1;font-size: 30px!important;"><i class="fa-light fa-users t-white"></i> </p>
  1365.          <p style="margin-bottom: 10px; margin-top: 0px; font-size: 12px!important; letter-spacing: 1px; font-weight: 500!important; color: rgb(247, 247, 247); text-align: center;">
  1366. Total <@ if(ratings){print(ratings.total) }else{0}@> Reviews
  1367.  </p>
  1368.        </div>
  1369.        <div class="is-box-9">
  1370. <@ for (i = 0; i < 5; i++) {@>
  1371. <div class="box7878">
  1372.            <div style="flex:1;">
  1373. <div class="meter <@print(ratingsPer[(parseInt(i)+1)+'-star'].cls)@> nostripes">
  1374.                   <span style="width: <@print(ratingsPer[(parseInt(i)+1)+'-star'].rates)@>%"></span>
  1375.               </div>
  1376.            </div>
  1377.            <div id="ratingbox">
  1378.              <p class="ratings2" style=" line-height: 1;">  
  1379. <@ for (ratingsSize = 5; ratingsSize >=1; ratingsSize--) {@>
  1380. <@if(ratingsSize>i){@>
  1381. <i class="fa fa-solid fa-star-sharp text-primary"></i>&nbsp;
  1382. <@} else {@>
  1383. <i class="fa fa-solid fa-star-sharp"></i>&nbsp;
  1384. <@}@>
  1385. <@}@>
  1386.               <span class="t-white">
  1387. <@ if(ratings && ratings.ratingsCount){print(ratings.ratingsCount[(parseInt(5)-i)+'-stars'])}else{0} @>
  1388.   </span>
  1389.              </p>
  1390.  
  1391.            </div>
  1392.          </div>
  1393.   <@}@>
  1394.        </div>        
  1395.   </div>
  1396. </div>
  1397. <div class="bg-secondary" style="padding:15px 15px;border-radius:10px;border-top-right-radius: 0;border-top-left-radius: 0;" >
  1398. <p
  1399. style="font-size: 16px!important; font-weight: 500!important; letter-spacing: 1px;" class="text-primary">
  1400. Reviews
  1401. </p>
  1402.  
  1403. <div class="review-box" id="createCustomReview" style="display:none">
  1404. <div class="flex-row">
  1405. <div class="is-box-2 centerbox">
  1406. <div class="spectre">
  1407. <figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" >
  1408. <img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>">
  1409. </figure>
  1410. <@if(typeof SPUSER !== 'undefined'){ @><p class="review-name"><@ print(SPUSER.name) @> </p><@ } @>
  1411. </div>
  1412. </div>
  1413. <div class="is-box-10">
  1414. <textarea rows="3" class="form-input"
  1415. placeholder="Add your review here"></textarea>
  1416. <div class="rating3">
  1417. <p id="rating-stars">
  1418. <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i
  1419. class="fa fa-solid fa-star-sharp text-primary rating-star" data-value='<@- ratingsSize @>'></i> <@}@>
  1420. </p>
  1421.  
  1422. <button class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
  1423. data-reviewData="reviewlist"
  1424. style="padding: 2px 28px; text-transform: uppercase; border-radius: 40px;">Post</button>
  1425. </div>
  1426. </div>
  1427. </div>
  1428. </div>
  1430. <div id="reviewlist">
  1431. <@ $.each(items, function(index, item) { @>
  1432. <div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>">
  1433. <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>
  1434. <a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
  1435. <@ } @>
  1436. <div class="flex-row">
  1437. <div class="is-box-2 centerbox">
  1438. <div class="spectre">
  1439. <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>
  1440. <figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" >
  1441. <img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>">
  1442. <@ } else {@>
  1443. <figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="uppercase avatar avatar-lg figsize" >
  1444. <img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>">
  1445. <@ } @>
  1446. </figure>
  1447. <p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @><@ print(SPUSER.name) @><@ } else {@> <@ print(item.userName) @><@ } @> </p>
  1448. </div>
  1449. </div>
  1450. <div class="is-box-10">
  1451. <div class="rating4">
  1452. <p>
  1453. <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@
  1454. if(item.rating >= ratingsSize) {@>
  1455. <i class="fa fa-solid fa-star-sharp text-primary"></i>
  1456. <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @>
  1457. <i class="fa fa-solid fa-star-sharp-half text-primary"></i>
  1458. <@ } else { @>
  1459. <i class="fa fa-solid fa-star-sharp"></i>
  1460. <@}@>
  1461. <@ }@>
  1462. </p>
  1463. <p
  1464. style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;">
  1465. <time class="timestamp"
  1466. datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@
  1467. print(parseDate(item.createdDate.$date)) @></time>
  1468. </p>
  1469. </div>
  1470. <p  class="reviewTxt"
  1471. style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@
  1472. print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @></p>
  1473. <div class="comment-tag">
  1474. <@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @>
  1475. </div>
  1476. </div>
  1477. </div>
  1478. </div>
  1479. <@ }); @>
  1480. </div>
  1481. <button class="bg-primary loadMoreReviewsBtn reviewLMbtn" data-itemTemplate="feedback-1-item-template" data-reviewData="reviewlist" >Load More Reviews</button>
  1482. </div>
  1483. <@}@>
  1484. </script>
  1485.  
  1486.  
  1487. <script type="text/template" id="feedback-1-item-template">
  1488. <div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"">
  1489. <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>
  1490. <a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
  1491. <@ } @>
  1492. <div class="flex-row">
  1493. <div class="is-box-2 centerbox">
  1494. <div class="spectre">
  1495. <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>
  1496. <figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="avatar avatar-lg figsize" >
  1497. <img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>">
  1498. <@ } else {@>
  1499. <figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="avatar avatar-lg figsize" >
  1500. <img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>">
  1501. <@ } @>
  1502. </figure>
  1503. <p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @><@ print(SPUSER.name) @><@ } else {@> <@ print(item.userName) @><@ } @> </p>
  1504. </div>
  1505. </div>
  1506. <div class="is-box-10">
  1507. <div class="rating4">
  1508. <p>
  1509. <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@
  1510. if(item.rating >= ratingsSize) {@>
  1511. <i class="fa fa-solid fa-star-sharp text-primary"></i>
  1512. <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @>
  1513. <i class="fa fa-solid fa-star-sharp-half text-primary"></i>
  1514. <@ } else { @>
  1515. <i class="fa fa-solid fa-star-sharp-outline"></i>
  1516. <@}@>
  1517. <@ } @>
  1518. </p>
  1519. <p
  1520. style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;">
  1521. <time class="timestamp"
  1522. datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@
  1523. print(parseDate(item.createdDate.$date)) @></time>
  1524. </p>
  1525. </div>
  1526. <p  class="reviewTxt"
  1527. style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@
  1528. print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @></p>
  1529. <div class="comment-tag">
  1530. <@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @>
  1531. </div>
  1532. </div>
  1533. </div>
  1534. </div>
  1535. </script>
  1536.  
  1537.  
  1538. <!-- Feedback Template Second -->
  1539. <script type="text/template" id="feedback-2-template">
  1540. <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;">
  1541. <@if(msg){@>
  1542. <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4>
  1543. <@}else{@>
  1544. <@ if(total > 0 && ratings && ratings.avgRating) {@>
  1545. <div class="avgratingbox">
  1546. <div class="column third">
  1547.   <div class="is-card avgRatingContainer">
  1548.      <div class="avgRatingInnerContainer">
  1549.         <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3>
  1550.         <div  style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
  1551.            <i class="icon ion-android-star text-primary" style="font-size: 80px;"></i>
  1552.            <div style="margin-left: 25px;">
  1553.               <span style="display: flex; justify-content: flex-start; align-items: baseline;">
  1554.                  <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;">
  1555.                     <@ if(ratings && ratings.avgRating) {@>
  1556.                     <@ print(parseFloat(ratings.avgRating.toFixed(1))) @>
  1557.                     <@}else{@>
  1558.                     0
  1559.                     <@}@>
  1560.                  </h3>
  1561.                  <p class="avgRatingReviews">/5</p>
  1562.               </span>
  1563.               <p class="avgRatingReviews">
  1564.                  <@ if(ratings){print(ratings.total) }else{0}@> reviews
  1565.               </p>
  1566.            </div>
  1567.         </div>
  1568.      </div>
  1569.   </div>
  1570. </div>
  1571. </div>
  1572. <@ } @>
  1573. <div id="feedback2Reviewlist" class="reviewslist">
  1574.   <@ $.each(items, function(index, item) { @>
  1575.   <@ var template = _.template($("#feedback-2-item-template").html()); print(template({item: item})) @>
  1576.   <@ }); @>
  1577.   <@}@>
  1578. </div>
  1579. <div class="row clearfix">
  1580.   <div class="column full">
  1581.      <p class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-2-item-template" data-reviewData="feedback2Reviewlist" style="text-align: right; font-size: 14px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none;">
  1582.         View more
  1583.      </p>
  1584.   </div>
  1585. </div>
  1586. </script>
  1587.  
  1588. <script type="text/template" id="feedback-2-item-template">
  1589. <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>">
  1590.      <div class="is-card avgRatingContainer">
  1591.         <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" >
  1592. <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>
  1593. <a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a>
  1594. <@ } @>
  1595.            <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 80px; max-height: 80px; overflow: hidden;">
  1596.   <@ print(item.reviewtext.replace(/</g,'&lt;').replace(/>/g,'&gt;')) @>
  1597.   </p>
  1598. <div class="reviewerName">
  1599.           <p style="font-size: 12px; font-weight: 500; line-height: 1.3;  text-align: left; padding-top: 0px; margin:0px;">
  1600.   <@ print(item.userName) @>
  1601.   </p></div>
  1603. <p style="margin: 0px;">
  1604. <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@>
  1605. <@ if(item.rating >= ratingsSize) {@>
  1606. <i class="fa fa-solid fa-star-sharp text-primary"></i>
  1607. <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @>
  1608. <i class="fa fa-solid fa-star-sharp-half text-primary"></i>
  1609. <@ } @>
  1610. <@ }@>
  1611. </p>
  1612.  
  1613.       </div>
  1614.  </div>
  1615.   </div>
  1616. </script>
  1617. <script type="text/template" id="feedback-2-createTemplate">
  1618. <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>">
  1619.  <div class="is-boxes">
  1620.    <div class="is-box-centered">
  1621.      <div class="is-container container" style="max-width: 940px;">
  1623. <div class="review-box review-add-box">
  1624.            <div class="is-container container is-content-800" >
  1625.               <div class="row clearfix" >
  1626.                  <div class="column full" >
  1627.                     <h1 style="text-align: center; font-size: 28px; line-height: 1.1; font-weight: 700; letter-spacing: 0px; color: var(--themeColor); margin-bottom: 44px;">Add a review</h1>
  1628.                  </div>
  1629.               </div>
  1630.               <div class="textarea-cont">
  1631.                  <div class="review-star text-primary" style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;">
  1632. <span id="rating-stars">
  1633.                     <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i
  1634.                        class="fa fa-solid fa-star-sharp rating-star" data-value='<@- ratingsSize @>'></i> <@}@>
  1635. </span>
  1636.                  </div>
  1637.                  <textarea class="add-review-textarea" id="reviewText" style="background: transparent;width: 100%; border-width: 0px; padding-right: 28px; padding-bottom: 28px; min-height: 150px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;" placeholder="Add your review here"></textarea>
  1638.                  <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @>
  1639. <p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p>
  1640. <@ } @>
  1641.               </div>
  1642.               <div  style="margin-top: 20px; display: flex; justify-content: flex-end;">
  1643.                  <button id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>"
  1644. data-reviewData="feedback2Reviewlist" disabled >Submit</button>
  1645.               </div>
  1646.            </div>
  1647. </div>
  1648. </div>
  1649. </div>
  1650. </div>
  1651. </div>
  1652. </script>
  1653. <div class="spectre">
  1654. <div class="modal" id="reviewModal">
  1655. <a href="javascript:void(0);" class="modal-overlay close"
  1656. aria-label="Close"></a>
  1657. <div class="modal-container">
  1658. <div class="modal-header">
  1659. <a href="javascript:void(0);"
  1660. class="close btn btn-clear float-right" aria-label="Close"></a>
  1661. <div class="modal-title h5">Review</div>
  1662. </div>
  1663. <div class="modal-body" style="max-height: 90vh;padding-top: 0;">
  1664. </div>
  1665. </div>
  1666. </div>
  1667. </div>
  1668.  
  1669.  
  1670.  
  1671.  
  1672.  
  1673.  
  1674.  
  1675.  
  1676.  
  1677.  
  1678.  
  1679.  
  1680.  
  1681.  
  1682.  
  1684.  
  1685. <script>
  1686. var created_date = `Created Date`;
  1687. var uname_msg = `Name`;
  1688. var email_msg = `Email`;
  1689. var has_web_token = `Has Web Token`;
  1690. var has_mobile_token = `Has Mobile Token`;
  1691. var actions_msg = `Actions`;
  1692. var delete_user = `Delete User`;
  1693. var create_target_audience = `Create Target Audience`;
  1694. var msg_now = `NOW`;
  1695. var msg_now_2 = `Now`;
  1696. var msg_scheduled = `SCHEDULED`;
  1697. var msg_recurring = `RECURRING`;
  1698. var msg_weeks = `weeks`;
  1699. var msg_months = `month(s)`;
  1700. var msg_days = `days`;
  1701. var notification_screen = `Notification Screen`;
  1702. var coursepackagelandingpage = `Course/Package landing page`;
  1703. var search_course_name = `Search by course/package name`;
  1704. var webinar_landing_page = `Webinar landing page`;
  1705. var search_by_webinar_name = `Search by webinar name`;
  1706. var categorypage = `Category Page`;
  1707. var custompage = `Custom Page`;
  1708. var blogpage = `Blog Page`;
  1709. var customlink = `Custom Link`;
  1710. var homepage_msg = `Homepage`;
  1711. var search_category = `Search category`;
  1712. var search_page_title = `Search by Page title`;
  1713. var search_blog_title = `Search by Blog title`;
  1714. var enter_the_link = `Enter the link`;
  1715. var membership_page = `Membership page`;
  1716. var pick_a_date = `Pick a date`;
  1717. var pick_first_push_date = `Pick a first push date`;
  1718. var every_msg = `Every`;
  1719. var starting_msg = `Starting`;
  1720. var msg_published = `Published`;
  1721. var msg_unpublished = `Unpublished`;
  1722. var msg_customize = `Customize`;
  1723. var msg_edit = `Edit`;
  1724. var msg_featured_image = `Featured Image`;
  1725. var msg_preview = `Preview`;
  1726. var msg_delete = `Delete`;
  1727. var msg_unpublish = `Unpublish`;
  1728. var msg_publish = `Publish  `;
  1729. var msg_question= `questions`;
  1730. var try_new_coding_assignment= `Try new coding assignment`;
  1731. var change_enrollment_date = `Change Enrollment Date`;
  1732. var change_expiry = `Change Expiry`;
  1733. var change_remanining_time = `Change Remaining Time`;
  1734. var remove_from_course = `Remove From Course`;
  1735. var reset_course_progress = `Reset Course Progress`;
  1736. var complete_report = `Complete Report`;
  1737. var msg_progress = `Progress`;
  1738. var timetaken = `Time Taken`;
  1739. var msg_user_details = `User Details`;
  1740. var graphy_platform_fees_note = `Amount after deducting Graphy platform fees. This does not include your payment gateway charges.`;
  1741. var final_price_note = `Final payable price by learners`;
  1742. var save_alert_message = `Save progress before moving forward.`;
  1743. var no_chapter_alert_message = `Please add at least one chapter in the course.`;
  1744. var download_msg = `Download`;
  1745. var revoke_msg = `Revoke`;
  1746. var yes_msg = `Yes`;
  1747. var no_msg = `No`;
  1748. var details_hover = `Details`;
  1749. var hide_notification = `Hide Notification`;
  1750. var notify_learners_hover = `Notify Learners`;
  1751. var search_course_package = `Search Courses to add in this package.`;
  1752. var bulk_delete = `Bulk Delete`;
  1753. var scheduled_msg = `Scheduled`;
  1754. var inprogress_msg = `In Progress`;
  1755. var completed_msg = `Completed`;
  1756. var yes_all_caps = `YES`;
  1757. var no_all_caps = `NO`;
  1758. var discount_msg = `Discount`;
  1759. var max_discount = `Max Discount`;
  1760. var min_cart = `Min Cart`;
  1761. var delete_bookmark = `Delete Bookmark`;
  1762. var view_question = `View question`;
  1763. var msg_free = `Free`;
  1764. var membership_expiration_note = `Membership will be canceled on next billing date.`;
  1765. var msg_active = `Active`;
  1766. var msg_inactive = `Inactive`;
  1767. var delete_hover = `Delete`;
  1768. var view_hover = `View`;
  1769. var coursewise = `Course Wise`;
  1770. var learner_wise = `Learner wise`;
  1771. var segment_wise = `Segment wise`;
  1772. var unregistered_msg = `Unregistered`;
  1773. var target_audience_deleted = `Target Audience Deleted`;
  1774. var courses_msg = `course(s)`;
  1775. var learners_msg = `learner(s)`;
  1776. var unregistered_learners = `Unregistered Learner`;
  1777. var all_learners = `All Learners`;
  1778. var course_wise_learners = `Course wise Learners`;
  1779. var segment_wise_learners = `Segment wise Learners`;
  1780. var with_token = `with token`;
  1781. var segments_msg = `segments`;
  1782. var add_users_msg = `Add Users`;
  1783. var approx_msg = `Approx`;
  1784. var revoke_cancellation_request = `Revoke Cancellation request.`;
  1785. var remove_scheduled_membership_cancellation = `Remove Scheduled Membership Cancellation`;
  1786. var schedule_to_stop_subscription = `Schedule to stop Subscription`;
  1787. var stop_subscription = `Stop subscription`;
  1788. var available_for_review_all_caps = `AVAILABLE FOR REVIEW`;
  1789. var reviewed_all_caps = `REVIEWED`;
  1790. var rejected_all_caps = `REJECTED`;
  1791. var preview_code = `Preview Code`;
  1792. var approve_msg = `Approve`;
  1793. var reject_msg = `Reject`;
  1794. var history_msg = `History`;
  1795. var message_hover= `Message`;
  1796. var remove_msg= `Remove`;
  1797. var enroll_msg= `Enroll`;
  1798. var change_validity= `Change Validity`;
  1799. var learners_selected= `learner(s) selected`;
  1800. var select_all_msg= `Select all`;
  1801. var do_you_want_to_delete_course= `Do you really want to delete this course?`;
  1802. var do_you_want_to_revoke_this_certificate= `Do you really want to revoke this certificate?`;
  1803. var do_you_want_to_revoke_entry= `Do you really want to revoke this entry?`;
  1804. var do_you_want_to_edit_enrollment_date= `Do you really want to edit enrollment date of all learners?`;
  1805. var do_you_want_to_edit_enrollment_date_for_selected= `Do you really want to edit enrollment date of selected learners?`;
  1806. var do_you_want_to_edit_course_validity= `Do you really want to edit course validity of all learners?`;
  1807. var do_you_want_to_edit_course_validity_for_selected= `Do you really want to edit course validity of selected learners?`;
  1808. var do_you_want_to_remove_selected= `Do you really want to remove selected learners?`;
  1809. var do_you_want_to_remove_all= `Do you really want to remove all learners?`;
  1810. var do_you_want_to_create_zip= `Do you really want to create zip for this course?`;
  1811. var do_you_want_to_deactivate= `Do you really want to deactivate?`;
  1812. var successfully_done_alert= `Successfully Done.`;
  1813. var please_select_atleast_1_learner= `Please select atleast 1 learner !`;
  1814. var on_msg= `On`;
  1815. var single_correct_option = `Single Correct Option`;
  1816. var multiple_correct_options = `Multiple Correct Options`;
  1817. var numerical_Fill_in_the_Blank = `Numerical/Fill in the Blank`;
  1818. var match_the_Column = `Match the Column`;
  1819. var subjective = `Subjective`;
  1820. var your_target_audience_appear= `Your target audience user(s) will appear here`;
  1821. var your_upcoming_campaign= `Your upcoming campaign will appear here`;
  1822. var status_msg= `Status`;
  1823. var stop_campaign= `Stop Campaign`;
  1824. var copy_campaign= `Copy Campaign`;
  1825. var platform_fee_tax = `platform fees including taxes`;
  1826. var pg_fees_taxes = `payment gateway fees including taxes`;
  1827. var msg_quiz = `Quiz`;
  1828. var msg_livetest = `Live test`;
  1829. var msg_heading = `Heading`;
  1830. var msg_text = `Text`;
  1831. var msg_form = `Form`;
  1832. var msg_live_class = `Live class`;
  1833. var msg_live_class_rec = `live class recording`;
  1834. var msg_code = `Code`;
  1835. var msg_assignment = `Assignment`;
  1836. var msg_added = `added`;
  1837. var msg_about = `About`;
  1838. var msg_year = `year`;
  1839. var msg_month = `Month`;
  1840. var msg_day = `day`;
  1841. //var msg_hour = `hh`;
  1842. //var msg_minute = `mm`;
  1843. //var msg_seconds = `seconds`;
  1844. var msg_month_l = `month`;
  1845. var msg_day_l = `day`;
  1846. var msg_hour_l = `hour`;
  1847. var msg_minute_l = `minute`;
  1848. var msg_second_l = `second`;
  1849. var mobile_number=`Mobile Number`;
  1850. var status_android =`Status (ANDROID)`;
  1851. var status_ios =`Status (IOS)`;
  1852. var delivery_time=`Delivery Time`;
  1853. var sure_unhide=`Are you sure you want to unhide this course ?`;
  1854. var become_a_partner=`Become a Partner`;
  1855. var failed_msg=`Failed`;
  1856. var sent_msg=`Sent`;
  1857. var pending_msg=`Pending`;
  1858. var running_msg=`Running`;
  1859. var add_pricing_plan = `Add pricing plan`;
  1860. var msg_add = `Add`;
  1861. var of_msg = `of`;
  1862. var items_msg = `items`
  1863. var ago_msg = `ago`
  1864. var items_msg = `items`;
  1866. var january_msg = `January`;
  1867. var february_msg = `February`;
  1868. var march_msg = `March`;
  1869. var april_msg = `April`;
  1870. var may_msg = `May`;
  1871. var june_msg = `June`;
  1872. var july_msg = `July`;
  1873. var august_msg = `August`;
  1874. var september_msg = `September`;
  1875. var october_msg = `October`;
  1876. var november_msg = `November`;
  1877. var december_msg = `December`;
  1878. var sunday_msg = `Sunday`;
  1879. var monday_msg = `Monday`;
  1880. var tuesday_msg = `Tuesday`;
  1881. var wednesday_msg = `Wednesday`;
  1882. var thursday_msg = `Thursday`;
  1883. var friday_msg = `Friday`;
  1884. var saturday_msg = `Saturday`;
  1885. var at_msg = `at`;
  1886. var generate_outline = `Generate outline using AI`;
  1887. var it_take_min = `It may take a min.`;
  1888. var msg_ok = `OK`;
  1889. var edit_pricing_plan = `Edit pricing plan`;
  1890.  
  1891. </script>
  1892.  
  1893.  
  1894.  
  1895.  
  1896.  
  1897.  
  1898.  
  1899. <script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-2.0.3.min.js"></script>
  1900.  
  1901. <script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/underscore-min.js?v=1.9.1"></script>
  1902.  
  1903. <script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.form.js"></script>
  1904. <script async src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.noty.packaged.min.js"></script>
  1905. <script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-ui.min.js"></script>
  1906. <script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.timeago.js"></script>
  1907. <script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/js-webshim/minified/extras/modernizr-custom.js"></script>
  1908. <script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.datetimepicker.js"></script>
  1909.  
  1910.  
  1911.  
  1912.  
  1913.  
  1914.  
  1915.  
  1916.  
  1917. <script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/aes.js"></script>
  1918. <script async src="https://d502jbuhuh9wk.cloudfront.net/resources/js/mode-ecb-min.js"></script>
  1919. <script async src="https://d502jbuhuh9wk.cloudfront.net/resources/js/pad-nopadding-min.js"></script>
  1920.  
  1921. <script src="https://unpkg.com/@popperjs/core@2"></script>
  1922. <script src="https://unpkg.com/tippy.js@6"></script>
  1923.  
  1924. <script type="text/javascript">
  1925. var passwordPolicyRequired = true;
  1926. var checkoutV2 = true;
  1927. var orgLanguageCode = "";
  1928. </script>
  1929.  
  1930. <script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sutils_9f1b202162f5c25d4ad1381727aa7493.js"></script>
  1931.  
  1932.  
  1933.  
  1934.  
  1935. <script type="text/javascript">
  1936. var trialExpired = "false";
  1937. var planCancelled = "false";
  1938. var isFreePlan = false;
  1940. </script>
  1941. <script type="text/javascript" id="dsf239df">
  1942. var ctx = "/s",
  1943. isFirstLogin = "", cjs = CryptoJS;
  1945. var defaultCoreColor = "#5755d9", theme1CoreColor = "#572b7a", theme2CoreColor = "#3f51b5", theme3CoreColor = "#009051",
  1946. theme4CoreColor = "#596439", theme5CoreColor = "#F0591D", theme6CoreColor = "#28a745", theme7CoreColor = "#1bbc9b",
  1947. theme8CoreColor = "#f38f20", apkId = "6231373432363038623137343236303866346565386461356634656538646135", theme9CoreColor = "#c0af01", theme10CoreColor = "#e8d3a4",
  1948. webColor = defaultCoreColor,
  1949. CFCDN = "https://d502jbuhuh9wk.cloudfront.net", mobileNotification = true, webNotification = true,
  1950. iosPlayVideo = false,
  1951. gaType = "ga4";
  1955. $("#dsf239df").remove();
  1956. </script>
  1957.  
  1958.  
  1959.  
  1960.  
  1961.  
  1962.  
  1963.  
  1965. <input type="hidden" id="orgCurrencyCode" value="INR" />
  1968.  
  1969.  
  1970.  
  1971. <script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/detect-private-browsing.js"></script>
  1972. <script type="text/javascript">
  1973. detectPrivateMode(
  1974.        function(is_private) {
  1975.            if(typeof is_private !== 'undefined' && is_private) {
  1976.             $("input[name=privateMode]").val("private");
  1977.            }
  1978.        }
  1979.    );
  1980. </script>
  1981.  
  1982.  
  1983.  
  1986. <script type="text/javascript"
  1987. src="https://d502jbuhuh9wk.cloudfront.net/resources/js/intlTelInput.min.js"></script>
  1988. <script type="text/javascript">
  1990. var ipInfo = localStorage.getItem('ipInfo');
  1991.        if(!ipInfo) {
  1992.         $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
  1993.         if(resp) {
  1994.         var ipInfoStr = JSON.stringify(resp);
  1995.     var ipInfoField = document.getElementById("ipInfo");
  1996.     var countryCode = (resp.country) ? resp.country : "in";
  1997.        sessionStorage.setItem('countryCode', countryCode);
  1998. if('statusText' in resp) {
  1999.     if((resp['statusText'] !== 'error') && ('ip' in resp)) {
  2000.     localStorage.setItem('ipInfo', ipInfoStr);
  2001.     if(ipInfoField) {
  2002.     ipInfoField.value = ipInfoStr;
  2003.             }
  2004. }
  2005. }
  2006.         else if('ip' in resp) {
  2007.         localStorage.setItem('ipInfo', ipInfoStr);
  2008.         if(ipInfoField) {
  2009.         ipInfoField.value = ipInfoStr;
  2010.         }
  2011.         }
  2012. }
  2013.         })
  2014.        }
  2016.  $("#sphone").intlTelInput({
  2017.      initialCountry: "auto",
  2018.      geoIpLookup: function(callback) {
  2019.     var scountryCode = sessionStorage.getItem('countryCode');
  2020.    
  2021.     if(scountryCode !== null) {
  2022.     callback(scountryCode);
  2023.     }else {
  2024.     $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
  2025.          var countryCode = (resp && resp.country) ? resp.country : "in";
  2026.          callback(countryCode);
  2027.          sessionStorage.setItem('countryCode', countryCode);
  2028.        });
  2029.     }
  2030.      },
  2031.      preferredCountries: ["in", "us"],
  2032.      separateDialCode: true,
  2033.      utilsScript: "/resources/js/intlUtils.js"
  2034.    });
  2035.  
  2036.  </script>
  2038.  
  2039.  
  2040.  
  2041. <div class="spectre">
  2042.  
  2046.  
  2047. <script type="text/javascript">
  2048. if(top != self) {
  2049.    //iframe
  2050.    $(".toast").remove();
  2051. }
  2052. </script>
  2055. </div>
  2056.  
  2058.  
  2059. <input type="hidden" id="orgCreditAlias"
  2060. value="FIT COINS" />
  2061.  
  2062.  
  2063.  
  2064.  
  2065. <script>
  2066.  
  2067.  
  2068.  
  2069.  
  2070. var orgTaxLabel = "";
  2071.  
  2072.  
  2073.  
  2074. var sessionCountry = "";
  2075.  
  2076. $(document).ready(function() {
  2077. $("input[name='userMobileVerify']").change(function(data){
  2078. var uniqueMobileSwitch = $('#uniqueMobileId');
  2079. if(data.target.value==='true'){
  2080. $('input[name=uniqueMobile]').prop('checked', true)
  2081. $('#uniqueMobileLabelId').show();
  2082. }else{
  2083. $('input[name=uniqueMobile]').prop('checked', false)
  2084. $('#uniqueMobileLabelId').hide();
  2085. }
  2086. });
  2087. });
  2092. localStorage.removeItem('microserviceAuthToken');
  2094.  
  2095.  
  2096.  
  2099. localStorage.removeItem('communityToken');
  2101.  
  2102.  
  2103.  
  2106. localStorage.removeItem('chatRefreshToken');
  2108.  
  2109.  
  2110.  
  2113. localStorage.removeItem('refreshToken');
  2115.  
  2117. </script>
  2118.  
  2119.  
  2120. <!-- amplitude script start -->
  2121.  
  2122.  
  2123.  
  2124. <script type="text/javascript">
  2125.    window.localStorage.removeItem('loginAmplitudeEventSent');
  2126. </script>
  2127.  
  2128.  
  2129. <!-- amplitude script end -->
  2130.  
  2132.  
  2133. <div id="template-container"></div>
  2134. <script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sstore_d735dda154c1d248fc8f70071f8d13f0.js"></script>
  2135. <script type="text/javascript">store.bindEvents();</script>
  2136. <script type="text/javascript">
  2137. window.signupParams = {source: "landing_page", platform: "web", sourceId: null};
  2138. </script>
  2139. <div class="containerBody is-wrapper clearfix" style=""><html>
  2140. <head></head>
  2141. <body>
  2142.  <div data-cat="101" class="is-section is-box is-light-text type-frankruhllibre-lato edge-y-0 is-section-100" id="1673705053444">
  2143.   <div class="is-overlay">
  2144.    <div class="is-overlay-bg lazy" style=" background-position: 90% 0%;" data-bg="https://d502jbuhuh9wk.cloudfront.net/orgData/6268d47c0cf2b698cee43bd4/pages/assets/images/cVKi5img0184.jpg">
  2145.     <div class="is-overlay-color" style="opacity: 0.55; background-color: rgb(255, 255, 255); display: block;"></div>
  2146.    </div>
  2147.   </div>
  2148.   <div class="is-boxes">
  2149.    <div class="is-box-centered is-opacity-85">
  2150.     <div class="is-container container is-content-left edge-x-1" style="max-width: 640px;">
  2151.      <div class="row clearfix">
  2152.      </div>
  2153.      <div class="row clearfix" draggable="false">
  2154.       <div class="column full">
  2155.        <img alt="" data-filename="Blue and Green Modern Gradient Business YouTube Thumbnail.png" draggable="false" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/6268d47c0cf2b698cee43bd4/pages/assets/images/vtNmAblueandgreenmoderngradientbusinessyoutubethumbnail.png">
  2156.       </div>
  2157.      </div>
  2158.      <div class="row clearfix">
  2159.       <div class="column full" spellcheck="false" style="text-align: left;">
  2160.        <div class="display size-32" style="text-align: left;">
  2161.         <h1 style="line-height: 1.2; text-transform: uppercase; text-align: left;"><span color="#283593"><span style="font-size: 36px; color: rgb(40, 53, 147);">do you want to feel good &amp; look fit without going to the gym Learn how to eat healthy and reverse lifestyle diseases.</span></span></h1>
  2162.        </div>
  2163.        <p style="font-size: 18px; line-height: 1.5; color: rgb(4, 4, 19); text-align: left;"><b style="color: rgb(0, 0, 0);">We are dedicated to helping people transform their lifestyles, reverse chronic conditions, and achieve a disease-free life. Our goal is to provide effective and sustainable solutions that promote overall well-being, vitality, and longevity.</b><br></p>
  2164.       </div>
  2165.      </div>
  2166.      <div class="row clearfix">
  2167.       <div class="column full" spellcheck="false">
  2168.        <span><a href="https://chat.whatsapp.com/IQ6mPMv4fjm2BiEu67z0QX" class="is-btn is-btn-ghost1 is-btn-small" style="background-color: rgb(49, 122, 231); border: none; border-radius: 47px; padding: 16px 61px; font-size: 16px; letter-spacing: 0px; line-height: 16px; font-weight: 600; color: rgb(255, 255, 255);" spellcheck="false" target="_blank" title="">Join our VIP community for Free</a></span>
  2169.       </div>
  2170.      </div>
  2171.      <link href="//fonts.googleapis.com/css?family=Bevan" rel="stylesheet" property="stylesheet" type="text/css">
  2172.     </div>
  2173.    </div>
  2174.   </div>
  2175.  </div>
  2176.  <div data-cat="201" class="is-section is-box is-section-20" id="1673705053445">
  2177.   <div class="is-boxes spcoursecontainer6">
  2178.    <div class="is-box-centered">
  2179.     <div class="is-container container" style="max-width: 1100px;">
  2180.      <div class="row clearfix">
  2181.       <div class="column full" spellcheck="false">
  2182.        <h1 style="text-align: center; letter-spacing: 0px; font-size: 20px; font-weight: 800; line-height: 18px; color: rgb(10, 9, 89); margin-bottom: 15px;"><i class="size-28" style="line-height: 33px;">Helping India to live a disease-free life through our fitness and Nutri programs "Fit India, Strong India!" Join our FREE Fit Body Challenge now!</i><br></h1>
  2183.       </div>
  2184.      </div>
  2185.      <div class="row clearfix">
  2186.       <div class="is-overlay-content sp-content spCourseContainer" data-type="spcoursecard-6" data-module="course1" data-module-desc="Course List" data-dialog-width="300px" data-dialog-height="235px" data-html="%3Cdiv%20id%3D%22XRfRC9i%22%3E%3C%2Fdiv%3E%3Cscript%3EloadSPCourses(%22%22%2C%20%22XRfRC9i%22)%3C%2Fscript%3E" data-settings="%7B%22category%22%3A%20%22%22%7D">
  2187.        <div id="XRfRC9i"></div>
  2188.        <script>loadSPCourses("", "XRfRC9i")</script>
  2189.       </div>
  2190.      </div>
  2191.     </div>
  2192.    </div>
  2193.   </div>
  2194.  </div>
  2195.  <div data-cat="112" class="is-section is-box is-bg-light is-dark-text is-section-20" id="1673705053444">
  2196.   <div class="is-boxes">
  2197.    <div class="is-box-centered">
  2198.     <div class="is-container container" style="max-width: 1100px;">
  2199.      <div class="row clearfix">
  2200.       <div class="column full" data-noedit="">
  2201.        <div class="spacer height-20"></div>
  2202.       </div>
  2203.      </div>
  2204.      <div class="row clearfix">
  2205.       <div class="column full" spellcheck="false">
  2206.        <h1 style="text-align: center; letter-spacing: 0px; font-size: 28px; font-weight: 900; line-height: 1.8; color: rgb(10, 9, 89);">What We Offer For Your Good Health<br></h1>
  2207.       </div>
  2208.      </div>
  2209.      <div class="row clearfix">
  2210.       <div class="column full">
  2211.        <div class="spacer height-40"></div>
  2212.       </div>
  2213.      </div>
  2214.      <div class="row clearfix">
  2215.       <div class="column third" style="margin-bottom: 28px;" spellcheck="false">
  2216.        <div style="background-color: rgb(247, 247, 247); padding: 30px; border-radius: 20px; min-height: 260px;">
  2217.         <div style="margin-bottom: 24px;margin-top: 0px;width: 44px;font-size: 30px;height: 44px;">
  2218.          🍴
  2219.         </div>
  2220.         <h3 style="font-size: 18px; line-height: 21px; margin-top: 0px; margin-bottom: 0px; font-weight: bold; color: rgb(198, 40, 40);">Personalized Meal Plans<br></h3>
  2221.         <p style="font-size: 14px; font-weight: 400; line-height: 24px; margin-top: 8px; margin-bottom: 0px;">We create a meal plan tailored to your specific needs, taking into account your body type, weight loss goals, and food preferences.<br></p>
  2222.        </div>
  2223.       </div>
  2224.       <div class="column third" style="margin-bottom: 28px;" spellcheck="false">
  2225.        <div style="background-color: rgb(247, 247, 247); padding: 30px; border-radius: 20px; min-height: 260px;">
  2226.         <div style="margin-bottom: 24px;margin-top: 0px;width: 44px;font-size: 30px;height: 44px;">
  2227.          <i class="icon ion-ios-bookmarks"></i>
  2228.         </div>
  2229.         <h3 style="font-size: 18px; font-weight: 800; line-height: 21px; margin-top: 0px; margin-bottom: 0px;"><span style="color: rgb(198, 40, 40);">Expert Nutrition Advice</span><br></h3>
  2230.         <p style="font-size: 14px; font-weight: 400; line-height: 24px; margin-top: 8px; margin-bottom: 0px; text-align: left;">Our registered Health Coaches &amp; Nutrition Experts provide expert nutrition advice and support, helping you make healthy food choices and stay on track.</p>
  2231.        </div>
  2232.       </div>
  2233.       <div class="column third" style="margin-bottom: 28px;" spellcheck="false">
  2234.        <div style="background-color: rgb(247, 247, 247); padding: 30px; border-radius: 20px; min-height: 260px;">
  2235.         <div style="margin-bottom: 24px;margin-top: 0px;width: 44px;font-size: 30px;height: 44px;">
  2236.          <i class="icon ion-ios-monitor"></i>
  2237.         </div>
  2238.         <h3 style="font-size: 18px; font-weight: 800; line-height: 21px; margin-top: 0px; margin-bottom: 0px; color: rgb(198, 40, 40);">Live &amp; Recorded Workout from Home</h3>
  2239.         <p style="font-size: 14px; font-weight: 400; line-height: 24px; margin-top: 8px; margin-bottom: 0px; text-align: left;">We have different workout batches according to requirements you can opt for your batch of a live workout session with Us and you can also Follow our Pre-recorded Excercise session of us for the best fitness results. </p>
  2240.        </div>
  2241.       </div>
  2242.      </div>
  2243.      <div class="row clearfix">
  2244.       <div class="column third" style="margin-bottom: 28px;" spellcheck="false">
  2245.        <div style="background-color: rgb(247, 247, 247); padding: 30px; border-radius: 20px; min-height: 260px;">
  2246.         <div style="margin-bottom: 24px;margin-top: 0px;width: 44px;font-size: 30px;height: 44px;">
  2247.          📑
  2248.         </div>
  2249.         <h3 style="font-size: 18px; font-weight: 800; line-height: 21px; margin-top: 0px; margin-bottom: 0px; color: rgb(198, 40, 40);">Daily Learnings ( How to live a Healthy &amp; Medicine-Free Life</h3>
  2250.         <p style="font-size: 14px; font-weight: 400; line-height: 24px; margin-top: 8px; margin-bottom: 0px; text-align: left;">We all want Healthy &amp; medicine free Life but we don't know where to start and what to follow first, we provide Live &amp; recorded detailed information on Nutrition and lifestyle so that we achieve our health and weight loss goals. </p>
  2251.        </div>
  2252.       </div>
  2253.       <div class="column third" style="margin-bottom: 28px;" spellcheck="false">
  2254.        <div style="background-color: rgb(247, 247, 247); padding: 30px; border-radius: 20px; min-height: 260px;">
  2255.         <div style="margin-bottom: 24px;margin-top: 0px;width: 44px;font-size: 30px;height: 44px;">
  2256.          <i class="icon ion-person-stalker"></i>
  2257.         </div>
  2258.         <h3 style="font-size: 18px; font-weight: 800; line-height: 21px; margin-top: 0px; margin-bottom: 0px; color: rgb(198, 40, 40);">Regular Check-Ins</h3>
  2259.         <p style="font-size: 14px; font-weight: 400; line-height: 24px; margin-top: 8px; margin-bottom: 0px; text-align: left;">Our team will check in with you regularly to track your progress, provide additional support, and make any necessary adjustments to your meal plan. </p>
  2260.        </div>
  2261.       </div>
  2262.       <div class="column third" style="margin-bottom: 28px;" spellcheck="false">
  2263.        <div style="background-color: rgb(247, 247, 247); padding: 30px; border-radius: 20px; min-height: 260px;">
  2264.         <div style="margin-bottom: 24px;margin-top: 0px;width: 44px;font-size: 30px;height: 44px;">
  2265.          <i class="icon ion-social-whatsapp"></i>
  2266.         </div>
  2267.         <h3 style="font-size: 18px; font-weight: 800; line-height: 21px; margin-top: 0px; margin-bottom: 0px; color: rgb(198, 40, 40);">Dedicated Nutrition Expert for you with Full Day WhatsApp support:</h3>
  2268.         <p style="font-size: 14px; font-weight: 400; line-height: 24px; margin-top: 8px; margin-bottom: 0px;">Yes, you read that Right. You can have full Day Whatsapp support with your Dedicated Nutrition Expert / Health Coach.</p>
  2269.        </div>
  2270.       </div>
  2271.      </div>
  2272.      <div class="row clearfix">
  2273.       <div class="column third" style="margin-bottom: 28px;" spellcheck="false">
  2274.        <div style="background-color: rgb(247, 247, 247); padding: 30px; border-radius: 20px; min-height: 260px;">
  2275.         <div style="margin-bottom: 24px;margin-top: 0px;width: 44px;font-size: 30px;height: 44px;">
  2276.          <i class="icon ion-chatboxes"></i>
  2277.         </div>
  2278.         <h3 style="font-size: 18px; font-weight: 800; line-height: 21px; margin-top: 0px; margin-bottom: 0px; color: rgb(198, 40, 40);">Online &amp; Mobile App Support :</h3>
  2279.         <p style="font-size: 14px; font-weight: 400; line-height: 24px; margin-top: 8px; margin-bottom: 0px; text-align: left;">You can also download our Moblie app (only for Android Users) Missionfitindia from Play Store &amp; have access to a supportive online community of like-minded individuals, where you can share your progress, ask questions, and find encouragement. </p>
  2280.        </div>
  2281.       </div>
  2282.       <div class="column third" style="margin-bottom: 28px;" spellcheck="false">
  2283.        <div style="background-color: rgb(247, 247, 247); padding: 30px; border-radius: 20px; min-height: 260px;">
  2284.         <div style="margin-bottom: 24px;margin-top: 0px;width: 44px;font-size: 30px;height: 44px;">
  2285.          <i class="icon ion-ios-list"></i>
  2286.         </div>
  2287.         <h3 style="font-size: 18px; font-weight: 800; line-height: 21px; margin-top: 0px; margin-bottom: 0px; color: rgb(198, 40, 40);">Daily Different Workout&nbsp;</h3>
  2288.         <p style="font-size: 14px; font-weight: 400; line-height: 24px; margin-top: 8px; margin-bottom: 0px; text-align: left;">Our team will check in with you regularly to track your progress, provide additional support, and make any necessary adjustments to your meal plan. </p>
  2289.        </div>
  2290.       </div>
  2291.       <div class="column third" style="margin-bottom: 28px;" spellcheck="false">
  2292.        <div style="background-color: rgb(247, 247, 247); padding: 30px; border-radius: 20px; min-height: 260px;">
  2293.         <div style="margin-bottom: 24px;margin-top: 0px;width: 44px;font-size: 30px;height: 44px;">
  2294.          <i class="icon ion-paintbucket"></i>
  2295.         </div>
  2296.         <h3 style="font-size: 18px; font-weight: 800; line-height: 21px; margin-top: 0px; margin-bottom: 0px; color: rgb(198, 40, 40);">Nutrition support :</h3>
  2297.         <p style="font-size: 14px; font-weight: 400; line-height: 24px; margin-top: 8px; margin-bottom: 0px;"> A balanced and healthy diet can help prevent chronic diseases such as heart disease, diabetes, and obesity. It also supports the immune system, helping the body to fight off infections and diseases</p>
  2298.        </div>
  2299.       </div>
  2300.      </div>
  2301.     </div>
  2302.    </div>
  2303.   </div>
  2304.  </div>
  2305.  <div data-cat="52" class="is-section is-box is-bg-light is-dark-text is-section-30" id="1673705053445">
  2306.   <div class="is-boxes">
  2307.    <div class="is-box-centered">
  2308.     <div class="is-container container" style="max-width: 1100px;">
  2309.      <div class="row clearfix" draggable="false">
  2310.       <div class="column full center" style="position: relative;" spellcheck="false" autocomplete="off">
  2311.        <img style="border-radius: 20px; " alt="" draggable="false" data-filename="IMG_0379.JPG" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/6268d47c0cf2b698cee43bd4/pages/assets/images/eR8izimg0379.jpg">
  2312.        <div class="janedoe_block" style="position: absolute; padding: 20px; bottom: 60px; left: 60px; max-width: 470px; width: 100%; min-height: 230px; border-radius: 20px; overflow: hidden;background-color: rgba(255, 255, 255, 0.5);">
  2313.         <h1 style="font-size: 1.5rem; font-weight: 900; line-height: 1.1; text-align: left; color: rgb(10, 9, 89);">Meet Your Fitness Trainer and Nutrition Coach</h1>
  2314.         <p style="text-align: left; margin-bottom: 0px; font-size: 18px; line-height: 1.5; color: rgb(4, 4, 19); margin-top: 16px;"><b>Khushboo has been in the fitness industry for over a decade, and during this time, she has worked with people from all walks of life. She is passionate about fitness and believes that everyone can achieve their fitness goals with the right guidance and support. Khushboo's approach to fitness is holistic and focuses on a balanced combination of workouts and nutrition. She believes that working out is not just about building muscle or losing weight but also about improving overall health and wellness</b><br></p>
  2315.        </div>
  2316.       </div>
  2317.       <style>
  2318. @media (max-width: 640px) {
  2319. .janedoe_block {
  2320. position: relative !important;
  2321.     top: unset;
  2322. left: unset !important;
  2323. bottom: unset !important;
  2324. width: 100% !important;
  2325. background-color: var(--themeGrayColor)!important;
  2326. max-width: 100% !important;
  2327. overflow: visible;
  2328. }
  2329. }
  2330. </style>
  2331.      </div>
  2332.      <div class="row clearfix">
  2333.       <div class="column full" spellcheck="false">
  2334.        <div class="display">
  2335.         <h1 style="text-align: center;"><i class="size-28">Helping India to live disease-free life through our fitness and Nutri programs "Fit India, Strong India!"</i></h1>
  2336.        </div>
  2337.       </div>
  2338.      </div>
  2339.      <div class="row clearfix" draggable="false">
  2340.       <div class="column full" spellcheck="false">
  2341.        <div class="display">
  2342.         <h1 style="text-align: center;" class="size-48">watch our success stories</h1>
  2343.        </div>
  2344.       </div>
  2345.      </div>
  2346.      <div class="row clearfix">
  2347.       <div class="column full">
  2348.        <div class="embed-responsive embed-responsive-16by9">
  2349.         <iframe width="560" height="315" frameborder="0" allowfullscreen class="lazy" data-src="//www.youtube.com/embed/kfdXtSiaTs4?rel=0"></iframe>
  2350.        </div>
  2351.       </div>
  2352.      </div>
  2353.      <div class="row clearfix">
  2354.       <div class="column full">
  2355.        <div class="embed-responsive embed-responsive-16by9">
  2356.         <iframe width="560" height="315" frameborder="0" allowfullscreen class="lazy" data-src="//www.youtube.com/embed/DckI1rhSqH4?rel=0"></iframe>
  2357.        </div>
  2358.       </div>
  2359.      </div>
  2360.      <div class="row clearfix">
  2361.       <div class="column full">
  2362.        <div class="embed-responsive embed-responsive-16by9">
  2363.         <iframe width="560" height="315" frameborder="0" allowfullscreen class="lazy" data-src="//www.youtube.com/embed/t-Qx3FbROlE?rel=0"></iframe>
  2364.        </div>
  2365.       </div>
  2366.      </div>
  2367.      <div class="row clearfix">
  2368.       <div class="column full">
  2369.        <div class="embed-responsive embed-responsive-16by9">
  2370.         <iframe width="560" height="315" frameborder="0" allowfullscreen class="lazy" data-src="//www.youtube.com/embed/p3xHDdLKAIA?rel=0"></iframe>
  2371.        </div>
  2372.       </div>
  2373.      </div>
  2374.      <div class="row clearfix">
  2375.       <div class="column full">
  2376.        <div class="embed-responsive embed-responsive-16by9">
  2377.         <iframe width="560" height="315" frameborder="0" allowfullscreen class="lazy" data-src="//www.youtube.com/embed/z8y_upkfTY8?rel=0"></iframe>
  2378.        </div>
  2379.       </div>
  2380.      </div>
  2381.      <div class="row clearfix">
  2382.       <div class="column full">
  2383.        <div class="embed-responsive embed-responsive-16by9">
  2384.         <iframe width="560" height="315" frameborder="0" allowfullscreen class="lazy" data-src="//www.youtube.com/embed/yhDaw-erZk8?rel=0"></iframe>
  2385.        </div>
  2386.       </div>
  2387.      </div>
  2388.      <div class="row clearfix">
  2389.       <div class="column full">
  2390.        <div class="embed-responsive embed-responsive-16by9">
  2391.         <iframe width="560" height="315" frameborder="0" allowfullscreen class="lazy" data-src="//www.youtube.com/embed/vtESrEF9OKc?rel=0"></iframe>
  2392.        </div>
  2393.       </div>
  2394.      </div>
  2395.     </div>
  2396.    </div>
  2397.   </div>
  2398.  </div>
  2399.  <!--OTHERS--->
  2400.  <link href="//fonts.googleapis.com/css?family=Bevan" rel="stylesheet" property="stylesheet" type="text/css">
  2401.  <link href="//fonts.googleapis.com/css?family=Bevan" rel="stylesheet" property="stylesheet" type="text/css">
  2402.  <link href="//fonts.googleapis.com/css?family=Bevan" rel="stylesheet" property="stylesheet" type="text/css">
  2403.  <link href="//fonts.googleapis.com/css?family=Bevan" rel="stylesheet" property="stylesheet" type="text/css">
  2404.  <link href="//fonts.googleapis.com/css?family=Bevan" rel="stylesheet" property="stylesheet" type="text/css">
  2405.  <link href="//fonts.googleapis.com/css?family=Bevan" rel="stylesheet" property="stylesheet" type="text/css">
  2406.  <link href="//fonts.googleapis.com/css?family=Bevan" rel="stylesheet" property="stylesheet" type="text/css">
  2407.  <link href="//fonts.googleapis.com/css?family=Bevan" rel="stylesheet" property="stylesheet" type="text/css">
  2408. </body>
  2409. </html></div>
  2410.  
  2411.  
  2416.  
  2417.  
  2418.  
  2419.  
  2420.  
  2421.  
  2422.  
  2423.  
  2424.  
  2425.  
  2426. <div style="display: flex !important;align-items:center;justify-content:center;clear:both;width: 100%;flex-direction: column; row-gap:30px; background: #F7F7F7; color: #232228; padding: 80px 10px;">
  2430. <a style="display: flex !important;align-items:center;justify-content:center;text-decoration: none !important;background: #000 !important;color: #fff !important;padding: 12px 20px !important;border-radius: 4px !important;font-size: 14px !important;font-weight: 600 !important;line-height: 20px !important;" href="https://graphy.com/products/create-and-sell-course-online?utm_campaign=anshul8818&utm_source=gc&utm_device=website&gref=anshul8818" target="_blank"><img alt="Launch your Graphy" style="height: 20px; width: 11px; margin-right: 12px;" src="/resources/images/grvector.svg">Launch your Graphy</a>
  2431. <div class="text-center" style="font-size: 12px;font-weight: 400;line-height: 20px;letter-spacing: 0.015em;">100K+ creators trust <a href="https://graphy.com/products/create-and-sell-course-online?utm_campaign=anshul8818&utm_source=gc&utm_device=website&gref=anshul8818" target="_blank" style="color: #000 !important;text-decoration: underline !important;padding: 0 !important;font-size: inherit !important;">Graphy</a> to teach online</div>
  2434. <div style="display: flex !important;align-items:center;justify-content:center;column-gap: 12px;">
  2435. <a href="https://www.facebook.com/Missionfitindiaa" class="fbPage" target="_blank" style="text-decoration: none !important;color:#000 !important;font-size: inherit !important;height:24px;width:24px;border: 1px solid #E5E5E5;display: flex;align-items:center;justify-content:center;"><i class="fa-brands fa-facebook-f" style="font-size: 11px"></i></a>
  2436. <a href="https://www.instagram.com/" class="instaPage" target="_blank" style="text-decoration: none !important;color:#000 !important;font-size: inherit !important;height:24px;width:24px;border: 1px solid #E5E5E5;display: flex;align-items:center;justify-content:center;"><i class="fa-brands fa-instagram" style="font-size: 11px"></i></a>
  2439. <a href="https://www.youtube.com/channel/UCbcDAzPZ1f86ovVkb47CMTA" class="yPage" target="_blank" style="text-decoration: none !important;color:#000 !important;font-size: inherit !important;height:24px;width:24px;border: 1px solid #E5E5E5;display: flex;align-items:center;justify-content:center;" ><i class="fa-brands fa-youtube" style="font-size: 11px"></i></a>
  2440. </div>
  2441. <div style="display: flex !important;align-items:center;justify-content:center;font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0.015em;column-gap: 12px;flex-wrap: wrap;">
  2442. <span>Missionfitindia  <i class="fa-regular fa-copyright"></i> 2024</span> <i class="fa-solid fa-circle" style="font-size: 4px;"></i>
  2443. <a href="/privacypolicy" style="color: #232228 !important; padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Privacy policy</a>  <i class="fa-solid fa-circle" style="font-size: 4px;"></i>
  2444. <a href="/termsofuse" style="color: #232228 !important;padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Terms of use</a> <i class="fa-solid fa-circle" style="font-size: 4px;"></i>
  2445. <a href="/contactus" style="color: #232228 !important;padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Contact us</a> <i class="fa-solid fa-circle" style="font-size: 4px;"></i>
  2446. <a href="/refundpolicy" style="color: #232228 !important;padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Refund policy</a>
  2447. </div>
  2448. </div>
  2449.  
  2450.  
  2451.  
  2452.  
  2453.  
  2454.  
  2457.  
  2458.  
  2459. <script type="text/javascript">
  2460. var coursesList = $("#courseslist, .itemsContainer"), blogsList = $("#blogslist");
  2461. if(coursesList.length > 0 && coursesList.html().replace(/[\s]/g, '') === "") {
  2462. coursesList.addClass("columns").html("<div class='loading loading-lg centered'></div>");
  2463. store.allCourses.init(false, (coursesList.data("limit")===undefined?4:coursesList.data("limit")));
  2464. }
  2465. if(blogsList.length > 0 && blogsList.html().replace(/[\s]/g, '') === "") {
  2466. blogsList.addClass("columns").html("<div class='loading loading-lg centered'></div>");
  2467. var limit = (blogsList.data("limit")===undefined?4:blogsList.data("limit")), packet = {
  2468. url: "/blog/json/get",
  2469. data: {skip: 0, limit: limit},
  2470. success: function(data, params) {
  2471. var template = _.template($("#blogcard-template").html()), html = "", blogs = data.data.blogs.data;
  2473. for(var i=0;i < blogs.length;i++) {
  2474. html = html + template({item: blogs[i]});
  2475. }
  2477. blogsList.html(html);//.find("time.timeago").timeago();
  2478. }
  2479. };
  2481. getData(packet, {});
  2482. }
  2483. </script>
  2484.  
  2485. <script src="https://d502jbuhuh9wk.cloudfront.net/resources/pagebuilder2/box/box.js" type="text/javascript"></script>
  2486.  
  2487.  
  2488.  
  2489.  
  2490.  
  2491.  
  2492. <div id="ui-notification-container" class="spectre"></div>
  2493. <script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-easing.js"></script>
  2494. <script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-notification.js"></script>
  2495.  
  2496. <!-- Import and configure the Firebase SDK -->
  2497. <!-- These scripts are made available when the app is served or deployed on Firebase Hosting -->
  2498. <!-- If you do not serve/host your project using Firebase Hosting see https://firebase.google.com/docs/web/setup -->
  2499. <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
  2500. <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-messaging.js"></script>
  2501.  
  2502. <script>
  2503.  // Retrieve Firebase Messaging object.
  2504.  var firebaseConfig = {"apiKey":"AIzaSyCQ2wNyeXrIzifB0IKKVCalHXrDk7pg32w","authDomain":"live-stream-chat-efac5.firebaseapp.com","databaseURL":"https://live-stream-chat-efac5.firebaseio.com","projectId":"live-stream-chat-efac5","storageBucket":"live-stream-chat-efac5.appspot.com","messagingSenderId":"158909475587","appId":"1:158909475587:web:93ede0a9feef2b3f"};
  2505.  // Initialize Firebase
  2506.  firebase.initializeApp(firebaseConfig);
  2507.  const messaging = firebase.messaging();
  2508.  // Add the public key generated from the console here.
  2509.  messaging.usePublicVapidKey("BN3BYOmWjo3NAW7if4jCE5cG-yIOXAvmoKB9k53ZssAfgb7Z6ZZ-oAQWFK7j6EqHIG3f-G9QAVKLOIK7Vw3X0_k");
  2510.  
  2511.  // Callback fired if Instance ID token is updated.
  2512.  messaging.onTokenRefresh(function(){
  2513.    messaging.getToken().then(function(refreshedToken){
  2514.      // Indicate that the new Instance ID token has not yet been sent to the
  2515.      // app server.
  2516.      setTokenSentToServer(false);
  2517.      // Send Instance ID token to app server.
  2518.      sendTokenToServer(refreshedToken);
  2519.      // Display new Instance ID token and clear UI of all previous messages.
  2520.      resetUI();
  2521.      // [END_EXCLUDE]
  2522.    })["catch"](function(err){
  2523.      console.log('Unable to retrieve refreshed token ', err);
  2524.      showToken('Unable to retrieve refreshed token ', err);
  2525.      requestPermission();
  2526.    });
  2527.  });
  2528.  
  2529.  // Handle incoming messages. Called when:
  2530.  // - a message is received while the app has focus
  2531.  // - the user clicks on an app notification created by a service worker
  2532.  //   `messaging.setBackgroundMessageHandler` handler.
  2533.  messaging.onMessage(function(payload){
  2534.    console.log('Message received. ', payload);
  2535.    appendMessage(payload);
  2536.  });
  2537.  
  2538.  function resetUI() {
  2539.    clearMessages();
  2540.    $(function(){
  2541.        $("#ui-notification-container").notification();
  2542.    });
  2543.    // Get Instance ID token. Initially this makes a network call, once retrieved
  2544.    // subsequent calls to getToken will return from cache.
  2545.    messaging.getToken().then(function(currentToken) {
  2546.      if (currentToken) {
  2547.        sendTokenToServer(currentToken);
  2548.        updateUIForPushEnabled(currentToken);
  2549.      } else {
  2550.        // Show permission request.
  2551.        console.log('No Instance ID token available. Request permission to generate one.');
  2552.        // Show permission UI.
  2553.        updateUIForPushPermissionRequired();
  2554.        setTokenSentToServer(false);
  2555.      }
  2556.    })["catch"](function(err) {
  2557.      console.log('An error occurred while retrieving token. ', err);
  2558.      showToken('Error retrieving Instance ID token. ', err);
  2559.      setTokenSentToServer(false);
  2560.    });
  2561.    // [END get_token]
  2562.  }
  2563.  
  2564.  function showToken(currentToken) {
  2565.    // Show token in console and UI.
  2566.    console.log(currentToken);
  2567.  }
  2568.  
  2569.  // Send the Instance ID token your application server, so that it can:
  2570.  // - send messages back to this app
  2571.  // - subscribe/unsubscribe the token from topics
  2572.  function sendTokenToServer(currentToken) {
  2573.    if (!isTokenSentToServer()) {
  2574.      console.log('Sending token to server...');
  2575.      var packet = {
  2576.  url : "/public/v1/fcm/token",
  2577.  data: {token: currentToken},
  2578.  success: function(data, params) {
  2579.  console.log("Token successfully sent")
  2580.  setTokenSentToServer(true);
  2581.  setTokenSentToServerUserId(window.userId);
  2582.  }
  2583.  };
  2584.  postData(packet, {});
  2585.    } else {
  2586.      console.log('Token already sent to server so won\'t send it again ' +
  2587.          'unless it changes');
  2588.    }
  2589.  
  2590.  }
  2591.  
  2592.  function isTokenSentToServer() {
  2593.    return window.localStorage.getItem('sentToServer') === '1' && isTokenSentToServerWithUser(window.userId);
  2594.  }
  2595.  
  2596.  function isTokenSentToServerWithUser(userId) {
  2597. return window.localStorage.getItem('sentToServer-user') === userId;
  2598.  }
  2599.  
  2600.  function setTokenSentToServer(sent) {
  2601.    window.localStorage.setItem('sentToServer', sent ? '1' : '0');
  2602.  }
  2603.  
  2604.  function setTokenSentToServerUserId(userId) {
  2605.    window.localStorage.setItem('sentToServer-user', userId);
  2606.  }
  2607.  
  2608.  function requestPermission() {
  2609.    console.log('Requesting permission...');
  2610.    // [START request_permission]
  2611.    Notification.requestPermission().then(function(permission) {
  2612.      if (permission === 'granted') {
  2613.        console.log('Notification permission granted.');
  2614.        resetUI();
  2615.      } else {
  2616.        console.log('Unable to get permission to notify.');
  2617.      }
  2618.    });
  2619.    // [END request_permission]
  2620.  }
  2621.  
  2622.  function deleteToken() {
  2623.    // Delete Instance ID token.
  2624.    // [START delete_token]
  2625.    messaging.getToken().then(function(currentToken){
  2626.      messaging.deleteToken(currentToken).then(function(){
  2627.        console.log('Token deleted.');
  2628.        setTokenSentToServer(false);
  2629.        // Once token is deleted update UI.
  2630.        resetUI();
  2631.      })["catch"](function(err) {
  2632.        console.log('Unable to delete token. ', err);
  2633.      });
  2634.    })["catch"](function(err) {
  2635.      console.log('Error retrieving Instance ID token. ', err);
  2636.      showToken('Error retrieving Instance ID token. ', err);
  2637.    });
  2638.  
  2639.  }
  2640.  
  2641.  // Add a message to the messages element.
  2642.  function appendMessage(payload) {
  2643.  $("#ui-notification-container").notification("create", {
  2644.          title: payload.data.title,
  2645.          content: payload.data.message,
  2646.          customIcon: payload.data.customIcon,
  2647.          customImage: payload.data.customImage,
  2648.          link: payload.data.link
  2649.      },
  2650.      {
  2651.          sticky: true
  2652.      });
  2653.  }
  2654.  
  2655.  // Clear the messages element of all children.
  2656.  function clearMessages() {
  2657.    const messagesElement = document.querySelector('#ui-notification-container');
  2658.    while (messagesElement.hasChildNodes()) {
  2659.      messagesElement.removeChild(messagesElement.lastChild);
  2660.    }
  2661.  }
  2662.  
  2663.  function updateUIForPushEnabled(currentToken) {
  2664.  showToken("Token update ui: " + currentToken);
  2665.  }
  2666.  
  2667.  function updateUIForPushPermissionRequired() {
  2668.    console.warg("Push notification permission is requred")
  2669.  }
  2670.  
  2671.  window.userId = "";
  2672.  resetUI();
  2673.  
  2674.  
  2675. </script>
  2676.  
  2677.  
  2678. <script src="https://d502jbuhuh9wk.cloudfront.net/static/files/lazyload.min.js"></script>
  2679. <script type="text/javascript">
  2680. var lazyLoadInstance = new LazyLoad({
  2681.  unobserve_entered: true,
  2682.  callback_enter: function(element) {
  2683.  resizeCdnImage(element);
  2684.  }
  2685. });
  2686. </script>
  2687. </body>
  2688. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda