1 2 3 4 5 6 7 8<!DOCTYPE html> 9<html lang="en"> 10<head> 11<title>Grow with Satori - Fostering Growth through Personalized Learning Journeys and Impactful Coaching</title> 12 13 14 <meta name="keywords" content="Coaching, Training, Consulting, Learning and Development, personalized learning journeys, expert coaching, diverse modalities, transformative interventions, growth, success, tailored programs, unlock potential, empowher, empower, true potential, personalized growth experiences, professional development, leadership development, self-leadership, holistic well-being, empower learners, empower individuals, holistic approach, transformative journey, educational experience, leadership, leadership development, Coaching Services Training Programs Consulting Solutions Learning and Development Initiatives Personalized Learning Journeys Expert Coaching Services Diverse Modalities of Learning Transformative Interventions Growth and Success Strategies Tailored Development Programs Unlocking Potential EmpowHER (Empowering Women) Empowerment Initiatives Realizing True Potential Personalized Growth Experiences Professional Development Programs Leadership Development Services Self-Leadership Training Holistic Well-being Solutions Empowering Learners Empowering Individuals Holistic Approach to Learning Transformative Learning Journeys Educational Experiences Leadership Training Development for Success, Best-in-Class Coaching Top-notch Training Solutions Premier Consulting Services Exceptional Learning and Development Elite Personalized Learning Journeys Unparalleled Expert Coaching Cutting-edge Modalities of Learning Pinnacle Transformative Interventions Unrivaled Growth and Success Strategies Premium Tailored Development Programs Maximizing Potential EmpowHER Excellence Empowerment at its Finest Unmatched Personalized Growth Experiences Professional Development Excellence Leadership Development Mastery Self-Leadership Mastery Holistic Well-being Mastery Empowering Learners Excellently Individual Empowerment Excellence Holistic Excellence in Learning Transformative Journey Excellence Educational Excellence Leadership Training Par Excellence Developmental Success Excellence"/> 15 <meta name="description" content="Unlock your potential and achieve remarkable growth with Grow with Satori. Our personalized learning journeys combine expert coaching, diverse modalities, and transformative interventions. Experience the power of tailored programs designed to empower your success. Join us on the path to growth and unleash your true potential."/> 16 <meta name="google-site-verification" content="GT-TNL39KBJ" /> 17 18 <meta property="og:url" content="https://www.growithsatori.com" /> 19 <meta property="og:type" content="website" /> 20 <meta property="og:title" content="Grow with Satori - Fostering Growth through Personalized Learning Journeys and Impactful Coaching" /> 21 <meta property="og:description" content="Unlock your potential and achieve remarkable growth with Grow with Satori. Our personalized learning journeys combine expert coaching, diverse modalities, and transformative interventions. Experience the power of tailored programs designed to empower your success. Join us on the path to growth and unleash your true potential." /> 22 <meta property="og:image" content="https://www.growithsatori.com/logo.png?v=5" /> 23 24 25 26 27 28 29 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 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 91 92 93 94 95 96 97 98 99 100 101 102 103 <meta name="google" content="notranslate"> 104 105 106 <link rel="canonical" href="https://www.growithsatori.com/" /> 107 108 109 110<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 111<link rel="icon" href="/favicon.ico" type="image/x-icon"> 112 113 114 115 116 117 118 119
119<script>var orgCountry = "IN";</script>
119 120 121 122 123 124<link id="theme" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre.min.css" rel="stylesheet"> 125 126<link rel="preconnect" href="https://fonts.googleapis.com"> 127<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 128 129<link rel="preload" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" as="style" onload="this.onload=null;this.rel='stylesheet'"> 130<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" ></noscript> 131 132<link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" as="style" onload="this.onload=null;this.rel='stylesheet'"> 133<noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" ></noscript> 134 135<link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 136<noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" ></noscript> 137 138<link id="theme-exp" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre-exp.min.css" rel="stylesheet"> 139 140 141 142 143 <link href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstyles_0f8f8346b730ed7f9d44d25335e652c6.css" rel="stylesheet"> 144 <link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstore_052a28d8fc16dab749345a09dfcd63bf.css"/> 145 146 <link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/resources/stylesheets/gtheme3.css?v=7"/> 147 148 <style type="text/css"> 149 #loginLoader{ 150 position: absolute; 151 left: 0; 152 right: 0; 153 margin-left: auto; 154 margin-right: auto; 155 width: 100px; 156 top: 50%; 157 } 158 .customSocialBtn { 159 display: flex; 160 white-space: nowrap; 161 justify-content: center; 162 align-items: center; 163 padding: 11px 67px; 164 position: static; 165 left: 0px; 166 top: 40px; 167 cursor: pointer; 168 margin: auto; 169 border: none; 170 gap: 10px; 171 /*width: 364px; 172 height: 48px; 173 background: #000000; */ 174 /*For New Button Remove Bellow Codes and Uncomment upper Code */ 175 background: white; 176 border-radius: 4px; 177 box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%); 178 width: 245px; 179 height: 40px; 180 } 181 182 .customSocialBtn img.icon { 183 height: 20px; 184 width: 20px; 185 } 186 .customSocialBtn span.buttonText { 187 font-style: normal; 188 font-weight: 900; 189 font-size: 16px; 190 line-height: 120%; 191 opacity: 0.9; 192 font-family: 'Roboto', sans-serif; 193 /* color: #F7F7F7; */ 194 /*For New Button Remove Bellow Codes and Uncomment upper Code */ 195 color: #808080; 196 } 197 </style> 198 199 200 201 202 203 204 205 206 207 <style type="text/css"> 208 footer a, footer+div a { 209 color: var(--footerTextColor) !important; 210 } 211 footer .socialIcons {text-align: right;} 212 @media (max-width: 600px) { 213 footer .linksCont a { display: block !important; } 214 footer .socialIcons {text-align: center;margin-top: 20px;} 215 } 216 </style> 217 218 219 220 221 222 223 224<style type="text/css"> 225 :root { 226 --themeColor: #5755d9; 227 --themeBGColor: #fff; 228 --headerHeight: 80px; 229 --headerTextColor: #0A0959; 230 --headerBGColor: #FDFBFB; 231 232 } 233 234 235 :root { 236 --themeColor: #317AE7; 237 --themeBGColor: #EFF5FE; 238 --themeCornerRadius: 25px; 239 --themeGrayColor: #F5F5F5; 240 } 241 242</style> 243 244<style type="text/css"> 245 .yogya-footer span{ 246 text-decoration: underline; 247} 248 249.whatsapp-widget-container { 250 left: 40px; 251} 252 253 254</style> 255 256 257 258 <!-- Facebook Pixel Code --> 259
259<script>
vendor: 426 bytes, lines 259-268
259 260 !function(f,b,e,v,n,t,s) 261 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 262 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 263 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 264 n.queue=[];t=b.createElement(e);t.async=!0; 265 t.src=v;s=b.getElementsByTagName(e)[0]; 266 s.parentNode.insertBefore(t,s)}(window, document,'script', 267 'https://connect.facebook.net/en_US/fbevents.js'); 268 fbq('init', '
268277173298457148
vendor: 34 bytes, lines 268-270
268'); 269 fbq('track', 'PageView'); 270
270</script>
270 271 <noscript><img height="1" width="1" style="display:none" 272 src="https://www.facebook.com/tr?id=277173298457148&ev=PageView&noscript=1" 273 /></noscript> 274 <!-- End Facebook Pixel Code --> 275 276
277<script type="text/javascript"> 278 window.onload = function(event) { 279 document.querySelectorAll('header .avatar img').forEach(function(img){ 280 if(img.naturalWidth == 0) { 281 img.style.display='none'; 282 } 283 }) 284 }; 285 var RESCDN = "https://d502jbuhuh9wk.cloudfront.net"; 286 287 function showCourseDefaultCover(img, cid) { 288 var rndm = ((parseInt(cid.replace(/[a-z]/g, '')) % 10) % 6) + 1; 289 rndm = isNaN(rndm) ? 1 : rndm; 290 if(img === null) { 291 return RESCDN + "/resources/images/cc"+rndm+".jpg"; 292 } 293 294 img.src = RESCDN + "/resources/images/cc"+rndm+".jpg"; 295 } 296</script>
296 297 298 299 300 301 302 303 304 305 306 307 308
309<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>
309 310
311<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>
311 312
313<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>
313 314 315 316 317 318 319
320<script type="text/template" id="consentPromptTemplate"> 321<div class="spectre"> 322 <div class="modal active" id="consentPrompt"> 323 <a href="javascript:void(0);" class="modal-overlay" aria-label="Close"></a> 324 <div class="modal-container" style="max-width:325px"> 325 <div class="modal-header" style="padding:0.8rem 0.8rem 0px 0.8rem;"> 326 <div class="modal-title h5 text-center">Updated Terms</div> 327 </div> 328 <div class="modal-body"> 329 330 <form id="consentForm" style="text-align:center; font-size:13px"> 331 <div class="content"></div><br> 332 <div class="text-center"> 333 <button id="consentBtn" type="button" class="btn close btn-primary">I Agree</button> 334 </div> 335 </form> 336 337 </div> 338 </div> 339</div> 340</script>
340 341 342
343<script> 344 var hideCookiePopup = false; 345 var cookieConsentEnabled = false; 346 if(!cookieConsentEnabled){ 347 hideCookiePopup = true; 348 } 349 var SPORG = {subscriptionPlan: "launch", checkout_version: "2", customer_type: "r"}; 350</script>
vendor: 1 bytes, line 350
350
351<script type="text/template" id="cookiePopupTemplate"> 352<div class="spectre" style="position: fixed; bottom: 0; width: 100%; opacity:1; z-index: 9999;"> 353 <div class="modal-container p-0" id="cookiePopup"> 354 <form id="cookiePopupForm"> 355 <div class="columns" style="align-items: center;"> 356 <div class="column col-sm-12 content text-center"></div> 357 <div class="column col-sm-12 text-center"> 358 <a href="/privacy-policy" class="btn" target="_blank" id="viewPrivacyPolicyBtn" style="margin-right:15px;">View privacy policy</a> 359 <button id="acceptCookiesBtn" type="button" class="btn close btn-primary">Accept cookies</button> 360 </div> 361 </div> 362 </form> 363 </div> 364</div> 365</script>
365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 380-381
380 381<script async src="https://www.googletagmanager.com/gtag/js?id=
381G-15VH4M6FW2
vendor: 12 bytes, line 381
381"></script>
382<script> 383
vendor: 131 bytes, lines 383-387
383window.dataLayer = window.dataLayer || []; 384 function gtag(){dataLayer.push(arguments);} 385 gtag('js', new Date()); 386 387 gtag('config', '
387G-15VH4M6FW2
vendor: 4 bytes, line 387
387');
388</script>
388 389 390 391 392 393 394 395 396 397 398 399<!-- Google Tag Manager -->
400<script>
vendor: 327 bytes, lines 400-404
400(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 401new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 402j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 403'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 404})(window,document,'script','dataLayer','
404GTM-KW7N9P2
vendor: 4 bytes, line 404
404');
405</script>
405 406<!-- End Google Tag Manager --> 407 408
408<script defer type="text/javascript" src="https://api.pirsch.io/pirsch-extended.js" 409 id="pirschextendedjs" 410 data-code="r3SzSviPwh42EmlHOV21vGN1uRVD7Opl"></script>
410 411 412 413 414 415 416 417 418 419</head> 420 421<body class=""> 422 423 424 425 426 <style type='text/css'>.custom-header { display: flex; align-items: flex-end; padding: 15px 40px; background-color: #ffffff; box-shadow: -7px -3px 4px 1px; position: sticky; top: 0; z-index: 99; flex-direction: column; justify-content: space-between; gap: 15px; margin-bottom: -80px; margin-top: -20px; } .custom-logo { height: 48px; padding: 0px; } .custom-nav { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; } .custom-nav a { text-decoration: none; color: #170548; font-weight: 500 !important; position: relative; font-size: 14px; text-transform: capitalize; text-align: center; border: 1px solid transparent; padding: 0.5rem 0.6rem; } .custom-dropdown { position: relative; z-index: 5; } .custom-dropdown-content { display: none; position: absolute; top: 100%; left: 0; background: white; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); border-radius: 8px; min-width: 180px; } .custom-dropdown-content a { display: block; padding: 10px 16px; color: #333; text-align: left; } .custom-dropdown-content a:hover { background-color: #f5f5f5; } .custom-dropdown:hover .custom-dropdown-content { display: block; } .form-input.input-lg.searchTxtBox { width: 300px; margin: 0 0; } #i8d1j { width: 100%; background: transparent; } #i89ko { width: 100%; } .header-head { flex-direction: row; justify-content: space-between; display: flex; align-items: center; width: 100%; } .navbar-section.hide-md { text-align: left; justify-content: center; flex-direction: row; align-items: flex-start; display: block; border-radius: 0 0 0 0; } #ilki8e { width: 46vw; } .search-btn { all: unset; display: inline-block; background: none; border: none; padding: 0; font: inherit; cursor: pointer; padding-top: 6px; padding-right: 5px; } @media (max-width : 720px) { .custom-header { padding: 10px; } .custom-nav { gap: 10px; justify-content: center; } .custom-nav a { padding: 5px; } }</style><html> 427 <head></head> 428 <body> 429 <header class="custom-header"> 430 <div class="header-head"> 431 <a href="/" id="illlk"><img alt="Logo" class="custom-logo lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/logos/634f9aabe4b0eb6d7ee6d009.png?v=5"></a> 432 <section id="ilki8e" class="navbar-section hide-md"> 433 <form action="/s/store/courses" method="GET" id="i8d1j" class="input-group p-0 relative"> 434 <div bis_skin_checked="1" id="i89ko" class="input-group"> 435 <input type="text" name="query" value="" placeholder="Search" class="form-input input-lg searchTxtBox"> 436 <button type="submit" id="ikdfrl" class="btn btn-link search-btn"><i class="fa-regular fa-magnifying-glass"> </i></button> 437 </div> 438 </form> 439 </section> 440 </div> 441 <nav class="custom-nav"> 442 <a href="/s/store">Courses</a> 443 <a href="/products">Digital Products</a> 444 <a href="/s/pages/homepage">Home</a> 445 <a href="/s/pages/about-us-gws">About Us</a> 446 <div class="custom-dropdown"> 447 <a href="#">Offerings â¼</a> 448 <div class="custom-dropdown-content"> 449 <a href="/s/pages/assessment">Assessment</a> 450 <a href="/s /pages/coaching">Coaching</a> 451 <a href="/s/pages/consulting">Consulting</a> 452 <a href="/s/pages/spagesempowherprogram">EmpowHER</a> 453 <a href="/s/pages/mentor-coaching">Mentor Coaching</a> 454 <a href="/s/pages/the-dig-of-discovery-board-game">The Dig of Discovery Board Game</a> 455 </div> 456 </div> 457 <a href="/s/pages/clients">Clients and Testimonials</a> 458 <a href="/s/pages/page%20links">Links Page</a> 459 <a href="/blog">Blog</a> 460 <a href="javascript:void(0);" class="btn btn-link loginBtn"><i class="material-icons">lock_open </i><span class="icon-text">Login</span></a> 461 </nav> 462
462<script> window.$zoho = window.$zoho || {}; $zoho.salesiq = $zoho.salesiq || { ready: function() {} } </script>
462 463
463<script src="https://cdn-in.pagesense.io/js/growwithsatorillp/02f85916ac2d41c294ebce4153fade88.js"></script>
463 464
464<script id="zsiqscript" src="https://salesiq.zohopublic.in/widget?wc=siqe06ea90aac7ceb2ff46eb3b722709a03ef9237ee539a810b2618e924e243bde0" defer></script>
464 465 </header> 466 </body> 467</html> 468 469 470 471 472 473 474 475 476 477
478<script>const customDomain = "www.growithsatori.com";</script>
478 479 480 481 482
483<script> 484var disabledLocleVar='Disabled'; 485var enabledLocaleVar='Enabled'; 486var smsLocaleVar='SMS'; 487var webpushLocaleVar='Web Push'; 488var mobilepushLocaleVar='Mobile Push'; 489var invoicenumberLocaleVar='Invoice Number'; 490var productLocaleVar='Product'; 491var dateLocaleVar='Date'; 492var amountLocaleVar='Amount'; 493var detailsLocaleVar='Details'; 494var subscriptionPlanLocaleVar='Subscription Plan'; 495var addonsLocaleVar='Add Ons'; 496var showLocalVar='Show'; 497var hideLocaleVar='Hide'; 498</script>
498 499<div class="spectre"> 500 501 502 503 504 505 506 507
507<script> 508 var isPopupLogin = true; 509 var login = ''; 510 var message = ''; 511 function closeLoginPopup() { 512 $("#loginFormHtml").removeClass("active"); 513 $("body").removeClass("overflowYDisable"); 514 } 515 </script>
515 516 517 518 519 520 521 522 <div class="modal" id="loginFormHtml"> 523 <iframe id="microfe-popup-login" src="/t/public/login" loading="lazy" 524 style="width: calc(100% + 10px); height: 100vh; border: none;" 525 onload="$(this).parent().removeClass('loading');"></iframe> 526 </div> 527 528 529 530 531 532 <div class="modal" id="cartHtml"> 533 <a href="javascript:void(0);" class="modal-overlay close" 534 aria-label="Close"></a> 535 <div class="modal-container" style="max-width: 800px;"> 536 <div class="modal-header"> 537 <a href="javascript:void(0);" 538 class="close btn btn-clear float-right" aria-label="Close"></a> 539 <div class="modal-title h5"> 540 <i class="fa-regular fa-shopping-cart"></i> 541 Cart 542 (<span class="cartCount">0</span> 543 Items 544 ) 545 </div> 546 </div> 547 <div class="modal-body" style="max-height: 70vh;"> 548 <div class="content"> 549 550 <div class="text-center msg loading"></div> 551 <div class="text-center msg noItems" style="display: none;"> 552 There are no items in your cart<br/> 553 <a class="btn btn-primary" href="/s/store" 554 style="margin: 20px auto;"> 555 Add More 556 </a> 557 </div> 558 <div class="items msg" style="display: none;"> 559 <div class="m-0 cartDiv"> 560 <table class="table cartTable"> 561 <thead> 562 <tr> 563 <th colspan="2">Item Details</th> 564 <th class="text-right">Price</th> 565 <th style="width: 50px;"></th> 566 </tr> 567 </thead> 568 <tbody></tbody> 569 </table> 570 </div> 571 <div class="suggestCart mt-2 bg-gray p-2" style="display: none;"> 572 <h6>You may also be interested in</h6> 573 <div class="columns loading" id="cartRelatedCont"></div> 574 </div> 575 </div> 576 </div> 577 </div> 578 <div class="modal-footer"> 579 <div class="msg items clearfix"> 580 581 582 583 <div class="float-left text-gray"> 584 Note: Promo Codes can be applied after checkout 585 </div> 586 587 588 589 <div class="float-right"> 590 Total Amount 591 <span class="text-primary curr">â¹<span 592 class="totalAmount">0</span></span> 593 </div> 594 </div> 595 <div class="msg items clearfix mt-2"> 596 <a class="btn float-left" href="/s/store" amplitude-event="add_more_course_checkout"> 597 Add More 598 </a> 599 600 601 602 603 604 605 606 <a class="btn btn-primary float-right" href="/s/checkout" amplitude-event="checkout_tapped_course_checkout" amplitude-payload='{"currency": "INR" }'>Checkout</a> 607 </div> 608 </div> 609 </div> 610 </div> 611 <div class="modal" id="newCheckoutHtml" style="padding: 0; z-index: 10000;"> 612 <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> 613 <!-- <a href="javascript:void(0);" class="modal-overlay close" 614 aria-label="Close"></a> 615 <div class="modal-container" style=""> --> 616 617 618 <iframe onload="hideCheckoutLoader()" 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> 619 620 <!-- </div> --> 621 </div> 622</div> 623
624<script type="text/template" id="cartItemTemplate"> 625 <tr data-id="<@- item.id @>" data-type="<@- item.type @>" data-title="<@- item.title @>" data-price="<@- item.price @>" data-coursecategory="<@- item.courseCategory @>"> 626 <@ var itemType = item.type; @> 627 <td style="width:150px;"> 628 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item.id +"/"+ item.id +"_scaled_cover.jpg?v=" + coverVersion; if(isNaN(coverVersion)) { curl = showCourseDefaultCover(null, item.id) } @> 629 <img alt="<@- item.title @> cover" style="width:100%;max-height:100px;" class="img-fit-contain lazy" onerror="showCourseDefaultCover(this, '<@- item.id @>')" 630 data-src='<@- curl @>' /> 631 </td> 632 <td class="itemTitle"><@- item.title @><@ if(item.description !== undefined) { @><div class='text-gray variantDescription'><@ print(item.description) @></div><@ } @></td> 633 <td class="text-right curr"><@ if(item.priceWithoutTax !== undefined && 'GST' != '') { @><@ print(getDisplayAmount(item.priceWithoutTax)) @><br><small><@ print(getDisplayAmount(item.price)) @> incl. <@- item.gstRate @>% GST</small><@ } else { @><@ print(getDisplayAmount(item.price)) @> <@ if(item.gstRate > 0 && 'GST' != '') { print("<br><small>incl. " +item.gstRate+"% GST</small>") } @><@ } @> 634 <@ if(item.pgChargesLearnerPercent !==undefined && getDisplayAmount(item.pgChargesLearnerPercent).includes('â¹')) {@> <br><small>Internet handling fees: <@print(getDisplayAmount(item.pgChargesLearnerPercent/100*item.price))@></small> <@} @> 635 </td> 636 <td>
636<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> 637 </tr> 638 </script>
vendor: 1 bytes, line 638
638
639<script type="text/template" id="cartcoursecard-template"> 640 <div class="column col-2 col-md-4 scourse <@- item['spayee:resource']['spayee:courseType'] @>" title="<@- item["spayee:resource"]["spayee:title"] @>"> 641 <a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 642 <@ 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) } @> 643 <img style="width: 100%;" alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 644 <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> 645 </a> 646 </div> 647 </script>
vendor: 1 bytes, line 647
647
648<script type="text/template" id="coursecard-template"> 649 <div class="column scourse <@- item['spayee:resource']['spayee:courseType'] @> hidePackageRibbon<@- item['spayee:resource']['spayee:hidePackageRibbon'] @>"> 650 651 652 653 <@ var itemCategory = (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:'' @> 654 655 <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@>" 656 amplitude-event="course_card_tapped_checkout" 657 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, '18.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable('', item) @>","wallet_coins_enabled_on_school":"false","category":"<@- itemCategory @>"}' 658 > 659 660 661 662 <div class="card-image relative <@ print(item["spayee:resource"]["spayee:availableForMembership"] ? 'includedInMembership' : '') @>"> 663 <@ 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); } @> 664 <div class="blurbg lazy" data-bg="<@- curl @>"></div> 665 <img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 666 </div> 667 <div class="card-body text-ellipsis"> 668 <span class="ctitle" style="color:#2f4f4f;text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;"><@- item["spayee:resource"]["spayee:title"] @></span><br> 669 670 <@ if(item.rating !== undefined) { @> 671 <span class="text-gray ratingIcons icon-text"> 672 <@ for(var i=1;i<6;i++) { @> 673 <@ 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 { @> 674 <i class="material-icons">star_border</i> 675 <@ } } @></span><small class="d-inline-block pl-1 text-dark"><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</small> 676 <@ }else { @> <span class="text-gray ratingIcons icon-text"> </span> <@ } @> 677 <br> 678 <span class="text-gray"> 679 <@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @> 680 <@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses 681 <@ }else { @> 682 <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?htmlEntities(item["spayee:resource"]["spayee:publisher"]):" ") @> 683 <@ } @> 684 </span> 685 </div> 686 <div class="card-footer"> 687 <@ print(getCourseDisplayPrice('â¹', '', item, '18.0', '', true)) @> 688 <span class="text-gray" style="font-size:small"> 689 <@ if(item['spayee:resource']['spayee:instalmentPlanId']!=null && item['spayee:resource']['spayee:instalmentPlanId'] !== "") { @> 690 <@ print(getCourseInstalmentDisplayPrice('', item))@> 691 <@ }else { @> 692 <@ " " @> 693 <@ } @> 694 </span> 695 </div> 696 <div style="padding: 0 0.8rem 0.8rem 0.8rem;"> 697 <span class="text-gray" style="font-size:small"> 698 <@ if(getMultiplePlanLabel('', item)>1) {@> 699 <i class="material-icons text-primary" style="font-size:small">discount</i> 700 <@ print(' Flexible pricing plans') } @> 701 </span> 702 </div> 703 </a> 704 </div> 705 </script>
705 706
707<script type="text/template" id="blogcard-template"> 708 <div class="column col-3 col-md-6 col-sm-6 col-xs-12 scourse" style="margin-bottom: 20px;"> 709 <a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="/blog/<@- item['spayee:resource']['spayee:url'] @>"> 710 <div class="card-image relative"> 711 <@ if(item['spayee:resource']['spayee:cover'] !== undefined && item['spayee:resource']['spayee:cover']) { @> 712 <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> 713 <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 @>')"> 714 <@ }else { @> 715 <div class="blurbg lazy" data-bg="https://d502jbuhuh9wk.cloudfront.net/resources/images/defaultCourseCover.png"></div> 716 <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'> 717 <@ } @> 718 </div> 719 <div class="card-body text-ellipsis"><span style="color:#2f4f4f;"><@- item["spayee:resource"]["spayee:title"] @></span></div> 720 <div class="card-footer" style="padding: 0.4rem;"> 721 <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> 722 <@ var pdate = item.createdDate.$date; if(item['spayee:resource']['spayee:publishDate'] !== undefined && item['spayee:resource']['spayee:publishDate'] !== '') { pdate = item['spayee:resource']['spayee:publishDate']; } @> 723 <time class="float-right text-warning"><@ print(formatDate(new Date(pdate))) @></time> 724 </div> 725 </a> 726 </div> 727 </script>
727 728 729
729<script type="text/javascript"> 730 var uuid = function (a) { 731 // https://github.com/amplitude/Amplitude-Javascript/blob/master/src/uuid.js 732 return a // if the placeholder was passed, return 733 ? // a random number from 0 to 15 734 ( 735 a ^ // unless b is 8, 736 ((Math.random() * // in which case 737 16) >> // a random number from 738 (a / 4)) 739 ) // 8 to 11 740 .toString(16) // in hexadecimal 741 : // or otherwise a concatenated string: 742 ( 743 [1e7] + // 10000000 + 744 -1e3 + // -1000 + 745 -4e3 + // -4000 + 746 -8e3 + // -80000000 + 747 -1e11 748 ) // -100000000000, 749 .replace( 750 // replacing 751 /[018]/g, // zeroes, ones, and eights with 752 uuid, // random hex digits 753 ); 754 }; 755 756 (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script") 757 ;r.type="text/javascript" 758 ;r.integrity="sha384-tzcaaCH5+KXD4sGaDozev6oElQhsVfbJvdi3//c2YvbY02LrNlbpGdt3Wq4rWonS" 759 ;r.crossOrigin="anonymous";r.async=true 760 ;r.src="https://cdn.amplitude.com/libs/amplitude-8.5.0-min.gz.js" 761 ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){ 762 console.log("[Amplitude] Error: could not load SDK")}} 763 ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i) 764 ;function s(e,t){e.prototype[t]=function(){ 765 this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}} 766 var o=function(){this._q=[];return this} 767 ;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"] 768 ;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[] 769 ;return this} 770 ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"] 771 ;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u 772 ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"] 773 ;function v(e){function t(t){e[t]=function(){ 774 e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}} 775 for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){ 776 e=(!e||e.length===0?"$default_instance":e).toLowerCase() 777 ;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e]) 778 }return n._iq[e]};e.amplitude=n})(window,document); 779 780 amplitude.getInstance().init('e56929a4c3888c23e97a7e70e34ccf6c'); 781 amplitude.getInstance().setUserId(null); 782 //amplitude.getInstance().regenerateDeviceId(); 783 784 var userProperties = { 785 custom_domain: "www.growithsatori.com", 786 org_id: "634f9aabe4b0eb6d7ee6d009", 787 default_google_login_enabled: 'true' == 'true', 788 personalized_google_login_enabled: '' != '' && 'true' == 'false' ? true : false, 789 facebook_login_enabled: 'false' == 'true' ? true : false 790 }; 791 amplitude.getInstance().setUserProperties(userProperties); 792 793/* var deviceId = uuid(); 794 amplitude.getInstance().setDeviceId(deviceId); 795 sessionStorage.setItem('amplitudeDeviceId', deviceId); */ 796 </script>
796 797 798
798<script type="text/javascript"> 799 window.signupParams = {source: "store", platform: "web", sourceId: null}; 800 var showGraphyFomoFlag = ''; 801 802 showGraphyFomoFlag = '634f9aabe4b0eb6d7ee6d009'; 803 804 </script>
804 805 806
806<script type="text/javascript"> 807 function hideCheckoutLoader() { 808 if(typeof window.hideLoader =="function") { 809 window.hideLoader(); 810 } 811 } 812 var checkoutRedirectGuestUsers = 'signup'; 813 </script>
813 814 815 816 817 818 819
820<script type="text/template" id="spcoursecard-2-template"> 821 <div class="column third"> 822 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 823 <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;"> 824 <@ 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); } @> 825 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 826 <h4 class="size-21 text-ellipsis" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><@- item['spayee:resource']['spayee:title'] @></h4> 827 <p class="size-16"><@ if(item.rating !== undefined) { @> 828 <span class="text-gray ratingIcons icon-text"> 829 <@ for(var i=1;i<6;i++) { @> 830 <@ 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 { @> 831 <i class="material-icons">star_border</i> 832 <@ } } @></span><span><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</span> 833 <@ }else { @> <span class="text-gray ratingIcons icon-text"> </span> <@ } @></p> 834 <p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @> 835 <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:" ") @><@ } @></p> 836 837 <p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', true)) @></span><br></p> 838 <div style="margin:1em 0"></div> 839 </a> 840 </div> 841 </script>
vendor: 1 bytes, line 841
841
842<script type="text/template" id="spcoursecard-1-template"> 843 <div class="column third"> 844 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 845 <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;"> 846 <@ 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); } @> 847 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 848 <h4 class="size-21 text-ellipsis" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><@- item['spayee:resource']['spayee:title'] @></h4> 849 <div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div> 850 851 <p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', true)) @></span><br></p> 852 <div style="margin:1em 0"></div> 853 </a> 854 </div> 855 </script>
vendor: 1 bytes, line 855
855
856<script type="text/template" id="spcoursecard-3-template"> 857 <div class="column third"> 858 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 859 <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;"> 860 <@ 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); } @> 861 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 862 <h4 class="size-21 text-ellipsis" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><@- item['spayee:resource']['spayee:title'] @></h4> 863 <div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div> 864 <p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @> 865 <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:" ") @><@ } @></p> 866 <p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', true)) @></span><br></p> 867 <div style="margin:1em 0"></div> 868 </a> 869 </div> 870 </script>
870 871
872<script type="text/template" id="spcoursecard-4-template"> 873 <div class="column third text-center" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;"> 874 <@ 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); } @> 875 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 876 <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;"> 877 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 878 </a> 879 <h3 class="size-18 text-center" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><b class="text-primary"><@- item['spayee:resource']['spayee:title'] @></b></h3> 880 <div class="discription"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div> 881 <p class="size-18 price text-primary"><@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', true)) @></p> 882 <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> 883 </div> 884 </script>
884
885<script type="text/template" id="spcoursecard-5-template"> 886 <div class="column third" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;"> 887 <@ 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); } @> 888 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 889 <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;"> 890 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 891 </a> 892 <h3 class="sub-heading"><b class="size-18 text-primary"><@- item['spayee:resource']['spayee:title'] @></b></h4> 893 <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 { @> 894 Instructor : <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:" ") @><@ } @></p> 895 <@if(item.rating){@> 896 <p class="size-16 description text-primary">Rating: 897 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 898 <@if(item.rating){@> 899 <@if(item.rating.avgRating){@> 900 <@ if(item.rating.avgRating >= ratingsSize) {@> 901 <i class="icon ion-android-star text-primary"></i> 902 <@ } else if(item.rating.avgRating > ratingsSize-1 && item.rating.avgRating < ratingsSize) { @> 903 <i class="icon ion-android-star-half text-primary"></i> 904 <@ } @> 905 <@}@> 906 <@}@> 907 <@}@> 908 </p> 909 <@}@> 910 911 <p class="size-18 price text-primary">Price : <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', true)) @></p> 912 <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> 913 </div> 914 </script>
914 915
916<script type="text/template" id="spcoursecard-6-template"> 917 <div class="column third"> 918 <@ 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); } @> 919 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 920 921 922 <@ var itemCategory = (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:''@> 923 924 <@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) { @> 925 <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('â¹', sessionCountry, item, '18.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}'> 926 <@ } else { @> 927 <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('â¹', sessionCountry, item, '18.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}'> 928 <@ } @> 929 930 931 <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;"> 932 </a> 933 <div style="font-weight: 800; line-height: 1.1; text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;" class="text-ellipsis"><@- item['spayee:resource']['spayee:title'] @></div> 934 <p class="size-16 description text-primary"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @> Courses<@ } @></p> 935 <p class="size-18 price text-primary"><@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) @> <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', false)) @></p> 936 <@ if (item.isMembershipPage != undefined && !item.isMembershipPage) { @> 937 938 939 <@ var itemCategory = (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:'' @> 940 <@ if(isMultiplePlansAvailable(sessionCountry, item) === false) { @> 941 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="/single-checkout/<@- item['_id'] @>?pid=<@ print(getCoursePid(sessionCountry, 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('â¹', sessionCountry, item, '18.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","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;"> 942 Buy now 943 </a> 944 <@ } else { @> 945 946 <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('â¹', sessionCountry, item, '18.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","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;"> 947 Buy now 948 </a> 949 <@ } @> 950 951 952 953 <@ } @> 954 </div> 955 </script>
955 956 957
958<script type="text/template" id="spcoursecard-7-template"> 959 <div class="column third course-mob-block"> 960 <div class="inner-course-block"> 961 <@ 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); } @> 962 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 963 <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;"> 964 <img class="lazy" data-style="width: 100%; height: auto;" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')" > 965 </a> 966 <div class="course-price-block"> 967 <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; text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"> 968 <@- item['spayee:resource']['spayee:title'] @> 969 </p> 970 <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;"> 971 <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', false)) @> 972 </p> 973 </div> 974 <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;"> 975 Enroll now 976 </a> 977 </div> 978 </div> 979</script>
979 980
981<script type="text/template" id="spcoursecard-8-template"> 982 <div class="row clearfix" style="margin-bottom: 24px; margin-top: 14px;"> 983 <@ 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); } @> 984 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 985 <div class="column third center" style="padding-left: 0px; padding-right: 0px;"> 986 <img 987 class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')" 988 style="margin-top: 0px; margin-bottom: 0px;" 989 /> 990 </div> 991 <div class="column two-third course-block-mob" style="display: flex; flex-direction: column; justify-content: center;"> 992 <div class="course-price-block"> 993 <h3 style="color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; line-height: 1.1; margin-bottom: 0px; margin-top: 0px; text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"> 994 <@- item['spayee:resource']['spayee:title'] @> 995 </h3> 996 <div class="sortDescription8"> 997 <@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @> 998 </div> 999 </div> 1000 1001 <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;"> 1002 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', false)) @> 1003 </a> 1004 </div> 1005 </div> 1006 </script>
1006 1007 1008 1009 <!-- vegas TEMPLATE 9 NEW--> 1010
1010<script type="text/template" id="spcoursecard-9-template" > 1011 <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;"> 1012 <div style="border:1px solid #D7D7D7; border-radius:24px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;"> 1013 <@ 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); } @> 1014 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1015 1016 <a style="color:black; text-align:left;" 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 @>"}'> 1017 <img style="height:200px; width:100%; object-fit:fill; margin:0px 0px; border-top-left-radius:24px; border-top-right-radius:24px;" class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1018 </a> 1019 1020 <div style="padding:10px 20px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content"> 1021 <h3 1022 class="size-18 text-left" 1023 title="<@- item['spayee:resource']['spayee:title'] @>" 1024 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;" 1025 > 1026 <b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b> 1027 </h3> 1028 1029 <div 1030 class="size-16 text-ellipsis course-card-text" 1031 title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 1032 style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;" 1033 > 1034 <@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @> 1035 </div> 1036 </div> 1037 1038 <div style="margin-top: auto; margin-left:10px;"> 1039 <a style="background-color:#FB5607 !important; border:0px !important; border-radius:62px !important; padding:10px 16px !important; width: fit-content; display: inline-block; text-decoration: none; color: white; padding: 12px 24px; font-weight: 600 !important; font-size: 16px;letter-spacing:0px; !important" 1040 class="buy-btn btn btn-primary" 1041 title="<@- item['spayee:resource']['spayee:title'] @>" 1042 amplitude-event="buy_now_tapped_course_checkout" 1043 amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 1044 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1045 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', false)) @> 1046 </a> 1047 </div> 1048 </div> 1049 </div> 1050 </div> 1051</script>
1051 1052 1053 <!--Blaze Course nEW tEMPLATE 10--> 1054
1054<script type="text/template" id="spcoursecard-10-template"> 1055 <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 10px;margin-top:10px; text-align:left;"> 1056 <div style="height: 100%; display: flex; flex-direction: column;"> 1057 <@ 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); } @> 1058 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1059 1060 <a style="color:black; text-align:left;" 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; color:black; font-size:24px;"> 1061 <img style="height:320px; object-fit:cover; margin:0px 0px;" class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1062 </a> 1063 1064 <div style=" flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content"> 1065 <h3 1066 class="size-18 text-left" 1067 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: white;" 1068 > 1069 <b title="<@= item['spayee:resource']['spayee:title'] @>" style="color:white;"> 1070 <@- item['spayee:resource']['spayee:title'] @> 1071 </b> 1072 </h3> 1073 1074 <div title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" class="size-16 text-ellipsis course-card-text" style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;color:white;"> 1075 <@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @> 1076 </div> 1077 1078 <div style="margin-top: auto;"> 1079 <a style="width:100% !important;font-weight:600 !important; letter-spacing:0px; color:black !important; background-color:#D8FD46 !important; border:0px !important; border-radius:0px !important; padding:20px 36px !important; width: fit-content; display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; cursor: pointer; padding: 16px 28px; line-height: 16px; font-weight: 700; font-size: 16px; letter-spacing: 0px; border-image: initial;" 1080 class="buy-btn btn btn-primary" 1081 title="<@- item['spayee:resource']['spayee:title'] @>" 1082 amplitude-event="buy_now_tapped_course_checkout" 1083 amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 1084 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1085 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', false)) @> 1086 </a> 1087 1088 </div> 1089 </div> 1090 </div> 1091 </div> 1092 </script>
1092 1093 1094 <!--Olive Course 11--> 1095
1095<script type="text/template" id="spcoursecard-11-template" > 1096 <@ 1097 // Calculate colors based on index 1098 var colorIndex = (typeof window.courseCardColorIndex === 'undefined') ? 0 : window.courseCardColorIndex; 1099 var colors = [ 1100 { bg: '#FFA46B', btnBg: '#361500' }, // Orange card â Dark brown button 1101 { bg: '#87A1F6', btnBg: '#001A71' }, // Blue card â Dark blue button 1102 { bg: '#B073DC', btnBg: '#34005A' } // Purple card â Dark brown button (default) 1103 ]; 1104 var currentColor = colors[colorIndex % 3]; 1105 window.courseCardColorIndex = colorIndex + 1; 1106 @> 1107 1108 <div class="column third text-center course-card course-card-fixed-height" style="padding: 0 15px; margin-bottom: 30px;"> 1109 <div class="course-card-wrapper" style="background-color: <@- currentColor.bg @>; height: 100%; border-radius: 32px; overflow: hidden;"> 1110 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; 1111 if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1112 1113 <a class="course-image-link" style="display: block; padding: 16px;padding-bottom:0px" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1114 <img style="height:320px; width:100%; object-fit:cover; border-radius: 32px;" class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1115 </a> 1116 1117 <div style="padding: 20px;" class="course-card-content"> 1118 <h3 style="font-size:24px; text-transform:uppercase; color: black; margin: 0 0 15px 0; text-align: left;white-space:nowrap; overflow: hidden; text-overflow: ellipsis;width: 100%;display:block;"> 1119 <b title="<@= item['spayee:resource']['spayee:title'] @>"><@- item['spayee:resource']['spayee:title'] @></b> 1120 </h3> 1121 <div title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" class="size-16 text-ellipsis course-card-text" style="max-height: 3rem; min-height: 3rem; color:black; margin-bottom: 12px;text-align: left;"> 1122 <@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:" ") @> 1123 </div> 1124 <a class="enroll-button" 1125 style="display: block; 1126 background-color: <@- currentColor.btnBg @>; 1127 color: white !important; 1128 padding: 12px; 1129 text-align: center; 1130 font-weight: 600; 1131 text-decoration: none; 1132 border-radius: 32px;" 1133 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1134 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', false)) @> 1135 </a> 1136 </div> 1137 </div> 1138 </div> 1139 1140 </script>
1140 1141 1142 1143 <!-- Nebula Course 12--> 1144
1144<script type="text/template" id="spcoursecard-12-template" > 1145 <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;"> 1146 <div style="border:0px; border-radius:16px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;"> 1147 <@ 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); } @> 1148 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1149 1150 <a style="color:black; text-align:left;" 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 @>"}'> 1151 <img style="height:240px; width:100%; object-fit:fill; margin:0px 0px; border-radius:16px; " class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1152 </a> 1153 1154 <div style="padding:10px 0px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content"> 1155 <h3 1156 class="size-18 text-left" 1157 title="<@- item['spayee:resource']['spayee:title'] @>" 1158 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;" 1159 > 1160 <b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b> 1161 </h3> 1162 1163 <div 1164 class="size-16 text-ellipsis course-card-text" 1165 title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 1166 style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;" 1167 > 1168 <@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @> 1169 </div> 1170 </div> 1171 1172 <div style="margin-top: auto; margin-left:0px;"> 1173 <a style="background-color:#6715FF !important; border-radius:12px !important; padding:10px 16px !important; width: fit-content; display: inline-block; text-decoration: none; color: white; padding: 12px 24px; font-weight: 600 !important; font-size: 16px;letter-spacing:0px; !important" 1174 class="buy-btn btn btn-primary" 1175 title="<@- item['spayee:resource']['spayee:title'] @>" 1176 amplitude-event="buy_now_tapped_course_checkout" 1177 amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 1178 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1179 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', false)) @> 1180 </a> 1181 </div> 1182 </div> 1183 </div> 1184 </div> 1185 </script>
1185 1186 1187 1188 1189 <!--Dusk Course-13--> 1190
1190<script type="text/template" id="spcoursecard-13-template" > 1191 <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;"> 1192 <div style="border:0px; border-radius:16px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;"> 1193 <@ 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); } @> 1194 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '18.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1195 1196 <a style="color:black; text-align:left;" 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 @>"}'> 1197 <img style="height:240px; width:100%; object-fit:fill; margin:0px 0px; border-radius:16px; " class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1198 </a> 1199 1200 <div style="padding:10px 0px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content"> 1201 <h3 1202 class="size-18 text-left" 1203 title="<@- item['spayee:resource']['spayee:title'] @>" 1204 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;" 1205 > 1206 <b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b> 1207 </h3> 1208 1209 <div 1210 class="size-16 text-ellipsis course-card-text" 1211 title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 1212 style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;" 1213 > 1214 <@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @> 1215 </div> 1216 </div> 1217 1218 1219 1220 <div style="margin-top: auto; margin-left:0px;"> 1221 <a style="background-color:#282400 !important;border:0px ; border-radius:41px !important; padding:10px 24px !important; width: fit-content; display: inline-block; text-decoration: none; color: white; padding: 12px 24px; font-weight: 600 !important; font-size: 16px;letter-spacing:0px; !important" 1222 class="buy-btn btn btn-primary" 1223 title="<@- item['spayee:resource']['spayee:title'] @>" 1224 amplitude-event="buy_now_tapped_course_checkout" 1225 amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 1226 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1227 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', false)) @> 1228 </a> 1229 </div> 1230 </div> 1231 </div> 1232 </div> 1233 </script>
1233 1234 1235 1236 1237 1238 1239 1240 1241 1242 1243<!-- Curriculum 1st Template -->
1244<script type="text/template" id="coursecurr-1-template"> 1245 <table class="table courseContents"> 1246 <thead> 1247 <tr> 1248 <td style="width: 50px;"></td> 1249 <td style="width: 50px;"></td> 1250 <td></td> 1251 </tr> 1252 </thead> 1253 <tbody> 1254 <@ $.each(item, function(index, value) { @> 1255 <tr> 1256 <td><i class="material-icons courseItemIcon" data-type="<@- value.type @>"></i></td> 1257 <td colspan="2"> 1258 <@- value.title @> 1259 <@ if(value.type == 'aiheading') { @> 1260 <small>(coming soon)</small><@ } @> 1261 <@ if(assetInfo && value.type == 'video' && value.duration !== undefined && value.duration > 0) { @> 1262 <small>(<@ print(Math.floor(value.duration)) @>:00)</small><@ } @> 1263 <@ if(assetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @> 1264 <small>(<@- value.pages @> pages)</small> 1265 <@ } @> 1266 </td> 1267 </tr> 1268 <@ if(value.items != undefined) { @> <@ $.each(value['items'], function(index1, value1) { @> 1269 <tr> 1270 <td></td> 1271 <td><i class="material-icons courseItemIcon" data-type="<@- value1.type @>"></i></td> 1272 <td> 1273 <@- value1.title @> 1274 <@ if(assetInfo && value.type == 'video' && value1.duration !== undefined && value1.duration > 0) { @><small>(<@ print(Math.floor(value1.duration)) @>:00)</small><@ } @> 1275 <@ if(assetInfo && value1.type =='pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @> 1276 <@ if(value1.type =='aiheading') { @><small>(coming soon)</small><@ } @> 1277 </td> 1278 </tr> 1279 <@ }); @> <@ } @> <@ }); @> 1280 </tbody> 1281 </table> 1282</script>
1282 1283 1284 1285<!-- Curriculum 2nd Template -->
1286<script type="text/template" id="coursecurr-2-template"> 1287 <div class="column full curriculum2" spellcheck="false"> 1288 <div class="course-content1" > 1289 <p style="font-size: 15px; font-weight: 400; margin-top: 0px;"> 1290 <@if(summary.modules && summary.modules>0){@> 1291 <@print(summary.modules)@> Modules <i class="icon ion-android-folder-open"></i> <@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@>|<@}@> 1292 <@}@> 1293 <@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@> 1294 <@print(summary.sessions)@> Sessions <i class="icon ion-android-laptop"></i> <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>|<@}@> 1295 <@}@> 1296 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 1297 <@print(millisecondsToHHMMSSStr(summary.durations))@> Total Time <i class="icon ion-ios-clock-outline"></i> 1298 <@}@> 1299 </p> 1300 </div> 1301 1302 1303 <@ $.each(item, function(index, value) { @> 1304 <div class="course-course-content-box" > 1305 <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<@}@>" > 1306 <span class="title-icon"> 1307 <span class="material-icons <@if(value && !value.contents){@> text-primary <@}@>"><@ print(getCourseAssetIcon(value.type))@></span> 1308 </span> 1309 <div class="titl5b" > 1310 <h3 class="<@if(value && !value.contents){@> text-primary <@}@>"> 1311 <@print(value.title)@> <@ if(curriculumAssetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @><small>(<@- value.pages @> pages)</small><@ } @> 1312 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 1313 <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> 1314 <@}@> 1315 </h3> 1316 <p class="<@if(value && !value.contents){@> text-primary <@}@>"><@if(value && value.contents && curriculumAssetInfo){@> 1317 Sessions: <@print(value.contents)@> 1318 <@}@> 1319 <@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@>|<@}@> 1320 Time: <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1321 <@}@> 1322 <@if(value && value.contents>0){@><span class="material-icons">expand_more</span><@}@> </p> 1323 </div> 1324 </div> 1325 <@if(value && value.items){@> 1326 <@ $.each(value['items'], function(index1, value1) { @> 1327 <div class="course-content-body <@if(index==0){@>showing<@ }@>" > 1328 <div class="desc1 " > 1329 <div class="is-box-9" > 1330 <div class="boxa1" > 1331 <span class="material-icons text-primary"><@ print(getCourseAssetIcon(value1.type))@></span> 1332 <p> <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @> 1333 <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @> 1334 </p> 1335 1336 </div> 1337 </div> 1338 <div class="is-box-1" > 1339 <div class="boxa2" > 1340 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1341 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>#<@print(value1.id)@>"> 1342 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 1343 </a> 1344 <@}@> 1345 </div> 1346 </div> 1347 <div class="is-box-2" > 1348 <div class="boxa2" > 1349 <p class="duration"><@if(value1.duration && curriculumAssetInfo){@><@print(millisecondsToHHMMSSStr(value1.duration))@><@}@></p> 1350 </div> 1351 </div> 1352 </div> 1353 </div> 1354 <@ }); @> 1355 <@}@> 1356 </div> 1357 <@ }); @> 1358 1359 </div> 1360</script>
1360 1361 1362 1363 1364 1365 1366<!-- Curriculum 3rd Template -->
1367<script type="text/template" id="coursecurr-3-template"> 1368 <div class="column full" spellcheck="false" data-gramm="false"> 1369 <div class="accordion-syllabus" > 1370 <@ $.each(item, function(index, value) { @> 1371 <div class="accordion-syllabus-item"> 1372 <header class="accordion-syllabus-header"> 1373 <h4 class="accordion-syllabus-header__title"> 1374 <span class="text-primary"> 1375 <@if(index<9){@> 1376 0<@print(index+1)@> 1377 <@ } else {@> 1378 <@print(index+1)@> 1379 <@ } @> 1380 </span> 1381 <p><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 1382 <@if(value && value.items){@> 1383 <@ print(value.items.length) @> attachment(s) 1384 <@}@> 1385 <@if(value.moduleDurations && curriculumAssetInfo){@> 1386 <@if(value && value.contents){@> ⢠<@}@> 1387 <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1388 <@}@> 1389 </span></p> 1390 1391 </h4> 1392 <div class="accordion-syllabus-header__info"> 1393 <p class="text-primary hide-sm"> 1394 <@if(value && value.items){@> 1395 <@ print(value.items.length) @> attachment(s) 1396 <@}@> 1397 <@if(value.moduleDurations && curriculumAssetInfo){@> 1398 <@if(value && value.contents){@> ⢠<@}@> 1399 <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1400 <@}@> 1401 </p> 1402 <@if(value && value.items){@> 1403 <div class="accordion-syllabus-header__icon text-primary"> 1404 <i class="fa fa-angle-left" aria-hidden="true"></i> 1405 </div> 1406 <@}@> 1407 </div> 1408 </header> 1409 <@if(value && value.items){@> 1410 <div class="accordion-content" style=""> 1411 <div class="accordian-content-block"> 1412 <ul class="accordian-list"> 1413 <@ $.each(value['items'], function(index1, value1) { @> 1414 <li class="accordian-list__item"> 1415 <div class="accordian-content-card"> 1416 <div class="accordian-content-card__info"> 1417 <div class="accordian-content-card__ico"> 1418 <@ if(value1.type == 'code'){ @> 1419 <img src="/resources/images/CodeIcon.svg"> 1420 <@ } else { @> 1421 <span class="material-icons text-primary"> 1422 <@ print(getCourseAssetIcon(value1.type))@> 1423 </span> 1424 <@ } @> 1425 </div> 1426 <div class="accordian-content-card__title"> 1427 <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @> 1428 <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @> 1429 </div> 1430 </div> 1431 <div class="accordian-content-card__link"> 1432 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1433 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn"> 1434 <span class="text-primary"> 1435 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @><span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span> 1436 </span> 1437 </a> 1438 <@}@> 1439 </div> 1440 </div> 1441 </li> 1442 <@ }); @> 1443 </ul> 1444 </div> 1445 </div> 1446 <@ } @> 1447 </div> 1448 <@ }); @> 1449 </div> 1450 </div> 1451</script>
1451 1452 1453 1454 1455<!-- Curriculum 4th Template -->
1456<script type="text/template" id="coursecurr-4-template"> 1457 <div class="column full coursecurr4"> 1458 <@ $.each(item, function(index, value) { @> 1459 <div class="accordion-syllabus-item"> 1460 <header class="accordion-syllabus-header" > 1461 <h4 class="accordion-syllabus-header__title"> 1462 <span> 1463 <@if(index<9){@>0<@print(index+1)@><@ } else {@> <@print(index+1)@> <@ } @> 1464 </span> 1465 <div class="accordion-syllabus-header__title-block" > 1466 <p style="font-size: 20px; font-weight: 700;"> 1467 <@print(value.title)@> 1468 </p> 1469 <p class="text-primary" style="font-weight: 500; font-size: 14px; line-height: 150%; margin-top: 10px; "> 1470 <@if(value && value.type == 'aiheading'){@> 1471 (coming soon) 1472 <@}@> 1473 <@if(value && value.items){@> 1474 <@ print(value.items.length) @> attachment(s) 1475 <@}@> 1476 <@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@> ⢠<@}@> 1477 <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1478 <@}@> 1479 </p> 1480 </div> 1481 </h4> 1482 <@if(value && value.items){@> 1483 <div class="accordion-syllabus-header__info" > 1484 <div class="accordion-syllabus-header__icon" > 1485 <i class="fa fa-angle-left" aria-hidden="true"></i> 1486 </div> 1487 </div> 1488 <@ } @> 1489 </header> 1490 <@if(value && value.items){@> 1491 <div class="accordion-content" style=""> 1492 <div class="accordian-content-block" > 1493 <ul class="accordian-list"> 1494 <@ $.each(value['items'], function(index1, value1) { @> 1495 <li class="accordian-list__item"> 1496 <div class="accordian-content-card" > 1497 <div class="accordian-content-card__info" > 1498 <div class="accordian-content-card__ico" > 1499 <@ if(value1.type == 'code'){ @> 1500 <img src="/resources/images/CodeIcon.svg"> 1501 <@ } else { @> 1502 <span class="material-icons text-primary"> 1503 <@ print(getCourseAssetIcon(value1.type))@>262 1504 </span> 1505 <@ } @> 1506 </div> 1507 <div class="accordian-content-card__title" > 1508 <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @> 1509 <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @> 1510 </div> 1511 </div> 1512 <div class="accordian-content-card__link" > 1513 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1514 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn"> 1515 <span class="text-primary"> 1516 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span> 1517 </span> 1518 </a> 1519 <@ } @> 1520 </div> 1521 </div> 1522 </li> 1523 <@ }); @> 1524 </ul> 1525 </div> 1526 </div> 1527 <@ } @> 1528 </div> 1529 <@ }); @> 1530 </div> 1531 </script>
1531 1532 1533 <!-- vegas curriculum-5--> 1534
1534<script> 1535 // Simple responsive positioning 1536 function updatePosition() { 1537 const element = document.getElementById('totalTimeElement'); 1538 if(element){ 1539 if (window.innerWidth > 768) { 1540 element.style.position = 'absolute'; 1541 element.style.top = "5px"; 1542 element.style.right = '122px'; 1543 } else { 1544 element.style.position = 'static'; 1545 element.style.margin = '0 0'; 1546 } 1547 } 1548 } 1549 1550 // Run on load and resize 1551 window.addEventListener('load', updatePosition); 1552 window.addEventListener('resize', updatePosition); 1553 </script>
1553 1554
1554<script type="text/template" id="coursecurr-5-template"> 1555 <div class="total-time" id="totalTimeElement" style=" 1556 font-size: 18px; 1557 font-weight: 600; 1558 color: #FB5607; 1559 padding: 8px 12px; 1560 border-radius: 4px; 1561 white-space: nowrap;"> 1562 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 1563 <@print(millisecondsToHHMMSSStr(summary.durations))@> 1564 <@}@> 1565</div> 1566 1567<div class="accordion-syllabus" style="max-width:1000px !important"> 1568 <@ $.each(item, function(index, value) { @> 1569 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 1570 <header class="accordion-syllabus-header" style="background:#F5F5F5 !important; border-radius:0px;box-shadow:none;padding:0.5rem !important"> 1571 <h4 class="accordion-syllabus-header__title"> 1572 <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 1573 <@if(index < 9) {@> 1574 Week <@print(index + 1)@>: 1575 <@ } else {@> 1576 Week <@print(index + 1)@>: 1577 <@ } @> 1578 </span> 1579 <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 1580 <@if(value && value.items){@> 1581 <@ print(value.items.length) @> attachment(s) 1582 <@} else {@> 1583 1 attachment(s) 1584 <@}@> 1585 <@if(value.moduleDurations && curriculumAssetInfo){@> 1586 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1587 <@}@> 1588 </span></p> 1589 </h4> 1590 1591 <div class="accordion-syllabus-header__info"> 1592 <p class="text-primary hide-sm" style="color:#FB5607 !important;"> 1593 <@if(value && value.items){@> 1594 <@ print(value.items.length) @> attachment(s) 1595 <@} else {@> 1596 1 attachment(s) 1597 <@}@> 1598 <@if(value.moduleDurations && curriculumAssetInfo){@> 1599 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1600 <@}@> 1601 </p> 1602 <div class="accordion-syllabus-header__icon text-primary"> 1603 <i class="fa fa-angle-left" aria-hidden="true" style="color:#FB5607;"></i> 1604 </div> 1605 </div> 1606 </header> 1607 <div class="accordion-content" style="filter:none;"> 1608 <div class="accordian-content-block" style="background:#F5F5F5 !important;box-shadow:none;padding:16px 66px 3px 69px !important;"> 1609 <ul class="accordian-list"> 1610 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 1611 <@ if(value['items'] && value['items'].length > 0) { @> 1612 <@ $.each(value['items'], function(index1, value1) { @> 1613 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 1614 <style> 1615 @media (max-width: 768px) { 1616 .accordian-content-card { 1617 flex-direction: column !important; 1618 align-items: stretch !important; 1619 } 1620 1621 .accordian-content-card__top { 1622 flex-direction: row !important; 1623 justify-content: space-between !important; 1624 align-items: center !important; 1625 width: 100% !important; 1626 } 1627 1628 .accordian-content-card__title { 1629 flex: 1 !important; 1630 margin: 0 10px !important; 1631 white-space: nowrap; 1632 overflow: hidden; 1633 text-overflow: ellipsis; 1634 } 1635 1636 .accordian-content-card__bottom { 1637 flex-direction: row !important; 1638 justify-content: space-between !important; 1639 align-items: center !important; 1640 width: 100% !important; 1641 margin-top: 6px !important; 1642 } 1643 1644 .accordian-content-card__link { 1645 flex: 1 !important; 1646 min-width: 0 !important; 1647 text-align: left !important; 1648 } 1649 1650 .accordian-content-card__time { 1651 flex-shrink: 0 !important; 1652 text-align: right !important; 1653 } 1654 } 1655 </style> 1656 1657 <div class="accordian-content-card" 1658 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 1659 1660 1661 <!-- Row 1: Icon + Title + Collapse Icon --> 1662 <div class="accordian-content-card__top" 1663 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 1664 1665 <!-- Icon --> 1666 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 1667 <@ if(value1.type == 'code'){ @> 1668 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 1669 <@ } else { @>
1670 <span class="material-icons text-primary" style="color:#FB5607; font-size: 24px;"> 1671 <@ print(getCourseAssetIcon(value1.type))@> 1672 </span> 1673 <@ } @> 1674 </div> 1675 1676 <!-- Title --> 1677 <div class="accordian-content-card__title" 1678 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 1679 <@print(value1.title)@> 1680 </div> 1681 1682 <!-- Collapse Icon (optional) --> 1683 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 1684 <!-- Example placeholder, add real icon if needed --> 1685 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 1686 </div> 1687 </div> 1688 1689 <!-- Row 2: Preview Button and Time --> 1690 <div class="accordian-content-card__bottom" 1691 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 1692 1693 <!-- Preview Button --> 1694 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 1695 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1696 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 1697 class="previewBtn" 1698 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #FB5607; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 1699 <span class="text-primary" style="color:#FB5607;"> 1700 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 1701 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#FB5607;"></i></span> 1702 </span> 1703 </a> 1704 <@}@> 1705 </div> 1706 1707 <!-- Time --> 1708 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 1709 <p class="text-primary course-asset-time" 1710 style="font-size: 14px; font-weight: 500; color:#FB5607 !important; margin: 0;"> 1711 <@ if(value1.duration && value1.duration > 0) { @> 1712 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 1713 <@ } else { @> 1714 -- 1715 <@ } @> 1716 </p> 1717 </div> 1718 1719 </div> 1720 </div> 1721 1722 1723 </li> 1724 <@ }); @> 1725 <@ } else { @> 1726 <li class="accordian-list__item" style="padding:0px 0px !important;"> 1727 <div class="accordian-content-card" 1728 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 1729 1730 <!-- Row 1: Icon + Title + Collapse Icon --> 1731 <div class="accordian-content-card__top" 1732 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 1733 1734 <!-- Icon --> 1735 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 1736 <@ if(value.type == 'code'){ @> 1737 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 1738 <@ } else { @> 1739 <span class="material-icons text-primary" style="color:#FB5607; font-size: 24px;"> 1740 <@ print(getCourseAssetIcon(value.type))@> 1741 </span> 1742 <@ } @> 1743 </div> 1744 1745 <!-- Title --> 1746 <div class="accordian-content-card__title" 1747 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 1748 <@print(value.title)@> 1749 </div> 1750 1751 <!-- Collapse Icon (optional) --> 1752 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 1753 <!-- Example placeholder, add real icon if needed --> 1754 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 1755 </div> 1756 </div> 1757 1758 <!-- Row 2: Preview Button and Time --> 1759 <div class="accordian-content-card__bottom" 1760 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 1761 1762 <!-- Preview Button --> 1763 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 1764 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 1765 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 1766 class="previewBtn" 1767 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #FB5607; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
1768 <span class="text-primary" style="color:#FB5607;"> 1769 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 1770 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#FB5607;"></i></span> 1771 </span> 1772 </a> 1773 <@}@> 1774 </div> 1775 1776 <!-- Time --> 1777 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 1778 <p class="text-primary course-asset-time" 1779 style="font-size: 14px; font-weight: 500; color:#FB5607 !important; margin: 0;"> 1780 <@ if(value.duration && value.duration > 0) { @> 1781 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 1782 <@ } else { @> 1783 -- 1784 <@ } @> 1785 </p> 1786 </div> 1787 </div> 1788 </div> 1789 </li> 1790 <@ } @> 1791 </ul> 1792 1793 <@ if(itemsCount > 5) { @> 1794 <div style="text-align: center; margin-top: 10px;"> 1795 <button style="background-color: #FB5607; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 1796 onclick=" 1797 var parentAccordion = this.closest('.accordion-content'); 1798 parentAccordion.style.maxHeight = 'none'; 1799 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 1800 this.style.display = 'none'; 1801 "> 1802 View All 1803 </button> 1804 </div> 1805 <@ } @> 1806 </div> 1807 </div> 1808 </div> 1809 <@ }); @> 1810 <@ if(item.length > 5) { @> 1811 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 1812 <button style="background-color: #FB5607; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 1813 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 1814 View All Sessions 1815 </button> 1816 </div> 1817 <@ } @> 1818</div> 1819 </div> 1820</script>
1820 1821 1822 1823<!--Blaze-Curriculum-6-->
1824<script type="text/template" id="coursecurr-6-template"> 1825 <div class="column full" spellcheck="false" data-gramm="false"> 1826 <div class="total-time" id="totalTimeElement" style=" 1827 font-size: 18px; 1828 font-weight: 600; 1829 color: #D8FD46; 1830 padding: 8px 12px; 1831 border-radius: 4px; 1832 white-space: nowrap; 1833 background: #232323; 1834 margin-bottom: 20px;"> 1835 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 1836 <@print(millisecondsToHHMMSSStr(summary.durations))@> 1837 <@}@> 1838 </div> 1839 1840 <div class="accordion-syllabus"> 1841 <@ $.each(item, function(index, value) { @> 1842 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 1843 <header class="accordion-syllabus-header" style="background:#232323 !important; border-radius:0px;box-shadow:none;padding:20px 20px !important"> 1844 <h4 class="accordion-syllabus-header__title"> 1845 <span class="text-primary" style="font-size:18px ; font-weight:600; color:white;"> 1846 <@if(index < 9) {@> 1847 Week <@print(index + 1)@>: 1848 <@ } else {@> 1849 Week <@print(index + 1)@>: 1850 <@ } @> 1851 </span> 1852 <p style="font-size:18px ; font-weight:600;color:white;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;color:#D8FD46 !important;"> 1853 <@if(value && value.items){@> 1854 <@ print(value.items.length) @> attachment(s) 1855 <@} else {@> 1856 1 attachment(s) 1857 <@}@> 1858 <@if(value.moduleDurations && curriculumAssetInfo){@> 1859 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1860 <@}@> 1861 </span></p> 1862 </h4> 1863 <div class="accordion-syllabus-header__info"> 1864 <p class="text-primary hide-sm" style="color:#D8FD46 !important;"> 1865 <@if(value && value.items){@> 1866 <@ print(value.items.length) @> attachment(s) 1867 <@} else {@> 1868 1 attachment(s) 1869 <@}@> 1870 <@if(value.moduleDurations && curriculumAssetInfo){@> 1871 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1872 <@}@> 1873 </p> 1874 <div class="accordion-syllabus-header__icon text-primary"> 1875 <i class="fa fa-angle-left" aria-hidden="true" style="color:#D8FD46;"></i> 1876 </div> 1877 </div> 1878 </header> 1879 <div class="accordion-content" style="filter:none;background:#181818;"> 1880 <div class="accordian-content-block" style="box-shadow:none;padding:16px 20px !important;background:transparent !important;"> 1881 <ul class="accordian-list"> 1882 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 1883 <@ if(value['items'] && value['items'].length > 0) { @> 1884 <@ $.each(value['items'], function(index1, value1) { @> 1885 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 1886 <style> 1887 @media (max-width: 768px) { 1888 .accordian-content-card { 1889 flex-direction: column !important; 1890 align-items: stretch !important; 1891 } 1892 1893 .accordian-content-card__top { 1894 flex-direction: row !important; 1895 justify-content: space-between !important; 1896 align-items: center !important; 1897 width: 100% !important; 1898 } 1899 1900 .accordian-content-card__title { 1901 flex: 1 !important; 1902 margin: 0 10px !important; 1903 white-space: nowrap; 1904 overflow: hidden; 1905 text-overflow: ellipsis; 1906 } 1907 1908 .accordian-content-card__bottom { 1909 flex-direction: row !important; 1910 justify-content: space-between !important; 1911 align-items: center !important; 1912 width: 100% !important; 1913 margin-top: 6px !important; 1914 } 1915 1916 .accordian-content-card__link { 1917 flex: 1 !important; 1918 min-width: 0 !important; 1919 text-align: left !important; 1920 } 1921 1922 .accordian-content-card__time { 1923 flex-shrink: 0 !important; 1924 text-align: right !important; 1925 } 1926 } 1927 </style> 1928 1929 <div class="accordian-content-card" 1930 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; "> 1931 1932 <!-- Row 1: Icon + Title + Collapse Icon --> 1933 <div class="accordian-content-card__top" 1934 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 1935 1936 <!-- Icon --> 1937 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 1938 <@ if(value1.type == 'code'){ @> 1939 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px; filter: invert(1);"> 1940 <@ } else { @>
1941 <span class="material-icons text-primary" style="color:#D8FD46; font-size: 24px;"> 1942 <@ print(getCourseAssetIcon(value1.type))@> 1943 </span> 1944 <@ } @> 1945 </div> 1946 1947 <!-- Title --> 1948 <div class="accordian-content-card__title" 1949 style="font-weight: 400; font-size: 14px; color: white; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 1950 <@print(value1.title)@> 1951 <!-- <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @> 1952 <small style="color: #999;">(<@- value1.pages @> pages)</small> 1953 <@ } @> 1954 <@ if(value1.type == 'aiheading') { @> 1955 <small style="color: #999;">(coming soon)</small> 1956 <@ } @> --> 1957 </div> 1958 1959 <!-- Collapse Icon --> 1960 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 1961 </div> 1962 </div> 1963 1964 <!-- Row 2: Preview Button and Time --> 1965 <div class="accordian-content-card__bottom" 1966 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 1967 1968 <!-- Preview Button --> 1969 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 1970 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1971 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 1972 class="previewBtn" 1973 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #D8FD46 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 1974 <span class="text-primary" style="color:#D8FD46;"> 1975 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 1976 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#D8FD46;"></i></span> 1977 </span> 1978 </a> 1979 <@}@> 1980 </div> 1981 1982 <!-- Time --> 1983 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 1984 <p class="text-primary course-asset-time" 1985 style="font-size: 14px; font-weight: 500; color:#D8FD46 !important; margin: 0;"> 1986 <@ if(value1.duration && value1.duration > 0) { @> 1987 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 1988 <@ } else { @> 1989 -- 1990 <@ } @> 1991 </p> 1992 </div> 1993 </div> 1994 </div> 1995 </li> 1996 <@ }); @> 1997 <@ } else { @> 1998 <li class="accordian-list__item" style="padding:0px 0px !important;"> 1999 <div class="accordian-content-card" 2000 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; "> 2001 2002 <!-- Row 1: Icon + Title + Collapse Icon --> 2003 <div class="accordian-content-card__top" 2004 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2005 2006 <!-- Icon --> 2007 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2008 <@ if(value.type == 'code'){ @> 2009 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px; filter: invert(1);"> 2010 <@ } else { @> 2011 <span class="material-icons text-primary" style="color:#D8FD46; font-size: 24px;"> 2012 <@ print(getCourseAssetIcon(value.type))@> 2013 </span> 2014 <@ } @> 2015 </div> 2016 2017 <!-- Title --> 2018 <div class="accordian-content-card__title" 2019 style="font-weight: 400; font-size: 14px; color: white; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2020 <@print(value.title)@> 2021 </div> 2022 2023 <!-- Collapse Icon (optional) --> 2024 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2025 <!-- Example placeholder, add real icon if needed --> 2026 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2027 </div> 2028 </div> 2029 2030 <!-- Row 2: Preview Button and Time --> 2031 <div class="accordian-content-card__bottom" 2032 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2033 2034 <!-- Preview Button --> 2035 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2036 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 2037 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 2038 class="previewBtn" 2039 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #D8FD46 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2040 <span class="text-primary" style="color:#D8FD46;"> 2041 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2042 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#D8FD46;"></i></span> 2043 </span> 2044 </a> 2045 <@}@> 2046 </div> 2047 2048 <!-- Time --> 2049 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2050 <p class="text-primary course-asset-time" 2051 style="font-size: 14px; font-weight: 500; color:#D8FD46 !important; margin: 0;"> 2052 <@ if(value.duration && value.duration > 0) { @> 2053 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 2054 <@ } else { @> 2055 -- 2056 <@ } @> 2057 </p> 2058 </div> 2059 </div> 2060 </div> 2061 </li> 2062 <@ } @> 2063 </ul> 2064 2065 <@ if(itemsCount > 5) { @> 2066 <div style="text-align: center; margin-top: 10px;"> 2067 <button style="background-color: #D8FD46; color: black; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 0px;" 2068 onclick=" 2069 var parentAccordion = this.closest('.accordion-content'); 2070 parentAccordion.style.maxHeight = 'none'; 2071 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 2072 this.style.display = 'none'; 2073 "> 2074 View All 2075 </button> 2076 </div> 2077 <@ } @> 2078 </div> 2079 </div> 2080 </div> 2081 <@ }); @> 2082 <@ if(item.length > 5) { @> 2083 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 2084 <button style="background-color: #D8FD46; color: black; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 0px;" 2085 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 2086 View All Sessions 2087 </button> 2088 </div> 2089 <@ } @> 2090 </div> 2091 </div> 2092</script>
2092 2093
2094<script> 2095 // Simple responsive positioning (same as Vegas) 2096 function updatePosition() { 2097 const element = document.getElementById('totalTimeElement'); 2098 if(element){ 2099 if (window.innerWidth > 768) { 2100 element.style.position = 'absolute'; 2101 element.style.top = "5px"; 2102 element.style.right = '122px'; 2103 } else { 2104 element.style.position = 'static'; 2105 element.style.margin = '0 0'; 2106 } 2107 } 2108 } 2109 2110 // Run on load and resize 2111 window.addEventListener('load', updatePosition); 2112 window.addEventListener('resize', updatePosition); 2113</script>
2113 2114 2115 2116 2117 2118<!--Nebula Curriculum 7--> 2119 2120
2121<script> 2122 // Simple responsive positioning 2123 function updatePosition() { 2124 const element = document.getElementById('totalTimeElement'); 2125 if(element){ 2126 if (window.innerWidth > 768) { 2127 element.style.position = 'absolute'; 2128 element.style.top = "5px"; 2129 element.style.right = '122px'; 2130 } else { 2131 element.style.position = 'static'; 2132 element.style.margin = '0 0'; 2133 } 2134 } 2135 } 2136 2137 // Run on load and resize 2138 window.addEventListener('load', updatePosition); 2139 window.addEventListener('resize', updatePosition); 2140 </script>
2140 2141
2141<script type="text/template" id="coursecurr-7-template"> 2142 <div class="total-time" id="totalTimeElement" style=" 2143 font-size: 18px; 2144 font-weight: 600; 2145 color: #6715FF; 2146 padding: 8px 12px; 2147 border-radius: 4px; 2148 white-space: nowrap;"> 2149 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 2150 <@print(millisecondsToHHMMSSStr(summary.durations))@> 2151 <@}@> 2152</div> 2153 2154<div class="accordion-syllabus" style="max-width:1000px !important"> 2155 <@ $.each(item, function(index, value) { @> 2156 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 2157 <header class="accordion-syllabus-header" style="background:#F1ECFB !important; border-radius16px;box-shadow:none;padding:20px !important"> 2158 <h4 class="accordion-syllabus-header__title"> 2159 <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 2160 <@if(index < 9) {@> 2161 Week <@print(index + 1)@>: 2162 <@ } else {@> 2163 Week <@print(index + 1)@>: 2164 <@ } @> 2165 </span> 2166 <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 2167 <@if(value && value.items){@> 2168 <@ print(value.items.length) @> attachment(s) 2169 <@} else {@> 2170 1 attachment(s) 2171 <@}@> 2172 <@if(value.moduleDurations && curriculumAssetInfo){@> 2173 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2174 <@}@> 2175 </span></p> 2176 </h4> 2177 2178 <div class="accordion-syllabus-header__info"> 2179 <p class="text-primary hide-sm" style="color:#6715FF !important;"> 2180 <@if(value && value.items){@> 2181 <@ print(value.items.length) @> attachment(s) 2182 <@} else {@> 2183 1 attachment(s) 2184 <@}@> 2185 <@if(value.moduleDurations && curriculumAssetInfo){@> 2186 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2187 <@}@> 2188 </p> 2189 <div class="accordion-syllabus-header__icon text-primary"> 2190 <i class="fa fa-angle-left" aria-hidden="true" style="color:#6715FF;"></i> 2191 </div> 2192 </div> 2193 </header> 2194 <div class="accordion-content" style="filter:none;background:transparent !important;"> 2195 <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;"> 2196 <ul class="accordian-list"> 2197 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 2198 <@ if(value['items'] && value['items'].length > 0) { @> 2199 <@ $.each(value['items'], function(index1, value1) { @> 2200 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 2201 <style> 2202 @media (max-width: 768px) { 2203 .accordian-content-card { 2204 flex-direction: column !important; 2205 align-items: stretch !important; 2206 } 2207 2208 .accordian-content-card__top { 2209 flex-direction: row !important; 2210 justify-content: space-between !important; 2211 align-items: center !important; 2212 width: 100% !important; 2213 } 2214 2215 .accordian-content-card__title { 2216 flex: 1 !important; 2217 margin: 0 10px !important; 2218 white-space: nowrap; 2219 overflow: hidden; 2220 text-overflow: ellipsis; 2221 } 2222 2223 .accordian-content-card__bottom { 2224 flex-direction: row !important; 2225 justify-content: space-between !important; 2226 align-items: center !important; 2227 width: 100% !important; 2228 margin-top: 6px !important; 2229 } 2230 2231 .accordian-content-card__link { 2232 flex: 1 !important; 2233 min-width: 0 !important; 2234 text-align: left !important; 2235 } 2236 2237 .accordian-content-card__time { 2238 flex-shrink: 0 !important; 2239 text-align: right !important; 2240 } 2241 } 2242 </style> 2243 2244 <div class="accordian-content-card" 2245 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 2246 2247 2248 <!-- Row 1: Icon + Title + Collapse Icon --> 2249 <div class="accordian-content-card__top" 2250 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2251 2252 <!-- Icon --> 2253 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2254 <@ if(value1.type == 'code'){ @> 2255 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2256 <@ } else { @>
2257 <span class="material-icons text-primary" style="color:#6715FF; font-size: 24px;"> 2258 <@ print(getCourseAssetIcon(value1.type))@> 2259 </span> 2260 <@ } @> 2261 </div> 2262 2263 <!-- Title --> 2264 <div class="accordian-content-card__title" 2265 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2266 <@print(value1.title)@> 2267 </div> 2268 2269 <!-- Collapse Icon (optional) --> 2270 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2271 <!-- Example placeholder, add real icon if needed --> 2272 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2273 </div> 2274 </div> 2275 2276 <!-- Row 2: Preview Button and Time --> 2277 <div class="accordian-content-card__bottom" 2278 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2279 2280 <!-- Preview Button --> 2281 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2282 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 2283 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 2284 class="previewBtn" 2285 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #6715FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2286 <span class="text-primary" style="color:#6715FF;"> 2287 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2288 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#6715FF;"></i></span> 2289 </span> 2290 </a> 2291 <@}@> 2292 </div> 2293 2294 <!-- Time --> 2295 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2296 <p class="text-primary course-asset-time" 2297 style="font-size: 14px; font-weight: 500; color:#6715FF !important; margin: 0;"> 2298 <@ if(value1.duration && value1.duration > 0) { @> 2299 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 2300 <@ } else { @> 2301 -- 2302 <@ } @> 2303 </p> 2304 </div> 2305 2306 </div> 2307 </div> 2308 2309 2310 </li> 2311 <@ }); @> 2312 <@ } else { @> 2313 <li class="accordian-list__item" style="padding:0px 0px !important;"> 2314 <div class="accordian-content-card" 2315 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 2316 2317 <!-- Row 1: Icon + Title + Collapse Icon --> 2318 <div class="accordian-content-card__top" 2319 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2320 2321 <!-- Icon --> 2322 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2323 <@ if(value.type == 'code'){ @> 2324 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2325 <@ } else { @> 2326 <span class="material-icons text-primary" style="color:#6715FF; font-size: 24px;"> 2327 <@ print(getCourseAssetIcon(value.type))@> 2328 </span> 2329 <@ } @> 2330 </div> 2331 2332 <!-- Title --> 2333 <div class="accordian-content-card__title" 2334 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2335 <@print(value.title)@> 2336 </div> 2337 2338 <!-- Collapse Icon (optional) --> 2339 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2340 <!-- Example placeholder, add real icon if needed --> 2341 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2342 </div> 2343 </div> 2344 2345 <!-- Row 2: Preview Button and Time --> 2346 <div class="accordian-content-card__bottom" 2347 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2348 2349 <!-- Preview Button --> 2350 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2351 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 2352 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 2353 class="previewBtn" 2354 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #6715FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2355 <span class="text-primary" style="color:#6715FF;"> 2356 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2357 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#6715FF;"></i></span> 2358 </span> 2359 </a> 2360 <@}@> 2361 </div> 2362 2363 <!-- Time --> 2364 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2365 <p class="text-primary course-asset-time" 2366 style="font-size: 14px; font-weight: 500; color:#6715FF !important; margin: 0;"> 2367 <@ if(value.duration && value.duration > 0) { @> 2368 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 2369 <@ } else { @> 2370 -- 2371 <@ } @> 2372 </p> 2373 </div> 2374 </div> 2375 </div> 2376 </li> 2377 <@ } @> 2378 </ul> 2379 2380 <@ if(itemsCount > 5) { @> 2381 <div style="text-align: center; margin-top: 10px;"> 2382 <button style="background-color: #6715FF; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2383 onclick=" 2384 var parentAccordion = this.closest('.accordion-content'); 2385 parentAccordion.style.maxHeight = 'none'; 2386 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 2387 this.style.display = 'none'; 2388 "> 2389 View All 2390 </button> 2391 </div> 2392 <@ } @> 2393 </div> 2394 </div> 2395 </div> 2396 <@ }); @> 2397 <@ if(item.length > 5) { @> 2398 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 2399 <button style="background-color: #6715FF; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2400 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 2401 View All Sessions 2402 </button> 2403 </div> 2404 <@ } @> 2405</div> 2406 </div> 2407</script>
2407 2408 2409 2410 2411<!--Olive Curriculum 8-->
2412<script> 2413 // Simple responsive positioning 2414 function updatePosition() { 2415 const element = document.getElementById('totalTimeElement'); 2416 if(element){ 2417 if (window.innerWidth > 768) { 2418 element.style.position = 'absolute'; 2419 element.style.top = "5px"; 2420 element.style.right = '122px'; 2421 } else { 2422 element.style.position = 'static'; 2423 element.style.margin = '0 0'; 2424 } 2425 } 2426 } 2427 2428 // Run on load and resize 2429 window.addEventListener('load', updatePosition); 2430 window.addEventListener('resize', updatePosition); 2431 </script>
2431 2432
2432<script type="text/template" id="coursecurr-8-template"> 2433 <div class="total-time" id="totalTimeElement" style=" 2434 font-size: 18px; 2435 font-weight: 600; 2436 color: #064400; 2437 padding: 8px 12px; 2438 border-radius: 4px; 2439 white-space: nowrap;"> 2440 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 2441 <@print(millisecondsToHHMMSSStr(summary.durations))@> 2442 <@}@> 2443</div> 2444 2445<div class="accordion-syllabus" style="max-width:1000px !important"> 2446 <@ $.each(item, function(index, value) { @> 2447 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 2448 <header class="accordion-syllabus-header" style="background:#E5E5E5 !important; border-radius16px;box-shadow:none;padding:20px !important"> 2449 <h4 class="accordion-syllabus-header__title"> 2450 <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 2451 <@if(index < 9) {@> 2452 Week <@print(index + 1)@>: 2453 <@ } else {@> 2454 Week <@print(index + 1)@>: 2455 <@ } @> 2456 </span> 2457 <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 2458 <@if(value && value.items){@> 2459 <@ print(value.items.length) @> attachment(s) 2460 <@} else {@> 2461 1 attachment(s) 2462 <@}@> 2463 <@if(value.moduleDurations && curriculumAssetInfo){@> 2464 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2465 <@}@> 2466 </span></p> 2467 </h4> 2468 2469 <div class="accordion-syllabus-header__info"> 2470 <p class="text-primary hide-sm" style="color:#064400 !important;"> 2471 <@if(value && value.items){@> 2472 <@ print(value.items.length) @> attachment(s) 2473 <@} else {@> 2474 1 attachment(s) 2475 <@}@> 2476 <@if(value.moduleDurations && curriculumAssetInfo){@> 2477 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2478 <@}@> 2479 </p> 2480 <div class="accordion-syllabus-header__icon text-primary"> 2481 <i class="fa fa-angle-left" aria-hidden="true" style="color:#064400;"></i> 2482 </div> 2483 </div> 2484 </header> 2485 <div class="accordion-content" style="filter:none;background:transparent !important;"> 2486 <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;"> 2487 <ul class="accordian-list"> 2488 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 2489 <@ if(value['items'] && value['items'].length > 0) { @> 2490 <@ $.each(value['items'], function(index1, value1) { @> 2491 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 2492 <style> 2493 @media (max-width: 768px) { 2494 .accordian-content-card { 2495 flex-direction: column !important; 2496 align-items: stretch !important; 2497 } 2498 2499 .accordian-content-card__top { 2500 flex-direction: row !important; 2501 justify-content: space-between !important; 2502 align-items: center !important; 2503 width: 100% !important; 2504 } 2505 2506 .accordian-content-card__title { 2507 flex: 1 !important; 2508 margin: 0 10px !important; 2509 white-space: nowrap; 2510 overflow: hidden; 2511 text-overflow: ellipsis; 2512 } 2513 2514 .accordian-content-card__bottom { 2515 flex-direction: row !important; 2516 justify-content: space-between !important; 2517 align-items: center !important; 2518 width: 100% !important; 2519 margin-top: 6px !important; 2520 } 2521 2522 .accordian-content-card__link { 2523 flex: 1 !important; 2524 min-width: 0 !important; 2525 text-align: left !important; 2526 } 2527 2528 .accordian-content-card__time { 2529 flex-shrink: 0 !important; 2530 text-align: right !important; 2531 } 2532 } 2533 </style> 2534 2535 <div class="accordian-content-card" 2536 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 2537 2538 2539 <!-- Row 1: Icon + Title + Collapse Icon --> 2540 <div class="accordian-content-card__top" 2541 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2542 2543 <!-- Icon --> 2544 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2545 <@ if(value1.type == 'code'){ @> 2546 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2547 <@ } else { @>
2548 <span class="material-icons text-primary" style="color:#064400; font-size: 24px;"> 2549 <@ print(getCourseAssetIcon(value1.type))@> 2550 </span> 2551 <@ } @> 2552 </div> 2553 2554 <!-- Title --> 2555 <div class="accordian-content-card__title" 2556 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2557 <@print(value1.title)@> 2558 </div> 2559 2560 <!-- Collapse Icon (optional) --> 2561 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2562 <!-- Example placeholder, add real icon if needed --> 2563 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2564 </div> 2565 </div> 2566 2567 <!-- Row 2: Preview Button and Time --> 2568 <div class="accordian-content-card__bottom" 2569 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2570 2571 <!-- Preview Button --> 2572 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2573 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 2574 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 2575 class="previewBtn" 2576 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #064400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2577 <span class="text-primary" style="color:#064400;"> 2578 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2579 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#064400;"></i></span> 2580 </span> 2581 </a> 2582 <@}@> 2583 </div> 2584 2585 <!-- Time --> 2586 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2587 <p class="text-primary course-asset-time" 2588 style="font-size: 14px; font-weight: 500; color:#064400 !important; margin: 0;"> 2589 <@ if(value1.duration && value1.duration > 0) { @> 2590 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 2591 <@ } else { @> 2592 -- 2593 <@ } @> 2594 </p> 2595 </div> 2596 2597 </div> 2598 </div> 2599 2600 2601 </li> 2602 <@ }); @> 2603 <@ } else { @> 2604 <li class="accordian-list__item" style="padding:0px 0px !important;"> 2605 <div class="accordian-content-card" 2606 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 2607 2608 <!-- Row 1: Icon + Title + Collapse Icon --> 2609 <div class="accordian-content-card__top" 2610 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2611 2612 <!-- Icon --> 2613 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2614 <@ if(value.type == 'code'){ @> 2615 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2616 <@ } else { @> 2617 <span class="material-icons text-primary" style="color:#064400; font-size: 24px;"> 2618 <@ print(getCourseAssetIcon(value.type))@> 2619 </span> 2620 <@ } @> 2621 </div> 2622 2623 <!-- Title --> 2624 <div class="accordian-content-card__title" 2625 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2626 <@print(value.title)@> 2627 </div> 2628 2629 <!-- Collapse Icon (optional) --> 2630 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2631 <!-- Example placeholder, add real icon if needed --> 2632 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2633 </div> 2634 </div> 2635 2636 <!-- Row 2: Preview Button and Time --> 2637 <div class="accordian-content-card__bottom" 2638 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2639 2640 <!-- Preview Button --> 2641 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2642 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 2643 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 2644 class="previewBtn" 2645 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #064400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2646 <span class="text-primary" style="color:#064400;"> 2647 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2648 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#064400;"></i></span> 2649 </span> 2650 </a> 2651 <@}@> 2652 </div> 2653 2654 <!-- Time --> 2655 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2656 <p class="text-primary course-asset-time" 2657 style="font-size: 14px; font-weight: 500; color:#064400 !important; margin: 0;"> 2658 <@ if(value.duration && value.duration > 0) { @> 2659 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 2660 <@ } else { @> 2661 -- 2662 <@ } @> 2663 </p> 2664 </div> 2665 </div> 2666 </div> 2667 </li> 2668 <@ } @> 2669 </ul> 2670 2671 <@ if(itemsCount > 5) { @> 2672 <div style="text-align: center; margin-top: 10px;"> 2673 <button style="background-color: #064400; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2674 onclick=" 2675 var parentAccordion = this.closest('.accordion-content'); 2676 parentAccordion.style.maxHeight = 'none'; 2677 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 2678 this.style.display = 'none'; 2679 "> 2680 View All 2681 </button> 2682 </div> 2683 <@ } @> 2684 </div> 2685 </div> 2686 </div> 2687 <@ }); @> 2688 <@ if(item.length > 5) { @> 2689 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 2690 <button style="background-color: #064400; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2691 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 2692 View All Sessions 2693 </button> 2694 </div> 2695 <@ } @> 2696</div> 2697 </div> 2698</script>
2698 2699 2700 2701 2702<!--Dusk Curriculum 9-->
2703<script> 2704 // Simple responsive positioning 2705 function updatePosition() { 2706 const element = document.getElementById('totalTimeElement'); 2707 if(element){ 2708 if (window.innerWidth > 768) { 2709 element.style.position = 'absolute'; 2710 element.style.top = "5px"; 2711 element.style.right = '122px'; 2712 } else { 2713 element.style.position = 'static'; 2714 element.style.margin = '0 0'; 2715 } 2716 } 2717 } 2718 2719 // Run on load and resize 2720 window.addEventListener('load', updatePosition); 2721 window.addEventListener('resize', updatePosition); 2722 </script>
2722 2723
2723<script> 2724 // Simple responsive positioning 2725 function updatePosition() { 2726 const element = document.getElementById('totalTimeElement'); 2727 if(element){ 2728 if (window.innerWidth > 768) { 2729 element.style.position = 'absolute'; 2730 element.style.top = "5px"; 2731 element.style.right = '122px'; 2732 } else { 2733 element.style.position = 'static'; 2734 element.style.margin = '0 0'; 2735 } 2736 } 2737 } 2738 2739 // Run on load and resize 2740 window.addEventListener('load', updatePosition); 2741 window.addEventListener('resize', updatePosition); 2742 </script>
2742 2743
2743<script type="text/template" id="coursecurr-9-template"> 2744 <div class="total-time" id="totalTimeElement" style=" 2745 font-size: 18px; 2746 font-weight: 600; 2747 color: #282400; 2748 padding: 8px 12px; 2749 border-radius: 4px; 2750 white-space: nowrap;"> 2751 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 2752 <@print(millisecondsToHHMMSSStr(summary.durations))@> 2753 <@}@> 2754</div> 2755 2756<div class="accordion-syllabus" style="max-width:1000px !important"> 2757 <@ $.each(item, function(index, value) { @> 2758 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 2759 <header class="accordion-syllabus-header" style="background:#F5F5F5 !important; border-radius:8px;box-shadow:none;padding:20px !important"> 2760 <h4 class="accordion-syllabus-header__title"> 2761 <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 2762 <@if(index < 9) {@> 2763 Week <@print(index + 1)@>: 2764 <@ } else {@> 2765 Week <@print(index + 1)@>: 2766 <@ } @> 2767 </span> 2768 <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 2769 <@if(value && value.items){@> 2770 <@ print(value.items.length) @> attachment(s) 2771 <@} else {@> 2772 1 attachment(s) 2773 <@}@> 2774 <@if(value.moduleDurations && curriculumAssetInfo){@> 2775 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2776 <@}@> 2777 </span></p> 2778 </h4> 2779 2780 <div class="accordion-syllabus-header__info"> 2781 <p class="text-primary hide-sm" style="color:#282400 !important;"> 2782 <@if(value && value.items){@> 2783 <@ print(value.items.length) @> attachment(s) 2784 <@} else {@> 2785 1 attachment(s) 2786 <@}@> 2787 <@if(value.moduleDurations && curriculumAssetInfo){@> 2788 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2789 <@}@> 2790 </p> 2791 <div class="accordion-syllabus-header__icon text-primary"> 2792 <i class="fa fa-angle-left" aria-hidden="true" style="color:#282400;"></i> 2793 </div> 2794 </div> 2795 </header> 2796 <div class="accordion-content" style="filter:none;background:transparent !important;"> 2797 <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;"> 2798 <ul class="accordian-list"> 2799 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 2800 <@ if(value['items'] && value['items'].length > 0) { @> 2801 <@ $.each(value['items'], function(index1, value1) { @> 2802 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 2803 <style> 2804 @media (max-width: 768px) { 2805 .accordian-content-card { 2806 flex-direction: column !important; 2807 align-items: stretch !important; 2808 } 2809 2810 .accordian-content-card__top { 2811 flex-direction: row !important; 2812 justify-content: space-between !important; 2813 align-items: center !important; 2814 width: 100% !important; 2815 } 2816 2817 .accordian-content-card__title { 2818 flex: 1 !important; 2819 margin: 0 10px !important; 2820 white-space: nowrap; 2821 overflow: hidden; 2822 text-overflow: ellipsis; 2823 } 2824 2825 .accordian-content-card__bottom { 2826 flex-direction: row !important; 2827 justify-content: space-between !important; 2828 align-items: center !important; 2829 width: 100% !important; 2830 margin-top: 6px !important; 2831 } 2832 2833 .accordian-content-card__link { 2834 flex: 1 !important; 2835 min-width: 0 !important; 2836 text-align: left !important; 2837 } 2838 2839 .accordian-content-card__time { 2840 flex-shrink: 0 !important; 2841 text-align: right !important; 2842 } 2843 } 2844 </style> 2845 2846 <div class="accordian-content-card" 2847 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 2848 2849 2850 <!-- Row 1: Icon + Title + Collapse Icon --> 2851 <div class="accordian-content-card__top" 2852 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2853 2854 <!-- Icon --> 2855 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2856 <@ if(value1.type == 'code'){ @> 2857 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2858 <@ } else { @>
2859 <span class="material-icons text-primary" style="color:#282400; font-size: 24px;"> 2860 <@ print(getCourseAssetIcon(value1.type))@> 2861 </span> 2862 <@ } @> 2863 </div> 2864 2865 <!-- Title --> 2866 <div class="accordian-content-card__title" 2867 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2868 <@print(value1.title)@> 2869 </div> 2870 2871 <!-- Collapse Icon (optional) --> 2872 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2873 <!-- Example placeholder, add real icon if needed --> 2874 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2875 </div> 2876 </div> 2877 2878 <!-- Row 2: Preview Button and Time --> 2879 <div class="accordian-content-card__bottom" 2880 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2881 2882 <!-- Preview Button --> 2883 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2884 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 2885 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 2886 class="previewBtn" 2887 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #282400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2888 <span class="text-primary" style="color:#282400;"> 2889 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2890 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#282400;"></i></span> 2891 </span> 2892 </a> 2893 <@}@> 2894 </div> 2895 2896 <!-- Time --> 2897 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2898 <p class="text-primary course-asset-time" 2899 style="font-size: 14px; font-weight: 500; color:#282400 !important; margin: 0;"> 2900 <@ if(value1.duration && value1.duration > 0) { @> 2901 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 2902 <@ } else { @> 2903 -- 2904 <@ } @> 2905 </p> 2906 </div> 2907 2908 </div> 2909 </div> 2910 2911 2912 </li> 2913 <@ }); @> 2914 <@ } else { @> 2915 <li class="accordian-list__item" style="padding:0px 0px !important;"> 2916 <div class="accordian-content-card" 2917 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 2918 2919 <!-- Row 1: Icon + Title + Collapse Icon --> 2920 <div class="accordian-content-card__top" 2921 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2922 2923 <!-- Icon --> 2924 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2925 <@ if(value.type == 'code'){ @> 2926 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2927 <@ } else { @> 2928 <span class="material-icons text-primary" style="color:#282400; font-size: 24px;"> 2929 <@ print(getCourseAssetIcon(value.type))@> 2930 </span> 2931 <@ } @> 2932 </div> 2933 2934 <!-- Title --> 2935 <div class="accordian-content-card__title" 2936 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2937 <@print(value.title)@> 2938 </div> 2939 2940 <!-- Collapse Icon (optional) --> 2941 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2942 <!-- Example placeholder, add real icon if needed --> 2943 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2944 </div> 2945 </div> 2946 2947 <!-- Row 2: Preview Button and Time --> 2948 <div class="accordian-content-card__bottom" 2949 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2950 2951 <!-- Preview Button --> 2952 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2953 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 2954 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 2955 class="previewBtn" 2956 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #282400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2957 <span class="text-primary" style="color:#282400;"> 2958 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2959 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#282400;"></i></span> 2960 </span> 2961 </a> 2962 <@}@> 2963 </div> 2964 2965 <!-- Time --> 2966 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2967 <p class="text-primary course-asset-time" 2968 style="font-size: 14px; font-weight: 500; color:#282400 !important; margin: 0;"> 2969 <@ if(value.duration && value.duration > 0) { @> 2970 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 2971 <@ } else { @> 2972 -- 2973 <@ } @> 2974 </p> 2975 </div> 2976 </div> 2977 </div> 2978 </li> 2979 <@ } @> 2980 </ul> 2981 2982 <@ if(itemsCount > 5) { @> 2983 <div style="text-align: center; margin-top: 10px;"> 2984 <button style="background-color: #282400; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2985 onclick=" 2986 var parentAccordion = this.closest('.accordion-content'); 2987 parentAccordion.style.maxHeight = 'none'; 2988 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 2989 this.style.display = 'none'; 2990 "> 2991 View All 2992 </button> 2993 </div> 2994 <@ } @> 2995 </div> 2996 </div> 2997 </div> 2998 <@ }); @> 2999 <@ if(item.length > 5) { @> 3000 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 3001 <button style="background-color: #282400; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 3002 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 3003 View All Sessions 3004 </button> 3005 </div> 3006 <@ } @> 3007</div> 3008 </div> 3009</script>
3009 3010 3011 3012 3013 3014 3015 3016<!-- Feedback Template First -->
3017<script type="text/template" id="widget-1-template"> 3018<div class="column full feedbackContainer feedback1 spectre"> 3019<@if(msg){@> 3020 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3021<@}else{@> 3022<div class="avgratingbox"> 3023 <div class="flex-row" > 3024 <div class="is-box-2" > 3025 <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;"> 3026 <@ if(ratings && ratings.avgRating) {@> 3027 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3028 <@}else{@> 3029 0 3030 <@}@> 3031 </p> 3032 <h5 class="ratings1" style="text-align: center; margin-bottom: 0px; margin-top: 0px; line-height: 1;"> 3033 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3034 <@if(ratings){@> 3035 <@ if(ratings.avgRating >= ratingsSize) {@> 3036 <i class="icon ion-android-star"></i> 3037 <@ } else if(ratings.avgRating > ratingsSize-1 && ratings.avgRating < ratingsSize) { @> 3038 <i class="icon ion-android-star-half"></i> 3039 <@ } else { @> 3040 <i class="icon ion-android-star-outline"></i> 3041 <@ } @> 3042 <@} else {@> 3043 <i class="icon ion-android-star-outline"></i> 3044 <@}@> 3045 <@}@> 3046 </h5> 3047 <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> 3048 <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;"> 3049 Total <@ if(ratings){print(ratings.total) }else{0}@> Reviews 3050 </p> 3051 </div> 3052 <div class="is-box-9"> 3053 <@ for (i = 0; i < 5; i++) {@> 3054 <div class="box7878"> 3055 <div style="flex:1;"> 3056 <div class="meter <@print(ratingsPer[(parseInt(i)+1)+'-star'].cls)@> nostripes"> 3057 <span style="width: <@print(ratingsPer[(parseInt(i)+1)+'-star'].rates)@>%"></span> 3058 </div> 3059 </div> 3060 <div id="ratingbox"> 3061 <p class="ratings2" style=" line-height: 1;"> 3062 <@ for (ratingsSize = 5; ratingsSize >=1; ratingsSize--) {@> 3063 <@if(ratingsSize>i){@> 3064 <i class="fa fa-solid fa-star-sharp text-primary"></i> 3065 <@} else {@> 3066 <i class="fa fa-solid fa-star-sharp"></i> 3067 <@}@> 3068 <@}@> 3069 <span class="t-white"> 3070 <@ if(ratings && ratings.ratingsCount){print(ratings.ratingsCount[(parseInt(5)-i)+'-stars'])}else{0} @> 3071 </span> 3072 </p> 3073 3074 </div> 3075 </div> 3076 <@}@> 3077 </div> 3078 </div> 3079</div> 3080 <div class="bg-secondary" style="padding:15px 15px;border-radius:10px;border-top-right-radius: 0;border-top-left-radius: 0;" > 3081 <p 3082 style="font-size: 16px!important; font-weight: 500!important; letter-spacing: 1px;" class="text-primary"> 3083 Reviews 3084 </p> 3085 3086<div class="review-box" id="createCustomReview" style="display:none"> 3087<div class="flex-row"> 3088 <div class="is-box-2 centerbox"> 3089 <div class="spectre"> 3090 <figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" > 3091 <img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>"> 3092 </figure> 3093 <@if(typeof SPUSER !== 'undefined'){ @><p class="review-name"><@ print(SPUSER.name) @> </p><@ } @> 3094 </div> 3095 </div> 3096 <div class="is-box-10"> 3097 <textarea rows="3" class="form-input" 3098 placeholder="Add your review here"></textarea> 3099 <div class="rating3"> 3100 <p id="rating-stars"> 3101 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i 3102 class="fa fa-solid fa-star-sharp text-primary rating-star" data-value='<@- ratingsSize @>'></i> <@}@> 3103 </p> 3104 3105 <button class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3106 data-reviewData="reviewlist" 3107 style="padding: 2px 28px; text-transform: uppercase; border-radius: 40px;">Post</button> 3108 </div> 3109 </div> 3110</div> 3111</div> 3112 3113 <div id="reviewlist"> 3114 <@ $.each(items, function(index, item) { @> 3115 <div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3116 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3117 <a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3118 <@ } @> 3119 <div class="flex-row"> 3120 <div class="is-box-2 centerbox"> 3121 <div class="spectre"> 3122 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3123 <figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" > 3124 <img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>"> 3125 <@ } else {@> 3126 <figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="uppercase avatar avatar-lg figsize" > 3127 <img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>"> 3128 <@ } @> 3129 </figure> 3130 <p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @><@ print(SPUSER.name) @><@ } else {@> <@ print(item.userName) @><@ } @> </p> 3131 </div> 3132 </div> 3133 <div class="is-box-10"> 3134 <div class="rating4"> 3135 <p> 3136 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@ 3137 if(item.rating >= ratingsSize) {@> 3138 <i class="fa fa-solid fa-star-sharp text-primary"></i> 3139 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3140 <i class="fa fa-solid fa-star-sharp-half text-primary"></i> 3141 <@ } else { @> 3142 <i class="fa fa-solid fa-star-sharp"></i> 3143 <@}@> 3144 <@ }@> 3145 </p> 3146 <p 3147 style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;"> 3148 <time class="timestamp"
3149 datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@ 3150 print(parseDate(item.createdDate.$date)) @></time> 3151 </p> 3152 </div> 3153 <p class="reviewTxt" 3154 style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@ 3155 print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @></p> 3156 <div class="comment-tag"> 3157 <@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @> 3158 </div> 3159 </div> 3160 </div> 3161 </div> 3162 <@ }); @> 3163 </div> 3164 <button class="bg-primary loadMoreReviewsBtn reviewLMbtn" data-itemTemplate="feedback-1-item-template" data-reviewData="reviewlist" >Load More Reviews</button> 3165</div> 3166<@}@> 3167</script>
3167 3168 3169
3170<script type="text/template" id="feedback-1-item-template"> 3171<div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>""> 3172<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3173 <a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3174<@ } @> 3175<div class="flex-row"> 3176 <div class="is-box-2 centerbox"> 3177 <div class="spectre"> 3178 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3179 <figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="avatar avatar-lg figsize" > 3180 <img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>"> 3181 <@ } else {@> 3182 <figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="avatar avatar-lg figsize" > 3183 <img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>"> 3184 <@ } @> 3185 </figure> 3186 <p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @><@ print(SPUSER.name) @><@ } else {@> <@ print(item.userName) @><@ } @> </p> 3187 </div> 3188 </div> 3189 <div class="is-box-10"> 3190 <div class="rating4"> 3191 <p> 3192 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@ 3193 if(item.rating >= ratingsSize) {@> 3194 <i class="fa fa-solid fa-star-sharp text-primary"></i> 3195 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3196 <i class="fa fa-solid fa-star-sharp-half text-primary"></i> 3197 <@ } else { @> 3198 <i class="fa fa-solid fa-star-sharp-outline"></i> 3199 <@}@> 3200 <@ } @> 3201 </p> 3202 <p 3203 style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;"> 3204 <time class="timestamp" 3205 datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@ 3206 print(parseDate(item.createdDate.$date)) @></time> 3207 </p> 3208 </div> 3209 <p class="reviewTxt" 3210 style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@ 3211 print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @></p> 3212 <div class="comment-tag"> 3213 <@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @> 3214 </div> 3215 </div> 3216</div> 3217</div> 3218</script>
3218 3219 3220 3221<!-- Feedback Template Second -->
3222<script type="text/template" id="feedback-2-template"> 3223<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3224<@if(msg){@> 3225 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3226<@}else{@> 3227<@ if(total > 0 && ratings && ratings.avgRating) {@> 3228<div class="avgratingbox"> 3229<div class="column third"> 3230 <div class="is-card avgRatingContainer" > 3231 <div class="avgRatingInnerContainer"> 3232 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3233 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3234 <i class="icon ion-android-star text-primary" style="font-size: 80px;"></i> 3235 <div style="margin-left: 25px;"> 3236 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3237 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;"> 3238 <@ if(ratings && ratings.avgRating) {@> 3239 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3240 <@}else{@> 3241 0 3242 <@}@> 3243 </h3> 3244 <p class="avgRatingReviews">/5</p> 3245 </span> 3246 <p class="avgRatingReviews"> 3247 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3248 </p> 3249 </div> 3250 </div> 3251 </div> 3252 </div> 3253</div> 3254</div> 3255<@ } @> 3256<div id="feedback2Reviewlist" class="reviewslist"> 3257 <@ $.each(items, function(index, item) { @> 3258 <@ var template = _.template($("#feedback-2-item-template").html()); print(template({item: item})) @> 3259 <@ }); @> 3260 <@}@> 3261</div> 3262<div class="row clearfix"> 3263 <div class="column full"> 3264 <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;"> 3265 View more 3266 </p> 3267 </div> 3268</div> 3269</script>
3269 3270
3271<script type="text/template" id="feedback-2-item-template"> 3272 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3273 <div class="is-card avgRatingContainer"> 3274 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3275 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3276 <a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3277 <@ } @> 3278 <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;"> 3279 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3280 </p> 3281 <div class="reviewerName"> 3282 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px;"> 3283 <@ print(item.userName) @> 3284 </p></div> 3285 3286 <p style="margin: 0px;"> 3287 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3288 <@ if(item.rating >= ratingsSize) {@> 3289 <i class="fa fa-solid fa-star-sharp text-primary"></i> 3290 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3291 <i class="fa fa-solid fa-star-sharp-half text-primary"></i> 3292 <@ } @> 3293 <@ }@> 3294 </p> 3295 3296 </div> 3297 </div> 3298 </div> 3299</script>
vendor: 1 bytes, line 3299
3299
3300<script type="text/template" id="feedback-2-createTemplate"> 3301 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3302 <div class="is-boxes"> 3303 <div class="is-box-centered"> 3304 <div class="is-container container" style="max-width: 940px;"> 3305 3306 <div class="review-box review-add-box"> 3307 <div class="is-container container is-content-800" > 3308 <div class="row clearfix" > 3309 <div class="column full" > 3310 <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> 3311 </div> 3312 </div> 3313 <div class="textarea-cont"> 3314 <div class="review-star text-primary" style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;"> 3315 <span id="rating-stars"> 3316 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i 3317 class="fa fa-solid fa-star-sharp rating-star" data-value='<@- ratingsSize @>'></i> <@}@> 3318 </span> 3319 </div> 3320 <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> 3321 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3322 <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> 3323 <@ } @> 3324 </div> 3325 <div style="margin-top: 20px; display: flex; justify-content: flex-end;"> 3326 <button id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3327 data-reviewData="feedback2Reviewlist" disabled >Submit</button> 3328 </div> 3329 </div> 3330 </div> 3331 </div> 3332 </div> 3333 </div> 3334</div> 3335</script>
3335 3336 3337<!-- Vegas 4th feedback Template--> 3338 3339
3340<script type="text/template" id="feedback-4-template"> 3341 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3342 <@if(msg){@> 3343 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3344 <@}else{@> 3345 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3346 <div class="avgratingbox"> 3347 <div class="column third"> 3348 <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" > 3349 <div class="avgRatingInnerContainer"> 3350 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3351 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3352 <i class="icon ion-android-star text-primary" style="font-size: 80px;"></i> 3353 <div style="margin-left: 25px;"> 3354 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3355 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;"> 3356 <@ if(ratings && ratings.avgRating) {@> 3357 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3358 <@}else{@> 3359 0 3360 <@}@> 3361 </h3> 3362 <p class="avgRatingReviews">/5</p> 3363 </span> 3364 <p class="avgRatingReviews"> 3365 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3366 </p> 3367 </div> 3368 </div> 3369 </div> 3370 </div> 3371 </div> 3372 </div> 3373 <@ } @> 3374 <div id="feedback4Reviewlist" class="reviewslist"> 3375 <@ $.each(items, function(index, item) { @> 3376 <@ var template = _.template($("#feedback-4-item-template").html()); print(template({item: item})) @> 3377 <@ }); @> 3378 <@}@> 3379 </div> 3380 <div class="row clearfix"> 3381 <div class="column full" style="text-align: center;"> 3382 <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-4-item-template" data-reviewData="feedback4Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#FB5607; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;"> 3383 View All Reviews 3384 </a> 3385 </div> 3386 </div> 3387 </script>
3387 3388 3389
3389<script type="text/template" id="feedback-4-item-template"> 3390 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3391 <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; "> 3392 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3393 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3394 <a style="color:#FB5607 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3395 <@ } @> 3396 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;"> 3397 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3398 </p> 3399 <div class="reviewerName"> 3400 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5;"> 3401 <@ print(item.userName) @> 3402 </p></div> 3403 3404 <p style="margin: 0px;"> 3405 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3406 <@ if(item.rating >= ratingsSize) {@> 3407 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#FB5607 !important;"></i> 3408 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3409 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#FB5607 !important;"></i> 3410 <@ } @> 3411 <@ }@> 3412 </p> 3413 3414 </div> 3415 </div> 3416 </div> 3417 </script>
3417 3418
3418<script type="text/template" id="feedback-4-createTemplate"> 3419 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3420 <div class="is-boxes"> 3421 <div class="is-box-centered"> 3422 <div class="is-container container" style="max-width: 1200px;"> 3423 3424 <div class="review-box review-add-box"> 3425 <div class="is-container container is-content-1200" > 3426 <div class="row clearfix" > 3427 <div class="column full" > 3428 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1> 3429 </div> 3430 </div> 3431 <div class="textarea-cont"> 3432 <div style="display:flex; gap:30px;"> 3433 <div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div> 3434 <div class="review-star1 text-primary" 3435 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3436 <span id="rating-stars" > 3437 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3438 <i class="fa fa-solid fa-star-sharp rating-star" 3439 data-value='<@- ratingsSize @>' 3440 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3441 <@}@> 3442 </span> 3443 </div> 3444 <style></style> 3445 3446 3447 </div> 3448 <textarea class="add-review-textarea" id="reviewText" style="background:#E5E5E5;width: 100%; border: 1px solid #E5E5E5; padding-right: 28px; padding-bottom: 28px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea> 3449 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3450 <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> 3451 <@ } @> 3452 </div> 3453 <div style=" display: flex; justify-content: center;"> 3454 <button style="letter-spacing:0px !important ; background-color:#FB5607;padding:12px 28px !important;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3455 data-reviewData="feedback4Reviewlist" disabled >Submit</button> 3456 </div> 3457 </div> 3458 </div> 3459 </div> 3460 </div> 3461 </div> 3462 </div> 3463 </script>
3463 3464 3465 3466 3467 3468<!-- Blaze 5th feedback Template-->
3469<script type="text/template" id="feedback-5-template"> 3470 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3471 <@if(msg){@> 3472 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3473 <@}else{@> 3474 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3475 <div class="avgratingbox"> 3476 <div class="column third"> 3477 <div class="is-card avgRatingContainer" style="background:#232323; border-radius:0px;padding:21px;" > 3478 <div class="avgRatingInnerContainer"> 3479 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;color:white;">Customer ratings</h3> 3480 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3481 <i class="icon ion-android-star text-primary" style="font-size: 80px;color:rgb(216, 253, 70);"></i> 3482 <div style="margin-left: 25px;"> 3483 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3484 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: rgb(216, 253, 70); line-height: 1.3;"> 3485 <@ if(ratings && ratings.avgRating) {@> 3486 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3487 <@}else{@> 3488 0 3489 <@}@> 3490 </h3> 3491 <p class="avgRatingReviews" style="color:white;">/5</p> 3492 </span> 3493 <p class="avgRatingReviews" style="color:white;"> 3494 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3495 </p> 3496 </div> 3497 </div> 3498 </div> 3499 </div> 3500 </div> 3501 </div> 3502 <@ } @> 3503 <div id="feedback5Reviewlist" class="reviewslist"> 3504 <@ $.each(items, function(index, item) { @> 3505 <@ var template = _.template($("#feedback-5-item-template").html()); print(template({item: item})) @> 3506 <@ }); @> 3507 <@}@> 3508 </div> 3509 <div class="row clearfix"> 3510 <div class="column full" style="text-align: center;"> 3511 <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-5-item-template" data-reviewData="feedback5Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#D8FD46; color:black; padding:12px 28px; border-radius:0px;text-decoration:none;"> 3512 View All Reviews 3513 </a> 3514 </div> 3515 </div> 3516 </script>
3516 3517 3518 3519
3519<script type="text/template" id="feedback-5-item-template"> 3520 <style> 3521 .template5-review .reviewTxt{ 3522 color:white !important; 3523 } 3524 .template5-review .reviewerName p{ 3525 color:white !important; 3526 } 3527 </style> 3528 <div class="column third reviewcontainer template5-review <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> selfreview <@ } @>"> 3529 <div class="is-card avgRatingContainer" style="border:1px solid #232323;padding:20px;"> 3530 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;"> 3531 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3532 <a style="color:#D8FD46 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"> 3533 <i class="material-icons">delete</i> 3534 </a> 3535 <@ } @> 3536 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;"> 3537 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3538 </p> 3539 <div class="reviewerName"> 3540 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5; "> 3541 <@ print(item.userName) @> 3542 </p> 3543 </div> 3544 3545 <p style="margin: 0px;"> 3546 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) { @> 3547 <@ if(item.rating >= ratingsSize) { @> 3548 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#D8FD46 !important;"></i> 3549 <@ } else if(item.rating > ratingsSize - 1 && item.rating < ratingsSize) { @> 3550 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#D8FD46 !important;"></i> 3551 <@ } @> 3552 <@ } @> 3553 </p> 3554 </div> 3555 </div> 3556 </div> 3557 </script>
3557 3558 3559
3559<script type="text/template" id="feedback-5-createTemplate"> 3560 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3561 <div class="is-boxes"> 3562 <div class="is-box-centered" style="background:#181818;"> 3563 <div class="is-container container" style="max-width: 1200px;"> 3564 3565 <div class="review-box review-add-box"> 3566 <div class="is-container container is-content-1200" > 3567 <div class="row clearfix" > 3568 <div class="column full" > 3569 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: white; ">Add a review</h1> 3570 </div> 3571 </div> 3572 <div class="textarea-cont" style="background:transparent"> 3573 <div style="display:flex; gap:30px;"> 3574 <div><h3 style="font-size:18px;font-weight:600; color:white;">Overall Rating</h3></div> 3575 <div class="review-star text-primary" 3576 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3577 <span id="rating-stars" > 3578 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3579 <i class="fa fa-solid fa-star-sharp rating-star" 3580 data-value='<@- ratingsSize @>' 3581 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3582 <@}@> 3583 </span> 3584 </div> 3585 3586 3587 </div> 3588 <textarea class="add-review-textarea" id="reviewText" style="color:white;background:#232323;width: 100%; border: 1px solid #636363; padding: 28px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:0px !important" placeholder="Add your review here"></textarea> 3589 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3590 <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> 3591 <@ } @> 3592 </div> 3593 <div style=" display: flex; justify-content: center;margin-top:20px;"> 3594 <button style="letter-spacing:0px !important ; background-color:#D8FD46;padding:12px 28px !important; border-radius:0px !important; color:black;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3595 data-reviewData="feedback5Reviewlist" disabled >Submit</button> 3596 </div> 3597 </div> 3598 </div> 3599 </div> 3600 </div> 3601 </div> 3602 </div> 3603 </script>
3603 3604 3605 3606 3607 3608 3609 3610 3611 3612 3613 3614 3615 3616 3617 3618 3619<!-- Nebula Feedback 6--> 3620
3621<script type="text/template" id="feedback-6-template"> 3622 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3623 <@if(msg){@> 3624 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3625 <@}else{@> 3626 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3627 <div class="avgratingbox"> 3628 <div class="column third"> 3629 <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" > 3630 <div class="avgRatingInnerContainer"> 3631 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3632 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3633 <i class="icon ion-android-star text-primary" style="font-size: 80px; color: #6715FF !important;"></i> 3634 <div style="margin-left: 25px;"> 3635 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3636 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: #6715FF !important; line-height: 1.3;"> 3637 <@ if(ratings && ratings.avgRating) {@> 3638 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3639 <@}else{@> 3640 0 3641 <@}@> 3642 </h3> 3643 <p class="avgRatingReviews">/5</p> 3644 </span> 3645 <p class="avgRatingReviews"> 3646 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3647 </p> 3648 </div> 3649 </div> 3650 </div> 3651 </div> 3652 </div> 3653 </div> 3654 <@ } @> 3655 <div id="feedback6Reviewlist" class="reviewslist"> 3656 <@ $.each(items, function(index, item) { @> 3657 <@ var template = _.template($("#feedback-6-item-template").html()); print(template({item: item})) @> 3658 <@ }); @> 3659 <@}@> 3660 </div> 3661 <div class="row clearfix"> 3662 <div class="column full" style="text-align: center;"> 3663 <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-6-item-template" data-reviewData="feedback6Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#6715FF; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;"> 3664 View All Reviews 3665 </a> 3666 </div> 3667 </div> 3668 </script>
3668 3669 3670
3670<script type="text/template" id="feedback-6-item-template"> 3671 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3672 <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; "> 3673 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3674 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3675 <a style="color:#6715FF !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3676 <@ } @> 3677 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;"> 3678 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3679 </p> 3680 <div class="reviewerName"> 3681 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5;"> 3682 <@ print(item.userName) @> 3683 </p></div> 3684 3685 <p style="margin: 0px;"> 3686 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3687 <@ if(item.rating >= ratingsSize) {@> 3688 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#6715FF !important;"></i> 3689 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3690 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#6715FF !important;"></i> 3691 <@ } @> 3692 <@ }@> 3693 </p> 3694 3695 </div> 3696 </div> 3697 </div> 3698 </script>
3698 3699
3699<script type="text/template" id="feedback-6-createTemplate"> 3700 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3701 <div class="is-boxes"> 3702 <div class="is-box-centered"> 3703 <div class="is-container container" style="max-width: 1200px;"> 3704 3705 <div class="review-box review-add-box"> 3706 <div class="is-container container is-content-1200" > 3707 <div class="row clearfix" > 3708 <div class="column full" > 3709 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1> 3710 </div> 3711 </div> 3712 <div class="textarea-cont" style="background:transparent"> 3713 <div style="display:flex; gap:30px;"> 3714 <div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div> 3715 <div class="review-star1 text-primary" 3716 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3717 <span id="rating-stars" > 3718 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3719 <i class="fa fa-solid fa-star-sharp rating-star" 3720 data-value='<@- ratingsSize @>' 3721 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3722 <@}@> 3723 </span> 3724 </div> 3725 <style></style> 3726 3727 3728 </div> 3729 <textarea class="add-review-textarea" id="reviewText" style="background:white;width: 100%; border: 1px solid #c3c0c0; padding-right: 28px; padding-bottom: 28px;padding-left:20px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea> 3730 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3731 <p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: grey; margin-top: 0px;"><@ print(SPUSER.name) @></p> 3732 <@ } @> 3733 </div> 3734 <div style=" display: flex; justify-content: center;"> 3735 <button style="letter-spacing:0px !important ; background-color:#6715FF;padding:12px 28px !important;margin-top:30px;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3736 data-reviewData="feedback6Reviewlist" disabled >Submit</button> 3737 </div> 3738 </div> 3739 </div> 3740 </div> 3741 </div> 3742 </div> 3743 </div> 3744 </script>
3744 3745 3746 3747 3748 3749 3750<!-- Olive Feedback 7-->
3751<script type="text/template" id="feedback-7-template"> 3752 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3753 <@if(msg){@> 3754 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3755 <@}else{@> 3756 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3757 <div class="avgratingbox"> 3758 <div class="column third"> 3759 <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" > 3760 <div class="avgRatingInnerContainer"> 3761 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3762 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3763 <i class="icon ion-android-star text-primary" style="font-size: 80px; color: #064400 !important;"></i> 3764 <div style="margin-left: 25px;"> 3765 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3766 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: #064400 !important; line-height: 1.3;"> 3767 <@ if(ratings && ratings.avgRating) {@> 3768 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3769 <@}else{@> 3770 0 3771 <@}@> 3772 </h3> 3773 <p class="avgRatingReviews">/5</p> 3774 </span> 3775 <p class="avgRatingReviews"> 3776 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3777 </p> 3778 </div> 3779 </div> 3780 </div> 3781 </div> 3782 </div> 3783 </div> 3784 <@ } @> 3785 <div id="feedback7Reviewlist" class="reviewslist"> 3786 <@ $.each(items, function(index, item) { @> 3787 <@ var template = _.template($("#feedback-7-item-template").html()); print(template({item: item})) @> 3788 <@ }); @> 3789 <@}@> 3790 </div> 3791 <div class="row clearfix"> 3792 <div class="column full" style="text-align: center;"> 3793 <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-7-item-template" data-reviewData="feedback7Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#064400; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;"> 3794 View All Reviews 3795 </a> 3796 </div> 3797 </div> 3798 </script>
3798 3799 3800
3800<script type="text/template" id="feedback-7-item-template"> 3801 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3802 <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; "> 3803 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3804 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3805 <a style="color:#064400 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3806 <@ } @> 3807 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;"> 3808 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3809 </p> 3810 <div class="reviewerName"> 3811 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5;"> 3812 <@ print(item.userName) @> 3813 </p></div> 3814 3815 <p style="margin: 0px;"> 3816 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3817 <@ if(item.rating >= ratingsSize) {@> 3818 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#064400 !important;"></i> 3819 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3820 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#064400 !important;"></i> 3821 <@ } @> 3822 <@ }@> 3823 </p> 3824 3825 </div> 3826 </div> 3827 </div> 3828 </script>
3828 3829
3829<script type="text/template" id="feedback-7-createTemplate"> 3830 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3831 <div class="is-boxes"> 3832 <div class="is-box-centered"> 3833 <div class="is-container container" style="max-width: 1200px;"> 3834 3835 <div class="review-box review-add-box"> 3836 <div class="is-container container is-content-1200" > 3837 <div class="row clearfix" > 3838 <div class="column full" > 3839 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1> 3840 </div> 3841 </div> 3842 <div class="textarea-cont"> 3843 <div style="display:flex; gap:30px;"> 3844 <div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div> 3845 <div class="review-star1 text-primary" 3846 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3847 <span id="rating-stars" > 3848 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3849 <i class="fa fa-solid fa-star-sharp rating-star" 3850 data-value='<@- ratingsSize @>' 3851 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3852 <@}@> 3853 </span> 3854 </div> 3855 <style></style> 3856 3857 3858 </div> 3859 <textarea class="add-review-textarea" id="reviewText" style="background:#E5E5E5;width: 100%; border: 1px solid #E5E5E5; padding-right: 28px; padding-bottom: 28px;padding-left:20px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea> 3860 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3861 <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> 3862 <@ } @> 3863 </div> 3864 <div style=" display: flex; justify-content: center;"> 3865 <button style="letter-spacing:0px !important ; background-color:#064400;padding:12px 28px !important;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3866 data-reviewData="feedback7Reviewlist" disabled >Submit</button> 3867 </div> 3868 </div> 3869 </div> 3870 </div> 3871 </div> 3872 </div> 3873 </div> 3874 </script>
3874 3875 3876 3877 3878 3879 <!--Dusk Feedback-8--> 3880
3880<script type="text/template" id="feedback-8-template"> 3881 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3882 <@if(msg){@> 3883 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3884 <@}else{@> 3885 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3886 <div class="avgratingbox"> 3887 <div class="column third"> 3888 <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;background:#F5F5F5;" > 3889 <div class="avgRatingInnerContainer"> 3890 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3891 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3892 <i class="icon ion-android-star text-primary" style="font-size: 80px; color: #282400 !important;"></i> 3893 <div style="margin-left: 25px;"> 3894 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3895 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: #282400 !important; line-height: 1.3;"> 3896 <@ if(ratings && ratings.avgRating) {@> 3897 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3898 <@}else{@> 3899 0 3900 <@}@> 3901 </h3> 3902 <p class="avgRatingReviews">/5</p> 3903 </span> 3904 <p class="avgRatingReviews"> 3905 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3906 </p> 3907 </div> 3908 </div> 3909 </div> 3910 </div> 3911 </div> 3912 </div> 3913 <@ } @> 3914 <div id="feedback8Reviewlist" class="reviewslist"> 3915 <@ $.each(items, function(index, item) { @> 3916 <@ var template = _.template($("#feedback-8-item-template").html()); print(template({item: item})) @> 3917 <@ }); @> 3918 <@}@> 3919 </div> 3920 <div class="row clearfix"> 3921 <div class="column full" style="text-align: center;"> 3922 <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-8-item-template" data-reviewData="feedback8Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#282400; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;"> 3923 View All Reviews 3924 </a> 3925 </div> 3926 </div> 3927 </script>
3927 3928 3929
3929<script type="text/template" id="feedback-8-item-template"> 3930 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3931 <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:#F5F5F5; padding:20px; "> 3932 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3933 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3934 <a style="color:#282400 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3935 <@ } @> 3936 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;"> 3937 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3938 </p> 3939 <div class="reviewerName"> 3940 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5;"> 3941 <@ print(item.userName) @> 3942 </p></div> 3943 3944 <p style="margin: 0px;"> 3945 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3946 <@ if(item.rating >= ratingsSize) {@> 3947 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#282400 !important;"></i> 3948 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3949 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#282400 !important;"></i> 3950 <@ } @> 3951 <@ }@> 3952 </p> 3953 3954 </div> 3955 </div> 3956 </div> 3957 </script>
3957 3958
3958<script type="text/template" id="feedback-8-createTemplate"> 3959 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3960 <div class="is-boxes"> 3961 <div class="is-box-centered"> 3962 <div class="is-container container" style="max-width: 1200px;"> 3963 3964 <div class="review-box review-add-box"> 3965 <div class="is-container container is-content-1200" > 3966 <div class="row clearfix" > 3967 <div class="column full" > 3968 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1> 3969 </div> 3970 </div> 3971 <div class="textarea-cont"> 3972 <div style="display:flex; gap:30px;"> 3973 <div><h3 style="font-size:18px;font-weight:600;">Overall rating</h3></div> 3974 <div class="review-star1 text-primary" 3975 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3976 <span id="rating-stars" > 3977 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3978 <i class="fa fa-solid fa-star-sharp rating-star" 3979 data-value='<@- ratingsSize @>' 3980 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3981 <@}@> 3982 </span> 3983 </div> 3984 <style></style> 3985 3986 3987 </div> 3988 <textarea class="add-review-textarea" id="reviewText" style="background:#E5E5E5;width: 100%; border: 1px solid #E5E5E5; padding-right: 28px; padding-bottom: 28px;padding-left:20px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea> 3989 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3990 <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> 3991 <@ } @> 3992 </div> 3993 <div style=" display: flex; justify-content: center;"> 3994 <button style="letter-spacing:0px !important ; background-color:#282400;padding:12px 28px !important;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3995 data-reviewData="feedback8Reviewlist" disabled >Submit</button> 3996 </div> 3997 </div> 3998 </div> 3999 </div> 4000 </div> 4001 </div> 4002 </div> 4003 </script>
4003 4004 4005 4006 4007<div class="spectre"> 4008<div class="modal" id="reviewModal"> 4009 <a href="javascript:void(0);" class="modal-overlay close" 4010 aria-label="Close"></a> 4011 <div class="modal-container"> 4012 <div class="modal-header"> 4013 <a href="javascript:void(0);" 4014 class="close btn btn-clear float-right" aria-label="Close"></a> 4015 <div class="modal-title h5">Review</div> 4016 </div> 4017 <div class="modal-body" style="max-height: 90vh;padding-top: 0;"> 4018 </div> 4019 </div> 4020 4021 4022 4023</div> 4024 4025 4026</div> 4027 4028 4029 4030 4031 4032 4033 4034 4035 4036 4037 4038 4039 4040 4041
4042<script> 4043 var created_date = `Created Date`; 4044 var uname_msg = `Name`; 4045 var email_msg = `Email`; 4046 var has_web_token = `Has Web Token`; 4047 var has_mobile_token = `Has Mobile Token`; 4048 var actions_msg = `Actions`; 4049 var delete_user = `Delete User`; 4050 var create_target_audience = `Create Target Audience`; 4051 var msg_now = `NOW`; 4052 var msg_now_2 = `Now`; 4053 var msg_scheduled = `SCHEDULED`; 4054 var msg_recurring = `RECURRING`; 4055 var msg_weeks = `weeks`; 4056 var msg_months = `month(s)`; 4057 var msg_days = `days`; 4058 var notification_screen = `Notification Screen`; 4059 var coursepackagelandingpage = `Course/Package landing page`; 4060 var search_course_name = `Search by course/package name`; 4061 var webinar_landing_page = `Webinar landing page`; 4062 var search_by_webinar_name = `Search by webinar name`; 4063 var categorypage = `Category Page`; 4064 var custompage = `Custom Page`; 4065 var blogpage = `Blog Page`; 4066 var customlink = `Custom Link`; 4067 var homepage_msg = `Homepage`; 4068 var search_category = `Search category`; 4069 var search_page_title = `Search by Page title`; 4070 var search_blog_title = `Search by Blog title`; 4071 var enter_the_link = `Enter the link`; 4072 var membership_page = `Membership page`; 4073 var pick_a_date = `Pick a date`; 4074 var pick_first_push_date = `Pick a first push date`; 4075 var every_msg = `Every`; 4076 var starting_msg = `Starting`; 4077 var msg_published = `Published`; 4078 var msg_unpublished = `Unpublished`; 4079 var msg_customize = `Customize`; 4080 var msg_edit = `Edit`; 4081 var msg_featured_image = `Featured Image`; 4082 var msg_preview = `Preview`; 4083 var msg_delete = `Delete`; 4084 var msg_unpublish = `Unpublish`; 4085 var msg_publish = `Publish `; 4086 var msg_question= `questions`; 4087 var try_new_coding_assignment= `Try new coding assignment`; 4088 var change_enrollment_date = `Change Enrollment Date`; 4089 var change_expiry = `Change Expiry`; 4090 var change_remanining_time = `Change Remaining Time`; 4091 var remove_from_course = `Remove From Course`; 4092 var reset_course_progress = `Reset Course Progress`; 4093 var complete_report = `Complete Report`; 4094 var msg_progress = `Progress`; 4095 var timetaken = `Time Taken`; 4096 var msg_user_details = `User Details`; 4097 var graphy_platform_fees_note = `Amount after deducting Graphy platform fees. This does not include your payment gateway charges.`; 4098 var final_price_note = `Final payable price by learners`; 4099 var save_alert_message = `Save progress before moving forward.`; 4100 var no_chapter_alert_message = `Please add at least one chapter in the course.`; 4101 var download_msg = `Download`; 4102 var revoke_msg = `Revoke`; 4103 var yes_msg = `Yes`; 4104 var no_msg = `No`; 4105 var details_hover = `Details`; 4106 var hide_notification = `Hide Notification`; 4107 var notify_learners_hover = `Notify Learners`; 4108 var search_course_package = `Search Courses to add in this package.`; 4109 var bulk_delete = `Bulk Delete`; 4110 var scheduled_msg = `Scheduled`; 4111 var inprogress_msg = `In Progress`; 4112 var completed_msg = `Completed`; 4113 var yes_all_caps = `YES`; 4114 var no_all_caps = `NO`; 4115 var discount_msg = `Discount`; 4116 var max_discount = `Max Discount`; 4117 var min_cart = `Min Cart`; 4118 var delete_bookmark = `Delete Bookmark`; 4119 var view_question = `View question`; 4120 var msg_free = `Free`; 4121 var membership_expiration_note = `Membership will be canceled on next billing date.`; 4122 var msg_active = `Active`; 4123 var msg_inactive = `Inactive`; 4124 var delete_hover = `Delete`; 4125 var view_hover = `View`; 4126 var coursewise = `Course Wise`; 4127 var learner_wise = `Learner wise`; 4128 var segment_wise = `Segment wise`; 4129 var unregistered_msg = `Unregistered`; 4130 var target_audience_deleted = `Target Audience Deleted`; 4131 var courses_msg = `course(s)`; 4132 var learners_msg = `learner(s)`; 4133 var unregistered_learners = `Unregistered Learner`; 4134 var all_learners = `All Learners`; 4135 var course_wise_learners = `Course wise Learners`; 4136 var segment_wise_learners = `Segment wise Learners`; 4137 var with_token = `with token`; 4138 var segments_msg = `segments`; 4139 var add_users_msg = `Add Users`; 4140 var approx_msg = `Approx`; 4141 var revoke_cancellation_request = `Revoke Cancellation request.`; 4142 var remove_scheduled_membership_cancellation = `Remove Scheduled Membership Cancellation`; 4143 var schedule_to_stop_subscription = `Schedule to stop Subscription`; 4144 var stop_subscription = `Stop subscription`; 4145 var available_for_review_all_caps = `AVAILABLE FOR REVIEW`; 4146 var reviewed_all_caps = `REVIEWED`; 4147 var rejected_all_caps = `REJECTED`; 4148 var preview_code = `Preview Code`; 4149 var approve_msg = `Approve`; 4150 var reject_msg = `Reject`; 4151 var history_msg = `History`; 4152 var message_hover= `Message`; 4153 var remove_msg= `Remove`; 4154 var enroll_msg= `Enroll`; 4155 var change_validity= `Change Validity`; 4156 var learners_selected= `learner(s) selected`; 4157 var select_all_msg= `Select all`; 4158 var do_you_want_to_delete_course= `Do you really want to delete this course?`; 4159 var do_you_want_to_revoke_this_certificate= `Do you really want to revoke this certificate?`; 4160 var do_you_want_to_revoke_entry= `Do you really want to revoke this entry?`; 4161 var do_you_want_to_edit_enrollment_date= `Do you really want to edit enrollment date of all learners?`; 4162 var do_you_want_to_edit_enrollment_date_for_selected= `Do you really want to edit enrollment date of selected learners?`; 4163 var do_you_want_to_edit_course_validity= `Do you really want to edit course validity of all learners?`; 4164 var do_you_want_to_edit_course_validity_for_selected= `Do you really want to edit course validity of selected learners?`; 4165 var do_you_want_to_remove_selected= `Do you really want to remove selected learners?`; 4166 var do_you_want_to_remove_all= `Do you really want to remove all learners?`; 4167 var do_you_want_to_create_zip= `Do you really want to create zip for this course?`; 4168 var do_you_want_to_deactivate= `Do you really want to deactivate?`; 4169 var successfully_done_alert= `Successfully Done.`; 4170 var please_select_atleast_1_learner= `Please select atleast 1 learner !`; 4171 var on_msg= `On`; 4172 var single_correct_option = `Single Correct Option`; 4173 var multiple_correct_options = `Multiple Correct Options`; 4174 var numerical_Fill_in_the_Blank = `Numerical/Fill in the Blank`; 4175 var match_the_Column = `Match the Column`; 4176 var subjective = `Subjective`; 4177 var your_target_audience_appear= `Your target audience user(s) will appear here`; 4178 var your_upcoming_campaign= `Your upcoming campaign will appear here`; 4179 var status_msg= `Status`; 4180 var stop_campaign= `Stop Campaign`; 4181 var copy_campaign= `Copy Campaign`; 4182 var platform_fee_tax = `platform fees including taxes`; 4183 var pg_fees_taxes = `payment gateway fees including taxes`; 4184 var msg_quiz = `Quiz`; 4185 var msg_livetest = `Live test`; 4186 var msg_heading = `Heading`; 4187 var msg_text = `Text`; 4188 var msg_form = `Form`; 4189 var msg_live_class = `Live class`; 4190 var msg_live_class_rec = `live class recording`; 4191 var msg_code = `Code`; 4192 var msg_assignment = `Assignment`; 4193 var msg_added = `added`; 4194 var msg_about = `About`; 4195 var msg_year = `year`;
4196 var msg_month = `Month`; 4197 var msg_day = `day`; 4198 //var msg_hour = `hh`; 4199 //var msg_minute = `mm`; 4200 //var msg_seconds = `seconds`; 4201 var msg_month_l = `month`; 4202 var msg_day_l = `day`; 4203 var msg_hour_l = `hour`; 4204 var msg_minute_l = `minute`; 4205 var msg_second_l = `second`; 4206 var mobile_number=`Mobile Number`; 4207 var status_android =`Status (ANDROID)`; 4208 var status_ios =`Status (IOS)`; 4209 var delivery_time=`Delivery Time`; 4210 var sure_unhide=`Are you sure you want to unhide this course ?`; 4211 var become_a_partner=`Become a Partner`; 4212 var failed_msg=`Failed`; 4213 var sent_msg=`Sent`; 4214 var pending_msg=`Pending`; 4215 var running_msg=`Running`; 4216 var add_pricing_plan = `Add pricing plan`; 4217 var msg_add = `Add`; 4218 var of_msg = `of`; 4219 var items_msg = `items` 4220 var ago_msg = `ago` 4221 var items_msg = `items`; 4222 4223 var january_msg = `January`; 4224 var february_msg = `February`; 4225 var march_msg = `March`; 4226 var april_msg = `April`; 4227 var may_msg = `May`; 4228 var june_msg = `June`; 4229 var july_msg = `July`; 4230 var august_msg = `August`; 4231 var september_msg = `September`; 4232 var october_msg = `October`; 4233 var november_msg = `November`; 4234 var december_msg = `December`; 4235 var sunday_msg = `Sunday`; 4236 var monday_msg = `Monday`; 4237 var tuesday_msg = `Tuesday`; 4238 var wednesday_msg = `Wednesday`; 4239 var thursday_msg = `Thursday`; 4240 var friday_msg = `Friday`; 4241 var saturday_msg = `Saturday`; 4242 var at_msg = `at`; 4243 var generate_outline = `Generate outline using AI`; 4244 var it_take_min = `It may take a min.`; 4245 var msg_ok = `OK`; 4246 var edit_pricing_plan = `Edit pricing plan`; 4247 4248</script>
4248 4249 4250 4251 4252 4253 4254 4255
4256<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-2.0.3.min.js"></script>
4256 4257
4258<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/underscore-min.js?v=1.9.1"></script>
4258 4259
4260<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.form.js"></script>
vendor: 1 bytes, line 4260
4260
4261<script async src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.noty.packaged.min.js"></script>
vendor: 1 bytes, line 4261
4261
4262<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 4262
4262
4263<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.timeago.js"></script>
vendor: 1 bytes, line 4263
4263
4264<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/js-webshim/minified/extras/modernizr-custom.js"></script>
vendor: 1 bytes, line 4264
4264
4265<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.datetimepicker.js"></script>
4265 4266 4267 4268 4269 4270 4271 4272 4273
4274<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/aes.js"></script>
vendor: 1 bytes, line 4274
4274
4275<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/mode-ecb-min.js"></script>
vendor: 1 bytes, line 4275
4275
4276<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/pad-nopadding-min.js"></script>
4276 4277 4278<!--
4278<script src="https://unpkg.com/@popperjs/core@2"></script>
vendor: 1 bytes, line 4278
4278
4279<script src="https://unpkg.com/tippy.js@6"></script>
4279 -->
4280<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.3.3/umd/popper.js" integrity="sha512-jSMYzs1Iebw2Uew+Y9karoqkqTDEzbqkdttIkHJKh3auQ6aGV7p8b7A3Yo9k/LsMvUFqWt5AV66hfo1OwH4Jjg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 4280
4280
4281<script src="https://cdnjs.cloudflare.com/ajax/libs/tippy.js/6.0.0/tippy-bundle.umd.js"></script>
4281 4282
4283<script type="text/javascript"> 4284 var passwordPolicyRequired = false; 4285 var checkoutV2 = true; 4286 var primaryFieldPhoneEnabled = false; 4287 var orgLanguageCode = ""; 4288 var SPEERESCDN = "https://d502jbuhuh9wk.cloudfront.net"; 4289</script>
4289 4290
4291<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sutils_919c30bb7230024efec7b939763642a2.js"></script>
vendor: 1 bytes, line 4291
4291
4292<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/utils/dateUtils_f53456b03f1287667a7b24fb63b367ce.js"></script>
vendor: 1 bytes, line 4292
4292
4293<script type="text/javascript"> 4294 // Make org object globally available for dateUtils 4295 window.org = window.org || {}; 4296 window.org.currencyCode = "false"=='true'?'USD':'INR'; 4297 var websiteV3Org = false; 4298 var orgCreatedDate = {"$date":"2022-10-19T06:35:23.425Z"}; 4299</script>
4299 4300 4301
4301<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/talk_b564486691065235006e186474078666.js"></script>
4301 4302 4303 4304 4305 4306
4307<script type="text/javascript"> 4308 var trialExpired = "false"; 4309 var planCancelled = "false"; 4310 var isFreePlan = false; 4311 4312</script>
vendor: 1 bytes, line 4312
4312
4313<script type="text/javascript" id="dsf239df"> 4314 var ctx = "/s", 4315 isFirstLogin = "", cjs = CryptoJS; 4316 4317 var defaultCoreColor = "#5755d9", theme1CoreColor = "#572b7a", theme2CoreColor = "#3f51b5", theme3CoreColor = "#009051", 4318 theme4CoreColor = "#596439", theme5CoreColor = "#F0591D", theme6CoreColor = "#28a745", theme7CoreColor = "#1bbc9b", 4319 theme8CoreColor = "#f38f20", apkId = "6231373436231373432363038663465653864613523630386634656538646135", theme9CoreColor = "#c0af01", theme10CoreColor = "#e8d3a4", 4320 webColor = defaultCoreColor, 4321 CFCDN = "https://d502jbuhuh9wk.cloudfront.net", mobileNotification = true, webNotification = true, 4322 iosPlayVideo = false, 4323 chromeDrmPlayback = false, 4324 gaType = "ga4"; 4325 4326 4327 4328 $("#dsf239df").remove(); 4329</script>
4329 4330 4331 4332 4333 4334 4335 <a id="whatsappWidgetContainer" class="whatsapp-widget-container" href="#" target="_blank" > 4336 <div class="whatsapp-widget-icon"> 4337 <i class="fa-brands fa-whatsapp" aria-hidden="true"></i> 4338 </div> 4339 <div class="whatsapp-widget-contact">Contact us</div> 4340 </a> 4341 4342
4342<script> 4343 4344 const mobileNumber = "+919620925516"; 4345 const userMessage = "Hi, I have a query regarding your learning community or program."; 4346 4347 const WA_URL = "https://api.whatsapp.com/send?phone=" + encodeURIComponent(mobileNumber) + "&text=" + encodeURIComponent(userMessage); 4348 4349 document.getElementById("whatsappWidgetContainer").href = WA_URL; 4350 </script>
4350 4351 4352 4353 4354 4355 <input type="hidden" id="orgCurrencyCode" value="INR" /> 4356 4357 4358 4359 4360 4361
4361<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/detect-private-browsing.js"></script>
4361 4362
4362<script type="text/javascript"> 4363 detectPrivateMode( 4364 function(is_private) { 4365 if(typeof is_private !== 'undefined' && is_private) { 4366 $("input[name=privateMode]").val("private"); 4367 } 4368 } 4369 ); 4370 </script>
4370 4371 4372 4373 4374 4375 4376
4376<script type="text/javascript" 4377 src="https://d502jbuhuh9wk.cloudfront.net/resources/js/intlTelInput.min.js"></script>
4377 4378
4378<script type="text/javascript"> 4379 4380 var ipInfo = localStorage.getItem('ipInfo'); 4381 if(!ipInfo) { 4382 $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) { 4383 if(resp) { 4384 var ipInfoStr = JSON.stringify(resp); 4385 var ipInfoField = document.getElementById("ipInfo"); 4386 var countryCode = (resp.country) ? resp.country : "in"; 4387 sessionStorage.setItem('countryCode', countryCode); 4388 if('statusText' in resp) { 4389 if((resp['statusText'] !== 'error') && ('ip' in resp)) { 4390 localStorage.setItem('ipInfo', ipInfoStr); 4391 if(ipInfoField) { 4392 ipInfoField.value = ipInfoStr; 4393 } 4394 } 4395 } 4396 else if('ip' in resp) { 4397 localStorage.setItem('ipInfo', ipInfoStr); 4398 if(ipInfoField) { 4399 ipInfoField.value = ipInfoStr; 4400 } 4401 } 4402 } 4403 }) 4404 } 4405 4406 $("#sphone").intlTelInput({ 4407 initialCountry: "auto", 4408 geoIpLookup: function(callback) { 4409 var scountryCode = sessionStorage.getItem('countryCode'); 4410 4411 if(scountryCode !== null) { 4412 callback(scountryCode); 4413 }else { 4414 $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) { 4415 var countryCode = (resp && resp.country) ? resp.country : "in"; 4416 callback(countryCode); 4417 sessionStorage.setItem('countryCode', countryCode); 4418 }); 4419 } 4420 }, 4421 preferredCountries: ["in", "us"], 4422 separateDialCode: true, 4423 utilsScript: "/resources/js/intlUtils.js" 4424 }); 4425 4426 </script>
4426 4427 4428 4429 4430 4431<div class="spectre"> 4432 4433 4434 4435 4436 4437
4437<script type="text/javascript"> 4438 if(top != self) { 4439 //iframe 4440 $(".toast").remove(); 4441 } 4442 </script>
4442 4443 4444 4445</div> 4446 4447 4448 4449<input type="hidden" id="orgCreditAlias" 4450 value="Shanti Sharma Coins" /> 4451 4452 4453 4454 4455 4456
4457<script> 4458 4459 4460 4461 4462 var orgTaxLabel = "GST"; 4463 4464 4465 4466 var sessionCountry = ""; 4467 4468 $(document).ready(function() { 4469 $("input[name='userMobileVerify']").change(function(data){ 4470 var uniqueMobileSwitch = $('#uniqueMobileId'); 4471 if(data.target.value==='true'){ 4472 $('input[name=uniqueMobile]').prop('checked', true) 4473 $('#uniqueMobileLabelId').show(); 4474 }else{ 4475 $('input[name=uniqueMobile]').prop('checked', false) 4476 $('#uniqueMobileLabelId').hide(); 4477 } 4478 }); 4479 }); 4480 4481 4482 4483 4484 localStorage.removeItem('microserviceAuthToken'); 4485 4486 4487 4488 4489 4490 4491 localStorage.removeItem('communityToken'); 4492 4493 4494 4495 4496 4497 4498 localStorage.removeItem('chatRefreshToken'); 4499 4500 4501 4502 4503 4504 4505 localStorage.removeItem('refreshToken'); 4506 4507 4508 4509</script>
4509 4510 4511 4512<!-- amplitude script start --> 4513 4514 4515 4516
4516<script type="text/javascript"> 4517 window.localStorage.removeItem('loginAmplitudeEventSent'); 4518 </script>
4518 4519 4520 4521<!-- amplitude script end --> 4522 4523 4524 <div class="spectre"> 4525 <div class="modal" id="membershipPopupHtml"> 4526 <iframe id="microfe-popup-membership" src="" 4527 style="width: calc(100% + 10px); height: 100vh; border: none;" 4528 onload="$(this).parent().removeClass('loading');"></iframe> 4529 </div> 4530 </div> 4531
4531<script> 4532 function openMembershipPopup(source){ 4533 if(source==='banner'){ 4534 setGraphyCookie('SHOWMEMBERSHIPBANNER', 'true', 1); 4535 } 4536 if(source!=='private'){ 4537 location.href="/membership#"+source; 4538 }else{ 4539 location.href="/private"; 4540 } 4541 } 4542 function openMembershipPopup(source, id){ 4543 if(source==='banner'){ 4544 setGraphyCookie('SHOWMEMBERSHIPBANNER', 'true', 1); 4545 } 4546 if(typeof id !== 'undefined' ){ 4547 location.href="/memberships/"+id+"#"+source; 4548 }else if(source!=='private'){ 4549 location.href="/membership#"+source; 4550 }else{ 4551 location.href="/private"; 4552 } 4553 } 4554 function closeMembershipPopup() { 4555 $("#membershipPopupHtml").removeClass("active"); 4556 $("body").removeClass("overflowYDisable"); 4557 window.location.hash=""; 4558 setGraphyCookie('SHOWMEMBERSHIPBANNER', 'true', 1); 4559 } 4560 $("body").on('click', ".membershipBtn", function() { 4561 openMembershipPopup('nav_bar'); 4562 }); 4563 4564 if(window.location.hash==="#membership"){ 4565 openMembershipPopup(""); 4566 } 4567 4568 </script>
4568 4569 4570 <!-- sending ipInfo data as form data when signing up --> 4571
4571<script type="text/javascript"> 4572 document.addEventListener("DOMContentLoaded", function(event) { 4573 const signupParamsField = document.getElementById("signupParams"); 4574 if(signupParamsField && (window.signupParams)) { 4575 signupParamsField.value = JSON.stringify(window.signupParams); 4576 } 4577 const ipInfo = localStorage.getItem("ipInfo"); 4578 const ipInfoField = document.getElementById("ipInfo"); 4579 if(ipInfo && ipInfoField) { 4580 ipInfoField.value = ipInfo; 4581 } 4582 }); 4583 </script>
4583 4584 4585 4586 <div id="template-container"></div> 4587
4588<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sstore_5ffb558e86d7b5ef265e05fb0bfbef79.js"></script>
vendor: 1 bytes, line 4588
4588
4589<script type="text/javascript">store.bindEvents();</script>
vendor: 1 bytes, line 4589
4589
4590<script type="text/javascript"> 4591 window.signupParams = {source: "landing_page", platform: "web", sourceId: null}; 4592</script>
4592 4593<div class="containerBody is-wrapper clearfix" style="margin-top: 80px;"><html> 4594 <head></head> 4595 <body> 4596 <div id="1769498937284d" data-cat="1" class="is-section is-box c-bg-img is-bg-light is-dark-text"> 4597 <style> 4598 .c-bg-img { 4599 height: 1% !important; 4600 } 4601 @media (max-width: 760px){ 4602 4603 .c-bg-img { 4604 height: 100px !important; 4605 min-height: 100px !important; 4606 } 4607 } 4608 </style> 4609 <div class="is-boxes" style="min-height: 100px !important;"> 4610 <div class="is-box-centered"> 4611 <div class="is-container container" style="max-width: 14000px; margin: 0px auto; padding: 0px;"> 4612 <div class="row clearfix"> 4613 <div class="column full" style="padding-left: 0px; padding-right: 0px; line-height: 0;"> 4614 <img alt="" style="margin-top: 0px; margin-bottom: 0px; width: 100%;" data-aos="slide-right" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/lmBpfjan2026gwslinkedinbanner.jpg"> 4615 </div> 4616 </div> 4617 </div> 4618 </div> 4619 </div> 4620 </div> 4621 <div id="1761115991533d" data-cat="1" class="is-section is-shadow-1 is-bg-grey is-section-100"> 4622 <div class="is-boxes"> 4623 <div class="is-box is-align-justify edge-y-1 is-bg-light is-dark-text is-content-top is-box-7"> 4624 <div class="is-boxes"> 4625 <div class="is-box-centered is-content-top"> 4626 <div class="is-container container" style="max-width: 1484px;"> 4627 <div class="row clearfix" draggable="false"> 4628 <div class="column full"> 4629 <p style="text-align: center; background-color: rgb(255, 255, 255);"><b><span class="size-28"><span class="size-32"><span style="font-family: Poppins, sans-serif;">Who</span><span style="font-family: Poppins, sans-serif;" class="size-28"> </span><span style="font-family: Poppins, sans-serif;">Are We?</span></span></span></b></p> 4630 <p style="text-align: justify; letter-spacing: 1px; background-color: rgb(255, 255, 255); line-height: 1.5; font-size: 18px;"><font style="font-family: Poppins, sans-serif;">We are an </font><b><font style="font-family: Poppins, sans-serif;">ISO 29993:2017 and WeConnect Certified organization</font></b><font style="font-family: Poppins, sans-serif;"> </font><span style="font-family: Poppins, sans-serif;">with enthusiastic team of facilitators, coaches, and learning architects who bring together decades of expertise in adult learning, workplace transformation and leadership development. Every engagement starts with a deep understanding of your context, your aspirations, strengths and areas of opportunity ensuring every solution is tailored for real impact. </span></p> 4631 </div> 4632 </div> 4633 <div class="row clearfix" draggable="false"> 4634 <div class="column full" style="text-align: justify; letter-spacing: 1px;"> 4635 <h1></h1> 4636 <h1 style="text-align: center; background-color: rgb(255, 255, 255); line-height: 1.2;"><b style="letter-spacing: 1px;"><span class="size-28"><span class="size-32"><span class="size-32"><span class="size-28"><span style="font-family: Poppins, sans-serif;" class="size-28">Growth begins the moment you pause to reflect.</span></span></span></span></span></b></h1> 4637 <p style="font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); line-height: 1.5; font-size: 18px;">Real growth begins when you step back and make space to listen to yourself, your team and your goals. At Grow with Satori, we turn that pause into true impact. Our coaching, learning and consulting initiatives ignite confidence, spark action and foster a culture of continuous improvement that empowers leaders, teams and individuals to thrive in todayâs ever-evolving world. </p> 4638 </div> 4639 </div> 4640 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4641 </div> 4642 </div> 4643 </div> 4644 </div> 4645 <div class="is-box is-content-bottom is-box-5" style="background-color: rgb(255, 255, 255);"> 4646 <div class="is-overlay"> 4647 <div class="is-overlay-content"></div> 4648 <div class="is-overlay-bg lazy" style=" background-position: 50% 0%;" data-bg="https://www.growithsatori.com/s/pages/assets/images/4w4VWcontentbuddha1.png"> 4649 <div class="is-overlay-color" style="opacity: 0.085; background-color: rgb(255, 255, 255); display: block;"></div> 4650 </div>
4651 </div> 4652 <div class="is-boxes"> 4653 <div class="is-box-centered is-opacity-90 is-content-bottom"> 4654 <div class="is-container container" style="max-width: 1720px;"></div> 4655 </div> 4656 </div> 4657 </div> 4658 </div> 4659 </div> 4660 <div id="1761117625268d" data-cat="103" class="is-section is-box is-dark-text type-oranienbaum-sourcesanspro is-content-top is-section-20"> 4661 <div class="is-boxes"> 4662 <div class="is-box-centered is-content-top"> 4663 <div class="is-container container" style="max-width: 1400px;"> 4664 <div class="row clearfix" draggable="false"> 4665 <div class="column full"> 4666 <div class="display"> 4667 <h1 style="text-align: center; text-transform: none; background-color: rgb(255, 255, 255);"><span style="letter-spacing: 1px;" class="size-32"><span class="size-28"><b><span class="size-28"><span class="size-28"><span style="font-family: Poppins, sans-serif; letter-spacing: 1px; background-color: rgb(255, 255, 255);" class="size-28">Why Trust Us?</span></span></span></b></span></span></h1> 4668 </div> 4669 </div> 4670 </div> 4671 <div class="row clearfix" draggable="false"> 4672 <div class="column third"> 4673 <div class="list size-24" style="text-align: center;"> 4674 <h3 class="size-24" style="background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif;"><b style="background-color: rgb(255, 255, 255);">20,000+ </b></span></h3> 4675 <h3 class="size-24" style="text-align: center; background-color: rgb(255, 255, 255);"><span style="color: inherit; font-family: Poppins, sans-serif; letter-spacing: 1px; background-color: rgb(255, 255, 255);">Individuals empowered with learning and development</span></h3> 4676 </div> 4677 </div> 4678 <div class="column third"> 4679 <div class="list size-24"> 4680 <h3 class="size-24" style="text-align: center; background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif;"><b style="background-color: rgb(255, 255, 255);">2,500+ </b></span></h3> 4681 <h3 class="size-24" style="text-align: center; background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif; color: inherit; letter-spacing: 2px; background-color: rgb(255, 255, 255);">Coaching hour with individuals, groups</span></h3> 4682 </div> 4683 </div> 4684 <div class="column third"> 4685 <div class="list size-24" style="background-color: rgb(255, 255, 255);"> 4686 <h3 class="size-24" style="text-align: center; background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif;"><b style="background-color: rgb(255, 255, 255);">95% </b></span></h3> 4687 <h3 class="size-24" style="text-align: center; background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif; color: inherit; letter-spacing: 2px; background-color: rgb(255, 255, 255);">of clients return to work with us again</span></h3> 4688 </div> 4689 </div> 4690 </div> 4691 <div class="row clearfix" draggable="false"> 4692 <div class="column third"> 4693 <div class="list"> 4694 <h3 class="size-24" style="text-align: center; font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255);"><span style="color: inherit; font-family: Poppins, sans-serif; letter-spacing: 0px;"><b>400+</b></span></h3> 4695 <h3 class="size-24" style="text-align: center; font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); letter-spacing: 1px;"><span class="size-24"> </span><span style="color: inherit; font-family: Poppins, sans-serif; letter-spacing: 1px; background-color: rgb(255, 255, 255);">Coaching clients</span></h3> 4696 </div> 4697 </div> 4698 <div class="column third"> 4699 <div class="list" style="background-color: rgb(255, 255, 255);"> 4700 <h3 class="size-24" style="text-align: center; background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif;"><b>15+</b> </span></h3> 4701 <h3 class="size-24" style="text-align: center; font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); letter-spacing: 2px;">Industries served</h3> 4702 </div> 4703 </div> 4704 <div class="column third"> 4705 <div class="list" style="background-color: rgb(255, 255, 255);"> 4706 <h3 class="size-24" style="text-align: center; background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif;"><b>200+ </b></span></h3> 4707 <h3 class="size-24" style="text-align: center; font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); letter-spacing: 1px;">Leadership Programs delivered</h3> 4708 </div> 4709 </div> 4710 </div> 4711 <div class="row clearfix" draggable="false"> 4712 <div class="column full" style="text-align: center; letter-spacing: 1px;"> 4713 <p class="size-24"></p> 4714 <div class="OutlineElement Ltr SCXW20650227 BCX8" style="text-align: justify; background-color: rgb(255, 255, 255); line-height: 1.5; font-size: 18px;">
4715 <span style="font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); font-size: 20px;">Every number tells a story of a meaningful conversation, a breakthrough moment and a step forward on someoneâs growth journey.</span> 4716 </div> 4717 <div class="OutlineElement Ltr SCXW20650227 BCX8" style="background-color: rgb(255, 255, 255);"> 4718 <span style="font-family: Poppins, sans-serif;" class="size-24"><br></span> 4719 </div> 4720 <div class="OutlineElement Ltr SCXW20650227 BCX8" style="text-align: justify; background-color: rgb(255, 255, 255); line-height: 1.5;"> 4721 <span style="font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); font-size: 20px;">Curious to hear how weâve helped clients transform their leadership and teams? Dive into their stories and testimonials to discover the real impact we create together.</span> 4722 </div> 4723 <div class="OutlineElement Ltr SCXW20650227 BCX8"> 4724 <span style="font-family: Poppins, sans-serif;"><span style="font-size: 24px;"><br></span></span> 4725 </div> 4726 <a href="https://www.growithsatori.com/s/pages/clients" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; border-radius: 100px; font-family: Poppins, sans-serif;" target="_blank" title="" class="size-14" draggable="false"><b class="size-18" style="letter-spacing: 2px; text-transform: none;"><span style="font-family: Poppins, sans-serif; letter-spacing: 1px;" class="size-16">Clients </span>and T<span class="size-18">estimo</span>nials</b></a> 4727 </div> 4728 </div> 4729 <div class="row clearfix"> 4730 <div class="column full" data-noedit=""> 4731 <div class="spacer height-40"></div> 4732 </div> 4733 </div> 4734 <div class="row clearfix" draggable="false"> 4735 <div class="column full center"> 4736 <h1 class="size-32" style="letter-spacing: 2px; background-color: rgb(255, 255, 255);"><b><span style="font-family: Poppins, sans-serif;" class="size-28">Our </span><span style="font-family: Poppins, sans-serif;" class="size-28">Offerings</span></b></h1> 4737 </div> 4738 </div> 4739 <div class="row clearfix" draggable="false"> 4740 <div class="center column fourth" style="text-align: center;"> 4741 <img alt="" data-filename="learning HP.png" style="background-color: rgb(255, 255, 255);" draggable="false" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/pp8gWlearninghp.png"> 4742 <p></p> 4743 <div></div> 4744 <p></p> 4745 <div style="text-align: center;"> 4746 <a href="https://www.growithsatori.com/s/pages/journey" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(65, 34, 100); color: rgb(247, 247, 247); border-color: rgb(220, 220, 220); border-width: 2px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; border-radius: 50px; font-family: Poppins, sans-serif; font-size: 20px;" draggable="false" target="_blank" title="">Learning</a> 4747 <p style="text-align: left;"></p> 4748 <ul> 4749 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif; letter-spacing: 0px; background-color: rgb(255, 255, 255);" class="size-18">Leadership Development</span></li> 4750 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif; letter-spacing: 0px; background-color: rgb(255, 255, 255);" class="size-18">Self - Development</span></li> 4751 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="letter-spacing: 0px;"><span style="font-size: 16px;"><span style="font-family: Poppins, sans-serif;" class="size-18">Holistic Well - Being</span></span></span></li> 4752 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="letter-spacing: 0px;"><span class="size-18"><span class="size-18"><span class="size-18"><span style="font-family: Poppins, sans-serif;">Technical </span></span><span style="font-family: Poppins, sans-serif;">/ R</span></span><span style="font-family: Poppins, sans-serif;">oles Specific</span></span></span></li> 4753 </ul> 4754 <p></p> 4755 <p></p> 4756 </div> 4757 <a href="https://www.growithsatori.com/s/pages/journey" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 36); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 50px; padding: 13px 28px; line-height: 1.5; text-transform: none; font-weight: 400; font-size: 14px; letter-spacing: 2px; font-family: Poppins, sans-serif;" target="_blank" title="" draggable="false"><b class="size-18"><span>Click </span><span>Here</span></b></a> 4758 </div> 4759 <div class="center column fourth" style="text-align: center;"> 4760 <img alt="" data-filename="Coaching HP.jpg" style="background-color: rgb(255, 255, 255);" draggable="false" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/1ndfBcoachinghp.jpg"> 4761 <p></p> 4762 <div></div> 4763 <p></p> 4764 <div style="text-align: center; background-color: rgb(255, 255, 255);"> 4765 <a href="https://www.growithsatori.com/s%20/pages/coaching" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(65, 34, 100); color: rgb(247, 247, 247); border-color: rgb(220, 220, 220); border-width: 2px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; border-radius: 50px; font-family: Poppins, sans-serif; font-size: 20px;" draggable="false" target="_blank" title="">Coaching</a> 4766 <p style="text-align: left;"></p> 4767 <ul> 4768 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span class="size-18"><span style="font-family: Poppins, sans-serif;">Coaching for Corporate </span><span style="font-family: Poppins, sans-serif;" class="size-18">Professionals</span></span></li> 4769 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Group Coaching</span></li> 4770 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Team Coaching</span></li> 4771 </ul> 4772 <p></p> 4773 <p></p> 4774 </div> 4775 <a href="https://www.growithsatori.com/s/pages/coaching" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 36); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 50px; padding: 13px 28px; line-height: 1.5; text-transform: none; font-weight: 400; letter-spacing: 1px;" target="_blank" title="" draggable="false" class="size-18"><b>Click Here</b></a> 4776 </div> 4777 <div class="center column fourth" style="text-align: left;"> 4778 <img alt="" data-filename="Consulting HP.jpg" draggable="false" style="text-align: left;" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/sJGphconsultinghp.jpg"> 4779 <p></p> 4780 <div></div> 4781 <p></p> 4782 <div style="text-align: center; background-color: rgb(255, 255, 255);"> 4783 <a href="https://www.growithsatori.com/s/pages/consulting" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(65, 34, 100); color: rgb(247, 247, 247); border-color: rgb(220, 220, 220); border-width: 2px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; border-radius: 50px; font-family: Poppins, sans-serif; font-size: 20px;" draggable="false" target="_blank" title="">consulting</a> 4784 <p style="text-align: left;"></p> 4785 <ul> 4786 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif; font-size: 18px; letter-spacing: 0px;">POSH Compliance & Awareness</span></li> 4787 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif; font-size: 18px; letter-spacing: 0px;">Sales and Strategy</span></li> 4788 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Talent & Training</span></li> 4789 </ul> 4790 <p></p> 4791 <p></p> 4792 </div> 4793 <a href="https://www.growithsatori.com/s/pages/consulting" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 36); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 50px; padding: 13px 28px; line-height: 1.5; text-transform: none; font-weight: 400; letter-spacing: 1px;" target="_blank" title="" draggable="false" class="size-18"><b><span>Click </span>Here</b></a> 4794 </div> 4795 <div class="center column fourth" style="text-align: center;"> 4796 <img alt="" data-filename="Assessment HP.png" style="background-color: rgb(255, 255, 255);" draggable="false" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/8qI5Hassessmenthp.png"> 4797 <p></p> 4798 <div></div> 4799 <p></p> 4800 <div style="text-align: center; background-color: rgb(255, 255, 255);"> 4801 <a href="https://www.growithsatori.com/s/pages/assessment" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(65, 34, 100); color: rgb(247, 247, 247); border-color: rgb(220, 220, 220); border-width: 2px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; border-radius: 50px; font-family: Poppins, sans-serif; font-size: 20px;" draggable="false" target="_blank" title="">
4801Assessment</a> 4802 <p style="text-align: left;"></p> 4803 <ul> 4804 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Leadership 360</span></li> 4805 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Disc</span></li> 4806 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Interaction Styles</span></li> 4807 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Belbin Team Roles</span></li> 4808 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Lumina Spark</span></li> 4809 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Harrison Assessment</span></li> 4810 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span style="font-family: Poppins, sans-serif;" class="size-18">Voice of Employee</span></li> 4811 <li style="background-color: rgb(255, 255, 255); text-align: left;"><span class="size-18"><span style="font-family: Poppins, sans-serif;">Pulse Checks</span></span></li> 4812 </ul> 4813 <p></p> 4814 <p></p> 4815 </div> 4816 <a href="https://www.growithsatori.com/s/pages/assessment" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 36); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 50px; padding: 13px 28px; line-height: 1.5; text-transform: none; font-weight: 400; letter-spacing: 3px; font-family: Poppins, sans-serif;" draggable="false" target="_blank" title="" class="size-18"><b style="letter-spacing: 1px;">Click Here</b></a> 4817 </div> 4818 </div> 4819 </div> 4820 </div> 4821 </div> 4822 </div> 4823 <div id="1761382654838d" data-cat="1" class="is-section is-box is-section-20 is-content-top"> 4824 <div class="is-boxes"> 4825 <div class="is-box-centered is-content-top"> 4826 <div class="is-container container" style="max-width: 1400px;"> 4827 <div class="row clearfix" draggable="false"> 4828 <div class="column full" style="text-align: justify; letter-spacing: 1px;"> 4829 <h1 style="text-align: center; background-color: rgb(255, 255, 255);"><b><span style="font-family: Poppins, sans-serif; letter-spacing: 2px;" class="size-32">Who We Empower?</span></b></h1> 4830 <p class="size-24" style="text-align: justify; font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); letter-spacing: 1px;">We work with those who choose growth intentionally. Whether youâre building capabilities as an HR or L&D leader, stepping up as a manager or growing as a founder, CXO or team member; our programs guide you forward. Our community includes: </p> 4831 <p></p> 4832 <ul style="letter-spacing: 2px;"> 4833 <li style="background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif; letter-spacing: 1px;" class="size-24">HR, L&D, OD and Talent Leaders <br></span></li> 4834 <li style="background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif; letter-spacing: 1px;" class="size-24">Managers starting their leadership journey or scaling responsibility <br></span></li> 4835 <li style="background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif; letter-spacing: 1px;" class="size-24">Business Leaders, CXOs and Start-up Founders <br></span></li> 4836 <li style="background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif; letter-spacing: 1px;" class="size-24">Women at all stages of leadership</span></li> 4837 <li style="background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif; letter-spacing: 1px;" class="size-24">Professionals seeking career progress</span></li> 4838 <li style="background-color: rgb(255, 255, 255);"><span style="font-family: Poppins, sans-serif; font-size: 24px; letter-spacing: 1px;">If you are creating teams, shaping culture or eager to grow, youâre in the right place.</span></li> 4839 </ul> 4840 <div class="OutlineElement Ltr SCXW211859563 BCX8" style="text-align: justify; background-color: rgb(255, 255, 255);">
4841 <span class="size-24"><span style="font-family: Poppins, sans-serif;">Simply reach out to us at</span><span class="size-24"> <a class="Hyperlink SCXW211859563 BCX8" href="mailto:[email protected]" target="_blank" rel="noreferrer noopener" title="" draggable="false"><span style="font-family: Poppins, sans-serif;">[email protected]</span></a> </span><span style="font-family: Poppins, sans-serif;">or (+91)8496925516 to understand how we can fuel your growth</span></span> 4842 </div> 4843 <p></p> 4844 </div> 4845 </div> 4846 <div class="row clearfix" draggable="false"> 4847 <div class="column full center" style="letter-spacing: 1px;"> 4848 <div> 4849 <br> 4850 </div> 4851 <div class="display"> 4852 <h1><span class="size-32"></span></h1> 4853 </div> 4854 <span class="size-32"><b><span class="size-38"><span class="size-32"><span style="text-align: center; text-transform: none; text-decoration: none;"><span class="size-28"><span style="font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255);" class="size-28">Growth has no borders. Neither do we.</span></span></span></span></span></b></span> 4855 <div> 4856 <div class="size-24" style="background-color: rgb(255, 255, 255); letter-spacing: 1px;"> 4857 <span style="font-size: 32px;"><span style="font-family: Poppins, sans-serif;">Hereâs a glimpse of our Global and National Reach!<br></span></span> 4858 <p style="background-color: rgb(255, 255, 255);"><a href="We deliver learning wherever growth is needed across borders, teams and communities" title="We deliver learning wherever growth is needed across borders, teams and communities" draggable="false"><img alt="We deliver learning wherever growth is needed across borders, teams and communities" data-filename="Global Impact Map.jpg" style="width: 38.3929%; height: auto;" draggable="false" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/N2HWqglobalimpactmap.jpg"></a> <a href="We deliver learning wherever growth is needed across borders, teams and communities" title="We deliver learning wherever growth is needed across borders, teams and communities" draggable="false"><img alt="We deliver learning wherever growth is needed across borders, teams and communities" data-filename="India Visitor Map.jpg" style="width: 25.6696%; height: auto;" draggable="false" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/PMiYcindiavisitormap.jpg"></a></p> 4859 <p style="background-color: rgb(255, 255, 255);"><b><span style="font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); letter-spacing: 1px;">Ready to start?<br></span></b></p> 4860 <span></span> 4861 </div> 4862 </div> 4863 <a href="https://calendly.com/shantisharma/60min" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 50px; padding: 13px 28px; line-height: 1.5; font-weight: 400; letter-spacing: 3px; font-family: Poppins, sans-serif;" class="size-21" target="_blank" title=""><b style="letter-spacing: 2px;" class="size-18"><span style="font-size: 18px;"><span>Book</span> </span><span class="size-18"><span class="size-18">a Free</span> <span class="size-18">Discovery<span style="font-size: 21px;"> </span></span><span class="size-18">Call</span></span></b></a> 4864 </div> 4865 </div> 4866 <div class="row clearfix"> 4867 <div class="column full" data-noedit=""> 4868 <div class="spacer height-40"></div> 4869 </div> 4870 </div> 4871 <div class="row clearfix" draggable="false"> 4872 <div class="column full center"> 4873 <h1 style="font-size: 32px; font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255);"><b class="size-28" style="background-color: rgba(200, 200, 201, 0.11);"><span style="font-family: Poppins, sans-serif; text-transform: none; text-align: center; background-color: rgb(247, 247, 247); background-image: linear-gradient(0deg, rgb(255, 255, 255), rgb(255, 255, 255)); letter-spacing: 2px;" class="size-28">Meet Our Team</span></b></h1> 4874 </div> 4875 </div> 4876 <div class="row clearfix" draggable="false"> 4877 <div class="column full" style="text-align: center;"> 4878 <p class="size-24" style="font-family: Poppins, sans-serif; text-align: justify; background-color: rgb(255, 255, 255); letter-spacing: 1px;">Our team creates high-impact experiences that connect vision to action and foster growth at all levels. What drives us is seeing professionals, managers and team
4878s discover their potential and deliver measurable progress, always rooted in purpose and shared values.</p> 4879 <a href="https://www.growithsatori.com/s/page/preview/meet-our-team" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 100px; padding: 13px 28px; line-height: 1.5; text-transform: none; font-weight: bold; letter-spacing: 3px; font-family: Poppins, sans-serif;" class="size-18" target="_blank" title="Meet Our Team">Read More</a> 4880 </div> 4881 </div> 4882 <div class="row clearfix" draggable="false"> 4883 <div style="text-align: center; line-height: 1.8; letter-spacing: -1px;" class="column full"> 4884 <h4 style="text-align: left;"><b style="text-align: justify; font-size: 24px;"><span class="size-28"></span></b></h4> 4885 <h2 style="background-color: rgb(255, 255, 255);"><b style="font-size: 2rem; letter-spacing: 0px;"><span class="size-28" style="letter-spacing: 2px;"><span style="background-color: rgb(255, 255, 255); letter-spacing: 1px;"><span style="font-family: Poppins, sans-serif;">Build Communities for Lifelong Learning</span></span></span></b></h2> 4886 <div class="spacer height-20"></div> 4887 <img alt="" data-filename="GWS LG.png" style="width: 42.4615%; height: auto;" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/g6JdMgwslg.png"> 4888 <img alt="" data-filename="Body keeps count.png" style="font-size: 1.07rem; width: 27.6154%; height: auto;" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/634f9aabe4b0eb6d7ee6d009/pages/assets/images/jZwPkbodykeepscount.png"> 4889 </div> 4890 </div> 4891 <div class="row clearfix" draggable="false"> 4892 <div class="column half" style="text-align: center;"> 4893 <div class="list"> 4894 <p style="text-align: left;"><b class="size-24"><span style="font-family: Poppins, sans-serif; letter-spacing: 1px;">Exclusively for HR, L&D, and OD leaders to share, grow, and lead better<br></span></b></p> 4895 </div> 4896 </div> 4897 <div class="column half"> 4898 <div class="list"> 4899 <p class="size-24"><b><span style="font-family: Poppins, sans-serif; letter-spacing: 1px;"> Exclusively for women leaders to learn, lead, and thrive together</span></b></p> 4900 </div> 4901 </div> 4902 </div> 4903 <div class="row clearfix" draggable="false"> 4904 <div class="column full" style="text-align: center;"> 4905 <p class="size-24" style="text-align: justify; font-family: Poppins, sans-serif; letter-spacing: 1px; background-color: rgb(255, 255, 255);">These communities create ongoing spaces where learning is lived, perspectives are broadened and networks are strengthened which in turn fuels growth that lasts a lifetime. </p> 4906 <a href="https://www.growithsatori.com/s/page/preview/buildcommunitiesforlifelonglearning" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 100px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;" target="_blank" title=""><span style="text-transform: none;" class="size-18"><b>Read More</b></span></a> 4907 </div> 4908 </div> 4909 <div class="row clearfix" draggable="false"> 4910 <div class="column full" style="text-align: center; letter-spacing: 1px;"> 4911 <p class="size-24" style="text-align: justify; letter-spacing: 0px; background-color: rgb(255, 255, 255);"><span><span style="font-family: Poppins, sans-serif;">Explore our Curated Playlists on the <b style="font-family: Poppins, sans-serif;">Grow with Satori YouTube channel</b>,</span></span><span style="font-family: Poppins, sans-serif;"> where bite-sized wisdom comes alive through microlearning videos, workshop highlights and expert insights. The channel is designed to support your growth journey anytime, anywhere with content that blends practical leadership lessons, coaching tips and inspiring stories of transformation. Whether you have 5 minutes or longer, find the right spark to keep learning on your schedule.</span></p> 4912 <a href="https://www.youtube.com/@growwithsatori" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 100px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px; font-family: Poppins, sans-serif;" target="_blank" title="" draggable="false"><b style="letter-spacing: 1px; text-transform: none;" class="size-18"><span class="size-18">Watch Playlist on Grow with Satori YouTube</span></b></a> 4913 <p class="size-24"><span></span></p> 4914 <div class="OutlineElement Ltr SCXW105619764 BCX8" style="text-align: justify; background-color: rgb(255, 255, 255);">
4915 <span class="size-24"><span style="letter-spacing: 0px;"><span style="font-family: Poppins, sans-serif;">Dive deeper into transformational learning with our range of </span><b><span style="font-family: Poppins, sans-serif;">digital products and learning journeys</span></b><span class="size-24"><span style="font-family: Poppins, sans-serif;"> </span><span style="font-family: Poppins, sans-serif;">designed for flexible and self-paced development. From immersive online courses to experiential learning tools, Grow with Satoriâs offerings are built to empower your learning journey wherever you are. </span></span></span></span> 4916 </div> 4917 <div class="OutlineElement Ltr SCXW105619764 BCX8" style="text-align: justify; background-color: rgb(255, 255, 255);"> 4918 <span class="size-24"><span style="letter-spacing: 0px;"><span class="size-24"><span style="font-family: Poppins, sans-serif;"><br></span></span></span></span> 4919 </div> 4920 <a href="#" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 100px; padding: 13px 28px; line-height: 1.5; text-transform: none; font-weight: 400; font-size: 14px; letter-spacing: 3px; font-family: Poppins, sans-serif; margin-bottom: 20px; margin-right: 20px;" draggable="false"><b class="size-18"><span style="font-family: Poppins, sans-serif; letter-spacing: 2px;">Learning </span><span style="font-family: Poppins, sans-serif; letter-spacing: 2px;">Journeys</span></b></a> 4921 <a href="https://www.growithsatori.com/products#nav_bar" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 100px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px; font-family: Poppins, sans-serif;" target="_blank" title="" draggable="false"><b class="size-18" style="letter-spacing: 1px;"><span style="font-family: Poppins, sans-serif; text-transform: none;">Digital</span> <span style="font-family: Poppins, sans-serif; text-transform: none;">Products</span></b></a> 4922 <span></span> 4923 <p></p> 4924 </div> 4925 </div> 4926 <div class="row clearfix" draggable="false"> 4927 <div class="column full" style="text-align: center; background-color: rgb(255, 255, 255); letter-spacing: 0px;"> 4928 <h1><span class="size-28"><b></b></span></h1> 4929 <h1 style="text-transform: none; text-decoration: none; background-color: rgb(255, 255, 255);"><b><span class="size-28"><span class="size-28"><span style="font-family: Poppins, sans-serif;" class="size-28">Grow, Learn and Connect Anytime, Anywhere </span></span></span></b></h1> 4930 <p></p> 4931 <div class="OutlineElement Ltr SCXW48145287 BCX8" style="text-align: justify; background-color: rgb(255, 255, 255);"> 4932 <span class="size-24"><span style="font-family: Poppins, sans-serif;">Discover a world of growth beyond sessions with our digital ecosystem designed to keep you inspired and engaged. </span></span> 4933 </div> 4934 <div class="OutlineElement Ltr SCXW48145287 BCX8" style="text-align: justify; background-color: rgb(255, 255, 255);"> 4935 <span style="font-size: 24px;"><span style="font-family: Poppins, sans-serif;">Tune into the </span><b><span style="font-family: Poppins, sans-serif;">Learning Lounge Podcast</span></b><span style="font-family: Poppins, sans-serif;"> for authentic conversations with leaders sharing stories on growth, purpose, and making work better.</span></span> 4936 </div> 4937 <div class="spacer height-20"></div> 4938 <a href="https://www.youtube.com/@growwithsatori" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 100px; padding: 13px 28px; line-height: 1.5; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px; font-family: Poppins, sans-serif; margin-bottom: 20px; margin-right: 20px;" target="_blank" title="" draggable="false"><b class="size-18" style="letter-spacing: 1px; text-transform: none;">Watch <span class="size-18" style="text-transform: none;">on </span>YouTube</b></a> 4939 <a href="https://open.spotify.com/show/4XpxRnrC7RCoeaOwBcdCDM" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 100px; padding: 13px 28px; line-height: 1.5; text-transform: none; font-weight: 400; font-size: 14px; letter-spacing: 3px; font-family: Poppins, sans-serif;" target="_blank" title="" draggable="false"><b class="size-18" style="letter-spacing: 1px;">Listen on Spotify</b></a> 4940 <div class="OutlineElement Ltr SCXW58734440 BCX8" style="font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255);">
4941 <span style="font-family: Poppins, sans-serif; font-size: 24px; letter-spacing: 1px; text-align: left;">Subscribe to the Satori Spark Newsletter, your monthly nudge filled with thoughtful reflections and leadership inspiration to keep your momentum going. </span> 4942 </div> 4943 <a href="https://www.linkedin.com/company/growithsatori/" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 100px; padding: 13px 28px; line-height: 1.5; text-transform: none; font-weight: 400; font-size: 14px; letter-spacing: 3px; font-family: Poppins, sans-serif;" target="_blank" title="" draggable="false"><b class="size-18" style="letter-spacing: 1px;">Subscribe Now</b></a> 4944 <p></p> 4945 <p></p> 4946 </div> 4947 </div> 4948 <div class="row clearfix" draggable="false"> 4949 <div class="column full size-21" style="text-align: center;"> 4950 <h1><span class="size-24"></span></h1> 4951 <b><span class="size-28"><span class="size-28"><span style="text-transform: none;"><span style="font-family: Poppins, sans-serif;" class="size-28">Ready whenever you are </span></span></span></span></b> 4952 <p class="size-24"></p> 4953 <div class="OutlineElement Ltr SCXW94600195 BCX8" style="background-color: rgb(255, 255, 255);"> 4954 <span class="size-21"><span class="size-24"><span style="font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255);" class="size-24">Whatever brings you here, an urge to grow, a challenge to solve or a spark of curiosity, step into our community and experience your growth today! </span></span></span> 4955 </div> 4956 <div class="OutlineElement Ltr SCXW94600195 BCX8" style="text-align: center; background-color: rgb(255, 255, 255);"> 4957 <span class="size-21"><span class="size-24"><span><span style="font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255);">If you need more information or support, connect with our team at</span></span></span></span> 4958 </div> 4959 <div class="OutlineElement Ltr SCXW94600195 BCX8" style="text-align: center; background-color: rgb(255, 255, 255);"> 4960 <span class="size-21"><span style="font-family: Poppins, sans-serif;" class="size-24"><br></span></span> 4961 </div> 4962 <a href="Mailto:[email protected]" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 50px; padding: 13px 28px; line-height: 1.5; font-weight: 400; letter-spacing: 3px; font-family: Poppins, sans-serif; max-width: 400px; width: 100%;" class="size-21" target="_blank" title="" draggable="false"><b><span style="letter-spacing: 2px;"><span class="size-18"><span style="font-family: Poppins, sans-serif;">Email Us:<br></span></span></span><span style="font-family: Poppins, sans-serif;" class="size-21"><span style="letter-spacing: 1px;" class="size-18"><span class="size-18">[email protected]</span></span><br></span></b></a> 4963 <div class="spacer height-20"></div> 4964 <a href="tel; +91 84969 22516" style="display: inline-block; text-decoration: none; transition: 0.16s; border-style: solid; cursor: pointer; background-color: rgb(255, 159, 80); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 50px; padding: 13px 28px; line-height: 1.5; font-weight: 400; letter-spacing: 3px; width: 100%; max-width: 400px;" class="size-21" draggable="false" title=""><b style="width: 22em; letter-spacing: 2px;" class="size-18"><span style="font-family: Poppins, sans-serif;">Call</span>: <span style="font-family: Poppins, sans-serif;" class="size-18">+<font class="size-18">91 </font><font class="size-18">8496925516</font></span></b></a> 4965 <p></p> 4966 </div> 4967 </div> 4968 <div class="row clearfix" draggable="false"> 4969 <div class="column full center"> 4970 <p class="size-18" style="text-align: center; font-family: Poppins, sans-serif;">© Copyright 2026 Grow with Satori LLP</p> 4971 </div> 4972 </div>
4973 </div> 4974 </div> 4975 </div> 4976 </div> 4977 <!--OTHERS---> 4978 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4979 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4980 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4981 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4982 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4983 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4984 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4985 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4986 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4987 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4988 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4989 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4990 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4991 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4992 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 4993 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4994 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 4995 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4996 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 4997 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 4998 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 4999 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5000 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5001 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5002 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5003 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5004 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5005 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5006 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5007 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5008 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5009 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5010 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5011 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5012 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5013 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5014 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5015 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5016 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5017 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5018 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5019 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5020 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5021 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5022 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5023 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5024 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5025 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5026 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5027 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5028 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5029 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5030 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5031 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5032 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5033 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5034 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5035 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5036 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5037 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5038 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5039 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5040 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5041 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5042 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5043 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5044 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5045 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5046 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5047 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5048 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5049 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5050 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5051 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5052 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5053 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5054 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5055 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5056 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5057 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5058 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5059 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5060 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5061 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5062 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5063 <link href="//fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet" property="stylesheet" type="text/css"> 5064 <link href="//fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" property="stylesheet" type="text/css"> 5065 </body> 5066</html></div> 5067 5068 5069 5070 5071 5072 5073 5074 5075 5076 5077 5078 5079 5080 5081 5082 5083<div class="yogya-footer" 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;"> 5084 5085 5086 5087 5088 5089 5090 <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;" rel="nofollow" href="https://graphy.com/products/create-and-sell-course-online?utm_campaign=shantisharma&utm_source=gc&utm_device=website&gref=shantisharma" target="_blank"><img alt="Launch your Graphy" style="height: 20px; width: 11px; margin-right: 12px;" src="/resources/images/grvector.svg">Launch your Graphy</a> 5091 <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=shantisharma&utm_source=gc&utm_device=website&gref=shantisharma" target="_blank" rel="nofollow" style="color: #000 !important;text-decoration: underline !important;padding: 0 !important;font-size: inherit !important;">Graphy</a> to teach online</div> 5092 5093 5094 5095 5096 <div style="display: flex !important;align-items:center;justify-content:center;column-gap: 12px;"> 5097 <a href="https://www.facebook.com/growithsatori/" class="fbPage" target="_blank" style="text-decoration: none !important;color:#000 !important;font-size: inherit !important;height:24px;width:24px;border: 1px solid #E5E5E5;
5097display: flex;align-items:center;justify-content:center;"><i class="fa-brands fa-facebook-f" style="font-size: 11px"></i></a> 5098 <a href="https://www.instagram.com/growithsatori/" 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> 5099 <a href="https://twitter.com/LearningSatori" class="twitterPage" 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;" ><span style="font-size: 11px">𝕏</span></a> 5100 <a href="https://www.linkedin.com/company/growithsatori/" class="linkedinPage" 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-linkedin-in" style="font-size: 11px"></i></a> 5101 <a href="https://www.youtube.com/@growwithsatori" 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> 5102 5103 </div> 5104 <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;"> 5105 <span>Grow with Satori LLP <i class="fa-regular fa-copyright"></i> 2026</span> <i class="fa-solid fa-circle" style="font-size: 4px;"></i> 5106 <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> 5107 <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> 5108 <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> 5109 <a href="/refundpolicy" style="color: #232228 !important;padding: 0 !important;font-size: inherit !important;text-decoration: underline !important">Refund policy</a> 5110 </div> 5111</div> 5112 5113 5114 5115 5116 5117 5118 5119 5120 5121
5121<script type="text/javascript"> 5122 var coursesList = $("#courseslist, .itemsContainer"), blogsList = $("#blogslist"); 5123 if(coursesList.length > 0 && coursesList.html().replace(/[\s]/g, '') === "") { 5124 coursesList.addClass("columns").html("<div class='loading loading-lg centered'></div>"); 5125 store.allCourses.init(false, (coursesList.data("limit")===undefined?4:coursesList.data("limit"))); 5126 } 5127 if(blogsList.length > 0 && blogsList.html().replace(/[\s]/g, '') === "") { 5128 blogsList.addClass("columns").html("<div class='loading loading-lg centered'></div>"); 5129 var limit = (blogsList.data("limit")===undefined?4:blogsList.data("limit")), packet = { 5130 url: "/blog/json/get", 5131 data: {skip: 0, limit: limit}, 5132 success: function(data, params) { 5133 var template = _.template($("#blogcard-template").html()), html = "", blogs = data.data.blogs.data; 5134 5135 for(var i=0;i < blogs.length;i++) { 5136 html = html + template({item: blogs[i]}); 5137 } 5138 5139 blogsList.html(html);//.find("time.timeago").timeago(); 5140 } 5141 }; 5142 5143 getData(packet, {}); 5144 } 5145 </script>
5145 5146
5147<script src="https://d502jbuhuh9wk.cloudfront.net/resources/pagebuilder2/box/box.js" type="text/javascript"></script>
5147 5148 5149 5150 5151 5152 5153 5154 <div id="ui-notification-container" class="spectre"></div> 5155
5155<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-easing.js"></script>
5155 5156
5156<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-notification.js"></script>
5156 5157 5158 <!-- Import and configure the Firebase SDK --> 5159 <!-- These scripts are made available when the app is served or deployed on Firebase Hosting --> 5160 <!-- If you do not serve/host your project using Firebase Hosting see https://firebase.google.com/docs/web/setup --> 5161
5161<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
5161 5162
5162<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-messaging.js"></script>
5162 5163 5164
5164<script> 5165 // Retrieve Firebase Messaging object. 5166 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"}; 5167 // Initialize Firebase 5168 firebase.initializeApp(firebaseConfig); 5169 const messaging = firebase.messaging(); 5170 // Add the public key generated from the console here. 5171 messaging.usePublicVapidKey("BN3BYOmWjo3NAW7if4jCE5cG-yIOXAvmoKB9k53ZssAfgb7Z6ZZ-oAQWFK7j6EqHIG3f-G9QAVKLOIK7Vw3X0_k"); 5172 5173 // Callback fired if Instance ID token is updated. 5174 messaging.onTokenRefresh(function(){ 5175 messaging.getToken().then(function(refreshedToken){ 5176 // Indicate that the new Instance ID token has not yet been sent to the 5177 // app server. 5178 setTokenSentToServer(false); 5179 // Send Instance ID token to app server. 5180 sendTokenToServer(refreshedToken); 5181 // Display new Instance ID token and clear UI of all previous messages. 5182 resetUI(); 5183 // [END_EXCLUDE] 5184 })["catch"](function(err){ 5185 console.log('Unable to retrieve refreshed token ', err); 5186 showToken('Unable to retrieve refreshed token ', err); 5187 requestPermission(); 5188 }); 5189 }); 5190 5191 // Handle incoming messages. Called when: 5192 // - a message is received while the app has focus 5193 // - the user clicks on an app notification created by a service worker 5194 // `messaging.setBackgroundMessageHandler` handler. 5195 messaging.onMessage(function(payload){ 5196 console.log('Message received. ', payload); 5197 appendMessage(payload); 5198 }); 5199 5200 function resetUI() { 5201 clearMessages(); 5202 $(function(){ 5203 $("#ui-notification-container").notification(); 5204 }); 5205 // Get Instance ID token. Initially this makes a network call, once retrieved 5206 // subsequent calls to getToken will return from cache. 5207 messaging.getToken().then(function(currentToken) { 5208 if (currentToken) { 5209 sendTokenToServer(currentToken); 5210 updateUIForPushEnabled(currentToken); 5211 } else { 5212 // Show permission request. 5213 console.log('No Instance ID token available. Request permission to generate one.'); 5214 // Show permission UI. 5215 updateUIForPushPermissionRequired(); 5216 setTokenSentToServer(false); 5217 } 5218 })["catch"](function(err) { 5219 console.log('An error occurred while retrieving token. ', err); 5220 showToken('Error retrieving Instance ID token. ', err); 5221 setTokenSentToServer(false); 5222 }); 5223 // [END get_token] 5224 } 5225 5226 function showToken(currentToken) { 5227 // Show token in console and UI. 5228 console.log(currentToken); 5229 } 5230 5231 // Send the Instance ID token your application server, so that it can: 5232 // - send messages back to this app 5233 // - subscribe/unsubscribe the token from topics 5234 function sendTokenToServer(currentToken) { 5235 if (!isTokenSentToServer()) { 5236 console.log('Sending token to server...'); 5237 var packet = { 5238 url : "/public/v1/fcm/token", 5239 data: {token: currentToken}, 5240 success: function(data, params) { 5241 console.log("Token successfully sent") 5242 setTokenSentToServer(true); 5243 setTokenSentToServerUserId(window.userId); 5244 } 5245 }; 5246 postData(packet, {}); 5247 } else { 5248 console.log('Token already sent to server so won\'t send it again ' + 5249 'unless it changes'); 5250 } 5251 5252 } 5253 5254 function isTokenSentToServer() { 5255 return window.localStorage.getItem('sentToServer') === '1' && isTokenSentToServerWithUser(window.userId); 5256 } 5257 5258 function isTokenSentToServerWithUser(userId) { 5259 return window.localStorage.getItem('sentToServer-user') === userId; 5260 } 5261 5262 function setTokenSentToServer(sent) { 5263 window.localStorage.setItem('sentToServer', sent ? '1' : '0'); 5264 } 5265 5266 function setTokenSentToServerUserId(userId) { 5267 window.localStorage.setItem('sentToServer-user', userId); 5268 } 5269 5270 function requestPermission() { 5271 console.log('Requesting permission...'); 5272 // [START request_permission] 5273 Notification.requestPermission().then(function(permission) { 5274 if (permission === 'granted') { 5275 console.log('Notification permission granted.'); 5276 resetUI(); 5277 } else { 5278 console.log('Unable to get permission to notify.'); 5279 } 5280 }); 5281 // [END request_permission] 5282 } 5283 5284 function deleteToken() { 5285 // Delete Instance ID token. 5286 // [START delete_token] 5287 messaging.getToken().then(function(currentToken){ 5288 messaging.deleteToken(currentToken).then(function(){ 5289 console.log('Token deleted.'); 5290 setTokenSentToServer(false); 5291 // Once token is deleted update UI. 5292 resetUI(); 5293 })["catch"](function(err) { 5294 console.log('Unable to delete token. ', err); 5295 }); 5296 })["catch"](function(err) { 5297 console.log('Error retrieving Instance ID token. ', err); 5298 showToken('Error retrieving Instance ID token. ', err); 5299 }); 5300 5301 } 5302 5303 // Add a message to the messages element. 5304 function appendMessage(payload) { 5305 $("#ui-notification-container").notification("create", { 5306 title: payload.data.title, 5307 content: payload.data.message, 5308 customIcon: payload.data.customIcon, 5309 customImage: payload.data.customImage, 5310 link: payload.data.link 5311 }, 5312 { 5313 sticky: true 5314 }); 5315 } 5316 5317 // Clear the messages element of all children. 5318 function clearMessages() { 5319 const messagesElement = document.querySelector('#ui-notification-container'); 5320 while (messagesElement.hasChildNodes()) { 5321 messagesElement.removeChild(messagesElement.lastChild); 5322 } 5323 } 5324 5325 function updateUIForPushEnabled(currentToken) { 5326 showToken("Token update ui: " + currentToken); 5327 } 5328 5329 function updateUIForPushPermissionRequired() { 5330 console.warg("Push notification permission is requred") 5331 } 5332 5333 window.userId = ""; 5334 resetUI(); 5335 5336 5337 </script>
5337 5338 5339
5340<script src="https://d502jbuhuh9wk.cloudfront.net/static/files/lazyload.min.js"></script>
vendor: 1 bytes, line 5340
5340
5341<script type="text/javascript"> 5342 var lazyLoadInstance = new LazyLoad({ 5343 unobserve_entered: true, 5344 callback_enter: function(element) { 5345 resizeCdnImage(element); 5346 } 5347 }); 5348</script>
5348 5349</body> 5350</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.