1 2 3 4 5 6 7 8<!DOCTYPE html> 9<html lang="en"> 10<head> 11<title>SPBM</title> 12 13 14 <meta name="keywords" content=""/> 15 <meta name="description" content="Success Principles by Modicare"/> 16 <meta name="google-site-verification" content="" /> 17 18 <meta property="og:url" content="https://sharadchoudhary5050.ongraphy.com" /> 19 <meta property="og:type" content="website" /> 20 <meta property="og:title" content="SPBM" /> 21 <meta property="og:description" content="Success Principles by Modicare" /> 22 <meta property="og:image" content="https://sharadchoudhary5050.ongraphy.com/logo.png?v=18" /> 23 24 25 26 27 28 29 30 31 32 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 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 86 87 88 89 90 91 92 93 94 95 96 97 98 <meta name="google" content="notranslate"> 99 100 101 <link rel="canonical" href="https://sharadchoudhary5050.ongraphy.com/" /> 102 103 104 105<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 106<link rel="icon" href="/favicon.ico" type="image/x-icon"> 107 108 109 110 111 112 113 114 115 116
116<script>var orgCountry = "IN";</script>
116 117 118 119 120 121<link id="theme" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre.min.css" rel="stylesheet"> 122 123<link rel="preconnect" href="https://fonts.googleapis.com"> 124<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 125 126<link rel="preload" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" as="style" onload="this.onload=null;this.rel='stylesheet'"> 127<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" ></noscript> 128 129<link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" as="style" onload="this.onload=null;this.rel='stylesheet'"> 130<noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" ></noscript> 131 132<link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 133<noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" ></noscript> 134 135<link id="theme-exp" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre-exp.min.css" rel="stylesheet"> 136 137 138 139 140 <link href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstyles_0f8f8346b730ed7f9d44d25335e652c6.css" rel="stylesheet"> 141 <link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstore_052a28d8fc16dab749345a09dfcd63bf.css"/> 142 143 144 145 <style type="text/css"> 146 #loginLoader{ 147 position: absolute; 148 left: 0; 149 right: 0; 150 margin-left: auto; 151 margin-right: auto; 152 width: 100px; 153 top: 50%; 154 } 155 .customSocialBtn { 156 display: flex; 157 white-space: nowrap; 158 justify-content: center; 159 align-items: center; 160 padding: 11px 67px; 161 position: static; 162 left: 0px; 163 top: 40px; 164 cursor: pointer; 165 margin: auto; 166 border: none; 167 gap: 10px; 168 /*width: 364px; 169 height: 48px; 170 background: #000000; */ 171 /*For New Button Remove Bellow Codes and Uncomment upper Code */ 172 background: white; 173 border-radius: 4px; 174 box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%); 175 width: 245px; 176 height: 40px; 177 } 178 179 .customSocialBtn img.icon { 180 height: 20px; 181 width: 20px; 182 } 183 .customSocialBtn span.buttonText { 184 font-style: normal; 185 font-weight: 900; 186 font-size: 16px; 187 line-height: 120%; 188 opacity: 0.9; 189 font-family: 'Roboto', sans-serif; 190 /* color: #F7F7F7; */ 191 /*For New Button Remove Bellow Codes and Uncomment upper Code */ 192 color: #808080; 193 } 194 </style> 195 196 197 198 199 200 <style type="text/css"> 201 202 .main.container { margin-top: calc(var(--headerHeight) + 25px); } 203 204 </style> 205 206 207 208 209 210 211 212 213 214 215 216<style type="text/css"> 217 :root { 218 --themeColor: #5755d9; 219 --themeBGColor: #fff; 220 --headerHeight: 70px; 221 --headerTextColor: #1f1f1f; 222 --headerBGColor: #ffffff; 223 --footerTextColor: #FCFBFA; 224 } 225 226 227</style> 228 229<style type="text/css"> 230 .btn{ 231min-width: auto !important; 232} 233 234@media (max-width: 840px){ 235#navbar-section-btn { 236 display: flex; 237 align-items: center; 238 z-index: 1; 239} 240.spectre header.navbar .navbar-section { 241 flex-basis: unset!important; 242overflow: unset; 243} 244} 245.spectre header.navbar .navbar-section { 246overflow: unset; 247} 248 249 250</style> 251 252 253 254
255<script type="text/javascript"> 256 window.onload = function(event) { 257 document.querySelectorAll('header .avatar img').forEach(function(img){ 258 if(img.naturalWidth == 0) { 259 img.style.display='none'; 260 } 261 }) 262 }; 263 var RESCDN = "https://d502jbuhuh9wk.cloudfront.net"; 264 265 function showCourseDefaultCover(img, cid) { 266 var rndm = ((parseInt(cid.replace(/[a-z]/g, '')) % 10) % 6) + 1; 267 rndm = isNaN(rndm) ? 1 : rndm; 268 if(img === null) { 269 return RESCDN + "/resources/images/cc"+rndm+".jpg"; 270 } 271 272 img.src = RESCDN + "/resources/images/cc"+rndm+".jpg"; 273 } 274</script>
274 275 276 277 278 279 280 281 282 283 284 285 286
287<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>
287 288
289<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>
289 290
291<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>
291 292 293 294 295 296
296<script>var orgTermsOfUseVersion = parseInt("1");</script>
296 297 298 299
300<script type="text/template" id="consentPromptTemplate"> 301<div class="spectre"> 302 <div class="modal active" id="consentPrompt"> 303 <a href="javascript:void(0);" class="modal-overlay" aria-label="Close"></a> 304 <div class="modal-container" style="max-width:325px"> 305 <div class="modal-header" style="padding:0.8rem 0.8rem 0px 0.8rem;"> 306 <div class="modal-title h5 text-center">Updated Terms</div> 307 </div> 308 <div class="modal-body"> 309 310 <form id="consentForm" style="text-align:center; font-size:13px"> 311 <div class="content"></div><br> 312 <div class="text-center"> 313 <button id="consentBtn" type="button" class="btn close btn-primary">I Agree</button> 314 </div> 315 </form> 316 317 </div> 318 </div> 319</div> 320</script>
320 321 322
323<script> 324 var hideCookiePopup = false; 325 var cookieConsentEnabled = false; 326 if(!cookieConsentEnabled){ 327 hideCookiePopup = true; 328 } 329 var SPORG = {subscriptionPlan: "advanced", checkout_version: "1", customer_type: "s"}; 330</script>
vendor: 1 bytes, line 330
330
331<script type="text/template" id="cookiePopupTemplate"> 332<div class="spectre" style="position: fixed; bottom: 0; width: 100%; opacity:1; z-index: 9999;"> 333 <div class="modal-container p-0" id="cookiePopup"> 334 <form id="cookiePopupForm"> 335 <div class="columns" style="align-items: center;"> 336 <div class="column col-sm-12 content text-center"></div> 337 <div class="column col-sm-12 text-center"> 338 <a href="/privacy-policy" class="btn" target="_blank" id="viewPrivacyPolicyBtn" style="margin-right:15px;">View privacy policy</a> 339 <button id="acceptCookiesBtn" type="button" class="btn close btn-primary">Accept cookies</button> 340 </div> 341 </div> 342 </form> 343 </div> 344</div> 345</script>
345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366<!-- Google Tag Manager -->
367<script>
vendor: 327 bytes, lines 367-371
367(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 368new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 369j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 370'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 371})(window,document,'script','dataLayer','
371GTM-KW7N9P2
vendor: 4 bytes, line 371
371');
372</script>
372 373<!-- End Google Tag Manager --> 374 375 <style type="text/css"> 376 :root { --text: #3F3F41; --yellow: #ffb13c; --blue: #0a3f81; --purple: #62538e; } @media (max-width: 767px) { body { padding-top: 0px !important; } } .spectre header.navbar .navbar-section { flex-basis: content; } header .btn { display: inline-block; padding: 13px 20px; min-width: unset !important; border-radius: 10px; background-color: var(--yellow); color: #4d4d4d; border: 3px solid #fff; box-shadow: unset !important; font-size: 18px; line-height: 22px; font-weight: 500; text-align: center; } .owl-stage-outer { overflow: hidden; } .owl-stage { display: flex; flex-direction: row; align-items: center; } .slider1 .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #869791; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .slider1 .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #D6D6D6; } .slider2 .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #869791; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .slider2 .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #D6D6D6; } .leader_slider .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #869791; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .leader_slider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #D6D6D6; } .review_slider .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #869791; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .review_slider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #D6D6D6; } .review_slider .owl-nav, .leader_slider .owl-nav { display: none; } .slider2 { position: absolute; bottom: -30px; } .owl-dots { width: 100%; display: flex; justify-content: center; } .owl-dots button { background: none !important; border: none !important; padding: 10px 0px 0px; } p:last-child { margin-bottom: 0 !important; } .btn { display: inline-block; padding: 13px 20px; min-width: 164px; border-radius: 10px; background-color: var(--yellow); color: #4d4d4d; border: 3px solid #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); font-size: 18px; line-height: 22px; font-weight: 500; text-align: center; } .btn:hover { background-color: #0a3f81; color: #fff; } .container { max-width: 1050px; margin: 0 auto; width: 100%; } .container1300 { max-width: 1300px; margin: 0 auto; width: 100%; } .container1080 { max-width: 1080px; margin: 0 auto; width: 100%; } /* Banner Section CSS */ section { width: 100%; overflow: hidden; position: relative; } .banner_section { background-color: #0a546d; border-top: 24px solid #206c90; position: relative; overflow: initial; line-height: 0; } /* .banner_section::before{ content: ''; position: absolute; bottom: 0; left: 0; background: url(../images/banr-shape-1.png) no-repeat; background-size: 100%; width: 360px; height: 360px;} .banner_section::after{ content: ''; position: absolute; top: 0; right: 0; background: url(../images/banr-shape-2.png) no-repeat; background-size: 100%; width: 360px; height: 360px;} */ .banner_section .slide { width: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; } .banner_section .text { width: 278px; position: relative; z-index: 1; } .banner_section .imgs { width: calc(100% - 278px); position: relative; padding-bottom: 45px; } .banner_section .imgs .img1 { display: block; margin-left: auto; margin-right: 0; max-width: 875px; } .banner_section .imgs .img2 { position: absolute; bottom: 0; left: 0; width: 330px; } .banner_section h1 { color: #fff; margin-bottom: 52px; } .banner_section h1 span { color: var(--yellow); } .banner_section .btn { min-width: 220px; padding: 14px 20px 18px; border-radius: 37px; font-size: 24px; line-height: 28px; } .banner_section .slick-dots { position: absolute; bottom: -30px; z-index: 1; margin: 0 !important; } /* Banner Section CSS */ /* Middle Sections CSS */ .section1 { background-color: #206C90; padding: 80px 0 200px; } .section1 .container { position: relative; z-index: 1; } .section1::before { content: ''; position: absolute; top: 0; right: 0; background: url(/s/pages/assets/images/bg1.png) no-repeat; background-size: 100%; width: 480px; height: 560px; } .section1::after { content: ''; position: absolute; bottom: 40px; right: 0; background: url(/s/pages/assets/images/path-1.svg) no-repeat bottom; background-size: 100%; width: 100%; height: 100%; } .section1 h3 { text-transform: uppercase; color: #fff; } .section1 h3+p { color: #fff; margin: 5px 0 0; } .section1 .row { display: flex; flex-wrap: wrap; width: calc(100% + 50px); margin-left: -25px; justify-content: space-between; padding: 20px 0 0; } .section1 .col { width: calc(100% - 20px); border: 5px solid #fff; margin-top: 52px; position: relative; background-color: #F9F1FF; border-radius: 10px; padding: 0 35px 10px; min-height: 130px; margin-right: 20px; } .section1 .owl-nav { display: none; } .section1 .col .icon { width: 65px; height: 65px; display: flex; justify-content: center; align-items: center; background-color: var(--blue); border-radius: 10px; margin-top: -33px; transition: all 0.4s ease-in-out; } .section1 .col .icon svg { max-width: 42px; max-height: 42px; } .section1 .col p { font-size: 14px; line-height: 18px; margin: 10px 0 0; } .section1 .col .icon6 svg { max-width: 24px; max-height: 24px; } .section2 { padding: 90px 0 30px; position: relative; background-color: #ebeff2; } .slider2 .col { width: 100% !important; height: 100%; } .slider2 .owl-nav { display: none; } .section2::before { content: ''; position: absolute; top: 0; left: 0; background: url(/s/pages/assets/images/rc-1.svg) no-repeat; background-size: 100%; width: 360px; height: 360px; } .section2::after { content: ''; position: absolute; top: 0; right: 0; background: url(/s/pages/assets/images/bg3.png) no-repeat; background-size: 100%; width: 380px; height: 380px; } .section2 .container { position: relative; z-index: 1; } .section2 h2 { color: var(--purple); } .section2 h2+p { color: #4D4D4D; margin: 5px 0 0; } .section2 .row { width: 100%; display: flex; flex-wrap: wrap; margin-top: 84px; position: relative; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .section2 .col { width: 25%; position: relative; z-index: 1; background-color: #206C90; text-align: center; color: #fff; padding: 45px; transition: all 0.4s ease-in-out; } .section2 .row::before { content: ''; position: absolute; bottom: 0; left: -200px; width: 200px; height: 100px; background: url(/s/pages/assets/images/line-1.svg) no-repeat; background-size: 100%; } .section2 .row::after { content: ''; position: absolute; top: 0; right: -200px; width: 200px; height: 100px; background: url(/s/pages/assets/images/line-2.svg) no-repeat; background-size: 100%; } .section2 .col .icon { width: 75px; height: 75px; display: flex; justify-content: center; align-items: center; background-color: var(--blue); border-radius: 10px; margin-top: -33px; transition: all 0.4s ease-in-out; margin: 0 auto; } .section2 .col .icon img { max-width: 48px; max-height: 48px; display: block; margin: 0 auto; } .section2 .col h4 { font-size: 22px; line-height: 28px; font-weight: 700; padding: 20px 0 0; } .section2 .col p { font-size: 16px; line-height: 20px; font-weight: 400; padding: 10px 0 0; } /*.section2 .col:nth-child(1) { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; } .section2 .col:nth-child(4n) { border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; }*/ .section3 { width: 100%; position: relative; padding: 110px 0 0; position: relative; background-color: #ebeff2; background-image: url(/s/pages/assets/images/bg4.png); background-repeat: no-repeat; background-position: bottom right; background-size: 440px; } .section3::before { content: ''; position: absolute; bottom: 0; right: 0; background: url(/s/pages/assets/images/rc-2.svg) no-repeat; background-size: 100%; width: 360px; height: 360px; } .section3::after { content: ''; position: absolute; bottom: 0; left: 0; background: url(/s/pages/assets/images/bg2.png) no-repeat; background-position: bottom; background-size: 100%; width: 480px; height: 420px; } .section3 .container { position: relative; z-index: 1; } .section3 h2 { color: var(--purple); margin-bottom: 10px; } .coursesection1 { width: 100%; position: relative; } .coursesection1 .main_row { width: 100%; position: relative; display: flex; justify-content: space-between; } .coursesection1 .col_left { width: 580px; display: flex; justify-content: space-between; padding: 28px 0 0; height: 100%; } .course_list { width: 258px; } .course_list ul { list-style: none; margin: 0px; } .course_list ul li { list-style-type: none; } .course_list ul li { width: 100%; margin-bottom: 12px; } .course_list ul li a { display: flex; align-items: center; background-color: #F9F1FE; padding: 7px 10px; border-radius: 10px; font-size: 14px; line-height: 20px; font-weight: 700; color: var(--text); text-decoration: none; } .course_list .icon { width: 30px; height: 30px; margin-right: 15px; display: flex; justify-content: center; align-items: center; background-color: var(--blue); border-radius: 4px; transition: all 0.4s ease-in-out; }
376 .course_list .icon svg { max-width: 20px; max-height: 20px; } .course_list ul li a:hover .icon { background-color: var(--yellow); transition: all 0.4s ease-in-out; } .course_list ul li a:hover .icon svg path { fill: #4C4C4C; } .course_list ul li a:hover { background-color: #fff; } .course_list ul li a:hover .icon svg #Group_259 path { fill: none; stroke: #4C4C4C; } .course_list ul li a:hover .icon svg #Group_259 rect { fill: none; stroke: #4C4C4C; } .course_list ul li a:hover .icon svg #Group_259 line { fill: none; stroke: #4C4C4C; } .course_list ul li.active a .icon { background-color: var(--yellow); transition: all 0.4s ease-in-out; } .course_list ul li.active a .icon svg path { fill: #4C4C4C; } .course_list ul li.active a { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); } .course_list ul li.active .icon svg #Group_259 path { fill: none; stroke: #4C4C4C; } .course_list ul li.active .icon svg #Group_259 rect { fill: none; stroke: #4C4C4C; } .course_list ul li.active .icon svg #Group_259 line { fill: none; stroke: #4C4C4C; } .course_list .more { display: block; } .course_list .more a { display: inline-block; color: var(--text); font-size: 14px; line-height: 20px; font-weight: 700; } .course_list .more a:hover { color: var(--yellow); } .tab-content { width: 255px; display: none; } .courseMore { width: 100%; min-height: 258px; display: flex; flex-direction: column; justify-content: space-between; } .courseMore p { font-size: 12px; line-height: 22px; } .courseMore .knowMore a { margin-bottom: 41px; display: inline-block; border-radius: 5px; text-align: center; background-color: #206C90; color: #fff; width: 130px; font-size: 15px; line-height: 18px; font-weight: 500; padding: 8px 10px; } .courseMore .knowMore a:hover { background-color: var(--yellow); } .coursesection1 .col_right { width: 370px; padding: 0 30px; display: flex; justify-content: end; justify-content: flex-end; } .coursesection1 .col_right img { display: block; margin: 0 auto; } .coursesection2 { width: 100%; padding: 60px 0 0; background-color: #f9f1fe; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-bottom: 60px; overflow: hidden; position: relative; } .courseSearch { width: calc(100% - 40px); margin: 0 20px; position: relative; } .courseSearch .field { width: 100%; position: relative; background-color: #f9f1fe; border: 2px solid #707070; padding: 0 30px; height: 50px; border-radius: 4px; font-size: 16px; line-height: 20px; font-weight: 700; color: #4d4d4d; } .courseSearch::after { content: ''; position: absolute; top: 15px; right: 20px; background: url(/s/pages/assets/images/search-icon-2.svg) no-repeat; background-size: 100%; width: 20px; height: 20px; } .searchlist { padding: 15px 0 0; width: 100%; display: flex; flex-wrap: wrap; } .searchlist ul { width: 25%; min-height: 380px; padding: 45px 15px 45px 35px; position: relative; } .searchlist ul:nth-child(2n) { background-color: #e6e6e6; border-left: 1px solid #d6d3db; } .searchlist ul li { font-size: 15px; line-height: 20px; color: #4d4d4d; font-weight: 700; margin-bottom: 20px; position: relative; z-index: 1; } .searchlist ul li a { color: var(--text); display: inline-block; position: relative; } .searchlist ul li a::after { content: ''; width: 0; height: 2px; background-color: #206C90; position: absolute; bottom: -3px; left: 0; transition: all 0.4s ease-in-out; } .searchlist ul li a:hover::after { width: 100%; transition: all 0.4s ease-in-out; } .searchlist ul:nth-child(1)::before { content: ''; position: absolute; top: 50px; left: 0; width: 330px; height: 430px; background: url(/s/pages/assets/images/rc-5.svg) no-repeat; background-size: 100%; } .hide { display: none !important; } .closeSearch { position: absolute; cursor: pointer; top: 20px; right: 20px; background-color: transparent; display: flex; align-items: center; font-size: 15px; color: #4d4d4d; font-weight: 700; } .closeSearch img, .closeSearch svg { display: block; width: 16px; margin-left: 8px; } .closeSearch:hover { opacity: 0.8; } .section4 { width: 100%; position: relative; padding: 135px 0 20px; position: relative; background-color: #206C90; overflow: hidden; } .section4::before { content: ''; position: absolute; bottom: 0; left: 0; background: url(/s/pages/assets/images/rc-3.svg) no-repeat; background-size: 100%; width: 360px; height: 360px; } .section4::after { content: ''; position: absolute; top: -52%; left: -12%; background: url(/s/pages/assets/images/bg5.png) no-repeat; background-position: bottom; background-size: 100%; width: 1000px; height: 1000px; } .section4 .container { position: relative; z-index: 1; display: flex; } .section4 .text { width: 265px; min-width: 265px; padding-right: 40px; color: #fff; } .section4 .text p { font-size: 17px; line-height: 20px; margin: 10px 0 0; } .leader_slider { width: 100%; text-align: center; position: relative; color: #fff; } .leader_slider h5, .leader_slider h6 { font-weight: 400; font-size: 14px; line-height: 18px; } .leader_slider .item { width: 100%; padding: 0 13px; } .leader_slider .item img { display: block; margin: 0 auto 10px; } .slick-dots { display: flex; width: 100%; text-align: center; justify-content: center; margin-top: 15px; } .slick-dots li { margin: 0 7px; } .slick-dots li button { width: 8px; height: 8px; opacity: 1; border-radius: 4px; font-size: 0; background-color: #fff; } .slick-dots li.slick-active button { background-color: #808080; } .section5 { background-color: var(--yellow); padding: 60px 0 90px; position: relative; overflow: initial; z-index: 1; } .section5::before { content: ''; position: absolute; top: 0; left: 0; background: url(/s/pages/assets/images/bg6.png) no-repeat; background-size: 100%; width: 680px; height: 680px; } .section5 .container { position: relative; z-index: 1; border: 2px solid #333; display: flex; justify-content: space-between; padding-top: 50px; } .section5 .container::before { content: ''; position: absolute; bottom: 0; left: 0; background: url(/s/pages/assets/images/rc-4.svg) no-repeat; background-size: 100%; width: 260px; height: 260px; } .section5 .text { position: relative; width: 430px; padding: 30px 0 0 30px; } .section5 .text h6 { font-weight: 400; font-size: 14px; line-height: 18px; color: #4d4d4d; margin: 0 0 3px; } .section5 .text p { font-weight: 400; font-size: 14px; line-height: 18px; color: #4d4d4d; margin: 3px 0 0; } .section5 .text h3 { color: #4d4d4d; } .section5 .appBtns { margin-top: 75px; width: 100%; display: flex; } .section5 .appBtns img { display: block; margin-right: 5px; } .section5 .appBtns a:hover { opacity: 0.8; } .section5 .img { width: 400px; padding-right: 115px; } .section5 .img img { display: block; } .section6 { background-color: var(--yellow); padding: 0 0 60px; position: relative; overflow: hidden; } .section6 h2 { color: #4d4d4d; } .review_slider { width: 100%; position: relative; text-align: center; color: #4d4d4d; padding: 50px 0 0; } .review_slider .item { width: 100%; padding: 0 14px 30px; } .review_slider p { font-size: 16px; line-height: 24px; margin: 15px 0 0; } .review_slider h5 { font-size: 16px; line-height: 24px; font-weight: 700; margin: 15px 0 0; } .review_slider .thumb img { width: 170px; height: 170px; border-radius: 50%; display: block; margin: 0 auto; object-position: center; object-fit: cover; } .section9 { padding: 80px 0; } .faqlist { width: 100%; margin-top: 22px; border-bottom: 1px solid #D6D6D6; } .faqlist .h3 { font-weight: 800; } .faqlist h4 { font-size: 16px; line-height: 1.4; font-weight: 400; position: relative; padding: 12px 50px 12px 0; border-top: 1px solid #D6D6D6; cursor: pointer; } .faqlist h4::before { content: '+'; position: absolute; top: 11px; right: 0; font-weight: 600; font-size: 18px; line-height: 24px; } .faqlist h4.active::before { content: '-'; } .faqlist h4:first-child { border-top: 0; } .faqlist .answer { padding: 0 0 20px; font-size: 14px; display: none; } /* Middle Sections CSS */ .slick-slide img.desktop-banner-img { display: none; } /* Responsive START */ @media(min-width:1740px) { .section1::after { bottom: 10px; } .section5::before { width: 780px; height: 780px; } } @media(min-width:1040px) { .section1 .col:hover .icon { background-color: var(--yellow); transition: all 0.4s ease-in-out; } .section1 .col:hover .icon svg path { fill: #4C4C4C; } .section2 .col:hover { /*margin-top: -45px; border-radius: 10px 10px 0 0; padding-top: 90px;*/ background-color: var(--yellow); transition: all 0.4s ease-in-out; color: #333; } } @media(min-width: 768px) { .slick-slide img.mobile-banner-img { display: none; } .slick-slide img.desktop-banner-img { display: block; } } @media(max-width:1100px) { .container, .container1300 { padding: 0 20px; } .navigation ul li { margin-right: 30px; } .banner_section .imgs .img1 { max-width: 90%; margin-left: 10%; } .banner_section .imgs .img2 { width: 280px; } .banner_section .btn { min-width: 200px; padding: 12px 20px 14px; font-size: 20px; line-height: 28px; } .section1 .row { width: 100%; margin-left: 0; } .section1 { padding: 80px 0 120px; } .section2 .col { padding: 45px 25px; } .section5 .container { width: calc(100% - 40px); margin: 0 20px; padding: 40px 0 0; } .footer { padding: 20px 0 40px; } } @media(max-width:979px) { .footer ul li { margin: 0 12px; } .footer ul li a { font-size: 16px; } .section9 { padding: 50px 0; } h3, .h3 { font-size: 28px; line-height: 36px; } h2, .h2 { font-size: 34px; line-height: 44px; } .section6 { padding: 0 0 50px; } .review_slider p { font-size: 14px; line-height: 22px; } .section5 .img { width: 48%; padding: 0 40px; } .section5 .appBtns { margin-top: 35px; } .section5::before { width: 580px; height: 580px; } .section4 { padding: 60px 0 20px; } .section4 .text p { font-size: 15px; line-height: 18px; } .section3 { padding: 0px 0 0; background-size: 340px; } .section3::before { width: 260px; height: 260px; } .section3::after { width: 380px; height: 320px; } .tab-content { width: 200px; } .course_list { width: 220px; } .course_list ul li { margin-bottom: 10px; } .course_list .icon { margin-right: 6px; } .section2 { padding: 60px 0 30px; } .section2 .col p { font-size: 14px; line-height: 18px; } .section2 .col h4 { font-size: 18px; line-height: 24px; padding: 10px 0 0; } body { font-size: 15px; } .section1 .col { padding: 0 15px 10px; width: 100%; } .slider1 { display: flex; flex-direction: column; } .section2 .col { padding: 0 15px 10px; width: 100%; margin-bottom: 15px; } .slider2 { display: flex; flex-direction: column; } .section1 { padding: 60px 0; } h1, .h1 { font-size: 42px; line-height: 52px; } .banner_section h1 { margin-bottom: 30px; } .banner_section .imgs .img2 { width: 180px; } .banner_section .btn { min-width: 180px; padding: 10px 20px 12px; font-size: 18px;
376 line-height: 26px; } .header_nav { display: none; } .menubtn { position: relative; width: 32px; height: 19px; cursor: pointer; } .menubtn i { position: absolute; width: 100%; height: 2px; background-color: #281D20; top: 0; left: 0; transition: all 0.4s ease-in-out; } .menubtn .b { top: 9px; } .menubtn .c { top: 17px; } .menubtn.active .b { opacity: 0; transition: all 0.4s ease-in-out; } .menubtn.active .a { transform: rotate(45deg); top: 9px; transition: all 0.4s ease-in-out; } .menubtn.active .c { transform: rotate(-45deg); top: 9px; transition: all 0.4s ease-in-out; } .header .container { justify-content: space-between; align-items: center; } .header .logo img { max-height: 70px; } .header .logo { margin-right: 25px; min-width: 70px; } .header_nav { position: absolute; top: 100%; padding: 0 0 20px; flex-direction: column; background-color: #fff; left: 0; width: 100%; } .navigation ul { flex-direction: column; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; } .navigation ul li { border-top: 1px solid #e5e5e5; margin: 0; } .navigation ul li a { display: block; padding: 10px 20px; float: left; } .hcart { width: 35px; margin-left: 20px; float: left; } .hsearch { float: right; padding-right: 20px; } .hsearch .field { width: 180px; height: 40px; background-size: 20px; background-position: calc(100% - 10px) 50%; font-size: 15px; } .loginbtn { width: 100%; margin: 20px 0 0; float: left; text-align: center; border-top: 1px solid #e5e5e5; padding: 20px 20px 0; } } @media(max-width:767px) { .header { padding: 10px 0; } body { padding-top: 90px; } .banner_section { border: 0; } .banner_section .container1300 { padding: 0; } .banner_section .slide { flex-direction: column; } .banner_section .text { width: 100%; } .banner_section .imgs { width: 100%; padding: 0; } .banner_section .imgs .img1 { max-width: 100%; margin-left: 0; min-width: 130%; } .banner_section .imgs .img2 { width: 240px; margin-left: 5px; } .banner_section .text { padding: 80px 20px 40px; } .banner_section::before { top: 0; bottom: auto; background: url(/s/pages/assets/images/mrc-1.svg) no-repeat; background-size: 80%; width: 100%; height: 360px; } .banner_section::after { display: none; } .banner_section h1 { max-width: 230px; } .section1::before { width: 420px; height: 480px; } .section1::after { width: 180%; left: -40%; } .section2 .col:hover { margin-top: 0; padding-top: 45px; } .section2 .row { width: calc(100% - 40px); margin: 40px 20px 0; box-shadow: none; } .section2 .col { padding: 45px 30px; border-radius: 10px !important; height: 260px; } .coursesection1 .main_row { flex-direction: column; } .coursesection1 .col_left { width: 100%; flex-direction: column; } .course_list { width: 100%; } .tab-content { width: 100%; margin-top: 40px; } .courseMore { min-height: initial; } .courseMore .knowMore a { margin: 40px 0 0; } .coursesection1 .col_right { width: 100%; margin-top: 40px; } .section4 .container { flex-direction: column; } .section4 .text { width: 100%; min-width: initial; } .section4::before { top: 0; bottom: auto; background: url(/s/pages/assets/images/mrc-1.svg) no-repeat; background-size: 80%; width: 100%; height: 360px; } .leader_slider { margin-top: 40px; margin-bottom: 20px; } .section5 .container { flex-direction: column; padding: 20px 20px 0; } .section5 .text { width: 100%; padding: 0 0 40px; } .section5 .img { width: 100%; padding: 0; } .section5::before { width: 380px; height: 380px; } .section5 { padding: 60px 0; } .faqlist h4 { font-size: 15px; } .faqlist .answer { font-size: 13px; } .footer ul { flex-wrap: wrap; } .footer ul li { width: 33%; margin: 2px 0; text-align: left; } .searchlist ul:nth-child(1)::before { display: none; } .searchlist ul { width: 50%; min-height: initial; padding: 20px !important; } .searchlist ul li { font-size: 13px; line-height: 18px; margin-bottom: 10px; } .courseSearch .field { border: 1px solid #707070; padding: 0 15px; height: 44px; font-size: 13px; } .courseSearch::after { top: 12px; right: 12px; width: 18px; height: 18px; } .closeSearch { top: 10px; right: 10px; font-size: 13px; } .closeSearch img, .closeSearch svg { width: 12px; } .mobSignup { width: 100%; display: block; text-align: center; margin: 0 0 40px; } .mobSignup .btn { display: inline-block; min-width: 190px; padding: 10px 20px 12px; border-radius: 37px; font-size: 18px;
376 line-height: 26px; } .banner_section .btn { display: none; } .coursesection2 { padding: 40px 0 0; } } /* Responsive END */ @media(max-width:767px) { .section1_web { display: none; } .section1 { display: block; } .section2_web { display: none; } .section2 { display: block; } } @media(min-width:767px) { .section1_web { display: block; } .section1 { display: none; } .section2_web { display: block; } .section2 { display: none; } } .section1_web { background-color: #206C90; padding: 80px 0 200px; } .section1_web .container { position: relative; z-index: 1; } .section1_web::before { content: ''; position: absolute; top: 0; right: 0; background: url(/s/pages/assets/images/bg1.png) no-repeat; background-size: 100%; width: 480px; height: 560px; } .section1_web::after { content: ''; position: absolute; bottom: 40px; right: 0; background: url(/s/pages/assets/images/path-1.svg) no-repeat bottom; background-size: 100%; width: 100%; height: 100%; } .section1_web h3 { text-transform: uppercase; color: #fff; } .section1_web h3+p { color: #fff; margin: 5px 0 0; } .section1_web .row { display: flex; flex-wrap: wrap; width: calc(100% + 50px); margin-left: -25px; justify-content: space-between; padding: 20px 0 0; } .section1_web .col { width: calc(33.33% - 24px); border: 5px solid #fff; margin-top: 52px; position: relative; background-color: #F9F1FF; border-radius: 10px; padding: 0 35px 10px; min-height: 130px; } .section1_web .col .icon { width: 65px; height: 65px; display: flex; justify-content: center; align-items: center; background-color: var(--blue); border-radius: 10px; margin-top: -33px; transition: all 0.4s ease-in-out; } .section1_web .col .icon svg { max-width: 42px; max-height: 42px; } .section1_web .col p { font-size: 14px; line-height: 18px; margin: 10px 0 0; } .section1_web_web .col .icon6 svg { max-width: 24px; max-height: 24px; } .section2_web { padding: 90px 0 30px; position: relative; background-color: #ebeff2; } .section2_web::before { content: ''; position: absolute; top: 0; left: 0; background: url(/s/pages/assets/images/rc-1.svg) no-repeat; background-size: 100%; width: 360px; height: 360px; } .section2_web::after { content: ''; position: absolute; top: 0; right: 0; background: url(/s/pages/assets/images/bg3.png) no-repeat; background-size: 100%; width: 380px; height: 380px; } .section2_web .container { position: relative; z-index: 1; } .section2_web h2 { color: var(--purple); } .section2_web h2+p { color: #4D4D4D; margin: 5px 0 0; } .section2_web .row { width: 100%; display: flex; flex-wrap: wrap; margin-top: 84px; position: relative; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .section2_web .col { width: 25%; position: relative; z-index: 1; background-color: #206C90; text-align: center; color: #fff; padding: 45px; transition: all 0.4s ease-in-out; } .section2_web .row::before { content: ''; position: absolute; bottom: 0; left: -200px; width: 200px; height: 100px; background: url(/s/pages/assets/images/line-1.svg) no-repeat; background-size: 100%; } .section2_web .row::after { content: ''; position: absolute; top: 0; right: -200px; width: 200px; height: 100px; background: url(/s/pages/assets/images/line-2.svg) no-repeat; background-size: 100%; } .section2_web .col .icon { width: 75px; height: 75px; display: flex; justify-content: center; align-items: center; background-color: var(--blue); border-radius: 10px; margin-top: -33px; transition: all 0.4s ease-in-out; margin: 0 auto; } .section2_web .col .icon img { max-width: 48px; max-height: 48px; display: block; margin: 0 auto; } .section2_web .col h4 { font-size: 22px; line-height: 28px; font-weight: 700; padding: 20px 0 0; } .section2_web .col p { font-size: 16px; line-height: 20px; font-weight: 400; padding: 10px 0 0; } .section2_web .col:nth-child(1) { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; } .section2_web .col:nth-child(4n) { border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; } .section2_web .col:hover { margin-top: -45px; padding-top: 90px; background-color: var(--yellow); transition: all 0.4s ease-in-out; border-radius: 10px 10px 0 0; color: #333; } 377 </style> 378 379 380 381 382 383 384</head> 385 386<body class=""> 387 388 389 390 391 392 393 394 395 396<div class="header spectre fixed" 397 style="background-color: #ffffff;"> 398 399 <header class="navbar container" style="min-height: 70px;"> 400 401 <div id="navbar-section-btn"> 402 403 <a href="javascript:void(0);" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "sharadchoudhary5050.ongraphy.com","button":"cart"}' class="nav-link badge cartBtn mr-2" data-badge="0"><i class="material-icons">shopping_cart</i></a> 404 405 <a class="btn btn-link btn-action ml-2" id="header-collapse-btn" href="javascript:void(0);"> 406 <i class="icon-menu material-icons">menu</i> 407 </a> 408 </div> 409 <section class="navbar-section" style="min-height: 70px;"> 410 <a href="/" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "sharadchoudhary5050.ongraphy.com","button":"profile_logo"}'><img alt="logo" onerror="this.src='https://d502jbuhuh9wk.cloudfront.net/resources/images/yourlogohere.jpg'" src='https://d502jbuhuh9wk.cloudfront.net/logos/61c5fb0f0cf20ad8bce637d5.png?v=18'/></a> 411 </section> 412 413 <section class="navbar-section hide-md"> 414 <form class="input-group p-0 relative" action="/s/store/courses" method="GET" style="width:100%;background:transparent"> 415 <div class="input-group" style="width: 100%;"> 416 <input type="text" name="query" value="" class="form-input input-lg searchTxtBox" placeholder="Search"> 417 <button type="submit" class="btn btn-link"><i class="fa-regular fa-magnifying-glass"></i></button> 418 </div> 419 </form> 420 </section> 421 422 <section class="navbar-section menu-links"> 423 424 <a href="/s/store" class="nav-link" data-id="courses" amplitude-event="navbar_link_tapped_user_landing_page" amplitude-payload='{"custom_domain": "sharadchoudhary5050.ongraphy.com","button":"store"}'>Courses</a> 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 <a href="javascript:void(0);" class="nav-link badge cartBtn hide-md" data-badge="0"><i class="fa-regular fa-cart-shopping"></i></a> 442 443 444 <a href="javascript:void(0);" class="btn btn-primary loginBtn">Login</a> 445 446 447 </section> 448 </header> 449 450 451 <form class="show-md container" action="/s/store/courses" method="GET" style="background:transparent;"> 452 <div class="input-group relative" style="width: 100%;"> 453 <input type="text" name="query" value="" class="form-input input-lg searchTxtBox" placeholder="Search"> 454 <button type="submit" class="btn btn-link"><i class="fa-regular fa-magnifying-glass"></i></button> 455 </div> 456 </form> 457 458</div> 459 460 461 462 463 464 465 466 467
468<script>const customDomain = "sharadchoudhary5050.ongraphy.com";</script>
468 469 470 471 472
473<script> 474var disabledLocleVar='Disabled'; 475var enabledLocaleVar='Enabled'; 476var smsLocaleVar='SMS'; 477var webpushLocaleVar='Web Push'; 478var mobilepushLocaleVar='Mobile Push'; 479var invoicenumberLocaleVar='Invoice Number'; 480var productLocaleVar='Product'; 481var dateLocaleVar='Date'; 482var amountLocaleVar='Amount'; 483var detailsLocaleVar='Details'; 484var subscriptionPlanLocaleVar='Subscription Plan'; 485var addonsLocaleVar='Add Ons'; 486var showLocalVar='Show'; 487var hideLocaleVar='Hide'; 488</script>
488 489<div class="spectre"> 490 491 492 493 494 495 496 497
497<script> 498 var isPopupLogin = true; 499 var login = ''; 500 var message = ''; 501 function closeLoginPopup() { 502 $("#loginFormHtml").removeClass("active"); 503 $("body").removeClass("overflowYDisable"); 504 } 505 </script>
505 506 507 508 509 510 511 512 <div class="modal" id="loginFormHtml"> 513 <iframe id="microfe-popup-login" src="/t/public/login" loading="lazy" 514 style="width: calc(100% + 10px); height: 100vh; border: none;" 515 onload="$(this).parent().removeClass('loading');"></iframe> 516 </div> 517 518 519 520 521 522 <div class="modal" id="cartHtml"> 523 <a href="javascript:void(0);" class="modal-overlay close" 524 aria-label="Close"></a> 525 <div class="modal-container" style="max-width: 800px;"> 526 <div class="modal-header"> 527 <a href="javascript:void(0);" 528 class="close btn btn-clear float-right" aria-label="Close"></a> 529 <div class="modal-title h5"> 530 <i class="fa-regular fa-shopping-cart"></i> 531 Cart 532 (<span class="cartCount">0</span> 533 Items 534 ) 535 </div> 536 </div> 537 <div class="modal-body" style="max-height: 70vh;"> 538 <div class="content"> 539 540 <div class="text-center msg loading"></div> 541 <div class="text-center msg noItems" style="display: none;"> 542 There are no items in your cart<br/> 543 <a class="btn btn-primary" href="/s/store" 544 style="margin: 20px auto;"> 545 Add More 546 </a> 547 </div> 548 <div class="items msg" style="display: none;"> 549 <div class="m-0 cartDiv"> 550 <table class="table cartTable"> 551 <thead> 552 <tr> 553 <th colspan="2">Item Details</th> 554 <th class="text-right">Price</th> 555 <th style="width: 50px;"></th> 556 </tr> 557 </thead> 558 <tbody></tbody> 559 </table> 560 </div> 561 <div class="suggestCart mt-2 bg-gray p-2" style="display: none;"> 562 <h6>You may also be interested in</h6> 563 <div class="columns loading" id="cartRelatedCont"></div> 564 </div> 565 </div> 566 </div> 567 </div> 568 <div class="modal-footer"> 569 <div class="msg items clearfix"> 570 571 572 573 <div class="float-left text-gray"> 574 Note: Promo Codes can be applied after checkout 575 </div> 576 577 578 579 <div class="float-right"> 580 Total Amount 581 <span class="text-primary curr">â¹<span 582 class="totalAmount">0</span></span> 583 </div> 584 </div> 585 <div class="msg items clearfix mt-2"> 586 <a class="btn float-left" href="/s/store" amplitude-event="add_more_course_checkout"> 587 Add More 588 </a> 589 590 591 592 593 594 595 596 <a class="btn btn-primary float-right" href="/s/checkout" amplitude-event="checkout_tapped_course_checkout" amplitude-payload='{"currency": "INR" }'>Checkout</a> 597 </div> 598 </div> 599 </div> 600 </div> 601 <div class="modal" id="newCheckoutHtml" style="padding: 0; z-index: 10000;"> 602 <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> 603 <!-- <a href="javascript:void(0);" class="modal-overlay close" 604 aria-label="Close"></a> 605 <div class="modal-container" style=""> --> 606 607 608 <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> 609 610 <!-- </div> --> 611 </div> 612</div> 613
614<script type="text/template" id="cartItemTemplate"> 615 <tr data-id="<@- item.id @>" data-type="<@- item.type @>" data-title="<@- item.title @>" data-price="<@- item.price @>" data-coursecategory="<@- item.courseCategory @>"> 616 <@ var itemType = item.type; @> 617 <td style="width:150px;"> 618 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item.id +"/"+ item.id +"_scaled_cover.jpg?v=" + coverVersion; if(isNaN(coverVersion)) { curl = showCourseDefaultCover(null, item.id) } @> 619 <img alt="<@- item.title @> cover" style="width:100%;max-height:100px;" class="img-fit-contain lazy" onerror="showCourseDefaultCover(this, '<@- item.id @>')" 620 data-src='<@- curl @>' /> 621 </td> 622 <td class="itemTitle"><@- item.title @><@ if(item.description !== undefined) { @><div class='text-gray variantDescription'><@ print(item.description) @></div><@ } @></td> 623 <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>") } @><@ } @> 624 <@ if(item.pgChargesLearnerPercent !==undefined && getDisplayAmount(item.pgChargesLearnerPercent).includes('â¹')) {@> <br><small>Internet handling fees: <@print(getDisplayAmount(item.pgChargesLearnerPercent/100*item.price))@></small> <@} @> 625 </td> 626 <td>
626<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> 627 </tr> 628 </script>
vendor: 1 bytes, line 628
628
629<script type="text/template" id="cartcoursecard-template"> 630 <div class="column col-2 col-md-4 scourse <@- item['spayee:resource']['spayee:courseType'] @>" title="<@- item["spayee:resource"]["spayee:title"] @>"> 631 <a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 632 <@ 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) } @> 633 <img style="width: 100%;" alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 634 <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> 635 </a> 636 </div> 637 </script>
vendor: 1 bytes, line 637
637
638<script type="text/template" id="coursecard-template"> 639 <div class="column scourse <@- item['spayee:resource']['spayee:courseType'] @> hidePackageRibbon<@- item['spayee:resource']['spayee:hidePackageRibbon'] @>"> 640 641 642 643 644 <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@>"> 645 646 647 <div class="card-image relative <@ print(item["spayee:resource"]["spayee:availableForMembership"] ? 'includedInMembership' : '') @>"> 648 <@ 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); } @> 649 <div class="blurbg lazy" data-bg="<@- curl @>"></div> 650 <img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 651 </div> 652 <div class="card-body text-ellipsis"> 653 <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> 654 655 <@ if(item.rating !== undefined) { @> 656 <span class="text-gray ratingIcons icon-text"> 657 <@ for(var i=1;i<6;i++) { @> 658 <@ 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 { @> 659 <i class="material-icons">star_border</i> 660 <@ } } @></span><small class="d-inline-block pl-1 text-dark"><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</small> 661 <@ }else { @> <span class="text-gray ratingIcons icon-text"> </span> <@ } @> 662 <br> 663 <span class="text-gray"> 664 <@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @> 665 <@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses 666 <@ }else { @> 667 <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?htmlEntities(item["spayee:resource"]["spayee:publisher"]):" ") @> 668 <@ } @> 669 </span> 670 </div> 671 <div class="card-footer"> 672 <@ print(getCourseDisplayPrice('â¹', '', item, '18.0', '', true)) @> 673 <span class="text-gray" style="font-size:small"> 674 <@ if(item['spayee:resource']['spayee:instalmentPlanId']!=null && item['spayee:resource']['spayee:instalmentPlanId'] !== "") { @> 675 <@ print(getCourseInstalmentDisplayPrice('', item))@> 676 <@ }else { @> 677 <@ " " @> 678 <@ } @> 679 </span> 680 </div> 681 <div style="padding: 0 0.8rem 0.8rem 0.8rem;"> 682 <span class="text-gray" style="font-size:small"> 683 <@ if(getMultiplePlanLabel('', item)>1) {@> 684 <i class="material-icons text-primary" style="font-size:small">discount</i> 685 <@ print(' Flexible pricing plans') } @> 686 </span> 687 </div> 688 </a> 689 </div> 690 </script>
690 691
692<script type="text/template" id="blogcard-template"> 693 <div class="column col-3 col-md-6 col-sm-6 col-xs-12 scourse" style="margin-bottom: 20px;"> 694 <a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="/blog/<@- item['spayee:resource']['spayee:url'] @>"> 695 <div class="card-image relative"> 696 <@ if(item['spayee:resource']['spayee:cover'] !== undefined && item['spayee:resource']['spayee:cover']) { @> 697 <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> 698 <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 @>')"> 699 <@ }else { @> 700 <div class="blurbg lazy" data-bg="https://d502jbuhuh9wk.cloudfront.net/resources/images/defaultCourseCover.png"></div> 701 <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'> 702 <@ } @> 703 </div> 704 <div class="card-body text-ellipsis"><span style="color:#2f4f4f;"><@- item["spayee:resource"]["spayee:title"] @></span></div> 705 <div class="card-footer" style="padding: 0.4rem;"> 706 <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> 707 <@ var pdate = item.createdDate.$date; if(item['spayee:resource']['spayee:publishDate'] !== undefined && item['spayee:resource']['spayee:publishDate'] !== '') { pdate = item['spayee:resource']['spayee:publishDate']; } @> 708 <time class="float-right text-warning"><@ print(formatDate(new Date(pdate))) @></time> 709 </div> 710 </a> 711 </div> 712 </script>
712 713 714
714<script type="text/javascript"> 715 var uuid = function (a) { 716 // https://github.com/amplitude/Amplitude-Javascript/blob/master/src/uuid.js 717 return a // if the placeholder was passed, return 718 ? // a random number from 0 to 15 719 ( 720 a ^ // unless b is 8, 721 ((Math.random() * // in which case 722 16) >> // a random number from 723 (a / 4)) 724 ) // 8 to 11 725 .toString(16) // in hexadecimal 726 : // or otherwise a concatenated string: 727 ( 728 [1e7] + // 10000000 + 729 -1e3 + // -1000 + 730 -4e3 + // -4000 + 731 -8e3 + // -80000000 + 732 -1e11 733 ) // -100000000000, 734 .replace( 735 // replacing 736 /[018]/g, // zeroes, ones, and eights with 737 uuid, // random hex digits 738 ); 739 }; 740 741 (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script") 742 ;r.type="text/javascript" 743 ;r.integrity="sha384-tzcaaCH5+KXD4sGaDozev6oElQhsVfbJvdi3//c2YvbY02LrNlbpGdt3Wq4rWonS" 744 ;r.crossOrigin="anonymous";r.async=true 745 ;r.src="https://cdn.amplitude.com/libs/amplitude-8.5.0-min.gz.js" 746 ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){ 747 console.log("[Amplitude] Error: could not load SDK")}} 748 ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i) 749 ;function s(e,t){e.prototype[t]=function(){ 750 this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}} 751 var o=function(){this._q=[];return this} 752 ;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"] 753 ;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[] 754 ;return this} 755 ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"] 756 ;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u 757 ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"] 758 ;function v(e){function t(t){e[t]=function(){ 759 e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}} 760 for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){ 761 e=(!e||e.length===0?"$default_instance":e).toLowerCase() 762 ;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e]) 763 }return n._iq[e]};e.amplitude=n})(window,document); 764 765 amplitude.getInstance().init('e56929a4c3888c23e97a7e70e34ccf6c'); 766 amplitude.getInstance().setUserId(null); 767 //amplitude.getInstance().regenerateDeviceId(); 768 769 var userProperties = { 770 custom_domain: "sharadchoudhary5050.ongraphy.com", 771 org_id: "61c5fb0f0cf20ad8bce637d5", 772 default_google_login_enabled: '' == 'true', 773 personalized_google_login_enabled: '' != '' && '' == 'false' ? true : false, 774 facebook_login_enabled: '' == 'true' ? true : false 775 }; 776 amplitude.getInstance().setUserProperties(userProperties); 777 778/* var deviceId = uuid(); 779 amplitude.getInstance().setDeviceId(deviceId); 780 sessionStorage.setItem('amplitudeDeviceId', deviceId); */ 781 </script>
781 782 783
783<script type="text/javascript"> 784 window.signupParams = {source: "store", platform: "web", sourceId: null}; 785 var showGraphyFomoFlag = ''; 786 787 </script>
787 788 789
789<script type="text/javascript"> 790 function hideCheckoutLoader() { 791 if(typeof window.hideLoader =="function") { 792 window.hideLoader(); 793 } 794 } 795 var checkoutRedirectGuestUsers = 'signup'; 796 </script>
796 797 798 799 800 801 802
803<script type="text/template" id="spcoursecard-2-template"> 804 <div class="column third"> 805 <@ 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 : ''; @> 806 <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;"> 807 <@ 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); } @> 808 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 809 <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> 810 <p class="size-16"><@ if(item.rating !== undefined) { @> 811 <span class="text-gray ratingIcons icon-text"> 812 <@ for(var i=1;i<6;i++) { @> 813 <@ 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 { @> 814 <i class="material-icons">star_border</i> 815 <@ } } @></span><span><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</span> 816 <@ }else { @> <span class="text-gray ratingIcons icon-text"> </span> <@ } @></p> 817 <p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @> 818 <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:" ") @><@ } @></p> 819 820 <p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', true)) @></span><br></p> 821 <div style="margin:1em 0"></div> 822 </a> 823 </div> 824 </script>
vendor: 1 bytes, line 824
824
825<script type="text/template" id="spcoursecard-1-template"> 826 <div class="column third"> 827 <@ 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 : ''; @> 828 <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;"> 829 <@ 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); } @> 830 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 831 <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> 832 <div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div> 833 834 <p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', true)) @></span><br></p> 835 <div style="margin:1em 0"></div> 836 </a> 837 </div> 838 </script>
vendor: 1 bytes, line 838
838
839<script type="text/template" id="spcoursecard-3-template"> 840 <div class="column third"> 841 <@ 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 : ''; @> 842 <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;"> 843 <@ 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); } @> 844 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 845 <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> 846 <div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div> 847 <p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @> 848 <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:" ") @><@ } @></p> 849 <p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', true)) @></span><br></p> 850 <div style="margin:1em 0"></div> 851 </a> 852 </div> 853 </script>
853 854
855<script type="text/template" id="spcoursecard-4-template"> 856 <div class="column third text-center" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;"> 857 <@ 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); } @> 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 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 861 </a> 862 <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> 863 <div class="discription"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div> 864 <p class="size-18 price text-primary"><@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', true)) @></p> 865 <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> 866 </div> 867 </script>
867
868<script type="text/template" id="spcoursecard-5-template"> 869 <div class="column third" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;"> 870 <@ 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); } @> 871 <@ 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 : ''; @> 872 <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;"> 873 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 874 </a> 875 <h3 class="sub-heading"><b class="size-18 text-primary"><@- item['spayee:resource']['spayee:title'] @></b></h4> 876 <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 { @> 877 Instructor : <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:" ") @><@ } @></p> 878 <@if(item.rating){@> 879 <p class="size-16 description text-primary">Rating: 880 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 881 <@if(item.rating){@> 882 <@if(item.rating.avgRating){@> 883 <@ if(item.rating.avgRating >= ratingsSize) {@> 884 <i class="icon ion-android-star text-primary"></i> 885 <@ } else if(item.rating.avgRating > ratingsSize-1 && item.rating.avgRating < ratingsSize) { @> 886 <i class="icon ion-android-star-half text-primary"></i> 887 <@ } @> 888 <@}@> 889 <@}@> 890 <@}@> 891 </p> 892 <@}@> 893 894 <p class="size-18 price text-primary">Price : <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', true)) @></p> 895 <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> 896 </div> 897 </script>
897 898
899<script type="text/template" id="spcoursecard-6-template"> 900 <div class="column third"> 901 <@ 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); } @> 902 <@ 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 : ''; @> 903 904 905 906 <@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) { @> 907 <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;"> 908 <@ } else { @> 909 <a 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 @>"}' style="text-decoration: none;"> 910 <@ } @> 911 912 913 <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;"> 914 </a> 915 <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> 916 <p class="size-16 description text-primary"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @> Courses<@ } @></p> 917 <p class="size-18 price text-primary"><@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) @> <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', false)) @></p> 918 <@ if (item.isMembershipPage != undefined && !item.isMembershipPage) { @> 919 920 921 922 <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="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;"> 923 Buy now 924 </a> 925 926 927 <@ } @> 928 </div> 929 </script>
929 930 931
932<script type="text/template" id="spcoursecard-7-template"> 933 <div class="column third course-mob-block"> 934 <div class="inner-course-block"> 935 <@ 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); } @> 936 <@ 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 : ''; @> 937 <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;"> 938 <img class="lazy" data-style="width: 100%; height: auto;" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')" > 939 </a> 940 <div class="course-price-block"> 941 <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;"> 942 <@- item['spayee:resource']['spayee:title'] @> 943 </p> 944 <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;"> 945 <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', false)) @> 946 </p> 947 </div> 948 <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;"> 949 Enroll now 950 </a> 951 </div> 952 </div> 953</script>
953 954
955<script type="text/template" id="spcoursecard-8-template"> 956 <div class="row clearfix" style="margin-bottom: 24px; margin-top: 14px;"> 957 <@ 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); } @> 958 <@ 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 : ''; @> 959 <div class="column third center" style="padding-left: 0px; padding-right: 0px;"> 960 <img 961 class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')" 962 style="margin-top: 0px; margin-bottom: 0px;" 963 /> 964 </div> 965 <div class="column two-third course-block-mob" style="display: flex; flex-direction: column; justify-content: center;"> 966 <div class="course-price-block"> 967 <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;"> 968 <@- item['spayee:resource']['spayee:title'] @> 969 </h3> 970 <div class="sortDescription8"> 971 <@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @> 972 </div> 973 </div> 974 975 <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;"> 976 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', false)) @> 977 </a> 978 </div> 979 </div> 980 </script>
980 981 982 983 <!-- vegas TEMPLATE 9 NEW--> 984
984<script type="text/template" id="spcoursecard-9-template" > 985 <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;"> 986 <div style="border:1px solid #D7D7D7; border-radius:24px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;"> 987 <@ 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); } @> 988 <@ 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 : ''; @> 989 990 <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 @>"}'> 991 <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 @>')"> 992 </a> 993 994 <div style="padding:10px 20px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content"> 995 <h3 996 class="size-18 text-left" 997 title="<@- item['spayee:resource']['spayee:title'] @>" 998 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;" 999 > 1000 <b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b> 1001 </h3> 1002 1003 <div 1004 class="size-16 text-ellipsis course-card-text" 1005 title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 1006 style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;" 1007 > 1008 <@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @> 1009 </div> 1010 </div> 1011 1012 <div style="margin-top: auto; margin-left:10px;"> 1013 <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" 1014 class="buy-btn btn btn-primary" 1015 title="<@- item['spayee:resource']['spayee:title'] @>" 1016 amplitude-event="buy_now_tapped_course_checkout" 1017 amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 1018 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1019 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', false)) @> 1020 </a> 1021 </div> 1022 </div> 1023 </div> 1024 </div> 1025</script>
1025 1026 1027 <!--Blaze Course nEW tEMPLATE 10--> 1028
1028<script type="text/template" id="spcoursecard-10-template"> 1029 <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;"> 1030 <div style="height: 100%; display: flex; flex-direction: column;"> 1031 <@ 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); } @> 1032 <@ 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 : ''; @> 1033 1034 <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;"> 1035 <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 @>')"> 1036 </a> 1037 1038 <div style=" flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content"> 1039 <h3 1040 class="size-18 text-left" 1041 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: white;" 1042 > 1043 <b title="<@= item['spayee:resource']['spayee:title'] @>" style="color:white;"> 1044 <@- item['spayee:resource']['spayee:title'] @> 1045 </b> 1046 </h3> 1047 1048 <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;"> 1049 <@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @> 1050 </div> 1051 1052 <div style="margin-top: auto;"> 1053 <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;" 1054 class="buy-btn btn btn-primary" 1055 title="<@- item['spayee:resource']['spayee:title'] @>" 1056 amplitude-event="buy_now_tapped_course_checkout" 1057 amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 1058 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1059 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', false)) @> 1060 </a> 1061 1062 </div> 1063 </div> 1064 </div> 1065 </div> 1066 </script>
1066 1067 1068 <!--Olive Course 11--> 1069
1069<script type="text/template" id="spcoursecard-11-template" > 1070 <@ 1071 // Calculate colors based on index 1072 var colorIndex = (typeof window.courseCardColorIndex === 'undefined') ? 0 : window.courseCardColorIndex; 1073 var colors = [ 1074 { bg: '#FFA46B', btnBg: '#361500' }, // Orange card â Dark brown button 1075 { bg: '#87A1F6', btnBg: '#001A71' }, // Blue card â Dark blue button 1076 { bg: '#B073DC', btnBg: '#34005A' } // Purple card â Dark brown button (default) 1077 ]; 1078 var currentColor = colors[colorIndex % 3]; 1079 window.courseCardColorIndex = colorIndex + 1; 1080 @> 1081 1082 <div class="column third text-center course-card course-card-fixed-height" style="padding: 0 15px; margin-bottom: 30px;"> 1083 <div class="course-card-wrapper" style="background-color: <@- currentColor.bg @>; height: 100%; border-radius: 32px; overflow: hidden;"> 1084 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; 1085 if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1086 1087 <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'])) @>"> 1088 <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 @>')"> 1089 </a> 1090 1091 <div style="padding: 20px;" class="course-card-content"> 1092 <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;"> 1093 <b title="<@= item['spayee:resource']['spayee:title'] @>"><@- item['spayee:resource']['spayee:title'] @></b> 1094 </h3> 1095 <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;"> 1096 <@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:" ") @> 1097 </div> 1098 <a class="enroll-button" 1099 style="display: block; 1100 background-color: <@- currentColor.btnBg @>; 1101 color: white !important; 1102 padding: 12px; 1103 text-align: center; 1104 font-weight: 600; 1105 text-decoration: none; 1106 border-radius: 32px;" 1107 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1108 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', false)) @> 1109 </a> 1110 </div> 1111 </div> 1112 </div> 1113 1114 </script>
1114 1115 1116 1117 <!-- Nebula Course 12--> 1118
1118<script type="text/template" id="spcoursecard-12-template" > 1119 <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;"> 1120 <div style="border:0px; border-radius:16px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;"> 1121 <@ 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); } @> 1122 <@ 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 : ''; @> 1123 1124 <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 @>"}'> 1125 <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 @>')"> 1126 </a> 1127 1128 <div style="padding:10px 0px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content"> 1129 <h3 1130 class="size-18 text-left" 1131 title="<@- item['spayee:resource']['spayee:title'] @>" 1132 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;" 1133 > 1134 <b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b> 1135 </h3> 1136 1137 <div 1138 class="size-16 text-ellipsis course-card-text" 1139 title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 1140 style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;" 1141 > 1142 <@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @> 1143 </div> 1144 </div> 1145 1146 <div style="margin-top: auto; margin-left:0px;"> 1147 <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" 1148 class="buy-btn btn btn-primary" 1149 title="<@- item['spayee:resource']['spayee:title'] @>" 1150 amplitude-event="buy_now_tapped_course_checkout" 1151 amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 1152 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1153 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', false)) @> 1154 </a> 1155 </div> 1156 </div> 1157 </div> 1158 </div> 1159 </script>
1159 1160 1161 1162 1163 <!--Dusk Course-13--> 1164
1164<script type="text/template" id="spcoursecard-13-template" > 1165 <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;"> 1166 <div style="border:0px; border-radius:16px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;"> 1167 <@ 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); } @> 1168 <@ 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 : ''; @> 1169 1170 <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 @>"}'> 1171 <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 @>')"> 1172 </a> 1173 1174 <div style="padding:10px 0px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content"> 1175 <h3 1176 class="size-18 text-left" 1177 title="<@- item['spayee:resource']['spayee:title'] @>" 1178 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;" 1179 > 1180 <b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b> 1181 </h3> 1182 1183 <div 1184 class="size-16 text-ellipsis course-card-text" 1185 title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 1186 style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;" 1187 > 1188 <@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @> 1189 </div> 1190 </div> 1191 1192 1193 1194 <div style="margin-top: auto; margin-left:0px;"> 1195 <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" 1196 class="buy-btn btn btn-primary" 1197 title="<@- item['spayee:resource']['spayee:title'] @>" 1198 amplitude-event="buy_now_tapped_course_checkout" 1199 amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 1200 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1201 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '18.0', '', false)) @> 1202 </a> 1203 </div> 1204 </div> 1205 </div> 1206 </div> 1207 </script>
1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217<!-- Curriculum 1st Template -->
1218<script type="text/template" id="coursecurr-1-template"> 1219 <table class="table courseContents"> 1220 <thead> 1221 <tr> 1222 <td style="width: 50px;"></td> 1223 <td style="width: 50px;"></td> 1224 <td></td> 1225 </tr> 1226 </thead> 1227 <tbody> 1228 <@ $.each(item, function(index, value) { @> 1229 <tr> 1230 <td><i class="material-icons courseItemIcon" data-type="<@- value.type @>"></i></td> 1231 <td colspan="2"> 1232 <@- value.title @> 1233 <@ if(value.type == 'aiheading') { @> 1234 <small>(coming soon)</small><@ } @> 1235 <@ if(assetInfo && value.type == 'video' && value.duration !== undefined && value.duration > 0) { @> 1236 <small>(<@ print(Math.floor(value.duration)) @>:00)</small><@ } @> 1237 <@ if(assetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @> 1238 <small>(<@- value.pages @> pages)</small> 1239 <@ } @> 1240 </td> 1241 </tr> 1242 <@ if(value.items != undefined) { @> <@ $.each(value['items'], function(index1, value1) { @> 1243 <tr> 1244 <td></td> 1245 <td><i class="material-icons courseItemIcon" data-type="<@- value1.type @>"></i></td> 1246 <td> 1247 <@- value1.title @> 1248 <@ if(assetInfo && value.type == 'video' && value1.duration !== undefined && value1.duration > 0) { @><small>(<@ print(Math.floor(value1.duration)) @>:00)</small><@ } @> 1249 <@ if(assetInfo && value1.type =='pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @> 1250 <@ if(value1.type =='aiheading') { @><small>(coming soon)</small><@ } @> 1251 </td> 1252 </tr> 1253 <@ }); @> <@ } @> <@ }); @> 1254 </tbody> 1255 </table> 1256</script>
1256 1257 1258 1259<!-- Curriculum 2nd Template -->
1260<script type="text/template" id="coursecurr-2-template"> 1261 <div class="column full curriculum2" spellcheck="false"> 1262 <div class="course-content1" > 1263 <p style="font-size: 15px; font-weight: 400; margin-top: 0px;"> 1264 <@if(summary.modules && summary.modules>0){@> 1265 <@print(summary.modules)@> Modules <i class="icon ion-android-folder-open"></i> <@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@>|<@}@> 1266 <@}@> 1267 <@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@> 1268 <@print(summary.sessions)@> Sessions <i class="icon ion-android-laptop"></i> <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>|<@}@> 1269 <@}@> 1270 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 1271 <@print(millisecondsToHHMMSSStr(summary.durations))@> Total Time <i class="icon ion-ios-clock-outline"></i> 1272 <@}@> 1273 </p> 1274 </div> 1275 1276 1277 <@ $.each(item, function(index, value) { @> 1278 <div class="course-course-content-box" > 1279 <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<@}@>" > 1280 <span class="title-icon"> 1281 <span class="material-icons <@if(value && !value.contents){@> text-primary <@}@>"><@ print(getCourseAssetIcon(value.type))@></span> 1282 </span> 1283 <div class="titl5b" > 1284 <h3 class="<@if(value && !value.contents){@> text-primary <@}@>"> 1285 <@print(value.title)@> <@ if(curriculumAssetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @><small>(<@- value.pages @> pages)</small><@ } @> 1286 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 1287 <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> 1288 <@}@> 1289 </h3> 1290 <p class="<@if(value && !value.contents){@> text-primary <@}@>"><@if(value && value.contents && curriculumAssetInfo){@> 1291 Sessions: <@print(value.contents)@> 1292 <@}@> 1293 <@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@>|<@}@> 1294 Time: <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1295 <@}@> 1296 <@if(value && value.contents>0){@><span class="material-icons">expand_more</span><@}@> </p> 1297 </div> 1298 </div> 1299 <@if(value && value.items){@> 1300 <@ $.each(value['items'], function(index1, value1) { @> 1301 <div class="course-content-body <@if(index==0){@>showing<@ }@>" > 1302 <div class="desc1 " > 1303 <div class="is-box-9" > 1304 <div class="boxa1" > 1305 <span class="material-icons text-primary"><@ print(getCourseAssetIcon(value1.type))@></span> 1306 <p> <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @> 1307 <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @> 1308 </p> 1309 1310 </div> 1311 </div> 1312 <div class="is-box-1" > 1313 <div class="boxa2" > 1314 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1315 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>#<@print(value1.id)@>"> 1316 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 1317 </a> 1318 <@}@> 1319 </div> 1320 </div> 1321 <div class="is-box-2" > 1322 <div class="boxa2" > 1323 <p class="duration"><@if(value1.duration && curriculumAssetInfo){@><@print(millisecondsToHHMMSSStr(value1.duration))@><@}@></p> 1324 </div> 1325 </div> 1326 </div> 1327 </div> 1328 <@ }); @> 1329 <@}@> 1330 </div> 1331 <@ }); @> 1332 1333 </div> 1334</script>
1334 1335 1336 1337 1338 1339 1340<!-- Curriculum 3rd Template -->
1341<script type="text/template" id="coursecurr-3-template"> 1342 <div class="column full" spellcheck="false" data-gramm="false"> 1343 <div class="accordion-syllabus" > 1344 <@ $.each(item, function(index, value) { @> 1345 <div class="accordion-syllabus-item"> 1346 <header class="accordion-syllabus-header"> 1347 <h4 class="accordion-syllabus-header__title"> 1348 <span class="text-primary"> 1349 <@if(index<9){@> 1350 0<@print(index+1)@> 1351 <@ } else {@> 1352 <@print(index+1)@> 1353 <@ } @> 1354 </span> 1355 <p><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 1356 <@if(value && value.items){@> 1357 <@ print(value.items.length) @> attachment(s) 1358 <@}@> 1359 <@if(value.moduleDurations && curriculumAssetInfo){@> 1360 <@if(value && value.contents){@> ⢠<@}@> 1361 <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1362 <@}@> 1363 </span></p> 1364 1365 </h4> 1366 <div class="accordion-syllabus-header__info"> 1367 <p class="text-primary hide-sm"> 1368 <@if(value && value.items){@> 1369 <@ print(value.items.length) @> attachment(s) 1370 <@}@> 1371 <@if(value.moduleDurations && curriculumAssetInfo){@> 1372 <@if(value && value.contents){@> ⢠<@}@> 1373 <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1374 <@}@> 1375 </p> 1376 <@if(value && value.items){@> 1377 <div class="accordion-syllabus-header__icon text-primary"> 1378 <i class="fa fa-angle-left" aria-hidden="true"></i> 1379 </div> 1380 <@}@> 1381 </div> 1382 </header> 1383 <@if(value && value.items){@> 1384 <div class="accordion-content" style=""> 1385 <div class="accordian-content-block"> 1386 <ul class="accordian-list"> 1387 <@ $.each(value['items'], function(index1, value1) { @> 1388 <li class="accordian-list__item"> 1389 <div class="accordian-content-card"> 1390 <div class="accordian-content-card__info"> 1391 <div class="accordian-content-card__ico"> 1392 <@ if(value1.type == 'code'){ @> 1393 <img src="/resources/images/CodeIcon.svg"> 1394 <@ } else { @> 1395 <span class="material-icons text-primary"> 1396 <@ print(getCourseAssetIcon(value1.type))@> 1397 </span> 1398 <@ } @> 1399 </div> 1400 <div class="accordian-content-card__title"> 1401 <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @> 1402 <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @> 1403 </div> 1404 </div> 1405 <div class="accordian-content-card__link"> 1406 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1407 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn"> 1408 <span class="text-primary"> 1409 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @><span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span> 1410 </span> 1411 </a> 1412 <@}@> 1413 </div> 1414 </div> 1415 </li> 1416 <@ }); @> 1417 </ul> 1418 </div> 1419 </div> 1420 <@ } @> 1421 </div> 1422 <@ }); @> 1423 </div> 1424 </div> 1425</script>
1425 1426 1427 1428 1429<!-- Curriculum 4th Template -->
1430<script type="text/template" id="coursecurr-4-template"> 1431 <div class="column full coursecurr4"> 1432 <@ $.each(item, function(index, value) { @> 1433 <div class="accordion-syllabus-item"> 1434 <header class="accordion-syllabus-header" > 1435 <h4 class="accordion-syllabus-header__title"> 1436 <span> 1437 <@if(index<9){@>0<@print(index+1)@><@ } else {@> <@print(index+1)@> <@ } @> 1438 </span> 1439 <div class="accordion-syllabus-header__title-block" > 1440 <p style="font-size: 20px; font-weight: 700;"> 1441 <@print(value.title)@> 1442 </p> 1443 <p class="text-primary" style="font-weight: 500; font-size: 14px; line-height: 150%; margin-top: 10px; "> 1444 <@if(value && value.type == 'aiheading'){@> 1445 (coming soon) 1446 <@}@> 1447 <@if(value && value.items){@> 1448 <@ print(value.items.length) @> attachment(s) 1449 <@}@> 1450 <@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@> ⢠<@}@> 1451 <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1452 <@}@> 1453 </p> 1454 </div> 1455 </h4> 1456 <@if(value && value.items){@> 1457 <div class="accordion-syllabus-header__info" > 1458 <div class="accordion-syllabus-header__icon" > 1459 <i class="fa fa-angle-left" aria-hidden="true"></i> 1460 </div> 1461 </div> 1462 <@ } @> 1463 </header> 1464 <@if(value && value.items){@> 1465 <div class="accordion-content" style=""> 1466 <div class="accordian-content-block" > 1467 <ul class="accordian-list"> 1468 <@ $.each(value['items'], function(index1, value1) { @> 1469 <li class="accordian-list__item"> 1470 <div class="accordian-content-card" > 1471 <div class="accordian-content-card__info" > 1472 <div class="accordian-content-card__ico" > 1473 <@ if(value1.type == 'code'){ @> 1474 <img src="/resources/images/CodeIcon.svg"> 1475 <@ } else { @> 1476 <span class="material-icons text-primary"> 1477 <@ print(getCourseAssetIcon(value1.type))@>262 1478 </span> 1479 <@ } @> 1480 </div> 1481 <div class="accordian-content-card__title" > 1482 <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @> 1483 <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @> 1484 </div> 1485 </div> 1486 <div class="accordian-content-card__link" > 1487 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1488 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn"> 1489 <span class="text-primary"> 1490 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span> 1491 </span> 1492 </a> 1493 <@ } @> 1494 </div> 1495 </div> 1496 </li> 1497 <@ }); @> 1498 </ul> 1499 </div> 1500 </div> 1501 <@ } @> 1502 </div> 1503 <@ }); @> 1504 </div> 1505 </script>
1505 1506 1507 <!-- vegas curriculum-5--> 1508
1508<script> 1509 // Simple responsive positioning 1510 function updatePosition() { 1511 const element = document.getElementById('totalTimeElement'); 1512 if(element){ 1513 if (window.innerWidth > 768) { 1514 element.style.position = 'absolute'; 1515 element.style.top = "5px"; 1516 element.style.right = '122px'; 1517 } else { 1518 element.style.position = 'static'; 1519 element.style.margin = '0 0'; 1520 } 1521 } 1522 } 1523 1524 // Run on load and resize 1525 window.addEventListener('load', updatePosition); 1526 window.addEventListener('resize', updatePosition); 1527 </script>
1527 1528
1528<script type="text/template" id="coursecurr-5-template"> 1529 <div class="total-time" id="totalTimeElement" style=" 1530 font-size: 18px; 1531 font-weight: 600; 1532 color: #FB5607; 1533 padding: 8px 12px; 1534 border-radius: 4px; 1535 white-space: nowrap;"> 1536 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 1537 <@print(millisecondsToHHMMSSStr(summary.durations))@> 1538 <@}@> 1539</div> 1540 1541<div class="accordion-syllabus" style="max-width:1000px !important"> 1542 <@ $.each(item, function(index, value) { @> 1543 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 1544 <header class="accordion-syllabus-header" style="background:#F5F5F5 !important; border-radius:0px;box-shadow:none;padding:0.5rem !important"> 1545 <h4 class="accordion-syllabus-header__title"> 1546 <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 1547 <@if(index < 9) {@> 1548 Week <@print(index + 1)@>: 1549 <@ } else {@> 1550 Week <@print(index + 1)@>: 1551 <@ } @> 1552 </span> 1553 <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 1554 <@if(value && value.items){@> 1555 <@ print(value.items.length) @> attachment(s) 1556 <@} else {@> 1557 1 attachment(s) 1558 <@}@> 1559 <@if(value.moduleDurations && curriculumAssetInfo){@> 1560 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1561 <@}@> 1562 </span></p> 1563 </h4> 1564 1565 <div class="accordion-syllabus-header__info"> 1566 <p class="text-primary hide-sm" style="color:#FB5607 !important;"> 1567 <@if(value && value.items){@> 1568 <@ print(value.items.length) @> attachment(s) 1569 <@} else {@> 1570 1 attachment(s) 1571 <@}@> 1572 <@if(value.moduleDurations && curriculumAssetInfo){@> 1573 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1574 <@}@> 1575 </p> 1576 <div class="accordion-syllabus-header__icon text-primary"> 1577 <i class="fa fa-angle-left" aria-hidden="true" style="color:#FB5607;"></i> 1578 </div> 1579 </div> 1580 </header> 1581 <div class="accordion-content" style="filter:none;"> 1582 <div class="accordian-content-block" style="background:#F5F5F5 !important;box-shadow:none;padding:16px 66px 3px 69px !important;"> 1583 <ul class="accordian-list"> 1584 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 1585 <@ if(value['items'] && value['items'].length > 0) { @> 1586 <@ $.each(value['items'], function(index1, value1) { @> 1587 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 1588 <style> 1589 @media (max-width: 768px) { 1590 .accordian-content-card { 1591 flex-direction: column !important; 1592 align-items: stretch !important; 1593 } 1594 1595 .accordian-content-card__top { 1596 flex-direction: row !important; 1597 justify-content: space-between !important; 1598 align-items: center !important; 1599 width: 100% !important; 1600 } 1601 1602 .accordian-content-card__title { 1603 flex: 1 !important; 1604 margin: 0 10px !important; 1605 white-space: nowrap; 1606 overflow: hidden; 1607 text-overflow: ellipsis; 1608 } 1609 1610 .accordian-content-card__bottom { 1611 flex-direction: row !important; 1612 justify-content: space-between !important; 1613 align-items: center !important; 1614 width: 100% !important; 1615 margin-top: 6px !important; 1616 } 1617 1618 .accordian-content-card__link { 1619 flex: 1 !important; 1620 min-width: 0 !important; 1621 text-align: left !important; 1622 } 1623 1624 .accordian-content-card__time { 1625 flex-shrink: 0 !important; 1626 text-align: right !important; 1627 } 1628 } 1629 </style> 1630 1631 <div class="accordian-content-card" 1632 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;"> 1633 1634 1635 <!-- Row 1: Icon + Title + Collapse Icon --> 1636 <div class="accordian-content-card__top" 1637 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 1638 1639 <!-- Icon --> 1640 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 1641 <@ if(value1.type == 'code'){ @> 1642 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 1643 <@ } else { @>
1644 <span class="material-icons text-primary" style="color:#FB5607; font-size: 24px;"> 1645 <@ print(getCourseAssetIcon(value1.type))@> 1646 </span> 1647 <@ } @> 1648 </div> 1649 1650 <!-- Title --> 1651 <div class="accordian-content-card__title" 1652 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 1653 <@print(value1.title)@> 1654 </div> 1655 1656 <!-- Collapse Icon (optional) --> 1657 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 1658 <!-- Example placeholder, add real icon if needed --> 1659 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 1660 </div> 1661 </div> 1662 1663 <!-- Row 2: Preview Button and Time --> 1664 <div class="accordian-content-card__bottom" 1665 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 1666 1667 <!-- Preview Button --> 1668 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 1669 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1670 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 1671 class="previewBtn" 1672 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #FB5607; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 1673 <span class="text-primary" style="color:#FB5607;"> 1674 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 1675 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#FB5607;"></i></span> 1676 </span> 1677 </a> 1678 <@}@> 1679 </div> 1680 1681 <!-- Time --> 1682 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 1683 <p class="text-primary course-asset-time" 1684 style="font-size: 14px; font-weight: 500; color:#FB5607 !important; margin: 0;"> 1685 <@ if(value1.duration && value1.duration > 0) { @> 1686 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 1687 <@ } else { @> 1688 -- 1689 <@ } @> 1690 </p> 1691 </div> 1692 1693 </div> 1694 </div> 1695 1696 1697 </li> 1698 <@ }); @> 1699 <@ } else { @> 1700 <li class="accordian-list__item" style="padding:0px 0px !important;"> 1701 <div class="accordian-content-card" 1702 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;"> 1703 1704 <!-- Row 1: Icon + Title + Collapse Icon --> 1705 <div class="accordian-content-card__top" 1706 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 1707 1708 <!-- Icon --> 1709 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 1710 <@ if(value.type == 'code'){ @> 1711 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 1712 <@ } else { @> 1713 <span class="material-icons text-primary" style="color:#FB5607; font-size: 24px;"> 1714 <@ print(getCourseAssetIcon(value.type))@> 1715 </span> 1716 <@ } @> 1717 </div> 1718 1719 <!-- Title --> 1720 <div class="accordian-content-card__title" 1721 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 1722 <@print(value.title)@> 1723 </div> 1724 1725 <!-- Collapse Icon (optional) --> 1726 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 1727 <!-- Example placeholder, add real icon if needed --> 1728 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 1729 </div> 1730 </div> 1731 1732 <!-- Row 2: Preview Button and Time --> 1733 <div class="accordian-content-card__bottom" 1734 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 1735 1736 <!-- Preview Button --> 1737 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 1738 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 1739 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 1740 class="previewBtn" 1741 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #FB5607; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
1742 <span class="text-primary" style="color:#FB5607;"> 1743 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 1744 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#FB5607;"></i></span> 1745 </span> 1746 </a> 1747 <@}@> 1748 </div> 1749 1750 <!-- Time --> 1751 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 1752 <p class="text-primary course-asset-time" 1753 style="font-size: 14px; font-weight: 500; color:#FB5607 !important; margin: 0;"> 1754 <@ if(value.duration && value.duration > 0) { @> 1755 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 1756 <@ } else { @> 1757 -- 1758 <@ } @> 1759 </p> 1760 </div> 1761 </div> 1762 </div> 1763 </li> 1764 <@ } @> 1765 </ul> 1766 1767 <@ if(itemsCount > 5) { @> 1768 <div style="text-align: center; margin-top: 10px;"> 1769 <button style="background-color: #FB5607; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 1770 onclick=" 1771 var parentAccordion = this.closest('.accordion-content'); 1772 parentAccordion.style.maxHeight = 'none'; 1773 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 1774 this.style.display = 'none'; 1775 "> 1776 View All 1777 </button> 1778 </div> 1779 <@ } @> 1780 </div> 1781 </div> 1782 </div> 1783 <@ }); @> 1784 <@ if(item.length > 5) { @> 1785 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 1786 <button style="background-color: #FB5607; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 1787 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 1788 View All Sessions 1789 </button> 1790 </div> 1791 <@ } @> 1792</div> 1793 </div> 1794</script>
1794 1795 1796 1797<!--Blaze-Curriculum-6-->
1798<script type="text/template" id="coursecurr-6-template"> 1799 <div class="column full" spellcheck="false" data-gramm="false"> 1800 <div class="total-time" id="totalTimeElement" style=" 1801 font-size: 18px; 1802 font-weight: 600; 1803 color: #D8FD46; 1804 padding: 8px 12px; 1805 border-radius: 4px; 1806 white-space: nowrap; 1807 background: #232323; 1808 margin-bottom: 20px;"> 1809 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 1810 <@print(millisecondsToHHMMSSStr(summary.durations))@> 1811 <@}@> 1812 </div> 1813 1814 <div class="accordion-syllabus"> 1815 <@ $.each(item, function(index, value) { @> 1816 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 1817 <header class="accordion-syllabus-header" style="background:#232323 !important; border-radius:0px;box-shadow:none;padding:20px 20px !important"> 1818 <h4 class="accordion-syllabus-header__title"> 1819 <span class="text-primary" style="font-size:18px ; font-weight:600; color:white;"> 1820 <@if(index < 9) {@> 1821 Week <@print(index + 1)@>: 1822 <@ } else {@> 1823 Week <@print(index + 1)@>: 1824 <@ } @> 1825 </span> 1826 <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;"> 1827 <@if(value && value.items){@> 1828 <@ print(value.items.length) @> attachment(s) 1829 <@} else {@> 1830 1 attachment(s) 1831 <@}@> 1832 <@if(value.moduleDurations && curriculumAssetInfo){@> 1833 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1834 <@}@> 1835 </span></p> 1836 </h4> 1837 <div class="accordion-syllabus-header__info"> 1838 <p class="text-primary hide-sm" style="color:#D8FD46 !important;"> 1839 <@if(value && value.items){@> 1840 <@ print(value.items.length) @> attachment(s) 1841 <@} else {@> 1842 1 attachment(s) 1843 <@}@> 1844 <@if(value.moduleDurations && curriculumAssetInfo){@> 1845 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1846 <@}@> 1847 </p> 1848 <div class="accordion-syllabus-header__icon text-primary"> 1849 <i class="fa fa-angle-left" aria-hidden="true" style="color:#D8FD46;"></i> 1850 </div> 1851 </div> 1852 </header> 1853 <div class="accordion-content" style="filter:none;background:#181818;"> 1854 <div class="accordian-content-block" style="box-shadow:none;padding:16px 20px !important;background:transparent !important;"> 1855 <ul class="accordian-list"> 1856 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 1857 <@ if(value['items'] && value['items'].length > 0) { @> 1858 <@ $.each(value['items'], function(index1, value1) { @> 1859 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 1860 <style> 1861 @media (max-width: 768px) { 1862 .accordian-content-card { 1863 flex-direction: column !important; 1864 align-items: stretch !important; 1865 } 1866 1867 .accordian-content-card__top { 1868 flex-direction: row !important; 1869 justify-content: space-between !important; 1870 align-items: center !important; 1871 width: 100% !important; 1872 } 1873 1874 .accordian-content-card__title { 1875 flex: 1 !important; 1876 margin: 0 10px !important; 1877 white-space: nowrap; 1878 overflow: hidden; 1879 text-overflow: ellipsis; 1880 } 1881 1882 .accordian-content-card__bottom { 1883 flex-direction: row !important; 1884 justify-content: space-between !important; 1885 align-items: center !important; 1886 width: 100% !important; 1887 margin-top: 6px !important; 1888 } 1889 1890 .accordian-content-card__link { 1891 flex: 1 !important; 1892 min-width: 0 !important; 1893 text-align: left !important; 1894 } 1895 1896 .accordian-content-card__time { 1897 flex-shrink: 0 !important; 1898 text-align: right !important; 1899 } 1900 } 1901 </style> 1902 1903 <div class="accordian-content-card" 1904 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; "> 1905 1906 <!-- Row 1: Icon + Title + Collapse Icon --> 1907 <div class="accordian-content-card__top" 1908 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 1909 1910 <!-- Icon --> 1911 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 1912 <@ if(value1.type == 'code'){ @> 1913 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px; filter: invert(1);"> 1914 <@ } else { @>
1915 <span class="material-icons text-primary" style="color:#D8FD46; font-size: 24px;"> 1916 <@ print(getCourseAssetIcon(value1.type))@> 1917 </span> 1918 <@ } @> 1919 </div> 1920 1921 <!-- Title --> 1922 <div class="accordian-content-card__title" 1923 style="font-weight: 400; font-size: 14px; color: white; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 1924 <@print(value1.title)@> 1925 <!-- <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @> 1926 <small style="color: #999;">(<@- value1.pages @> pages)</small> 1927 <@ } @> 1928 <@ if(value1.type == 'aiheading') { @> 1929 <small style="color: #999;">(coming soon)</small> 1930 <@ } @> --> 1931 </div> 1932 1933 <!-- Collapse Icon --> 1934 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 1935 </div> 1936 </div> 1937 1938 <!-- Row 2: Preview Button and Time --> 1939 <div class="accordian-content-card__bottom" 1940 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 1941 1942 <!-- Preview Button --> 1943 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 1944 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1945 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 1946 class="previewBtn" 1947 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #D8FD46 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 1948 <span class="text-primary" style="color:#D8FD46;"> 1949 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 1950 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#D8FD46;"></i></span> 1951 </span> 1952 </a> 1953 <@}@> 1954 </div> 1955 1956 <!-- Time --> 1957 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 1958 <p class="text-primary course-asset-time" 1959 style="font-size: 14px; font-weight: 500; color:#D8FD46 !important; margin: 0;"> 1960 <@ if(value1.duration && value1.duration > 0) { @> 1961 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 1962 <@ } else { @> 1963 -- 1964 <@ } @> 1965 </p> 1966 </div> 1967 </div> 1968 </div> 1969 </li> 1970 <@ }); @> 1971 <@ } else { @> 1972 <li class="accordian-list__item" style="padding:0px 0px !important;"> 1973 <div class="accordian-content-card" 1974 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; "> 1975 1976 <!-- Row 1: Icon + Title + Collapse Icon --> 1977 <div class="accordian-content-card__top" 1978 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 1979 1980 <!-- Icon --> 1981 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 1982 <@ if(value.type == 'code'){ @> 1983 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px; filter: invert(1);"> 1984 <@ } else { @> 1985 <span class="material-icons text-primary" style="color:#D8FD46; font-size: 24px;"> 1986 <@ print(getCourseAssetIcon(value.type))@> 1987 </span> 1988 <@ } @> 1989 </div> 1990 1991 <!-- Title --> 1992 <div class="accordian-content-card__title" 1993 style="font-weight: 400; font-size: 14px; color: white; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 1994 <@print(value.title)@> 1995 </div> 1996 1997 <!-- Collapse Icon (optional) --> 1998 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 1999 <!-- Example placeholder, add real icon if needed --> 2000 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2001 </div> 2002 </div> 2003 2004 <!-- Row 2: Preview Button and Time --> 2005 <div class="accordian-content-card__bottom" 2006 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2007 2008 <!-- Preview Button --> 2009 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2010 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 2011 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 2012 class="previewBtn" 2013 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #D8FD46 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2014 <span class="text-primary" style="color:#D8FD46;"> 2015 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2016 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#D8FD46;"></i></span> 2017 </span> 2018 </a> 2019 <@}@> 2020 </div> 2021 2022 <!-- Time --> 2023 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2024 <p class="text-primary course-asset-time" 2025 style="font-size: 14px; font-weight: 500; color:#D8FD46 !important; margin: 0;"> 2026 <@ if(value.duration && value.duration > 0) { @> 2027 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 2028 <@ } else { @> 2029 -- 2030 <@ } @> 2031 </p> 2032 </div> 2033 </div> 2034 </div> 2035 </li> 2036 <@ } @> 2037 </ul> 2038 2039 <@ if(itemsCount > 5) { @> 2040 <div style="text-align: center; margin-top: 10px;"> 2041 <button style="background-color: #D8FD46; color: black; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 0px;" 2042 onclick=" 2043 var parentAccordion = this.closest('.accordion-content'); 2044 parentAccordion.style.maxHeight = 'none'; 2045 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 2046 this.style.display = 'none'; 2047 "> 2048 View All 2049 </button> 2050 </div> 2051 <@ } @> 2052 </div> 2053 </div> 2054 </div> 2055 <@ }); @> 2056 <@ if(item.length > 5) { @> 2057 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 2058 <button style="background-color: #D8FD46; color: black; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 0px;" 2059 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 2060 View All Sessions 2061 </button> 2062 </div> 2063 <@ } @> 2064 </div> 2065 </div> 2066</script>
2066 2067
2068<script> 2069 // Simple responsive positioning (same as Vegas) 2070 function updatePosition() { 2071 const element = document.getElementById('totalTimeElement'); 2072 if(element){ 2073 if (window.innerWidth > 768) { 2074 element.style.position = 'absolute'; 2075 element.style.top = "5px"; 2076 element.style.right = '122px'; 2077 } else { 2078 element.style.position = 'static'; 2079 element.style.margin = '0 0'; 2080 } 2081 } 2082 } 2083 2084 // Run on load and resize 2085 window.addEventListener('load', updatePosition); 2086 window.addEventListener('resize', updatePosition); 2087</script>
2087 2088 2089 2090 2091 2092<!--Nebula Curriculum 7--> 2093 2094
2095<script> 2096 // Simple responsive positioning 2097 function updatePosition() { 2098 const element = document.getElementById('totalTimeElement'); 2099 if(element){ 2100 if (window.innerWidth > 768) { 2101 element.style.position = 'absolute'; 2102 element.style.top = "5px"; 2103 element.style.right = '122px'; 2104 } else { 2105 element.style.position = 'static'; 2106 element.style.margin = '0 0'; 2107 } 2108 } 2109 } 2110 2111 // Run on load and resize 2112 window.addEventListener('load', updatePosition); 2113 window.addEventListener('resize', updatePosition); 2114 </script>
2114 2115
2115<script type="text/template" id="coursecurr-7-template"> 2116 <div class="total-time" id="totalTimeElement" style=" 2117 font-size: 18px; 2118 font-weight: 600; 2119 color: #6715FF; 2120 padding: 8px 12px; 2121 border-radius: 4px; 2122 white-space: nowrap;"> 2123 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 2124 <@print(millisecondsToHHMMSSStr(summary.durations))@> 2125 <@}@> 2126</div> 2127 2128<div class="accordion-syllabus" style="max-width:1000px !important"> 2129 <@ $.each(item, function(index, value) { @> 2130 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 2131 <header class="accordion-syllabus-header" style="background:#F1ECFB !important; border-radius16px;box-shadow:none;padding:20px !important"> 2132 <h4 class="accordion-syllabus-header__title"> 2133 <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 2134 <@if(index < 9) {@> 2135 Week <@print(index + 1)@>: 2136 <@ } else {@> 2137 Week <@print(index + 1)@>: 2138 <@ } @> 2139 </span> 2140 <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 2141 <@if(value && value.items){@> 2142 <@ print(value.items.length) @> attachment(s) 2143 <@} else {@> 2144 1 attachment(s) 2145 <@}@> 2146 <@if(value.moduleDurations && curriculumAssetInfo){@> 2147 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2148 <@}@> 2149 </span></p> 2150 </h4> 2151 2152 <div class="accordion-syllabus-header__info"> 2153 <p class="text-primary hide-sm" style="color:#6715FF !important;"> 2154 <@if(value && value.items){@> 2155 <@ print(value.items.length) @> attachment(s) 2156 <@} else {@> 2157 1 attachment(s) 2158 <@}@> 2159 <@if(value.moduleDurations && curriculumAssetInfo){@> 2160 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2161 <@}@> 2162 </p> 2163 <div class="accordion-syllabus-header__icon text-primary"> 2164 <i class="fa fa-angle-left" aria-hidden="true" style="color:#6715FF;"></i> 2165 </div> 2166 </div> 2167 </header> 2168 <div class="accordion-content" style="filter:none;background:transparent !important;"> 2169 <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;"> 2170 <ul class="accordian-list"> 2171 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 2172 <@ if(value['items'] && value['items'].length > 0) { @> 2173 <@ $.each(value['items'], function(index1, value1) { @> 2174 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 2175 <style> 2176 @media (max-width: 768px) { 2177 .accordian-content-card { 2178 flex-direction: column !important; 2179 align-items: stretch !important; 2180 } 2181 2182 .accordian-content-card__top { 2183 flex-direction: row !important; 2184 justify-content: space-between !important; 2185 align-items: center !important; 2186 width: 100% !important; 2187 } 2188 2189 .accordian-content-card__title { 2190 flex: 1 !important; 2191 margin: 0 10px !important; 2192 white-space: nowrap; 2193 overflow: hidden; 2194 text-overflow: ellipsis; 2195 } 2196 2197 .accordian-content-card__bottom { 2198 flex-direction: row !important; 2199 justify-content: space-between !important; 2200 align-items: center !important; 2201 width: 100% !important; 2202 margin-top: 6px !important; 2203 } 2204 2205 .accordian-content-card__link { 2206 flex: 1 !important; 2207 min-width: 0 !important; 2208 text-align: left !important; 2209 } 2210 2211 .accordian-content-card__time { 2212 flex-shrink: 0 !important; 2213 text-align: right !important; 2214 } 2215 } 2216 </style> 2217 2218 <div class="accordian-content-card" 2219 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;"> 2220 2221 2222 <!-- Row 1: Icon + Title + Collapse Icon --> 2223 <div class="accordian-content-card__top" 2224 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2225 2226 <!-- Icon --> 2227 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2228 <@ if(value1.type == 'code'){ @> 2229 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2230 <@ } else { @>
2231 <span class="material-icons text-primary" style="color:#6715FF; font-size: 24px;"> 2232 <@ print(getCourseAssetIcon(value1.type))@> 2233 </span> 2234 <@ } @> 2235 </div> 2236 2237 <!-- Title --> 2238 <div class="accordian-content-card__title" 2239 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2240 <@print(value1.title)@> 2241 </div> 2242 2243 <!-- Collapse Icon (optional) --> 2244 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2245 <!-- Example placeholder, add real icon if needed --> 2246 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2247 </div> 2248 </div> 2249 2250 <!-- Row 2: Preview Button and Time --> 2251 <div class="accordian-content-card__bottom" 2252 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2253 2254 <!-- Preview Button --> 2255 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2256 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 2257 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 2258 class="previewBtn" 2259 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #6715FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2260 <span class="text-primary" style="color:#6715FF;"> 2261 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2262 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#6715FF;"></i></span> 2263 </span> 2264 </a> 2265 <@}@> 2266 </div> 2267 2268 <!-- Time --> 2269 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2270 <p class="text-primary course-asset-time" 2271 style="font-size: 14px; font-weight: 500; color:#6715FF !important; margin: 0;"> 2272 <@ if(value1.duration && value1.duration > 0) { @> 2273 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 2274 <@ } else { @> 2275 -- 2276 <@ } @> 2277 </p> 2278 </div> 2279 2280 </div> 2281 </div> 2282 2283 2284 </li> 2285 <@ }); @> 2286 <@ } else { @> 2287 <li class="accordian-list__item" style="padding:0px 0px !important;"> 2288 <div class="accordian-content-card" 2289 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;"> 2290 2291 <!-- Row 1: Icon + Title + Collapse Icon --> 2292 <div class="accordian-content-card__top" 2293 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2294 2295 <!-- Icon --> 2296 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2297 <@ if(value.type == 'code'){ @> 2298 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2299 <@ } else { @> 2300 <span class="material-icons text-primary" style="color:#6715FF; font-size: 24px;"> 2301 <@ print(getCourseAssetIcon(value.type))@> 2302 </span> 2303 <@ } @> 2304 </div> 2305 2306 <!-- Title --> 2307 <div class="accordian-content-card__title" 2308 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2309 <@print(value.title)@> 2310 </div> 2311 2312 <!-- Collapse Icon (optional) --> 2313 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2314 <!-- Example placeholder, add real icon if needed --> 2315 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2316 </div> 2317 </div> 2318 2319 <!-- Row 2: Preview Button and Time --> 2320 <div class="accordian-content-card__bottom" 2321 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2322 2323 <!-- Preview Button --> 2324 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2325 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 2326 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 2327 class="previewBtn" 2328 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #6715FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2329 <span class="text-primary" style="color:#6715FF;"> 2330 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2331 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#6715FF;"></i></span> 2332 </span> 2333 </a> 2334 <@}@> 2335 </div> 2336 2337 <!-- Time --> 2338 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2339 <p class="text-primary course-asset-time" 2340 style="font-size: 14px; font-weight: 500; color:#6715FF !important; margin: 0;"> 2341 <@ if(value.duration && value.duration > 0) { @> 2342 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 2343 <@ } else { @> 2344 -- 2345 <@ } @> 2346 </p> 2347 </div> 2348 </div> 2349 </div> 2350 </li> 2351 <@ } @> 2352 </ul> 2353 2354 <@ if(itemsCount > 5) { @> 2355 <div style="text-align: center; margin-top: 10px;"> 2356 <button style="background-color: #6715FF; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2357 onclick=" 2358 var parentAccordion = this.closest('.accordion-content'); 2359 parentAccordion.style.maxHeight = 'none'; 2360 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 2361 this.style.display = 'none'; 2362 "> 2363 View All 2364 </button> 2365 </div> 2366 <@ } @> 2367 </div> 2368 </div> 2369 </div> 2370 <@ }); @> 2371 <@ if(item.length > 5) { @> 2372 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 2373 <button style="background-color: #6715FF; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2374 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 2375 View All Sessions 2376 </button> 2377 </div> 2378 <@ } @> 2379</div> 2380 </div> 2381</script>
2381 2382 2383 2384 2385<!--Olive Curriculum 8-->
2386<script> 2387 // Simple responsive positioning 2388 function updatePosition() { 2389 const element = document.getElementById('totalTimeElement'); 2390 if(element){ 2391 if (window.innerWidth > 768) { 2392 element.style.position = 'absolute'; 2393 element.style.top = "5px"; 2394 element.style.right = '122px'; 2395 } else { 2396 element.style.position = 'static'; 2397 element.style.margin = '0 0'; 2398 } 2399 } 2400 } 2401 2402 // Run on load and resize 2403 window.addEventListener('load', updatePosition); 2404 window.addEventListener('resize', updatePosition); 2405 </script>
2405 2406
2406<script type="text/template" id="coursecurr-8-template"> 2407 <div class="total-time" id="totalTimeElement" style=" 2408 font-size: 18px; 2409 font-weight: 600; 2410 color: #064400; 2411 padding: 8px 12px; 2412 border-radius: 4px; 2413 white-space: nowrap;"> 2414 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 2415 <@print(millisecondsToHHMMSSStr(summary.durations))@> 2416 <@}@> 2417</div> 2418 2419<div class="accordion-syllabus" style="max-width:1000px !important"> 2420 <@ $.each(item, function(index, value) { @> 2421 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 2422 <header class="accordion-syllabus-header" style="background:#E5E5E5 !important; border-radius16px;box-shadow:none;padding:20px !important"> 2423 <h4 class="accordion-syllabus-header__title"> 2424 <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 2425 <@if(index < 9) {@> 2426 Week <@print(index + 1)@>: 2427 <@ } else {@> 2428 Week <@print(index + 1)@>: 2429 <@ } @> 2430 </span> 2431 <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 2432 <@if(value && value.items){@> 2433 <@ print(value.items.length) @> attachment(s) 2434 <@} else {@> 2435 1 attachment(s) 2436 <@}@> 2437 <@if(value.moduleDurations && curriculumAssetInfo){@> 2438 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2439 <@}@> 2440 </span></p> 2441 </h4> 2442 2443 <div class="accordion-syllabus-header__info"> 2444 <p class="text-primary hide-sm" style="color:#064400 !important;"> 2445 <@if(value && value.items){@> 2446 <@ print(value.items.length) @> attachment(s) 2447 <@} else {@> 2448 1 attachment(s) 2449 <@}@> 2450 <@if(value.moduleDurations && curriculumAssetInfo){@> 2451 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2452 <@}@> 2453 </p> 2454 <div class="accordion-syllabus-header__icon text-primary"> 2455 <i class="fa fa-angle-left" aria-hidden="true" style="color:#064400;"></i> 2456 </div> 2457 </div> 2458 </header> 2459 <div class="accordion-content" style="filter:none;background:transparent !important;"> 2460 <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;"> 2461 <ul class="accordian-list"> 2462 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 2463 <@ if(value['items'] && value['items'].length > 0) { @> 2464 <@ $.each(value['items'], function(index1, value1) { @> 2465 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 2466 <style> 2467 @media (max-width: 768px) { 2468 .accordian-content-card { 2469 flex-direction: column !important; 2470 align-items: stretch !important; 2471 } 2472 2473 .accordian-content-card__top { 2474 flex-direction: row !important; 2475 justify-content: space-between !important; 2476 align-items: center !important; 2477 width: 100% !important; 2478 } 2479 2480 .accordian-content-card__title { 2481 flex: 1 !important; 2482 margin: 0 10px !important; 2483 white-space: nowrap; 2484 overflow: hidden; 2485 text-overflow: ellipsis; 2486 } 2487 2488 .accordian-content-card__bottom { 2489 flex-direction: row !important; 2490 justify-content: space-between !important; 2491 align-items: center !important; 2492 width: 100% !important; 2493 margin-top: 6px !important; 2494 } 2495 2496 .accordian-content-card__link { 2497 flex: 1 !important; 2498 min-width: 0 !important; 2499 text-align: left !important; 2500 } 2501 2502 .accordian-content-card__time { 2503 flex-shrink: 0 !important; 2504 text-align: right !important; 2505 } 2506 } 2507 </style> 2508 2509 <div class="accordian-content-card" 2510 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;"> 2511 2512 2513 <!-- Row 1: Icon + Title + Collapse Icon --> 2514 <div class="accordian-content-card__top" 2515 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2516 2517 <!-- Icon --> 2518 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2519 <@ if(value1.type == 'code'){ @> 2520 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2521 <@ } else { @>
2522 <span class="material-icons text-primary" style="color:#064400; font-size: 24px;"> 2523 <@ print(getCourseAssetIcon(value1.type))@> 2524 </span> 2525 <@ } @> 2526 </div> 2527 2528 <!-- Title --> 2529 <div class="accordian-content-card__title" 2530 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2531 <@print(value1.title)@> 2532 </div> 2533 2534 <!-- Collapse Icon (optional) --> 2535 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2536 <!-- Example placeholder, add real icon if needed --> 2537 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2538 </div> 2539 </div> 2540 2541 <!-- Row 2: Preview Button and Time --> 2542 <div class="accordian-content-card__bottom" 2543 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2544 2545 <!-- Preview Button --> 2546 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2547 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 2548 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 2549 class="previewBtn" 2550 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #064400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2551 <span class="text-primary" style="color:#064400;"> 2552 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2553 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#064400;"></i></span> 2554 </span> 2555 </a> 2556 <@}@> 2557 </div> 2558 2559 <!-- Time --> 2560 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2561 <p class="text-primary course-asset-time" 2562 style="font-size: 14px; font-weight: 500; color:#064400 !important; margin: 0;"> 2563 <@ if(value1.duration && value1.duration > 0) { @> 2564 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 2565 <@ } else { @> 2566 -- 2567 <@ } @> 2568 </p> 2569 </div> 2570 2571 </div> 2572 </div> 2573 2574 2575 </li> 2576 <@ }); @> 2577 <@ } else { @> 2578 <li class="accordian-list__item" style="padding:0px 0px !important;"> 2579 <div class="accordian-content-card" 2580 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;"> 2581 2582 <!-- Row 1: Icon + Title + Collapse Icon --> 2583 <div class="accordian-content-card__top" 2584 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2585 2586 <!-- Icon --> 2587 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2588 <@ if(value.type == 'code'){ @> 2589 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2590 <@ } else { @> 2591 <span class="material-icons text-primary" style="color:#064400; font-size: 24px;"> 2592 <@ print(getCourseAssetIcon(value.type))@> 2593 </span> 2594 <@ } @> 2595 </div> 2596 2597 <!-- Title --> 2598 <div class="accordian-content-card__title" 2599 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2600 <@print(value.title)@> 2601 </div> 2602 2603 <!-- Collapse Icon (optional) --> 2604 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2605 <!-- Example placeholder, add real icon if needed --> 2606 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2607 </div> 2608 </div> 2609 2610 <!-- Row 2: Preview Button and Time --> 2611 <div class="accordian-content-card__bottom" 2612 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2613 2614 <!-- Preview Button --> 2615 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2616 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 2617 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 2618 class="previewBtn" 2619 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #064400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2620 <span class="text-primary" style="color:#064400;"> 2621 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2622 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#064400;"></i></span> 2623 </span> 2624 </a> 2625 <@}@> 2626 </div> 2627 2628 <!-- Time --> 2629 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2630 <p class="text-primary course-asset-time" 2631 style="font-size: 14px; font-weight: 500; color:#064400 !important; margin: 0;"> 2632 <@ if(value.duration && value.duration > 0) { @> 2633 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 2634 <@ } else { @> 2635 -- 2636 <@ } @> 2637 </p> 2638 </div> 2639 </div> 2640 </div> 2641 </li> 2642 <@ } @> 2643 </ul> 2644 2645 <@ if(itemsCount > 5) { @> 2646 <div style="text-align: center; margin-top: 10px;"> 2647 <button style="background-color: #064400; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2648 onclick=" 2649 var parentAccordion = this.closest('.accordion-content'); 2650 parentAccordion.style.maxHeight = 'none'; 2651 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 2652 this.style.display = 'none'; 2653 "> 2654 View All 2655 </button> 2656 </div> 2657 <@ } @> 2658 </div> 2659 </div> 2660 </div> 2661 <@ }); @> 2662 <@ if(item.length > 5) { @> 2663 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 2664 <button style="background-color: #064400; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2665 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 2666 View All Sessions 2667 </button> 2668 </div> 2669 <@ } @> 2670</div> 2671 </div> 2672</script>
2672 2673 2674 2675 2676<!--Dusk Curriculum 9-->
2677<script> 2678 // Simple responsive positioning 2679 function updatePosition() { 2680 const element = document.getElementById('totalTimeElement'); 2681 if(element){ 2682 if (window.innerWidth > 768) { 2683 element.style.position = 'absolute'; 2684 element.style.top = "5px"; 2685 element.style.right = '122px'; 2686 } else { 2687 element.style.position = 'static'; 2688 element.style.margin = '0 0'; 2689 } 2690 } 2691 } 2692 2693 // Run on load and resize 2694 window.addEventListener('load', updatePosition); 2695 window.addEventListener('resize', updatePosition); 2696 </script>
2696 2697
2697<script> 2698 // Simple responsive positioning 2699 function updatePosition() { 2700 const element = document.getElementById('totalTimeElement'); 2701 if(element){ 2702 if (window.innerWidth > 768) { 2703 element.style.position = 'absolute'; 2704 element.style.top = "5px"; 2705 element.style.right = '122px'; 2706 } else { 2707 element.style.position = 'static'; 2708 element.style.margin = '0 0'; 2709 } 2710 } 2711 } 2712 2713 // Run on load and resize 2714 window.addEventListener('load', updatePosition); 2715 window.addEventListener('resize', updatePosition); 2716 </script>
2716 2717
2717<script type="text/template" id="coursecurr-9-template"> 2718 <div class="total-time" id="totalTimeElement" style=" 2719 font-size: 18px; 2720 font-weight: 600; 2721 color: #282400; 2722 padding: 8px 12px; 2723 border-radius: 4px; 2724 white-space: nowrap;"> 2725 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 2726 <@print(millisecondsToHHMMSSStr(summary.durations))@> 2727 <@}@> 2728</div> 2729 2730<div class="accordion-syllabus" style="max-width:1000px !important"> 2731 <@ $.each(item, function(index, value) { @> 2732 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 2733 <header class="accordion-syllabus-header" style="background:#F5F5F5 !important; border-radius:8px;box-shadow:none;padding:20px !important"> 2734 <h4 class="accordion-syllabus-header__title"> 2735 <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 2736 <@if(index < 9) {@> 2737 Week <@print(index + 1)@>: 2738 <@ } else {@> 2739 Week <@print(index + 1)@>: 2740 <@ } @> 2741 </span> 2742 <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 2743 <@if(value && value.items){@> 2744 <@ print(value.items.length) @> attachment(s) 2745 <@} else {@> 2746 1 attachment(s) 2747 <@}@> 2748 <@if(value.moduleDurations && curriculumAssetInfo){@> 2749 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2750 <@}@> 2751 </span></p> 2752 </h4> 2753 2754 <div class="accordion-syllabus-header__info"> 2755 <p class="text-primary hide-sm" style="color:#282400 !important;"> 2756 <@if(value && value.items){@> 2757 <@ print(value.items.length) @> attachment(s) 2758 <@} else {@> 2759 1 attachment(s) 2760 <@}@> 2761 <@if(value.moduleDurations && curriculumAssetInfo){@> 2762 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2763 <@}@> 2764 </p> 2765 <div class="accordion-syllabus-header__icon text-primary"> 2766 <i class="fa fa-angle-left" aria-hidden="true" style="color:#282400;"></i> 2767 </div> 2768 </div> 2769 </header> 2770 <div class="accordion-content" style="filter:none;background:transparent !important;"> 2771 <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;"> 2772 <ul class="accordian-list"> 2773 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 2774 <@ if(value['items'] && value['items'].length > 0) { @> 2775 <@ $.each(value['items'], function(index1, value1) { @> 2776 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 2777 <style> 2778 @media (max-width: 768px) { 2779 .accordian-content-card { 2780 flex-direction: column !important; 2781 align-items: stretch !important; 2782 } 2783 2784 .accordian-content-card__top { 2785 flex-direction: row !important; 2786 justify-content: space-between !important; 2787 align-items: center !important; 2788 width: 100% !important; 2789 } 2790 2791 .accordian-content-card__title { 2792 flex: 1 !important; 2793 margin: 0 10px !important; 2794 white-space: nowrap; 2795 overflow: hidden; 2796 text-overflow: ellipsis; 2797 } 2798 2799 .accordian-content-card__bottom { 2800 flex-direction: row !important; 2801 justify-content: space-between !important; 2802 align-items: center !important; 2803 width: 100% !important; 2804 margin-top: 6px !important; 2805 } 2806 2807 .accordian-content-card__link { 2808 flex: 1 !important; 2809 min-width: 0 !important; 2810 text-align: left !important; 2811 } 2812 2813 .accordian-content-card__time { 2814 flex-shrink: 0 !important; 2815 text-align: right !important; 2816 } 2817 } 2818 </style> 2819 2820 <div class="accordian-content-card" 2821 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;"> 2822 2823 2824 <!-- Row 1: Icon + Title + Collapse Icon --> 2825 <div class="accordian-content-card__top" 2826 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2827 2828 <!-- Icon --> 2829 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2830 <@ if(value1.type == 'code'){ @> 2831 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2832 <@ } else { @>
2833 <span class="material-icons text-primary" style="color:#282400; font-size: 24px;"> 2834 <@ print(getCourseAssetIcon(value1.type))@> 2835 </span> 2836 <@ } @> 2837 </div> 2838 2839 <!-- Title --> 2840 <div class="accordian-content-card__title" 2841 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2842 <@print(value1.title)@> 2843 </div> 2844 2845 <!-- Collapse Icon (optional) --> 2846 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2847 <!-- Example placeholder, add real icon if needed --> 2848 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2849 </div> 2850 </div> 2851 2852 <!-- Row 2: Preview Button and Time --> 2853 <div class="accordian-content-card__bottom" 2854 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2855 2856 <!-- Preview Button --> 2857 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2858 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 2859 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 2860 class="previewBtn" 2861 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #282400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2862 <span class="text-primary" style="color:#282400;"> 2863 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2864 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#282400;"></i></span> 2865 </span> 2866 </a> 2867 <@}@> 2868 </div> 2869 2870 <!-- Time --> 2871 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2872 <p class="text-primary course-asset-time" 2873 style="font-size: 14px; font-weight: 500; color:#282400 !important; margin: 0;"> 2874 <@ if(value1.duration && value1.duration > 0) { @> 2875 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 2876 <@ } else { @> 2877 -- 2878 <@ } @> 2879 </p> 2880 </div> 2881 2882 </div> 2883 </div> 2884 2885 2886 </li> 2887 <@ }); @> 2888 <@ } else { @> 2889 <li class="accordian-list__item" style="padding:0px 0px !important;"> 2890 <div class="accordian-content-card" 2891 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;"> 2892 2893 <!-- Row 1: Icon + Title + Collapse Icon --> 2894 <div class="accordian-content-card__top" 2895 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2896 2897 <!-- Icon --> 2898 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2899 <@ if(value.type == 'code'){ @> 2900 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2901 <@ } else { @> 2902 <span class="material-icons text-primary" style="color:#282400; font-size: 24px;"> 2903 <@ print(getCourseAssetIcon(value.type))@> 2904 </span> 2905 <@ } @> 2906 </div> 2907 2908 <!-- Title --> 2909 <div class="accordian-content-card__title" 2910 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2911 <@print(value.title)@> 2912 </div> 2913 2914 <!-- Collapse Icon (optional) --> 2915 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2916 <!-- Example placeholder, add real icon if needed --> 2917 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2918 </div> 2919 </div> 2920 2921 <!-- Row 2: Preview Button and Time --> 2922 <div class="accordian-content-card__bottom" 2923 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2924 2925 <!-- Preview Button --> 2926 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2927 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 2928 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 2929 class="previewBtn" 2930 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #282400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2931 <span class="text-primary" style="color:#282400;"> 2932 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2933 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#282400;"></i></span> 2934 </span> 2935 </a> 2936 <@}@> 2937 </div> 2938 2939 <!-- Time --> 2940 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2941 <p class="text-primary course-asset-time" 2942 style="font-size: 14px; font-weight: 500; color:#282400 !important; margin: 0;"> 2943 <@ if(value.duration && value.duration > 0) { @> 2944 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 2945 <@ } else { @> 2946 -- 2947 <@ } @> 2948 </p> 2949 </div> 2950 </div> 2951 </div> 2952 </li> 2953 <@ } @> 2954 </ul> 2955 2956 <@ if(itemsCount > 5) { @> 2957 <div style="text-align: center; margin-top: 10px;"> 2958 <button style="background-color: #282400; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2959 onclick=" 2960 var parentAccordion = this.closest('.accordion-content'); 2961 parentAccordion.style.maxHeight = 'none'; 2962 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 2963 this.style.display = 'none'; 2964 "> 2965 View All 2966 </button> 2967 </div> 2968 <@ } @> 2969 </div> 2970 </div> 2971 </div> 2972 <@ }); @> 2973 <@ if(item.length > 5) { @> 2974 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 2975 <button style="background-color: #282400; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2976 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 2977 View All Sessions 2978 </button> 2979 </div> 2980 <@ } @> 2981</div> 2982 </div> 2983</script>
2983 2984 2985 2986 2987 2988 2989 2990<!-- Feedback Template First -->
2991<script type="text/template" id="widget-1-template"> 2992<div class="column full feedbackContainer feedback1 spectre"> 2993<@if(msg){@> 2994 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 2995<@}else{@> 2996<div class="avgratingbox"> 2997 <div class="flex-row" > 2998 <div class="is-box-2" > 2999 <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;"> 3000 <@ if(ratings && ratings.avgRating) {@> 3001 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3002 <@}else{@> 3003 0 3004 <@}@> 3005 </p> 3006 <h5 class="ratings1" style="text-align: center; margin-bottom: 0px; margin-top: 0px; line-height: 1;"> 3007 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3008 <@if(ratings){@> 3009 <@ if(ratings.avgRating >= ratingsSize) {@> 3010 <i class="icon ion-android-star"></i> 3011 <@ } else if(ratings.avgRating > ratingsSize-1 && ratings.avgRating < ratingsSize) { @> 3012 <i class="icon ion-android-star-half"></i> 3013 <@ } else { @> 3014 <i class="icon ion-android-star-outline"></i> 3015 <@ } @> 3016 <@} else {@> 3017 <i class="icon ion-android-star-outline"></i> 3018 <@}@> 3019 <@}@> 3020 </h5> 3021 <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> 3022 <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;"> 3023 Total <@ if(ratings){print(ratings.total) }else{0}@> Reviews 3024 </p> 3025 </div> 3026 <div class="is-box-9"> 3027 <@ for (i = 0; i < 5; i++) {@> 3028 <div class="box7878"> 3029 <div style="flex:1;"> 3030 <div class="meter <@print(ratingsPer[(parseInt(i)+1)+'-star'].cls)@> nostripes"> 3031 <span style="width: <@print(ratingsPer[(parseInt(i)+1)+'-star'].rates)@>%"></span> 3032 </div> 3033 </div> 3034 <div id="ratingbox"> 3035 <p class="ratings2" style=" line-height: 1;"> 3036 <@ for (ratingsSize = 5; ratingsSize >=1; ratingsSize--) {@> 3037 <@if(ratingsSize>i){@> 3038 <i class="fa fa-solid fa-star-sharp text-primary"></i> 3039 <@} else {@> 3040 <i class="fa fa-solid fa-star-sharp"></i> 3041 <@}@> 3042 <@}@> 3043 <span class="t-white"> 3044 <@ if(ratings && ratings.ratingsCount){print(ratings.ratingsCount[(parseInt(5)-i)+'-stars'])}else{0} @> 3045 </span> 3046 </p> 3047 3048 </div> 3049 </div> 3050 <@}@> 3051 </div> 3052 </div> 3053</div> 3054 <div class="bg-secondary" style="padding:15px 15px;border-radius:10px;border-top-right-radius: 0;border-top-left-radius: 0;" > 3055 <p 3056 style="font-size: 16px!important; font-weight: 500!important; letter-spacing: 1px;" class="text-primary"> 3057 Reviews 3058 </p> 3059 3060<div class="review-box" id="createCustomReview" style="display:none"> 3061<div class="flex-row"> 3062 <div class="is-box-2 centerbox"> 3063 <div class="spectre"> 3064 <figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" > 3065 <img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>"> 3066 </figure> 3067 <@if(typeof SPUSER !== 'undefined'){ @><p class="review-name"><@ print(SPUSER.name) @> </p><@ } @> 3068 </div> 3069 </div> 3070 <div class="is-box-10"> 3071 <textarea rows="3" class="form-input" 3072 placeholder="Add your review here"></textarea> 3073 <div class="rating3"> 3074 <p id="rating-stars"> 3075 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i 3076 class="fa fa-solid fa-star-sharp text-primary rating-star" data-value='<@- ratingsSize @>'></i> <@}@> 3077 </p> 3078 3079 <button class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3080 data-reviewData="reviewlist" 3081 style="padding: 2px 28px; text-transform: uppercase; border-radius: 40px;">Post</button> 3082 </div> 3083 </div> 3084</div> 3085</div> 3086 3087 <div id="reviewlist"> 3088 <@ $.each(items, function(index, item) { @> 3089 <div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3090 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3091 <a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3092 <@ } @> 3093 <div class="flex-row"> 3094 <div class="is-box-2 centerbox"> 3095 <div class="spectre"> 3096 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3097 <figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" > 3098 <img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>"> 3099 <@ } else {@> 3100 <figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="uppercase avatar avatar-lg figsize" > 3101 <img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>"> 3102 <@ } @> 3103 </figure> 3104 <p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @><@ print(SPUSER.name) @><@ } else {@> <@ print(item.userName) @><@ } @> </p> 3105 </div> 3106 </div> 3107 <div class="is-box-10"> 3108 <div class="rating4"> 3109 <p> 3110 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@ 3111 if(item.rating >= ratingsSize) {@> 3112 <i class="fa fa-solid fa-star-sharp text-primary"></i> 3113 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3114 <i class="fa fa-solid fa-star-sharp-half text-primary"></i> 3115 <@ } else { @> 3116 <i class="fa fa-solid fa-star-sharp"></i> 3117 <@}@> 3118 <@ }@> 3119 </p> 3120 <p 3121 style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;"> 3122 <time class="timestamp"
3123 datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@ 3124 print(parseDate(item.createdDate.$date)) @></time> 3125 </p> 3126 </div> 3127 <p class="reviewTxt" 3128 style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@ 3129 print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @></p> 3130 <div class="comment-tag"> 3131 <@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @> 3132 </div> 3133 </div> 3134 </div> 3135 </div> 3136 <@ }); @> 3137 </div> 3138 <button class="bg-primary loadMoreReviewsBtn reviewLMbtn" data-itemTemplate="feedback-1-item-template" data-reviewData="reviewlist" >Load More Reviews</button> 3139</div> 3140<@}@> 3141</script>
3141 3142 3143
3144<script type="text/template" id="feedback-1-item-template"> 3145<div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>""> 3146<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3147 <a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3148<@ } @> 3149<div class="flex-row"> 3150 <div class="is-box-2 centerbox"> 3151 <div class="spectre"> 3152 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3153 <figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="avatar avatar-lg figsize" > 3154 <img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>"> 3155 <@ } else {@> 3156 <figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="avatar avatar-lg figsize" > 3157 <img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>"> 3158 <@ } @> 3159 </figure> 3160 <p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @><@ print(SPUSER.name) @><@ } else {@> <@ print(item.userName) @><@ } @> </p> 3161 </div> 3162 </div> 3163 <div class="is-box-10"> 3164 <div class="rating4"> 3165 <p> 3166 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@ 3167 if(item.rating >= ratingsSize) {@> 3168 <i class="fa fa-solid fa-star-sharp text-primary"></i> 3169 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3170 <i class="fa fa-solid fa-star-sharp-half text-primary"></i> 3171 <@ } else { @> 3172 <i class="fa fa-solid fa-star-sharp-outline"></i> 3173 <@}@> 3174 <@ } @> 3175 </p> 3176 <p 3177 style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;"> 3178 <time class="timestamp" 3179 datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@ 3180 print(parseDate(item.createdDate.$date)) @></time> 3181 </p> 3182 </div> 3183 <p class="reviewTxt" 3184 style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@ 3185 print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @></p> 3186 <div class="comment-tag"> 3187 <@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @> 3188 </div> 3189 </div> 3190</div> 3191</div> 3192</script>
3192 3193 3194 3195<!-- Feedback Template Second -->
3196<script type="text/template" id="feedback-2-template"> 3197<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3198<@if(msg){@> 3199 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3200<@}else{@> 3201<@ if(total > 0 && ratings && ratings.avgRating) {@> 3202<div class="avgratingbox"> 3203<div class="column third"> 3204 <div class="is-card avgRatingContainer" > 3205 <div class="avgRatingInnerContainer"> 3206 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3207 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3208 <i class="icon ion-android-star text-primary" style="font-size: 80px;"></i> 3209 <div style="margin-left: 25px;"> 3210 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3211 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;"> 3212 <@ if(ratings && ratings.avgRating) {@> 3213 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3214 <@}else{@> 3215 0 3216 <@}@> 3217 </h3> 3218 <p class="avgRatingReviews">/5</p> 3219 </span> 3220 <p class="avgRatingReviews"> 3221 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3222 </p> 3223 </div> 3224 </div> 3225 </div> 3226 </div> 3227</div> 3228</div> 3229<@ } @> 3230<div id="feedback2Reviewlist" class="reviewslist"> 3231 <@ $.each(items, function(index, item) { @> 3232 <@ var template = _.template($("#feedback-2-item-template").html()); print(template({item: item})) @> 3233 <@ }); @> 3234 <@}@> 3235</div> 3236<div class="row clearfix"> 3237 <div class="column full"> 3238 <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;"> 3239 View more 3240 </p> 3241 </div> 3242</div> 3243</script>
3243 3244
3245<script type="text/template" id="feedback-2-item-template"> 3246 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3247 <div class="is-card avgRatingContainer"> 3248 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3249 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3250 <a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3251 <@ } @> 3252 <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;"> 3253 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3254 </p> 3255 <div class="reviewerName"> 3256 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px;"> 3257 <@ print(item.userName) @> 3258 </p></div> 3259 3260 <p style="margin: 0px;"> 3261 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3262 <@ if(item.rating >= ratingsSize) {@> 3263 <i class="fa fa-solid fa-star-sharp text-primary"></i> 3264 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3265 <i class="fa fa-solid fa-star-sharp-half text-primary"></i> 3266 <@ } @> 3267 <@ }@> 3268 </p> 3269 3270 </div> 3271 </div> 3272 </div> 3273</script>
vendor: 1 bytes, line 3273
3273
3274<script type="text/template" id="feedback-2-createTemplate"> 3275 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3276 <div class="is-boxes"> 3277 <div class="is-box-centered"> 3278 <div class="is-container container" style="max-width: 940px;"> 3279 3280 <div class="review-box review-add-box"> 3281 <div class="is-container container is-content-800" > 3282 <div class="row clearfix" > 3283 <div class="column full" > 3284 <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> 3285 </div> 3286 </div> 3287 <div class="textarea-cont"> 3288 <div class="review-star text-primary" style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;"> 3289 <span id="rating-stars"> 3290 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i 3291 class="fa fa-solid fa-star-sharp rating-star" data-value='<@- ratingsSize @>'></i> <@}@> 3292 </span> 3293 </div> 3294 <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> 3295 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3296 <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> 3297 <@ } @> 3298 </div> 3299 <div style="margin-top: 20px; display: flex; justify-content: flex-end;"> 3300 <button id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3301 data-reviewData="feedback2Reviewlist" disabled >Submit</button> 3302 </div> 3303 </div> 3304 </div> 3305 </div> 3306 </div> 3307 </div> 3308</div> 3309</script>
3309 3310 3311<!-- Vegas 4th feedback Template--> 3312 3313
3314<script type="text/template" id="feedback-4-template"> 3315 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3316 <@if(msg){@> 3317 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3318 <@}else{@> 3319 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3320 <div class="avgratingbox"> 3321 <div class="column third"> 3322 <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" > 3323 <div class="avgRatingInnerContainer"> 3324 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3325 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3326 <i class="icon ion-android-star text-primary" style="font-size: 80px;"></i> 3327 <div style="margin-left: 25px;"> 3328 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3329 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;"> 3330 <@ if(ratings && ratings.avgRating) {@> 3331 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3332 <@}else{@> 3333 0 3334 <@}@> 3335 </h3> 3336 <p class="avgRatingReviews">/5</p> 3337 </span> 3338 <p class="avgRatingReviews"> 3339 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3340 </p> 3341 </div> 3342 </div> 3343 </div> 3344 </div> 3345 </div> 3346 </div> 3347 <@ } @> 3348 <div id="feedback4Reviewlist" class="reviewslist"> 3349 <@ $.each(items, function(index, item) { @> 3350 <@ var template = _.template($("#feedback-4-item-template").html()); print(template({item: item})) @> 3351 <@ }); @> 3352 <@}@> 3353 </div> 3354 <div class="row clearfix"> 3355 <div class="column full" style="text-align: center;"> 3356 <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;"> 3357 View All Reviews 3358 </a> 3359 </div> 3360 </div> 3361 </script>
3361 3362 3363
3363<script type="text/template" id="feedback-4-item-template"> 3364 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3365 <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; "> 3366 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3367 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3368 <a style="color:#FB5607 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3369 <@ } @> 3370 <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;"> 3371 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3372 </p> 3373 <div class="reviewerName"> 3374 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5;"> 3375 <@ print(item.userName) @> 3376 </p></div> 3377 3378 <p style="margin: 0px;"> 3379 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3380 <@ if(item.rating >= ratingsSize) {@> 3381 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#FB5607 !important;"></i> 3382 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3383 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#FB5607 !important;"></i> 3384 <@ } @> 3385 <@ }@> 3386 </p> 3387 3388 </div> 3389 </div> 3390 </div> 3391 </script>
3391 3392
3392<script type="text/template" id="feedback-4-createTemplate"> 3393 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3394 <div class="is-boxes"> 3395 <div class="is-box-centered"> 3396 <div class="is-container container" style="max-width: 1200px;"> 3397 3398 <div class="review-box review-add-box"> 3399 <div class="is-container container is-content-1200" > 3400 <div class="row clearfix" > 3401 <div class="column full" > 3402 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1> 3403 </div> 3404 </div> 3405 <div class="textarea-cont"> 3406 <div style="display:flex; gap:30px;"> 3407 <div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div> 3408 <div class="review-star1 text-primary" 3409 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3410 <span id="rating-stars" > 3411 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3412 <i class="fa fa-solid fa-star-sharp rating-star" 3413 data-value='<@- ratingsSize @>' 3414 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3415 <@}@> 3416 </span> 3417 </div> 3418 <style></style> 3419 3420 3421 </div> 3422 <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> 3423 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3424 <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> 3425 <@ } @> 3426 </div> 3427 <div style=" display: flex; justify-content: center;"> 3428 <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') } @>" 3429 data-reviewData="feedback4Reviewlist" disabled >Submit</button> 3430 </div> 3431 </div> 3432 </div> 3433 </div> 3434 </div> 3435 </div> 3436 </div> 3437 </script>
3437 3438 3439 3440 3441 3442<!-- Blaze 5th feedback Template-->
3443<script type="text/template" id="feedback-5-template"> 3444 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3445 <@if(msg){@> 3446 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3447 <@}else{@> 3448 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3449 <div class="avgratingbox"> 3450 <div class="column third"> 3451 <div class="is-card avgRatingContainer" style="background:#232323; border-radius:0px;padding:21px;" > 3452 <div class="avgRatingInnerContainer"> 3453 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;color:white;">Customer ratings</h3> 3454 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3455 <i class="icon ion-android-star text-primary" style="font-size: 80px;color:rgb(216, 253, 70);"></i> 3456 <div style="margin-left: 25px;"> 3457 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3458 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: rgb(216, 253, 70); line-height: 1.3;"> 3459 <@ if(ratings && ratings.avgRating) {@> 3460 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3461 <@}else{@> 3462 0 3463 <@}@> 3464 </h3> 3465 <p class="avgRatingReviews" style="color:white;">/5</p> 3466 </span> 3467 <p class="avgRatingReviews" style="color:white;"> 3468 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3469 </p> 3470 </div> 3471 </div> 3472 </div> 3473 </div> 3474 </div> 3475 </div> 3476 <@ } @> 3477 <div id="feedback5Reviewlist" class="reviewslist"> 3478 <@ $.each(items, function(index, item) { @> 3479 <@ var template = _.template($("#feedback-5-item-template").html()); print(template({item: item})) @> 3480 <@ }); @> 3481 <@}@> 3482 </div> 3483 <div class="row clearfix"> 3484 <div class="column full" style="text-align: center;"> 3485 <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;"> 3486 View All Reviews 3487 </a> 3488 </div> 3489 </div> 3490 </script>
3490 3491 3492 3493
3493<script type="text/template" id="feedback-5-item-template"> 3494 <style> 3495 .template5-review .reviewTxt{ 3496 color:white !important; 3497 } 3498 .template5-review .reviewerName p{ 3499 color:white !important; 3500 } 3501 </style> 3502 <div class="column third reviewcontainer template5-review <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> selfreview <@ } @>"> 3503 <div class="is-card avgRatingContainer" style="border:1px solid #232323;padding:20px;"> 3504 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;"> 3505 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3506 <a style="color:#D8FD46 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"> 3507 <i class="material-icons">delete</i> 3508 </a> 3509 <@ } @> 3510 <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;"> 3511 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3512 </p> 3513 <div class="reviewerName"> 3514 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5; "> 3515 <@ print(item.userName) @> 3516 </p> 3517 </div> 3518 3519 <p style="margin: 0px;"> 3520 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) { @> 3521 <@ if(item.rating >= ratingsSize) { @> 3522 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#D8FD46 !important;"></i> 3523 <@ } else if(item.rating > ratingsSize - 1 && item.rating < ratingsSize) { @> 3524 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#D8FD46 !important;"></i> 3525 <@ } @> 3526 <@ } @> 3527 </p> 3528 </div> 3529 </div> 3530 </div> 3531 </script>
3531 3532 3533
3533<script type="text/template" id="feedback-5-createTemplate"> 3534 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3535 <div class="is-boxes"> 3536 <div class="is-box-centered" style="background:#181818;"> 3537 <div class="is-container container" style="max-width: 1200px;"> 3538 3539 <div class="review-box review-add-box"> 3540 <div class="is-container container is-content-1200" > 3541 <div class="row clearfix" > 3542 <div class="column full" > 3543 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: white; ">Add a review</h1> 3544 </div> 3545 </div> 3546 <div class="textarea-cont" style="background:transparent"> 3547 <div style="display:flex; gap:30px;"> 3548 <div><h3 style="font-size:18px;font-weight:600; color:white;">Overall Rating</h3></div> 3549 <div class="review-star text-primary" 3550 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3551 <span id="rating-stars" > 3552 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3553 <i class="fa fa-solid fa-star-sharp rating-star" 3554 data-value='<@- ratingsSize @>' 3555 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3556 <@}@> 3557 </span> 3558 </div> 3559 3560 3561 </div> 3562 <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> 3563 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3564 <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> 3565 <@ } @> 3566 </div> 3567 <div style=" display: flex; justify-content: center;margin-top:20px;"> 3568 <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') } @>" 3569 data-reviewData="feedback5Reviewlist" disabled >Submit</button> 3570 </div> 3571 </div> 3572 </div> 3573 </div> 3574 </div> 3575 </div> 3576 </div> 3577 </script>
3577 3578 3579 3580 3581 3582 3583 3584 3585 3586 3587 3588 3589 3590 3591 3592 3593<!-- Nebula Feedback 6--> 3594
3595<script type="text/template" id="feedback-6-template"> 3596 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3597 <@if(msg){@> 3598 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3599 <@}else{@> 3600 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3601 <div class="avgratingbox"> 3602 <div class="column third"> 3603 <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" > 3604 <div class="avgRatingInnerContainer"> 3605 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3606 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3607 <i class="icon ion-android-star text-primary" style="font-size: 80px; color: #6715FF !important;"></i> 3608 <div style="margin-left: 25px;"> 3609 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3610 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: #6715FF !important; line-height: 1.3;"> 3611 <@ if(ratings && ratings.avgRating) {@> 3612 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3613 <@}else{@> 3614 0 3615 <@}@> 3616 </h3> 3617 <p class="avgRatingReviews">/5</p> 3618 </span> 3619 <p class="avgRatingReviews"> 3620 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3621 </p> 3622 </div> 3623 </div> 3624 </div> 3625 </div> 3626 </div> 3627 </div> 3628 <@ } @> 3629 <div id="feedback6Reviewlist" class="reviewslist"> 3630 <@ $.each(items, function(index, item) { @> 3631 <@ var template = _.template($("#feedback-6-item-template").html()); print(template({item: item})) @> 3632 <@ }); @> 3633 <@}@> 3634 </div> 3635 <div class="row clearfix"> 3636 <div class="column full" style="text-align: center;"> 3637 <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;"> 3638 View All Reviews 3639 </a> 3640 </div> 3641 </div> 3642 </script>
3642 3643 3644
3644<script type="text/template" id="feedback-6-item-template"> 3645 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3646 <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; "> 3647 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3648 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3649 <a style="color:#6715FF !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3650 <@ } @> 3651 <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;"> 3652 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3653 </p> 3654 <div class="reviewerName"> 3655 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5;"> 3656 <@ print(item.userName) @> 3657 </p></div> 3658 3659 <p style="margin: 0px;"> 3660 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3661 <@ if(item.rating >= ratingsSize) {@> 3662 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#6715FF !important;"></i> 3663 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3664 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#6715FF !important;"></i> 3665 <@ } @> 3666 <@ }@> 3667 </p> 3668 3669 </div> 3670 </div> 3671 </div> 3672 </script>
3672 3673
3673<script type="text/template" id="feedback-6-createTemplate"> 3674 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3675 <div class="is-boxes"> 3676 <div class="is-box-centered"> 3677 <div class="is-container container" style="max-width: 1200px;"> 3678 3679 <div class="review-box review-add-box"> 3680 <div class="is-container container is-content-1200" > 3681 <div class="row clearfix" > 3682 <div class="column full" > 3683 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1> 3684 </div> 3685 </div> 3686 <div class="textarea-cont" style="background:transparent"> 3687 <div style="display:flex; gap:30px;"> 3688 <div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div> 3689 <div class="review-star1 text-primary" 3690 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3691 <span id="rating-stars" > 3692 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3693 <i class="fa fa-solid fa-star-sharp rating-star" 3694 data-value='<@- ratingsSize @>' 3695 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3696 <@}@> 3697 </span> 3698 </div> 3699 <style></style> 3700 3701 3702 </div> 3703 <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> 3704 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3705 <p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: grey; margin-top: 0px;"><@ print(SPUSER.name) @></p> 3706 <@ } @> 3707 </div> 3708 <div style=" display: flex; justify-content: center;"> 3709 <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') } @>" 3710 data-reviewData="feedback6Reviewlist" disabled >Submit</button> 3711 </div> 3712 </div> 3713 </div> 3714 </div> 3715 </div> 3716 </div> 3717 </div> 3718 </script>
3718 3719 3720 3721 3722 3723 3724<!-- Olive Feedback 7-->
3725<script type="text/template" id="feedback-7-template"> 3726 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3727 <@if(msg){@> 3728 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3729 <@}else{@> 3730 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3731 <div class="avgratingbox"> 3732 <div class="column third"> 3733 <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" > 3734 <div class="avgRatingInnerContainer"> 3735 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3736 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3737 <i class="icon ion-android-star text-primary" style="font-size: 80px; color: #064400 !important;"></i> 3738 <div style="margin-left: 25px;"> 3739 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3740 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: #064400 !important; line-height: 1.3;"> 3741 <@ if(ratings && ratings.avgRating) {@> 3742 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3743 <@}else{@> 3744 0 3745 <@}@> 3746 </h3> 3747 <p class="avgRatingReviews">/5</p> 3748 </span> 3749 <p class="avgRatingReviews"> 3750 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3751 </p> 3752 </div> 3753 </div> 3754 </div> 3755 </div> 3756 </div> 3757 </div> 3758 <@ } @> 3759 <div id="feedback7Reviewlist" class="reviewslist"> 3760 <@ $.each(items, function(index, item) { @> 3761 <@ var template = _.template($("#feedback-7-item-template").html()); print(template({item: item})) @> 3762 <@ }); @> 3763 <@}@> 3764 </div> 3765 <div class="row clearfix"> 3766 <div class="column full" style="text-align: center;"> 3767 <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;"> 3768 View All Reviews 3769 </a> 3770 </div> 3771 </div> 3772 </script>
3772 3773 3774
3774<script type="text/template" id="feedback-7-item-template"> 3775 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3776 <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; "> 3777 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3778 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3779 <a style="color:#064400 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3780 <@ } @> 3781 <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;"> 3782 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3783 </p> 3784 <div class="reviewerName"> 3785 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5;"> 3786 <@ print(item.userName) @> 3787 </p></div> 3788 3789 <p style="margin: 0px;"> 3790 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3791 <@ if(item.rating >= ratingsSize) {@> 3792 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#064400 !important;"></i> 3793 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3794 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#064400 !important;"></i> 3795 <@ } @> 3796 <@ }@> 3797 </p> 3798 3799 </div> 3800 </div> 3801 </div> 3802 </script>
3802 3803
3803<script type="text/template" id="feedback-7-createTemplate"> 3804 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3805 <div class="is-boxes"> 3806 <div class="is-box-centered"> 3807 <div class="is-container container" style="max-width: 1200px;"> 3808 3809 <div class="review-box review-add-box"> 3810 <div class="is-container container is-content-1200" > 3811 <div class="row clearfix" > 3812 <div class="column full" > 3813 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1> 3814 </div> 3815 </div> 3816 <div class="textarea-cont"> 3817 <div style="display:flex; gap:30px;"> 3818 <div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div> 3819 <div class="review-star1 text-primary" 3820 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3821 <span id="rating-stars" > 3822 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3823 <i class="fa fa-solid fa-star-sharp rating-star" 3824 data-value='<@- ratingsSize @>' 3825 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3826 <@}@> 3827 </span> 3828 </div> 3829 <style></style> 3830 3831 3832 </div> 3833 <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> 3834 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3835 <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> 3836 <@ } @> 3837 </div> 3838 <div style=" display: flex; justify-content: center;"> 3839 <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') } @>" 3840 data-reviewData="feedback7Reviewlist" disabled >Submit</button> 3841 </div> 3842 </div> 3843 </div> 3844 </div> 3845 </div> 3846 </div> 3847 </div> 3848 </script>
3848 3849 3850 3851 3852 3853 <!--Dusk Feedback-8--> 3854
3854<script type="text/template" id="feedback-8-template"> 3855 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3856 <@if(msg){@> 3857 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3858 <@}else{@> 3859 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3860 <div class="avgratingbox"> 3861 <div class="column third"> 3862 <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;background:#F5F5F5;" > 3863 <div class="avgRatingInnerContainer"> 3864 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3865 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3866 <i class="icon ion-android-star text-primary" style="font-size: 80px; color: #282400 !important;"></i> 3867 <div style="margin-left: 25px;"> 3868 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3869 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: #282400 !important; line-height: 1.3;"> 3870 <@ if(ratings && ratings.avgRating) {@> 3871 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3872 <@}else{@> 3873 0 3874 <@}@> 3875 </h3> 3876 <p class="avgRatingReviews">/5</p> 3877 </span> 3878 <p class="avgRatingReviews"> 3879 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3880 </p> 3881 </div> 3882 </div> 3883 </div> 3884 </div> 3885 </div> 3886 </div> 3887 <@ } @> 3888 <div id="feedback8Reviewlist" class="reviewslist"> 3889 <@ $.each(items, function(index, item) { @> 3890 <@ var template = _.template($("#feedback-8-item-template").html()); print(template({item: item})) @> 3891 <@ }); @> 3892 <@}@> 3893 </div> 3894 <div class="row clearfix"> 3895 <div class="column full" style="text-align: center;"> 3896 <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;"> 3897 View All Reviews 3898 </a> 3899 </div> 3900 </div> 3901 </script>
3901 3902 3903
3903<script type="text/template" id="feedback-8-item-template"> 3904 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3905 <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:#F5F5F5; padding:20px; "> 3906 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3907 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3908 <a style="color:#282400 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3909 <@ } @> 3910 <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;"> 3911 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3912 </p> 3913 <div class="reviewerName"> 3914 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5;"> 3915 <@ print(item.userName) @> 3916 </p></div> 3917 3918 <p style="margin: 0px;"> 3919 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3920 <@ if(item.rating >= ratingsSize) {@> 3921 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#282400 !important;"></i> 3922 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3923 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#282400 !important;"></i> 3924 <@ } @> 3925 <@ }@> 3926 </p> 3927 3928 </div> 3929 </div> 3930 </div> 3931 </script>
3931 3932
3932<script type="text/template" id="feedback-8-createTemplate"> 3933 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3934 <div class="is-boxes"> 3935 <div class="is-box-centered"> 3936 <div class="is-container container" style="max-width: 1200px;"> 3937 3938 <div class="review-box review-add-box"> 3939 <div class="is-container container is-content-1200" > 3940 <div class="row clearfix" > 3941 <div class="column full" > 3942 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1> 3943 </div> 3944 </div> 3945 <div class="textarea-cont"> 3946 <div style="display:flex; gap:30px;"> 3947 <div><h3 style="font-size:18px;font-weight:600;">Overall rating</h3></div> 3948 <div class="review-star1 text-primary" 3949 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3950 <span id="rating-stars" > 3951 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3952 <i class="fa fa-solid fa-star-sharp rating-star" 3953 data-value='<@- ratingsSize @>' 3954 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3955 <@}@> 3956 </span> 3957 </div> 3958 <style></style> 3959 3960 3961 </div> 3962 <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> 3963 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3964 <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> 3965 <@ } @> 3966 </div> 3967 <div style=" display: flex; justify-content: center;"> 3968 <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') } @>" 3969 data-reviewData="feedback8Reviewlist" disabled >Submit</button> 3970 </div> 3971 </div> 3972 </div> 3973 </div> 3974 </div> 3975 </div> 3976 </div> 3977 </script>
3977 3978 3979 3980 3981<div class="spectre"> 3982<div class="modal" id="reviewModal"> 3983 <a href="javascript:void(0);" class="modal-overlay close" 3984 aria-label="Close"></a> 3985 <div class="modal-container"> 3986 <div class="modal-header"> 3987 <a href="javascript:void(0);" 3988 class="close btn btn-clear float-right" aria-label="Close"></a> 3989 <div class="modal-title h5">Review</div> 3990 </div> 3991 <div class="modal-body" style="max-height: 90vh;padding-top: 0;"> 3992 </div> 3993 </div> 3994 3995 3996 3997</div> 3998 3999 4000</div> 4001 4002 4003 4004 4005 4006 4007 4008 4009 4010 4011 4012 4013 4014 4015
4016<script> 4017 var created_date = `Created Date`; 4018 var uname_msg = `Name`; 4019 var email_msg = `Email`; 4020 var has_web_token = `Has Web Token`; 4021 var has_mobile_token = `Has Mobile Token`; 4022 var actions_msg = `Actions`; 4023 var delete_user = `Delete User`; 4024 var create_target_audience = `Create Target Audience`; 4025 var msg_now = `NOW`; 4026 var msg_now_2 = `Now`; 4027 var msg_scheduled = `SCHEDULED`; 4028 var msg_recurring = `RECURRING`; 4029 var msg_weeks = `weeks`; 4030 var msg_months = `month(s)`; 4031 var msg_days = `days`; 4032 var notification_screen = `Notification Screen`; 4033 var coursepackagelandingpage = `Course/Package landing page`; 4034 var search_course_name = `Search by course/package name`; 4035 var webinar_landing_page = `Webinar landing page`; 4036 var search_by_webinar_name = `Search by webinar name`; 4037 var categorypage = `Category Page`; 4038 var custompage = `Custom Page`; 4039 var blogpage = `Blog Page`; 4040 var customlink = `Custom Link`; 4041 var homepage_msg = `Homepage`; 4042 var search_category = `Search category`; 4043 var search_page_title = `Search by Page title`; 4044 var search_blog_title = `Search by Blog title`; 4045 var enter_the_link = `Enter the link`; 4046 var membership_page = `Membership page`; 4047 var pick_a_date = `Pick a date`; 4048 var pick_first_push_date = `Pick a first push date`; 4049 var every_msg = `Every`; 4050 var starting_msg = `Starting`; 4051 var msg_published = `Published`; 4052 var msg_unpublished = `Unpublished`; 4053 var msg_customize = `Customize`; 4054 var msg_edit = `Edit`; 4055 var msg_featured_image = `Featured Image`; 4056 var msg_preview = `Preview`; 4057 var msg_delete = `Delete`; 4058 var msg_unpublish = `Unpublish`; 4059 var msg_publish = `Publish `; 4060 var msg_question= `questions`; 4061 var try_new_coding_assignment= `Try new coding assignment`; 4062 var change_enrollment_date = `Change Enrollment Date`; 4063 var change_expiry = `Change Expiry`; 4064 var change_remanining_time = `Change Remaining Time`; 4065 var remove_from_course = `Remove From Course`; 4066 var reset_course_progress = `Reset Course Progress`; 4067 var complete_report = `Complete Report`; 4068 var msg_progress = `Progress`; 4069 var timetaken = `Time Taken`; 4070 var msg_user_details = `User Details`; 4071 var graphy_platform_fees_note = `Amount after deducting Graphy platform fees. This does not include your payment gateway charges.`; 4072 var final_price_note = `Final payable price by learners`; 4073 var save_alert_message = `Save progress before moving forward.`; 4074 var no_chapter_alert_message = `Please add at least one chapter in the course.`; 4075 var download_msg = `Download`; 4076 var revoke_msg = `Revoke`; 4077 var yes_msg = `Yes`; 4078 var no_msg = `No`; 4079 var details_hover = `Details`; 4080 var hide_notification = `Hide Notification`; 4081 var notify_learners_hover = `Notify Learners`; 4082 var search_course_package = `Search Courses to add in this package.`; 4083 var bulk_delete = `Bulk Delete`; 4084 var scheduled_msg = `Scheduled`; 4085 var inprogress_msg = `In Progress`; 4086 var completed_msg = `Completed`; 4087 var yes_all_caps = `YES`; 4088 var no_all_caps = `NO`; 4089 var discount_msg = `Discount`; 4090 var max_discount = `Max Discount`; 4091 var min_cart = `Min Cart`; 4092 var delete_bookmark = `Delete Bookmark`; 4093 var view_question = `View question`; 4094 var msg_free = `Free`; 4095 var membership_expiration_note = `Membership will be canceled on next billing date.`; 4096 var msg_active = `Active`; 4097 var msg_inactive = `Inactive`; 4098 var delete_hover = `Delete`; 4099 var view_hover = `View`; 4100 var coursewise = `Course Wise`; 4101 var learner_wise = `Learner wise`; 4102 var segment_wise = `Segment wise`; 4103 var unregistered_msg = `Unregistered`; 4104 var target_audience_deleted = `Target Audience Deleted`; 4105 var courses_msg = `course(s)`; 4106 var learners_msg = `learner(s)`; 4107 var unregistered_learners = `Unregistered Learner`; 4108 var all_learners = `All Learners`; 4109 var course_wise_learners = `Course wise Learners`; 4110 var segment_wise_learners = `Segment wise Learners`; 4111 var with_token = `with token`; 4112 var segments_msg = `segments`; 4113 var add_users_msg = `Add Users`; 4114 var approx_msg = `Approx`; 4115 var revoke_cancellation_request = `Revoke Cancellation request.`; 4116 var remove_scheduled_membership_cancellation = `Remove Scheduled Membership Cancellation`; 4117 var schedule_to_stop_subscription = `Schedule to stop Subscription`; 4118 var stop_subscription = `Stop subscription`; 4119 var available_for_review_all_caps = `AVAILABLE FOR REVIEW`; 4120 var reviewed_all_caps = `REVIEWED`; 4121 var rejected_all_caps = `REJECTED`; 4122 var preview_code = `Preview Code`; 4123 var approve_msg = `Approve`; 4124 var reject_msg = `Reject`; 4125 var history_msg = `History`; 4126 var message_hover= `Message`; 4127 var remove_msg= `Remove`; 4128 var enroll_msg= `Enroll`; 4129 var change_validity= `Change Validity`; 4130 var learners_selected= `learner(s) selected`; 4131 var select_all_msg= `Select all`; 4132 var do_you_want_to_delete_course= `Do you really want to delete this course?`; 4133 var do_you_want_to_revoke_this_certificate= `Do you really want to revoke this certificate?`; 4134 var do_you_want_to_revoke_entry= `Do you really want to revoke this entry?`; 4135 var do_you_want_to_edit_enrollment_date= `Do you really want to edit enrollment date of all learners?`; 4136 var do_you_want_to_edit_enrollment_date_for_selected= `Do you really want to edit enrollment date of selected learners?`; 4137 var do_you_want_to_edit_course_validity= `Do you really want to edit course validity of all learners?`; 4138 var do_you_want_to_edit_course_validity_for_selected= `Do you really want to edit course validity of selected learners?`; 4139 var do_you_want_to_remove_selected= `Do you really want to remove selected learners?`; 4140 var do_you_want_to_remove_all= `Do you really want to remove all learners?`; 4141 var do_you_want_to_create_zip= `Do you really want to create zip for this course?`; 4142 var do_you_want_to_deactivate= `Do you really want to deactivate?`; 4143 var successfully_done_alert= `Successfully Done.`; 4144 var please_select_atleast_1_learner= `Please select atleast 1 learner !`; 4145 var on_msg= `On`; 4146 var single_correct_option = `Single Correct Option`; 4147 var multiple_correct_options = `Multiple Correct Options`; 4148 var numerical_Fill_in_the_Blank = `Numerical/Fill in the Blank`; 4149 var match_the_Column = `Match the Column`; 4150 var subjective = `Subjective`; 4151 var your_target_audience_appear= `Your target audience user(s) will appear here`; 4152 var your_upcoming_campaign= `Your upcoming campaign will appear here`; 4153 var status_msg= `Status`; 4154 var stop_campaign= `Stop Campaign`; 4155 var copy_campaign= `Copy Campaign`; 4156 var platform_fee_tax = `platform fees including taxes`; 4157 var pg_fees_taxes = `payment gateway fees including taxes`; 4158 var msg_quiz = `Quiz`; 4159 var msg_livetest = `Live test`; 4160 var msg_heading = `Heading`; 4161 var msg_text = `Text`; 4162 var msg_form = `Form`; 4163 var msg_live_class = `Live class`; 4164 var msg_live_class_rec = `live class recording`; 4165 var msg_code = `Code`; 4166 var msg_assignment = `Assignment`; 4167 var msg_added = `added`; 4168 var msg_about = `About`; 4169 var msg_year = `year`;
4170 var msg_month = `Month`; 4171 var msg_day = `day`; 4172 //var msg_hour = `hh`; 4173 //var msg_minute = `mm`; 4174 //var msg_seconds = `seconds`; 4175 var msg_month_l = `month`; 4176 var msg_day_l = `day`; 4177 var msg_hour_l = `hour`; 4178 var msg_minute_l = `minute`; 4179 var msg_second_l = `second`; 4180 var mobile_number=`Mobile Number`; 4181 var status_android =`Status (ANDROID)`; 4182 var status_ios =`Status (IOS)`; 4183 var delivery_time=`Delivery Time`; 4184 var sure_unhide=`Are you sure you want to unhide this course ?`; 4185 var become_a_partner=`Become a Partner`; 4186 var failed_msg=`Failed`; 4187 var sent_msg=`Sent`; 4188 var pending_msg=`Pending`; 4189 var running_msg=`Running`; 4190 var add_pricing_plan = `Add pricing plan`; 4191 var msg_add = `Add`; 4192 var of_msg = `of`; 4193 var items_msg = `items` 4194 var ago_msg = `ago` 4195 var items_msg = `items`; 4196 4197 var january_msg = `January`; 4198 var february_msg = `February`; 4199 var march_msg = `March`; 4200 var april_msg = `April`; 4201 var may_msg = `May`; 4202 var june_msg = `June`; 4203 var july_msg = `July`; 4204 var august_msg = `August`; 4205 var september_msg = `September`; 4206 var october_msg = `October`; 4207 var november_msg = `November`; 4208 var december_msg = `December`; 4209 var sunday_msg = `Sunday`; 4210 var monday_msg = `Monday`; 4211 var tuesday_msg = `Tuesday`; 4212 var wednesday_msg = `Wednesday`; 4213 var thursday_msg = `Thursday`; 4214 var friday_msg = `Friday`; 4215 var saturday_msg = `Saturday`; 4216 var at_msg = `at`; 4217 var generate_outline = `Generate outline using AI`; 4218 var it_take_min = `It may take a min.`; 4219 var msg_ok = `OK`; 4220 var edit_pricing_plan = `Edit pricing plan`; 4221 4222</script>
4222 4223 4224 4225 4226 4227 4228 4229
4230<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-2.0.3.min.js"></script>
4230 4231
4232<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/underscore-min.js?v=1.9.1"></script>
4232 4233
4234<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.form.js"></script>
vendor: 1 bytes, line 4234
4234
4235<script async src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.noty.packaged.min.js"></script>
vendor: 1 bytes, line 4235
4235
4236<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 4236
4236
4237<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.timeago.js"></script>
vendor: 1 bytes, line 4237
4237
4238<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/js-webshim/minified/extras/modernizr-custom.js"></script>
vendor: 1 bytes, line 4238
4238
4239<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.datetimepicker.js"></script>
4239 4240 4241 4242 4243 4244 4245 4246 4247
4248<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/aes.js"></script>
vendor: 1 bytes, line 4248
4248
4249<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/mode-ecb-min.js"></script>
vendor: 1 bytes, line 4249
4249
4250<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/pad-nopadding-min.js"></script>
4250 4251 4252<!--
4252<script src="https://unpkg.com/@popperjs/core@2"></script>
vendor: 1 bytes, line 4252
4252
4253<script src="https://unpkg.com/tippy.js@6"></script>
4253 -->
4254<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 4254
4254
4255<script src="https://cdnjs.cloudflare.com/ajax/libs/tippy.js/6.0.0/tippy-bundle.umd.js"></script>
4255 4256
4257<script type="text/javascript"> 4258 var passwordPolicyRequired = true; 4259 var checkoutV2 = false; 4260 var primaryFieldPhoneEnabled = false; 4261 var orgLanguageCode = ""; 4262 var SPEERESCDN = "https://d502jbuhuh9wk.cloudfront.net"; 4263</script>
4263 4264
4265<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sutils_919c30bb7230024efec7b939763642a2.js"></script>
vendor: 1 bytes, line 4265
4265
4266<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/utils/dateUtils_f53456b03f1287667a7b24fb63b367ce.js"></script>
vendor: 1 bytes, line 4266
4266
4267<script type="text/javascript"> 4268 // Make org object globally available for dateUtils 4269 window.org = window.org || {}; 4270 window.org.currencyCode = "false"=='true'?'USD':'INR'; 4271 var websiteV3Org = false; 4272 var orgCreatedDate = {"$date":"2021-12-24T16:53:35.305Z"}; 4273</script>
4273 4274 4275
4275<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/talk_b564486691065235006e186474078666.js"></script>
4275 4276 4277 4278 4279 4280
4281<script type="text/javascript"> 4282 var trialExpired = "false"; 4283 var planCancelled = "false"; 4284 var isFreePlan = false; 4285 4286</script>
vendor: 1 bytes, line 4286
4286
4287<script type="text/javascript" id="dsf239df"> 4288 var ctx = "/s", 4289 isFirstLogin = "", cjs = CryptoJS; 4290 4291 var defaultCoreColor = "#5755d9", theme1CoreColor = "#572b7a", theme2CoreColor = "#3f51b5", theme3CoreColor = "#009051", 4292 theme4CoreColor = "#596439", theme5CoreColor = "#F0591D", theme6CoreColor = "#28a745", theme7CoreColor = "#1bbc9b", 4293 theme8CoreColor = "#f38f20", apkId = "6231373436231373432363038663465653864613523630386634656538646135", theme9CoreColor = "#c0af01", theme10CoreColor = "#e8d3a4", 4294 webColor = defaultCoreColor, 4295 CFCDN = "https://d502jbuhuh9wk.cloudfront.net", mobileNotification = true, webNotification = true, 4296 iosPlayVideo = true, 4297 chromeDrmPlayback = false, 4298 gaType = ""; 4299 4300 4301 4302 $("#dsf239df").remove(); 4303</script>
4303 4304 4305 4306 4307 4308 4309 4310 4311 4312 <input type="hidden" id="orgCurrencyCode" value="INR" /> 4313 4314 4315 4316 4317 4318
4318<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/detect-private-browsing.js"></script>
4318 4319
4319<script type="text/javascript"> 4320 detectPrivateMode( 4321 function(is_private) { 4322 if(typeof is_private !== 'undefined' && is_private) { 4323 $("input[name=privateMode]").val("private"); 4324 } 4325 } 4326 ); 4327 </script>
4327 4328 4329 4330 4331 4332 4333
4333<script type="text/javascript" 4334 src="https://d502jbuhuh9wk.cloudfront.net/resources/js/intlTelInput.min.js"></script>
4334 4335
4335<script type="text/javascript"> 4336 4337 var ipInfo = localStorage.getItem('ipInfo'); 4338 if(!ipInfo) { 4339 $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) { 4340 if(resp) { 4341 var ipInfoStr = JSON.stringify(resp); 4342 var ipInfoField = document.getElementById("ipInfo"); 4343 var countryCode = (resp.country) ? resp.country : "in"; 4344 sessionStorage.setItem('countryCode', countryCode); 4345 if('statusText' in resp) { 4346 if((resp['statusText'] !== 'error') && ('ip' in resp)) { 4347 localStorage.setItem('ipInfo', ipInfoStr); 4348 if(ipInfoField) { 4349 ipInfoField.value = ipInfoStr; 4350 } 4351 } 4352 } 4353 else if('ip' in resp) { 4354 localStorage.setItem('ipInfo', ipInfoStr); 4355 if(ipInfoField) { 4356 ipInfoField.value = ipInfoStr; 4357 } 4358 } 4359 } 4360 }) 4361 } 4362 4363 $("#sphone").intlTelInput({ 4364 initialCountry: "auto", 4365 geoIpLookup: function(callback) { 4366 var scountryCode = sessionStorage.getItem('countryCode'); 4367 4368 if(scountryCode !== null) { 4369 callback(scountryCode); 4370 }else { 4371 $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) { 4372 var countryCode = (resp && resp.country) ? resp.country : "in"; 4373 callback(countryCode); 4374 sessionStorage.setItem('countryCode', countryCode); 4375 }); 4376 } 4377 }, 4378 preferredCountries: ["in", "us"], 4379 separateDialCode: true, 4380 utilsScript: "/resources/js/intlUtils.js" 4381 }); 4382 4383 </script>
4383 4384 4385 4386 4387 4388<div class="spectre"> 4389 4390 4391 4392 4393 4394
4394<script type="text/javascript"> 4395 if(top != self) { 4396 //iframe 4397 $(".toast").remove(); 4398 } 4399 </script>
4399 4400 4401 4402</div> 4403 4404 4405 4406<input type="hidden" id="orgCreditAlias" 4407 value="Azadi Points" /> 4408 4409 4410 4411 4412 4413
4414<script> 4415 4416 4417 4418 4419 var orgTaxLabel = "GST"; 4420 4421 4422 4423 var sessionCountry = ""; 4424 4425 $(document).ready(function() { 4426 $("input[name='userMobileVerify']").change(function(data){ 4427 var uniqueMobileSwitch = $('#uniqueMobileId'); 4428 if(data.target.value==='true'){ 4429 $('input[name=uniqueMobile]').prop('checked', true) 4430 $('#uniqueMobileLabelId').show(); 4431 }else{ 4432 $('input[name=uniqueMobile]').prop('checked', false) 4433 $('#uniqueMobileLabelId').hide(); 4434 } 4435 }); 4436 }); 4437 4438 4439 4440 4441 localStorage.removeItem('microserviceAuthToken'); 4442 4443 4444 4445 4446 4447 4448 localStorage.removeItem('communityToken'); 4449 4450 4451 4452 4453 4454 4455 localStorage.removeItem('chatRefreshToken'); 4456 4457 4458 4459 4460 4461 4462 localStorage.removeItem('refreshToken'); 4463 4464 4465 4466</script>
4466 4467 4468 4469<!-- amplitude script start --> 4470 4471 4472 4473
4473<script type="text/javascript"> 4474 window.localStorage.removeItem('loginAmplitudeEventSent'); 4475 </script>
4475 4476 4477 4478<!-- amplitude script end --> 4479 4480 4481 4482 <div id="template-container"></div> 4483
4484<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sstore_5ffb558e86d7b5ef265e05fb0bfbef79.js"></script>
vendor: 1 bytes, line 4484
4484
4485<script type="text/javascript">store.bindEvents();</script>
vendor: 1 bytes, line 4485
4485
4486<script type="text/javascript"> 4487 window.signupParams = {source: "landing_page", platform: "web", sourceId: null}; 4488</script>
4488 4489<div class="containerBody is-wrapper clearfix" style="margin-top: 70px;"><!--<link rel="stylesheet" href="/s/pages/assets/images/style.css"> <link rel="stylesheet" href="/s/pages/assets/images/slick.css">--> 4490<html> 4491 <head> 4492 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css"> 4493 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> 4494 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"> 4495 <!-- Banner Section --> 4496 </head> 4497 <body> 4498 <section class="banner_section"> 4499 <div class="bootstrap-styles"> 4500 <div class="banner"> 4501 <div class="banner-slide owl-carousel owl-theme"> 4502 <div class="item"> 4503 <img class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/Banner001.png"> 4504 </div> 4505 <div class="item"> 4506 <a href="/s/store/courses/Wellness%20-%20Hindi"><img class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/Well.png"></a> 4507 </div> 4508 <div class="item"> 4509 <a href="/s/store/courses/Beauty"><img class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/UC.png"></a> 4510 </div> 4511 <div class="item"> 4512 <a href="/s/store/courses/Home%20Care"> <img class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/Care.png"> </a> 4513 </div> 4514 <div class="item"> 4515 <a href="/s/store/courses/Agriculture"> <img class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/vJ7NVAgriculture.png"> </a> 4516 </div> 4517 </div> 4518 </div> 4519 </div> 4520 </section> 4521 <!-- Banner Section --> 4522 <!-- Middle Sections --> 4523 <section class="section1"> 4524 <div class="container"> 4525 <div class="mobSignup"> 4526 <a href="#" class="btn">Sign up</a> 4527 </div> 4528 <h3>ACCELERATE YOUR AZADI</h3> 4529 <p>With Success Principles By Modicare</p> 4530 <div class="row slider1" data-aos="fade-up-right" data-aos-duration="500"> 4531 <div class="col"> 4532 <span class="icon"> 4533 <svg xmlns="http://www.w3.org/2000/svg" width="54.081" height="43.893" viewbox="0 0 54.081 43.893"> 4534 <path id="Union_3" data-name="Union 3" d="M2553.962,1240.652a.9.9,0,0,1-.267-1.762l1.409-.437a1.647,1.647,0,0,0,1.131-1.3l.658-3.763h-18.337a2.073,2.073,0,0,1-2.068-2.074v-32.477a2.077,2.077,0,0,1,2.067-2.082H2588.5a2.078,2.078,0,0,1,2.067,2.082v32.477a2.073,2.073,0,0,1-2.068,2.074h-18.336l.658,3.763a1.646,1.646,0,0,0,1.131,1.3l1.409.437a.9.9,0,0,1-.268,1.762Zm4.049-3.188a3.471,3.471,0,0,1-.565,1.385h12.167a3.458,3.458,0,0,1-.566-1.385l-.713-4.073h-9.61Zm-19.72-6.146a.268.268,0,0,0,.265.271H2588.5a.268.268,0,0,0,.266-.271v-2.463h-50.476Zm0-32.477v28.211h50.476v-28.211a.271.271,0,0,0-.265-.278h-49.947A.271.271,0,0,0,2538.292,1198.841Zm19.208,21.223a.9.9,0,0,1-.451-.781v-12.95a.9.9,0,0,1,1.353-.78l11.159,6.475a.9.9,0,0,1,0,1.56l-11.159,6.474a.9.9,0,0,1-.9,0Zm1.351-2.346,8.462-4.91-8.462-4.91Z" transform="translate(-2536.489 -1196.759)" fill="#fff" /> 4535 </svg> </span> 4536 <p>Access to Live and <br> Recorded Training Programs.</p> 4537 </div> 4538 <div class="col"> 4539 <span class="icon"> 4540 <svg xmlns="http://www.w3.org/2000/svg" width="54.081" height="38.498" viewbox="0 0 54.081 38.498"> 4541 <path id="Union_5" data-name="Union 5" d="M3044.262,1237.865a3.952,3.952,0,0,1-3.425-1.941,3.91,3.91,0,0,1-.088-3.9,16.574,16.574,0,0,1,8.6-7.623,11.085,11.085,0,0,0,2.464,1.115,14.7,14.7,0,0,0-9.473,7.363,2.126,2.126,0,0,0,.049,2.117,2.168,2.168,0,0,0,1.878,1.064h21.76A2.168,2.168,0,0,0,3067.9,1235a2.13,2.13,0,0,0,.048-2.117,14.7,14.7,0,0,0-9.472-7.363,11.036,11.036,0,0,0,2.462-1.115,16.312,16.312,0,0,1,2.4,1.164H3091.8a.749.749,0,0,0,.754-.742v-2.043h-16.282c0,.651-1.257,1.179-1.92,1.179h-4.6c-.662,0-1.919-.528-1.919-1.179H3063l0,0a11.2,11.2,0,0,0,1.469-1.8h3.352a1.806,1.806,0,0,1,1.66,1.094,1.129,1.129,0,0,0,.279.086h4.564a1.14,1.14,0,0,0,.281-.086,1.805,1.805,0,0,1,1.659-1.094h11.783v-19.811h-32.008v2.728c-.3-.023-.6-.036-.9-.036s-.6.013-.9.036v-2.886a1.651,1.651,0,0,1,1.655-1.643h32.3a1.651,1.651,0,0,1,1.655,1.643v19.969h2.7a1.8,1.8,0,0,1,1.8,1.8v2.043a2.553,2.553,0,0,1-2.556,2.543h-25.965a16.783,16.783,0,0,1,3.7,4.657,3.916,3.916,0,0,1-.086,3.9,3.956,3.956,0,0,1-3.426,1.941Zm1.556-22.923a9.324,9.324,0,1,1,9.324,9.278A9.3,9.3,0,0,1,3045.818,1214.942Zm1.8,0a7.521,7.521,0,1,0,7.52-7.476A7.507,7.507,0,0,0,3047.622,1214.942Zm24.992,4.6a2.454,2.454,0,0,1-2.128-1.206,2.412,2.412,0,0,1-.048-2.4,8.9,8.9,0,0,1,3.442-3.507,6.542,6.542,0,0,0,1.856,1.118,7.06,7.06,0,0,0-3.713,3.249.619.619,0,0,0,.012.622.663.663,0,0,0,.58.326h11.076a.66.66,0,0,0,.58-.326.619.619,0,0,0,.013-.622,7.065,7.065,0,0,0-3.712-3.249,6.563,6.563,0,0,0,1.855-1.118,8.9,8.9,0,0,1,3.442,3.507,2.412,2.412,0,0,1-.048,2.4,2.455,2.455,0,0,1-2.129,1.206Zm.792-12.03a4.747,4.747,0,1,1,4.747,4.689A4.718,4.718,0,0,1,3073.406,1207.513Zm1.8,0a2.944,2.944,0,1,0,2.943-2.886A2.918,2.918,0,0,0,3075.209,1207.513Z" transform="translate(-3040.271 -1199.367)" fill="#fff" /> 4542 </svg> </span> 4543 <p>Daily live training with active interactions and doubt sessions.</p> 4544 </div> 4545 <div class="col">
4546 <span class="icon"> 4547 <svg xmlns="http://www.w3.org/2000/svg" width="81.172" height="55.329" viewbox="0 0 81.172 55.329"> 4548 <path id="Union_4" data-name="Union 4" d="M3549.814,1253.729a1.688,1.688,0,0,1-1.643-2.019l2.631-13.4a1.681,1.681,0,0,1,.713-1.077,2.2,2.2,0,0,1-.425-3.687v-9.623l-12.433-5.522a1.346,1.346,0,0,1,0-2.462l39.234-17.426a1.361,1.361,0,0,1,1.1,0l39.233,17.426a1.347,1.347,0,0,1,0,2.462l-39.233,17.426a1.364,1.364,0,0,1-1.1,0l-24.1-10.7v8.42a2.2,2.2,0,0,1-.426,3.687,1.683,1.683,0,0,1,.715,1.077l2.629,13.4a1.687,1.687,0,0,1-1.642,2.019Zm23.49-39.936a1.346,1.346,0,0,1-.685,1.779l-16.854,7.479,22.676,10.073,35.912-15.95-35.912-15.952-35.911,15.952,9.912,4.4,19.076-8.466a1.353,1.353,0,0,1,1.786.683Zm-14.312,28.465a1.347,1.347,0,0,1-.833-1.245v-10.995l2.706,1.2v8.891a47.636,47.636,0,0,0,17.576,3.853,41.612,41.612,0,0,0,11.359-1.7l-.008,2.8a43.721,43.721,0,0,1-11.351,1.591C3570.535,1246.658,3563.555,1244.146,3558.991,1242.258Zm37.026-6.271v-4.767l2.707-1.2v7.566Z" transform="translate(-3537.855 -1198.4)" fill="#fff" /> 4549 </svg> </span> 4550 <p>Product Training Certifications in Wellness, Beauty & other categories.</p> 4551 </div> 4552 <div class="col"> 4553 <span class="icon"> 4554 <svg xmlns="http://www.w3.org/2000/svg" width="43.969" height="52.278" viewbox="0 0 43.969 52.278"> 4555 <path id="Union_2" data-name="Union 2" d="M2548.572,1477.979a.84.84,0,0,1-.051-.143,15.9,15.9,0,0,1,0-10.36.8.8,0,0,1,.051-.144,15.9,15.9,0,0,1,3.535-5.693c.069.036.139.069.211.1.491.2,1.031.417,1.615.633a14.156,14.156,0,0,0-3.2,4.432h4.623a21.889,21.889,0,0,1,1.094-3.61c.567.161,1.159.313,1.774.447a19.826,19.826,0,0,0-1.011,3.163h5.418v-2.582c.3.013.6.019.9.019s.6-.006.9-.019v2.582h5.418a19.862,19.862,0,0,0-1.012-3.162c.614-.135,1.207-.287,1.775-.448a21.889,21.889,0,0,1,1.094,3.61h4.621a14.136,14.136,0,0,0-3.2-4.434c.585-.214,1.125-.429,1.616-.632.071-.03.141-.063.209-.1a15.9,15.9,0,0,1,3.538,5.693.877.877,0,0,1,.05.144,15.88,15.88,0,0,1,0,10.359.906.906,0,0,1-.05.144,15.877,15.877,0,0,1-29.915,0Zm15.859,8.626c2.376-.65,4.418-3.826,5.418-8.1h-5.418Zm-1.8,0v-8.1h-5.418C2558.209,1482.78,2560.252,1485.956,2562.628,1486.606Zm7.269-2.94a13,13,0,0,1-1.41,2.163,14.159,14.159,0,0,0,7.841-7.32h-4.621A20.236,20.236,0,0,1,2569.9,1483.665Zm-11.325,2.163a12.953,12.953,0,0,1-1.41-2.163,20.236,20.236,0,0,1-1.809-5.157h-4.623A14.165,14.165,0,0,0,2558.572,1485.828Zm13.736-13.172a28.746,28.746,0,0,1-.283,4.05h4.983a14.082,14.082,0,0,0,0-8.1h-4.983A28.747,28.747,0,0,1,2572.308,1472.656Zm-7.877,4.05h5.766a26.878,26.878,0,0,0,0-8.1h-5.766Zm-7.878-4.05a26.6,26.6,0,0,0,.309,4.05h5.766v-8.1h-5.766A26.613,26.613,0,0,0,2556.553,1472.656Zm-7.1,0a14.039,14.039,0,0,0,.595,4.05h4.982a29.352,29.352,0,0,1,0-8.1h-4.982A14.039,14.039,0,0,0,2549.455,1472.656Zm29.714-8.013a.9.9,0,0,1-.882-1.08l1.414-7.168a.906.906,0,0,1,.384-.577,1.175,1.175,0,0,1-.4-1.8v-4.371l-15.789,6.983a.908.908,0,0,1-.729,0l-21.083-9.324a.9.9,0,0,1,0-1.65l21.083-9.324a.9.9,0,0,1,.729,0l21.083,9.324a.9.9,0,0,1,0,1.65l-3.491,1.544v5.169a1.174,1.174,0,0,1-.4,1.8.908.908,0,0,1,.385.577l1.414,7.168a.9.9,0,0,1-.883,1.08Zm-34.494-18.162,18.854,8.338,14.818-6.553-8.683-3.833a.9.9,0,0,1,.728-1.649l10.185,4.5,1.807-.8-18.855-8.339Zm8.33,13.59a.9.9,0,0,1-.558-.834v-5.377l1.8.8v3.974a22.481,22.481,0,0,0,18.56,0v-3.973l1.8-.8v5.377a.9.9,0,0,1-.558.833,24.586,24.586,0,0,1-21.049,0Z" transform="translate(-2541.545 -1436.255)" fill="#fff" /> 4556 </svg> </span> 4557 <p>Learn the foundations and step-by-step process of building your business.</p> 4558 </div> 4559 <div class="col"> 4560 <span class="icon"> 4561 <svg xmlns="http://www.w3.org/2000/svg" width="39.994" height="54.08" viewbox="0 0 39.994 54.08"> 4562 <path id="Path_206" data-name="Path 206" d="M3086.408,1465.531h-5.794q-.323-.321-.659-.625v-18.089a.874.874,0,0,0,0-.091,12.706,12.706,0,0,0-25.278,0,.874.874,0,0,0,0,.091v18.089q-.336.3-.659.625h-5.794a.9.9,0,0,0-.889,1.047l1.219,7.441a2.959,2.959,0,0,0-.664,1.887v4.82a2.921,2.921,0,0,0,1.72,2.7,2.811,2.811,0,0,0,.514.177l.6,3.646a.9.9,0,0,0,.89.756h11.878a2.911,2.911,0,0,1,2.255,1.072.9.9,0,0,0,.7.329h1.758a.9.9,0,0,0,.7-.329,2.911,2.911,0,0,1,2.255-1.072h11.878a.9.9,0,0,0,.89-.756l.6-3.646a2.817,2.817,0,0,0,.514-.177,2.921,2.921,0,0,0,1.72-2.7v-4.82a2.958,2.958,0,0,0-.664-1.887l1.219-7.441a.9.9,0,0,0-.889-1.047
4562Zm-2.131,16.251a1.029,1.029,0,0,1-1.136-.173,4.405,4.405,0,0,1,0-6.586,1.021,1.021,0,0,1,.687-.272,1.112,1.112,0,0,1,.449.1,1.124,1.124,0,0,1,.662,1.056v4.82A1.124,1.124,0,0,1,3084.277,1481.782Zm.14-8.772a2.832,2.832,0,0,0-2.463.656,6.21,6.21,0,0,0,0,9.3,2.911,2.911,0,0,0,.753.479l-.451,2.754h-11.113a4.7,4.7,0,0,0-2.93,1.023V1470.3a2.95,2.95,0,0,1,2.93-2.963h14.2Zm-34.732,2.9a1.124,1.124,0,0,1,1.112-1.155,1.021,1.021,0,0,1,.686.272,4.405,4.405,0,0,1,0,6.586,1.029,1.029,0,0,1-1.136.173,1.124,1.124,0,0,1-.662-1.056Zm2.985,7.06a6.21,6.21,0,0,0,0-9.3,2.832,2.832,0,0,0-2.463-.656l-.93-5.677h14.2a2.95,2.95,0,0,1,2.93,2.963v16.926a4.7,4.7,0,0,0-2.93-1.023h-11.113l-.451-2.754A2.911,2.911,0,0,0,3052.67,1482.966Zm5.724-30.9.715.288a2.738,2.738,0,0,0,1.272,2.3,5.878,5.878,0,0,0,5.092,0,2.679,2.679,0,0,0,1.242-1.983,2.728,2.728,0,0,1,1.443,0,2.679,2.679,0,0,0,1.241,1.983,5.879,5.879,0,0,0,5.092,0,2.735,2.735,0,0,0,1.273-2.3l.437-.176a9.175,9.175,0,0,1-17.807-.112Zm8.918-14.939a10.865,10.865,0,0,1,10.841,9.738v1.5a5.764,5.764,0,0,0-4.787-2.444h-4.726a1.433,1.433,0,0,1-1.322-.9l-.707-2.667a.9.9,0,0,0-.858-.67h-.013a.9.9,0,0,0-.864.645l-.807,2.725a1.42,1.42,0,0,1-1.309.869h-1.5a5.764,5.764,0,0,0-4.787,2.444v-1.5A10.865,10.865,0,0,1,3067.312,1437.126Zm9.2,12.666c0,.107,0,.214-.006.32l-1.1.443a2.612,2.612,0,0,0-.912-.96,5.879,5.879,0,0,0-5.092,0,2.611,2.611,0,0,0-1.054,1.265,4.557,4.557,0,0,0-1.817,0,2.608,2.608,0,0,0-1.055-1.265,5.878,5.878,0,0,0-5.092,0,2.616,2.616,0,0,0-.911.96l-1.352-.545c0-.072,0-.145,0-.218,0-.206.008-.411.021-.614a3.978,3.978,0,0,1,3.122-1.459h1.5a3.212,3.212,0,0,0,2.94-1.9,3.245,3.245,0,0,0,2.94,1.9h4.726a3.949,3.949,0,0,1,3.121,1.446C3076.5,1449.372,3076.509,1449.581,3076.509,1449.792Zm-6.586,2.3c0-.032,0-.064,0-.1.01-.532.152-1.175,2.021-1.175,2.023,0,2.023.754,2.023,1.3s0,1.3-2.023,1.3-2.022-.754-2.022-1.3Zm-4.973.033c0,.55,0,1.3-2.023,1.3s-2.022-.754-2.022-1.3,0-1.3,2.022-1.3c1.869,0,2.011.643,2.022,1.174,0,.034,0,.067,0,.1Zm-8.479,4.538v-3.615c.015-.1.057-.346.139-.683a10.981,10.981,0,0,0,21.4,0c.082.338.124.585.139.683v10.413a18.986,18.986,0,0,0-4.609-2.4,12.636,12.636,0,0,1-2.644,1.114,17.126,17.126,0,0,1,7.008,3.355h-6.765a4.707,4.707,0,0,1-7.662,0h-6.765a17.126,17.126,0,0,1,7.008-3.355,12.636,12.636,0,0,1-2.644-1.114,18.986,18.986,0,0,0-4.609,2.4Z" transform="translate(-3047.315 -1435.323)" fill="#fff" /> 4563 </svg> </span> 4564 <p>Multi-lingual training videos are available in Hindi, English, Kannada, Malayalam & Bangla.</p> 4565 </div> 4566 <div class="col"> 4567 <span class="icon icon6"> 4568 <svg xmlns="http://www.w3.org/2000/svg" width="30.65" height="35.411" viewbox="0 0 30.65 35.411"> 4569 <g id="Group_276" data-name="Group 276" transform="translate(-3556.116 -1444.757)"> 4570 <path id="Path_207" data-name="Path 207" d="M3569.981,1467.163v-.462q0-10.116,0-20.233a1.5,1.5,0,0,1,1.056-1.651,1.445,1.445,0,0,1,1.831,1.15,4.273,4.273,0,0,1,.03.631q0,10.056,0,20.114v.46l.168.116a1.631,1.631,0,0,1,.214-.375q3.57-3.583,7.159-7.149a2.069,2.069,0,0,1,.933-.529,1.3,1.3,0,0,1,1.447.718,1.4,1.4,0,0,1-.264,1.7q-3.825,3.831-7.655,7.658-1.145,1.146-2.292,2.291a1.448,1.448,0,0,1-2.329.008q-4.917-4.917-9.834-9.835a1.442,1.442,0,1,1,1.944-2.122c1.1,1.082,2.175,2.183,3.262,3.276q2.005,2.018,4.012,4.036a3.047,3.047,0,0,1,.2.243Z" fill="#f9f1ff" /> 4571 <path id="Path_208" data-name="Path 208" d="M3559.04,1477.275h24.8v-.466c0-2.476,0-4.953,0-7.429a1.454,1.454,0,0,1,1.866-1.456,1.5,1.5,0,0,1,1.052,1.544q0,3.814,0,7.628c0,.474,0,.948,0,1.422a1.526,1.526,0,0,1-1.649,1.65h-27.349a1.5,1.5,0,0,1-1.648-1.637q0-4.564,0-9.13a1.473,1.473,0,0,1,1.309-1.53,1.454,1.454,0,0,1,1.555,1.068,2.456,2.456,0,0,1,.053.626q.006,3.617,0,7.232Z" fill="#f9f1ff" /> 4572 </g> 4573 </svg> </span> 4574 <p>Download presentations & learning material and access training sessions on your device anytime, anywhere. </p> 4575 </div> 4576 </div> 4577 </div> 4578 </section> 4579 <section class="section1_web"> 4580 <div class="container"> 4581 <div class="mobSignup"> 4582 <a href="#" class="btn">Sign up</a> 4583 </div> 4584 <h3>ACCELERATE YOUR AZADI</h3> 4585 <p>With Success Principles By Modicare</p> 4586 <div class="row" data-aos="fade-up-right" data-aos-duration="500"> 4587 <div class="col">
4588 <span class="icon"> 4589 <svg xmlns="http://www.w3.org/2000/svg" width="54.081" height="43.893" viewbox="0 0 54.081 43.893"> 4590 <path id="Union_3" data-name="Union 3" d="M2553.962,1240.652a.9.9,0,0,1-.267-1.762l1.409-.437a1.647,1.647,0,0,0,1.131-1.3l.658-3.763h-18.337a2.073,2.073,0,0,1-2.068-2.074v-32.477a2.077,2.077,0,0,1,2.067-2.082H2588.5a2.078,2.078,0,0,1,2.067,2.082v32.477a2.073,2.073,0,0,1-2.068,2.074h-18.336l.658,3.763a1.646,1.646,0,0,0,1.131,1.3l1.409.437a.9.9,0,0,1-.268,1.762Zm4.049-3.188a3.471,3.471,0,0,1-.565,1.385h12.167a3.458,3.458,0,0,1-.566-1.385l-.713-4.073h-9.61Zm-19.72-6.146a.268.268,0,0,0,.265.271H2588.5a.268.268,0,0,0,.266-.271v-2.463h-50.476Zm0-32.477v28.211h50.476v-28.211a.271.271,0,0,0-.265-.278h-49.947A.271.271,0,0,0,2538.292,1198.841Zm19.208,21.223a.9.9,0,0,1-.451-.781v-12.95a.9.9,0,0,1,1.353-.78l11.159,6.475a.9.9,0,0,1,0,1.56l-11.159,6.474a.9.9,0,0,1-.9,0Zm1.351-2.346,8.462-4.91-8.462-4.91Z" transform="translate(-2536.489 -1196.759)" fill="#fff" /> 4591 </svg> </span> 4592 <p>Access to Live and <br> Recorded Training Programs.</p> 4593 </div> 4594 <div class="col"> 4595 <span class="icon"> 4596 <svg xmlns="http://www.w3.org/2000/svg" width="54.081" height="38.498" viewbox="0 0 54.081 38.498"> 4597 <path id="Union_5" data-name="Union 5" d="M3044.262,1237.865a3.952,3.952,0,0,1-3.425-1.941,3.91,3.91,0,0,1-.088-3.9,16.574,16.574,0,0,1,8.6-7.623,11.085,11.085,0,0,0,2.464,1.115,14.7,14.7,0,0,0-9.473,7.363,2.126,2.126,0,0,0,.049,2.117,2.168,2.168,0,0,0,1.878,1.064h21.76A2.168,2.168,0,0,0,3067.9,1235a2.13,2.13,0,0,0,.048-2.117,14.7,14.7,0,0,0-9.472-7.363,11.036,11.036,0,0,0,2.462-1.115,16.312,16.312,0,0,1,2.4,1.164H3091.8a.749.749,0,0,0,.754-.742v-2.043h-16.282c0,.651-1.257,1.179-1.92,1.179h-4.6c-.662,0-1.919-.528-1.919-1.179H3063l0,0a11.2,11.2,0,0,0,1.469-1.8h3.352a1.806,1.806,0,0,1,1.66,1.094,1.129,1.129,0,0,0,.279.086h4.564a1.14,1.14,0,0,0,.281-.086,1.805,1.805,0,0,1,1.659-1.094h11.783v-19.811h-32.008v2.728c-.3-.023-.6-.036-.9-.036s-.6.013-.9.036v-2.886a1.651,1.651,0,0,1,1.655-1.643h32.3a1.651,1.651,0,0,1,1.655,1.643v19.969h2.7a1.8,1.8,0,0,1,1.8,1.8v2.043a2.553,2.553,0,0,1-2.556,2.543h-25.965a16.783,16.783,0,0,1,3.7,4.657,3.916,3.916,0,0,1-.086,3.9,3.956,3.956,0,0,1-3.426,1.941Zm1.556-22.923a9.324,9.324,0,1,1,9.324,9.278A9.3,9.3,0,0,1,3045.818,1214.942Zm1.8,0a7.521,7.521,0,1,0,7.52-7.476A7.507,7.507,0,0,0,3047.622,1214.942Zm24.992,4.6a2.454,2.454,0,0,1-2.128-1.206,2.412,2.412,0,0,1-.048-2.4,8.9,8.9,0,0,1,3.442-3.507,6.542,6.542,0,0,0,1.856,1.118,7.06,7.06,0,0,0-3.713,3.249.619.619,0,0,0,.012.622.663.663,0,0,0,.58.326h11.076a.66.66,0,0,0,.58-.326.619.619,0,0,0,.013-.622,7.065,7.065,0,0,0-3.712-3.249,6.563,6.563,0,0,0,1.855-1.118,8.9,8.9,0,0,1,3.442,3.507,2.412,2.412,0,0,1-.048,2.4,2.455,2.455,0,0,1-2.129,1.206Zm.792-12.03a4.747,4.747,0,1,1,4.747,4.689A4.718,4.718,0,0,1,3073.406,1207.513Zm1.8,0a2.944,2.944,0,1,0,2.943-2.886A2.918,2.918,0,0,0,3075.209,1207.513Z" transform="translate(-3040.271 -1199.367)" fill="#fff" /> 4598 </svg> </span> 4599 <p>Daily live training with active interactions and doubt sessions.</p> 4600 </div> 4601 <div class="col"> 4602 <span class="icon"> 4603 <svg xmlns="http://www.w3.org/2000/svg" width="81.172" height="55.329" viewbox="0 0 81.172 55.329"> 4604 <path id="Union_4" data-name="Union 4" d="M3549.814,1253.729a1.688,1.688,0,0,1-1.643-2.019l2.631-13.4a1.681,1.681,0,0,1,.713-1.077,2.2,2.2,0,0,1-.425-3.687v-9.623l-12.433-5.522a1.346,1.346,0,0,1,0-2.462l39.234-17.426a1.361,1.361,0,0,1,1.1,0l39.233,17.426a1.347,1.347,0,0,1,0,2.462l-39.233,17.426a1.364,1.364,0,0,1-1.1,0l-24.1-10.7v8.42a2.2,2.2,0,0,1-.426,3.687,1.683,1.683,0,0,1,.715,1.077l2.629,13.4a1.687,1.687,0,0,1-1.642,2.019Zm23.49-39.936a1.346,1.346,0,0,1-.685,1.779l-16.854,7.479,22.676,10.073,35.912-15.95-35.912-15.952-35.911,15.952,9.912,4.4,19.076-8.466a1.353,1.353,0,0,1,1.786.683Zm-14.312,28.465a1.347,1.347,0,0,1-.833-1.245v-10.995l2.706,1.2v8.891a47.636,47.636,0,0,0,17.576,3.853,41.612,41.612,0,0,0,11.359-1.7l-.008,2.8a43.721,43.721,0,0,1-11.351,1.591C3570.535,1246.658,3563.555,1244.146,3558.991,1242.258Zm37.026-6.271v-4.767l2.707-1.2v7.566Z" transform="translate(-3537.855 -1198.4)" fill="#fff" /> 4605 </svg> </span> 4606 <p>Product Training Certifications in Wellness, Beauty & other categories.</p> 4607 </div> 4608 <div class="col">
4609 <span class="icon"> 4610 <svg xmlns="http://www.w3.org/2000/svg" width="43.969" height="52.278" viewbox="0 0 43.969 52.278"> 4611 <path id="Union_2" data-name="Union 2" d="M2548.572,1477.979a.84.84,0,0,1-.051-.143,15.9,15.9,0,0,1,0-10.36.8.8,0,0,1,.051-.144,15.9,15.9,0,0,1,3.535-5.693c.069.036.139.069.211.1.491.2,1.031.417,1.615.633a14.156,14.156,0,0,0-3.2,4.432h4.623a21.889,21.889,0,0,1,1.094-3.61c.567.161,1.159.313,1.774.447a19.826,19.826,0,0,0-1.011,3.163h5.418v-2.582c.3.013.6.019.9.019s.6-.006.9-.019v2.582h5.418a19.862,19.862,0,0,0-1.012-3.162c.614-.135,1.207-.287,1.775-.448a21.889,21.889,0,0,1,1.094,3.61h4.621a14.136,14.136,0,0,0-3.2-4.434c.585-.214,1.125-.429,1.616-.632.071-.03.141-.063.209-.1a15.9,15.9,0,0,1,3.538,5.693.877.877,0,0,1,.05.144,15.88,15.88,0,0,1,0,10.359.906.906,0,0,1-.05.144,15.877,15.877,0,0,1-29.915,0Zm15.859,8.626c2.376-.65,4.418-3.826,5.418-8.1h-5.418Zm-1.8,0v-8.1h-5.418C2558.209,1482.78,2560.252,1485.956,2562.628,1486.606Zm7.269-2.94a13,13,0,0,1-1.41,2.163,14.159,14.159,0,0,0,7.841-7.32h-4.621A20.236,20.236,0,0,1,2569.9,1483.665Zm-11.325,2.163a12.953,12.953,0,0,1-1.41-2.163,20.236,20.236,0,0,1-1.809-5.157h-4.623A14.165,14.165,0,0,0,2558.572,1485.828Zm13.736-13.172a28.746,28.746,0,0,1-.283,4.05h4.983a14.082,14.082,0,0,0,0-8.1h-4.983A28.747,28.747,0,0,1,2572.308,1472.656Zm-7.877,4.05h5.766a26.878,26.878,0,0,0,0-8.1h-5.766Zm-7.878-4.05a26.6,26.6,0,0,0,.309,4.05h5.766v-8.1h-5.766A26.613,26.613,0,0,0,2556.553,1472.656Zm-7.1,0a14.039,14.039,0,0,0,.595,4.05h4.982a29.352,29.352,0,0,1,0-8.1h-4.982A14.039,14.039,0,0,0,2549.455,1472.656Zm29.714-8.013a.9.9,0,0,1-.882-1.08l1.414-7.168a.906.906,0,0,1,.384-.577,1.175,1.175,0,0,1-.4-1.8v-4.371l-15.789,6.983a.908.908,0,0,1-.729,0l-21.083-9.324a.9.9,0,0,1,0-1.65l21.083-9.324a.9.9,0,0,1,.729,0l21.083,9.324a.9.9,0,0,1,0,1.65l-3.491,1.544v5.169a1.174,1.174,0,0,1-.4,1.8.908.908,0,0,1,.385.577l1.414,7.168a.9.9,0,0,1-.883,1.08Zm-34.494-18.162,18.854,8.338,14.818-6.553-8.683-3.833a.9.9,0,0,1,.728-1.649l10.185,4.5,1.807-.8-18.855-8.339Zm8.33,13.59a.9.9,0,0,1-.558-.834v-5.377l1.8.8v3.974a22.481,22.481,0,0,0,18.56,0v-3.973l1.8-.8v5.377a.9.9,0,0,1-.558.833,24.586,24.586,0,0,1-21.049,0Z" transform="translate(-2541.545 -1436.255)" fill="#fff" /> 4612 </svg> </span> 4613 <p>Learn the foundations and step-by-step process of building your business.</p> 4614 </div> 4615 <div class="col"> 4616 <span class="icon"> 4617 <svg xmlns="http://www.w3.org/2000/svg" width="39.994" height="54.08" viewbox="0 0 39.994 54.08"> 4618 <path id="Path_206" data-name="Path 206" d="M3086.408,1465.531h-5.794q-.323-.321-.659-.625v-18.089a.874.874,0,0,0,0-.091,12.706,12.706,0,0,0-25.278,0,.874.874,0,0,0,0,.091v18.089q-.336.3-.659.625h-5.794a.9.9,0,0,0-.889,1.047l1.219,7.441a2.959,2.959,0,0,0-.664,1.887v4.82a2.921,2.921,0,0,0,1.72,2.7,2.811,2.811,0,0,0,.514.177l.6,3.646a.9.9,0,0,0,.89.756h11.878a2.911,2.911,0,0,1,2.255,1.072.9.9,0,0,0,.7.329h1.758a.9.9,0,0,0,.7-.329,2.911,2.911,0,0,1,2.255-1.072h11.878a.9.9,0,0,0,.89-.756l.6-3.646a2.817,2.817,0,0,0,.514-.177,2.921,2.921,0,0,0,1.72-2.7v-4.82a2.958,2.958,0,0,0-.664-1.887l1.219-7.441a.9.9,0,0,0-.889-1.047Zm-2.131,16.251a1.029,1.029,0,0,1-1.136-.173,4.405,4.405,0,0,1,0-6.586,1.021,1.021,0,0,1,.687-.272,1.112,1.112,0,0,1,.449.1,1.124,1.124,0,0,1,.662,1.056v4.82A1.124,1.124,0,0,1,3084.277,1481.782Zm.14-8.772a2.832,2.832,0,0,0-2.463.656,6.21,6.21,0,0,0,0,9.3,2.911,2.911,0,0,0,.753.479l-.451,2.754h-11.113a4.7,4.7,0,0,0-2.93,1.023V1470.3a2.95,2.95,0,0,1,2.93-2.963h14.2Zm-34.732,2.9a1.124,1.124,0,0,1,1.112-1.155,1.021,1.021,0,0,1,.686.272,4.405,4.405,0,0,1,0,6.586,1.029,1.029,0,0,1-1.136.173,1.124,1.124,0,0,1-.662-1.056Zm2.985,7.06a6.21,6.21,0,0,0,0-9.3,2.832,2.832,0,0,0-2.463-.656l-.93-5.677h14.2a2.95,2.95,0,0,1,2.93,2.963v16.926a4.7,4.7,0,0,0-2.93-1.023h-11.113l-.451-2.754A2.911,2.911,0,0,0,3052.67,1482.966Zm5.724-30.9.715.288a2.738,2.738,0,0,0,1.272,2.3,5.878,5.878,0,0,0,5.092,0,2.679,2.679,0,0,0,1.242-1.983,2.728,2.728,0,0,1,1.443,0,2.679,2.679,0,0,0,1.241,1.983,5.879,5.879,0,0,0,5.092,0,2.735,2.735,0,0,0,1.273-2.3l.437-.176a9.175,9.175,0,0,1-17.807-.112Zm8.918-14.939a10.865,10.865,0,0,1,10.841,9.738v1.5a5.764,5.764,0,0,0-4.787-2.444h-4.726a1.433,1.433,0,0,1-1.322-.9l-.707-2.667a.9.9,0,0,0-.858-.67h-.013a.9.9,0,0,0-.864.645l-.807,2.725a1.42,1.42,0,0,1-1.309.869h-1.5a5.764,5.764,0,0,0-4.787,2.444v-1.5A10.865,10.865,0,0,1,3067.312,1437.126Zm9.2,12.666c0,.107,0,.214-.006.32l-1.1.443a2.612,2.612,0,0,0-.912-.96,5.879,5.879,0,0,0-5.092,0,2.611,2.611,0,0,0-1.054,1.265,4.557,4.557,0,0,0-1.817,0,2.608,2.608,0,0,0-1.055-1.265,5.878,5.878,0,0,0-5.092,0,2.616,2.616,0,0,0-.911.96l-1.352-.545c0-.
4618072,0-.145,0-.218,0-.206.008-.411.021-.614a3.978,3.978,0,0,1,3.122-1.459h1.5a3.212,3.212,0,0,0,2.94-1.9,3.245,3.245,0,0,0,2.94,1.9h4.726a3.949,3.949,0,0,1,3.121,1.446C3076.5,1449.372,3076.509,1449.581,3076.509,1449.792Zm-6.586,2.3c0-.032,0-.064,0-.1.01-.532.152-1.175,2.021-1.175,2.023,0,2.023.754,2.023,1.3s0,1.3-2.023,1.3-2.022-.754-2.022-1.3Zm-4.973.033c0,.55,0,1.3-2.023,1.3s-2.022-.754-2.022-1.3,0-1.3,2.022-1.3c1.869,0,2.011.643,2.022,1.174,0,.034,0,.067,0,.1Zm-8.479,4.538v-3.615c.015-.1.057-.346.139-.683a10.981,10.981,0,0,0,21.4,0c.082.338.124.585.139.683v10.413a18.986,18.986,0,0,0-4.609-2.4,12.636,12.636,0,0,1-2.644,1.114,17.126,17.126,0,0,1,7.008,3.355h-6.765a4.707,4.707,0,0,1-7.662,0h-6.765a17.126,17.126,0,0,1,7.008-3.355,12.636,12.636,0,0,1-2.644-1.114,18.986,18.986,0,0,0-4.609,2.4Z" transform="translate(-3047.315 -1435.323)" fill="#fff" /> 4619 </svg> </span> 4620 <p>Multi-lingual training videos are available in Hindi, English, Kannada, Malayalam & Bangla.</p> 4621 </div> 4622 <div class="col"> 4623 <span class="icon icon6"> 4624 <svg xmlns="http://www.w3.org/2000/svg" width="30.65" height="35.411" viewbox="0 0 30.65 35.411"> 4625 <g id="Group_276" data-name="Group 276" transform="translate(-3556.116 -1444.757)"> 4626 <path id="Path_207" data-name="Path 207" d="M3569.981,1467.163v-.462q0-10.116,0-20.233a1.5,1.5,0,0,1,1.056-1.651,1.445,1.445,0,0,1,1.831,1.15,4.273,4.273,0,0,1,.03.631q0,10.056,0,20.114v.46l.168.116a1.631,1.631,0,0,1,.214-.375q3.57-3.583,7.159-7.149a2.069,2.069,0,0,1,.933-.529,1.3,1.3,0,0,1,1.447.718,1.4,1.4,0,0,1-.264,1.7q-3.825,3.831-7.655,7.658-1.145,1.146-2.292,2.291a1.448,1.448,0,0,1-2.329.008q-4.917-4.917-9.834-9.835a1.442,1.442,0,1,1,1.944-2.122c1.1,1.082,2.175,2.183,3.262,3.276q2.005,2.018,4.012,4.036a3.047,3.047,0,0,1,.2.243Z" fill="#f9f1ff" /> 4627 <path id="Path_208" data-name="Path 208" d="M3559.04,1477.275h24.8v-.466c0-2.476,0-4.953,0-7.429a1.454,1.454,0,0,1,1.866-1.456,1.5,1.5,0,0,1,1.052,1.544q0,3.814,0,7.628c0,.474,0,.948,0,1.422a1.526,1.526,0,0,1-1.649,1.65h-27.349a1.5,1.5,0,0,1-1.648-1.637q0-4.564,0-9.13a1.473,1.473,0,0,1,1.309-1.53,1.454,1.454,0,0,1,1.555,1.068,2.456,2.456,0,0,1,.053.626q.006,3.617,0,7.232Z" fill="#f9f1ff" /> 4628 </g> 4629 </svg> </span> 4630 <p>Download presentations & learning material and access training sessions on your device anytime, anywhere. </p> 4631 </div> 4632 </div> 4633 </div> 4634 </section> 4635 <section class="section2"> 4636 <div class="container" data-aos="fade-up-left" data-aos-duration="500"> 4637 <h2>4Rs of SPBM</h2> 4638 <p>To enable your Azadi</p> 4639 <div class="row slider2"> 4640 <div class="col"> 4641 <span class="icon"> <img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/icon-7.svg"> </span> 4642 <h4>Rigor</h4> 4643 <p>1500+ training programs reach out to more than 250,000 consultants every month.</p> 4644 </div> 4645 <div class="col"> 4646 <span class="icon"> <img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/icon-8.svg"> </span> 4647 <h4>Rhythm</h4> 4648 <p>Fixed topics with scheduled dates and time.</p> 4649 </div> 4650 <div class="col"> 4651 <span class="icon"> <img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/icon-9.svg"> </span> 4652 <h4>Roadmap</h4> 4653 <p>Step-by-step process enabling new joinees to become successful leaders.</p> 4654 </div> 4655 <div class="col"> 4656 <span class="icon"> <img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/icon-10.svg"> </span> 4657 <h4>Result</h4> 4658 <p>Practical approach focusing on results and consultantâs growth.</p> 4659 </div> 4660 </div> 4661 </div> 4662 </section> 4663 <section class="section2_web"> 4664 <div class="container" data-aos="fade-up-left" data-aos-duration="500"> 4665 <h2>4Rs of SPBM</h2> 4666 <p>To enable your Azadi</p> 4667 <div class="row "> 4668 <div class="col">
4669 <span class="icon"> <img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/icon-7.svg"> </span> 4670 <h4>Rigor</h4> 4671 <p>1500+ training programs reach out to more than 250,000 consultants every month.</p> 4672 </div> 4673 <div class="col"> 4674 <span class="icon"> <img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/icon-8.svg"> </span> 4675 <h4>Rhythm</h4> 4676 <p>Fixed topics with scheduled dates and time.</p> 4677 </div> 4678 <div class="col"> 4679 <span class="icon"> <img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/icon-9.svg"> </span> 4680 <h4>Roadmap</h4> 4681 <p>Step-by-step process enabling new joinees to become successful leaders.</p> 4682 </div> 4683 <div class="col"> 4684 <span class="icon"> <img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/icon-10.svg"> </span> 4685 <h4>Result</h4> 4686 <p>Practical approach focusing on results and consultantâs growth.</p> 4687 </div> 4688 </div> 4689 </div> 4690 </section> 4691 <!--<section class="section3" id="courses"> <div class="container" data-aos="fade-up-right" data-aos-duration="500"> <div class="coursesection1"> <h2>Course Categories</h2> <div class="main_row"> <div class="col_left"> <div class="course_list"> <ul class="tabs"> <li class="active"><a href="#tab1"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24.823" height="24.464" viewBox="0 0 24.823 24.464"> <g id="Group_242" data-name="Group 242" transform="translate(-2519.086 -3004.909)"> <g id="Group_240" data-name="Group 240"> <g id="Group_238" data-name="Group 238"> <path id="Path_135" data-name="Path 135" d="M2534.8,3025.247h-.036a.376.376,0,0,1-.338-.41l.042-.435a5.6,5.6,0,0,1,1.643-3.245,6.239,6.239,0,0,0-.252-9.08,6.333,6.333,0,0,0-10.5,3.86,6.224,6.224,0,0,0,1.885,5.316,5.211,5.211,0,0,1,1.577,3.465l.01.126a.374.374,0,0,1-.345.4.378.378,0,0,1-.4-.345l-.011-.131a4.464,4.464,0,0,0-1.347-2.975,6.971,6.971,0,0,1-2.111-5.951,7.072,7.072,0,0,1,14.083.892,6.957,6.957,0,0,1-2.056,4.952,4.848,4.848,0,0,0-1.428,2.8l-.041.422A.375.375,0,0,1,2534.8,3025.247Z" fill="#fff" /> </g> <path id="Path_136" data-name="Path 136" d="M2531.5,3008.239a.375.375,0,0,1-.376-.375v-2.58a.375.375,0,0,1,.751,0v2.58A.375.375,0,0,1,2531.5,3008.239Z" fill="#fff" /> <path id="Path_137" data-name="Path 137" d="M2543.533,3018.555H2540.9a.375.375,0,0,1,0-.75h2.632a.375.375,0,1,1,0,.75Z" fill="#fff" /> <path id="Path_138" data-name="Path 138" d="M2539.665,3010.818a.375.375,0,0,1-.265-.64l1.719-1.72a.375.375,0,0,1,.531.531l-1.719,1.719A.374.374,0,0,1,2539.665,3010.818Z" fill="#fff" /> <path id="Path_139" data-name="Path 139" d="M2523.331,3010.818a.371.371,0,0,1-.265-.11l-1.72-1.719a.375.375,0,0,1,.531-.531l1.719,1.72a.375.375,0,0,1-.265.64Z" fill="#fff" /> <g id="Group_239" data-name="Group 239"> <path id="Path_140" data-name="Path 140" d="M2522.094,3018.555h-2.632a.375.375,0,1,1,0-.75h2.632a.375.375,0,1,1,0,.75Z" fill="#fff" /> </g> <path id="Path_141" data-name="Path 141" d="M2534.91,3027.31h-6.647a.375.375,0,0,1,0-.751h6.647a.375.375,0,1,1,0,.751Z" fill="#fff" /> <path id="Path_142" data-name="Path 142" d="M2533.664,3029.373h-4.154a.375.375,0,1,1,0-.751h4.154a.375.375,0,0,1,0,.751Z" fill="#fff" /> </g> <g id="Group_241" data-name="Group 241"> <path id="Path_143" data-name="Path 143" d="M2532.34,3025.357a.375.375,0,0,1-.376-.375v-8.145a.375.375,0,1,1,.751,0v8.145A.375.375,0,0,1,2532.34,3025.357Z" fill="#fff" /> <path id="Path_144" data-name="Path 144" d="M2530.62,3024.09a.375.375,0,0,1-.375-.376v-.43a.375.375,0,0,1,.751,0v.43A.376.376,0,0,1,2530.62,3024.09Z" fill="#fff" /> <path id="Path_145" data-name="Path 145" d="M2530.62,3021.94a.375.375,0,0,1-.375-.375v-.43a.375.375,0,0,1,.751,0v.43A.375.375,0,0,1,2530.62,3021.94Z" fill="#fff" /> <path id="Path_146" data-name="Path 146" d="M2530.621,3019.791a.375.375,0,0,1-.376-.375v-2.2H2528.9a.375.375,0,0,1-.3-.6l2.579-3.438a.388.388,0,0,1,.6,0l2.579,3.438a.375.375,0,0,1-.3.6h-1.719a.375.375,0,1,1,0-.751h.968l-1.828-2.437-1.828,2.437h.969a.375.375,0,0,1,.375.376v2.579A.375.375,0,0,1,2530.621,3019.791Z" fill="#fff" /> </g> </g> </svg> </span> Product Training </a></li> <li><a href="#tab2"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="26.319" height="24.922" viewBox="0 0 26.319 24.922"> <g id="Group_249" data-name="Group 249" transform="translate(-2520.03 -3080.68)"> <g id="Group_248" data-name="Group 248"> <g id="Group_245" data-name="Group 245"> <path id="Path_147" data-name="Path 147" d="M2534.38,3103.714H2522.3a.378.378,0,0,1-.378-.377v-17.748a.378.378,0,0,1,.378-.378h1.888a.378.378,0,1,1,0,.755h-1.511v16.993h11.707a.378.378,0,0,1,0,.755Z" fill="#fff" /> <path id="Path_148" data-name="Path 148" d="M2537.4,3085.966h-1.889a.378.378,0,0,1,0-.755h1.889a.378.378,0,0,1,0,.755Z" fill="#fff" /> <path id="Path_149" data-name="Path 149" d="M2534.38,3105.6h-13.972a.377.377,0,0,1-.378-.377V3083.7a.378.378,0,0,1,.378-.378h5.286a.377.377,0,1,1,0,.755h-4.909v20.769h13.595a.378.378,0,0,1,0,.755Z" fill="#fff" /> <path id="Path_150" data-name="Path 150" d="M2539.289,3085.306a.378.378,0,0,1-.378-.378v-.85H2534a.377.377,0,1,1,0-.755h5.287a.377.377,0,0,1,.377.378v1.227A.377.377,0,0,1,2539.289,3085.306Z" fill="#fff" /> <path id="Path_151" data-name="Path 151" d="M2534,3085.966h-8.308a.377.377,0,0,1-.377-.377v-3.4a.377.377,0,0,1,.377-.377h2.429a1.88,1.88,0,0,1,3.45,0H2534a.377.377,0,0,1,.378.377v3.4A.377.377,0,0,1,2534,3085.966Zm-7.93-.755h7.552v-2.643H2531.3a.377.377,0,0,1-.365-.283,1.126,1.126,0,0,0-2.183,0,.378.378,0,0,1-.366.283h-2.319Z" fill="#fff" /> <g id="Group_244" data-name="Group 244"> <g id="Group_243" data-name="Group 243"> <path id="Path_152" data-name="Path 152" d="M2544.829,3105.6h-9.213a.377.377,0,0,1-.376-.341c-.089-.913.035-1.149.507-1.485l.008-.006a.819.819,0,0,1-.075-.108,1.044,1.044,0,0,1,.056-1.034,1.378,1.378,0,0,1,1.209-.676h.012a.378.378,0,0,1,0,.756h-.01a.619.619,0,0,0-.556.3.335.335,0,0,0-.053.277c.009.016.051.026.106.026a.378.378,0,0,1,.267.645,3.736,3.736,0,0,1-.523.433c-.18.129-.233.167-.221.457h8.516c.013-.29-.04-.328-.221-.457a3.856,3.856,0,0,1-.522-.433.378.378,0,0,1,.267-.645c.121,0,.121-.031.122-.091a.575.575,0,0,0-.581-.513.378.378,0,0,1,.006-.756h.006a1.327,1.327,0,0,1,1.324,1.275.836.836,0,0,1-.19.543l.007,0c.472.337.6.573.507,1.486A.377.377,0,0,1,2544.829,3105.6Z" fill="#fff" /> </g> <path id="Path_153" data-name="Path 153" d="M2543.994,3104.079H2539.9a.378.378,0,1,1,0-.755h4.091a.378.378,0,1,1,0,.755Z" fill="#fff" /> <path id="Path_154" data-name="Path 154" d="M2538.425,3104.078h-.8a.378.378,0,0,1,0-.756h.8a.378.378,0,0,1,0,.756Z" fill="#fff" /> <path id="Path_155" data-name="Path 155" d="M2537.5,3100.119a.377.377,0,0,1-.215-.688c.946-.652.627-1.977.192-2.974-.017-.039-.03-.069-.037-.087a30.172,30.172,0,0,1-1.237-4.035c-.746-3.285,1.8-4.31,1.823-4.32a.377.377,0,0,1,.273.7c-.085.035-1.956.82
4691-1.359,3.449a29.26,29.26,0,0,0,1.2,3.92l.029.068c1.046,2.4.164,3.471-.455,3.9A.379.379,0,0,1,2537.5,3100.119Z" fill="#fff" /> <path id="Path_156" data-name="Path 156" d="M2536.9,3102.317" fill="#fff" /> <path id="Path_157" data-name="Path 157" d="M2543.476,3102.7h0l-6.575-.009a.378.378,0,0,1-.346-.529c-.016-.066-.288-.488-1.425-1.235a.937.937,0,0,1-.191-1.4c1-1.136.594-2.774.125-4.672a15.855,15.855,0,0,1-.618-3.842,4.742,4.742,0,0,1,1.589-3.946,5.867,5.867,0,0,1,4.535-.777.377.377,0,0,1,.284.3l.126.729,2.018.684a.378.378,0,0,1,.248.28l.124.587c.807.489,3.255,2.107,2.9,3.511a1.351,1.351,0,0,1-.385,1.417l-.471.586a.378.378,0,0,1-.288.141l-1.5.027a.374.374,0,0,1-.331-.184l-.441-.741a5.224,5.224,0,0,0-1.621-.373l-.008.436c.91.471,4.261,2.372,4.385,4.855.113,2.261-.769,2.868-1.353,3.27-.334.23-.411.3-.4.494a.377.377,0,0,1-.378.391Zm-6.215-.764,5.89.008a1.538,1.538,0,0,1,.679-.751c.524-.361,1.118-.77,1.026-2.611-.117-2.362-4.133-4.3-4.174-4.32a.38.38,0,0,1-.215-.348l.01-.56a1.5,1.5,0,0,1-.865-.11.377.377,0,1,1,.284-.7.813.813,0,0,0,.618.03,5.021,5.021,0,0,1,2.755.407.377.377,0,0,1,.171.152l.393.659,1.1-.02.374-.464a.305.305,0,0,1,.029-.033s.381-.4.209-.645a.378.378,0,0,1-.034-.369c.308-.684-1.41-2.091-2.667-2.827a.374.374,0,0,1-.179-.248l-.114-.537-2.026-.688a.38.38,0,0,1-.251-.293l-.12-.693a4.953,4.953,0,0,0-3.655.684,4.036,4.036,0,0,0-1.3,3.352,15.269,15.269,0,0,0,.6,3.659c.5,2.015.969,3.919-.29,5.351a.182.182,0,0,0,.037.273C2536.55,3100.96,2537.107,3101.488,2537.261,3101.94Z" fill="#fff" /> <path id="Path_158" data-name="Path 158" d="M2541.322,3089.754a.359.359,0,0,1-.107-.015l-.564-.166a.377.377,0,0,1,.213-.724l.564.166a.377.377,0,0,1-.106.739Z" fill="#fff" /> </g> </g> <g id="Group_246" data-name="Group 246"> <path id="Path_159" data-name="Path 159" d="M2528.084,3096.038a.376.376,0,0,1-.267-.111l-1.888-1.888a.378.378,0,0,1,.534-.534l1.888,1.889a.378.378,0,0,1-.267.644Z" fill="#fff" /> <path id="Path_160" data-name="Path 160" d="M2526.2,3096.038a.378.378,0,0,1-.267-.644l1.888-1.889a.378.378,0,0,1,.534.534l-1.888,1.888A.375.375,0,0,1,2526.2,3096.038Z" fill="#fff" /> </g> <g id="Group_247" data-name="Group 247"> <path id="Path_161" data-name="Path 161" d="M2533.151,3101.576a.377.377,0,0,1-.267-.11l-1.889-1.888a.378.378,0,0,1,.534-.534l1.889,1.888a.377.377,0,0,1-.267.644Z" fill="#fff" /> <path id="Path_162" data-name="Path 162" d="M2531.262,3101.576a.377.377,0,0,1-.267-.644l1.889-1.888a.378.378,0,0,1,.534.534l-1.889,1.888A.377.377,0,0,1,2531.262,3101.576Z" fill="#fff" /> </g> <path id="Path_163" data-name="Path 163" d="M2527.016,3090.687a1.51,1.51,0,1,1,1.511-1.511A1.512,1.512,0,0,1,2527.016,3090.687Zm0-2.266a.755.755,0,1,0,.755.755A.756.756,0,0,0,2527.016,3088.421Z" fill="#fff" /> <path id="Path_164" data-name="Path 164" d="M2525.128,3101.637a1.51,1.51,0,1,1,1.51-1.51A1.511,1.511,0,0,1,2525.128,3101.637Zm0-2.265a.755.755,0,1,0,.755.755A.756.756,0,0,0,2525.128,3099.372Z" fill="#fff" /> <path id="Path_165" data-name="Path 165" d="M2527.667,3100.09a.377.377,0,0,1-.167-.716,5.437,5.437,0,0,0,3.1-4.881,5.346,5.346,0,0,0-1.6-3.813.378.378,0,1,1,.532-.536,6.1,6.1,0,0,1,1.827,4.349,6.187,6.187,0,0,1-3.526,5.559A.385.385,0,0,1,2527.667,3100.09Z" fill="#fff" /> <path id="Path_166" data-name="Path 166" d="M2529.106,3092.262l-.031,0a.376.376,0,0,1-.345-.407l.125-1.505a.376.376,0,0,1,.407-.345l1.505.124a.378.378,0,1,1-.062.753l-1.129-.093-.094,1.129A.377.377,0,0,1,2529.106,3092.262Z" fill="#fff" /> </g> </g> </svg> </span> Business Training </a></li> <li><a href="#tab3"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="22.437" height="23.974" viewBox="0 0 22.437 23.974"> <g id="Group_257" data-name="Group 257" transform="translate(-2520.279 -3157.154)"> <g id="Group_251" data-name="Group 251"> <path id="Path_167" data-name="Path 167" d="M2528.445,3165.754a.338.338,0,0,1-.24-.1l-1.844-1.825-.98,1.058a.342.342,0,0,1-.5-.465l1.219-1.316a.343.343,0,0,1,.491-.011l1.854,1.835,4.817-4.8a.342.342,0,0,1,.482.484l-5.057,5.041A.34.34,0,0,1,2528.445,3165.754Z" fill="#fff" /> <path id="Path_168" data-name="Path 168" d="M2523.79,3166.522a.341.341,0,0,1-.242-.582l.492
4691-.5a.341.341,0,1,1,.485.481l-.492.5A.342.342,0,0,1,2523.79,3166.522Z" fill="#fff" /> <path id="Path_169" data-name="Path 169" d="M2520.776,3166.126a.342.342,0,0,1-.241-.583l5.554-5.575a.342.342,0,0,1,.483,0l1.858,1.846,3.014-3-.8-.795a.341.341,0,0,1,.215-.584l3.91-.282a.334.334,0,0,1,.265.1.344.344,0,0,1,.1.264l-.239,3.912a.342.342,0,0,1-.582.222l-1.31-1.3a.342.342,0,0,1,.48-.486l.776.767.169-2.771-2.768.2.513.507a.346.346,0,0,1,.1.243.338.338,0,0,1-.1.242l-3.5,3.479a.341.341,0,0,1-.482,0l-1.856-1.844-5.315,5.333A.339.339,0,0,1,2520.776,3166.126Z" fill="#fff" /> </g> <path id="Path_170" data-name="Path 170" d="M2538.63,3164.564a.342.342,0,0,1-.243-.581l2.417-2.462a.34.34,0,0,1,.244-.1h0a.348.348,0,0,1,.245.1l.517.53.2-2.838-2.848.182.53.533a.342.342,0,0,1,0,.483l-1.314,1.306a.342.342,0,0,1-.482-.485l1.071-1.064-.82-.825a.342.342,0,0,1,.221-.582l3.989-.255a.35.35,0,0,1,.264.1.34.34,0,0,1,.1.265l-.276,3.988a.341.341,0,0,1-.585.215l-.807-.826-2.173,2.213A.338.338,0,0,1,2538.63,3164.564Z" fill="#fff" /> <g id="Group_256" data-name="Group 256"> <path id="Path_171" data-name="Path 171" d="M2524.334,3178.5a.342.342,0,0,1-.242-.583l1.77-1.77,2.026-.242,1.707-1.707a.342.342,0,0,1,.484.483l-1.874,1.874-2.027.243-1.6,1.6A.337.337,0,0,1,2524.334,3178.5Z" fill="#fff" /> <path id="Path_172" data-name="Path 172" d="M2520.621,3174.912a.342.342,0,0,1-.242-.583l1.586-1.586,0-2.46a1.61,1.61,0,0,1,.424-1.094l1.557-1.7a.341.341,0,0,1,.05-.044,1.647,1.647,0,0,1,2.149.177l2.749,2.822a.637.637,0,0,1-.054.939l-.15.122a1.777,1.777,0,0,1-2.349-.095l-1.12-.891a.342.342,0,0,1,.426-.534l1.143.911a1.1,1.1,0,0,0,1.469.079l.11-.09-2.714-2.786a.963.963,0,0,0-1.229-.122l-1.533,1.675a.928.928,0,0,0-.245.631l0,2.6a.342.342,0,0,1-.1.242l-1.686,1.686A.342.342,0,0,1,2520.621,3174.912Z" fill="#fff" /> <g id="Group_252" data-name="Group 252"> <path id="Path_173" data-name="Path 173" d="M2529.826,3174.7a.958.958,0,0,1-.681-.282l-.435-.439a.96.96,0,0,1,.005-1.356l1.578-1.565a.961.961,0,0,1,1.356.006l.435.438a.959.959,0,0,1-.006,1.357l-1.577,1.564A.956.956,0,0,1,2529.826,3174.7Zm1.143-3.236a.269.269,0,0,0-.194.08l-1.578,1.564a.276.276,0,0,0,0,.39l.435.438a.277.277,0,0,0,.389,0l1.578-1.565a.274.274,0,0,0,.082-.194.278.278,0,0,0-.08-.2l-.435-.438A.273.273,0,0,0,2530.969,3171.461Z" fill="#fff" /> <path id="Path_174" data-name="Path 174" d="M2528.522,3173.383h0a.952.952,0,0,1-.677-.284l-.608-.613a.96.96,0,0,1-.184-1.09l.616.295a.276.276,0,0,0,.053.314l.608.613a.279.279,0,0,0,.2.082h0a.273.273,0,0,0,.193-.08l1.841-1.826a.268.268,0,0,0,.082-.194.272.272,0,0,0-.08-.2l-.608-.614a.276.276,0,0,0-.39,0l-.761.754-.481-.485.761-.754a.951.951,0,0,1,.675-.278h0a.951.951,0,0,1,.677.283l.608.614a.948.948,0,0,1,.278.679.957.957,0,0,1-.283.677l-1.841,1.825A.956.956,0,0,1,2528.522,3173.383Z" fill="#fff" /> <path id="Path_175" data-name="Path 175" d="M2528.636,3170.708l-.482-.485,1.187-1.179a.275.275,0,0,0,0-.39l-.608-.613a.237.237,0,0,0-.2-.082.273.273,0,0,0-.2.08l-1.108,1.13-.488-.478,1.112-1.134a.954.954,0,0,1,.678-.282h0a.958.958,0,0,1,.677.284l.608.614a.959.959,0,0,1-.006,1.356Z" fill="#fff" /> <path id="Path_176" data-name="Path 176" d="M2527.158,3169.232l-.485-.481.926-.935a.274.274,0,0,0,0-.391l-.608-.614a.279.279,0,0,0-.2-.082h0a.273.273,0,0,0-.194.081l-.912.914-.484-.482.913
4691-.916a.955.955,0,0,1,.677-.28h0a.952.952,0,0,1,.677.284l.608.613a.96.96,0,0,1-.006,1.357Z" fill="#fff" /> </g> <path id="Path_177" data-name="Path 177" d="M2525.522,3174.55a.341.341,0,0,1-.267-.555c.756-.947.08-3.134-.244-3.9a.341.341,0,1,1,.628-.267c.054.127,1.315,3.132.15,4.591A.342.342,0,0,1,2525.522,3174.55Z" fill="#fff" /> <path id="Path_178" data-name="Path 178" d="M2521.536,3178.934a.342.342,0,0,1-.242-.583l1.349-1.361a.342.342,0,0,1,.486.481l-1.35,1.362A.344.344,0,0,1,2521.536,3178.934Z" fill="#fff" /> <path id="Path_179" data-name="Path 179" d="M2521.119,3176.939a.343.343,0,0,1-.241-.584l.361-.361a.342.342,0,0,1,.483.483l-.361.361A.341.341,0,0,1,2521.119,3176.939Z" fill="#fff" /> <path id="Path_180" data-name="Path 180" d="M2536.371,3170.877a2.18,2.18,0,0,1-1.511-.6l-1.444-1.15a.342.342,0,0,1,.425-.535l1.468,1.171a1.512,1.512,0,0,0,2.008.1l.192-.157,0-.056-3.53-3.623a1.334,1.334,0,0,0-1.713-.162l-1.976,2.157a1.315,1.315,0,0,0-.3.562.341.341,0,0,1-.662-.166,1.988,1.988,0,0,1,.46-.857l2-2.184a.3.3,0,0,1,.05-.045,2.019,2.019,0,0,1,2.632.218l3.53,3.623a.72.72,0,0,1-.062,1.063l-.192.157A2.176,2.176,0,0,1,2536.371,3170.877Z" fill="#fff" /> <g id="Group_253" data-name="Group 253"> <path id="Path_181" data-name="Path 181" d="M2539.271,3174.467a1.134,1.134,0,0,1-.8-.335l-.558-.563a1.134,1.134,0,0,1,.007-1.6l2.026-2.008a1.136,1.136,0,0,1,1.6.006l.557.563a1.135,1.135,0,0,1-.006,1.6l-2.026,2.009A1.131,1.131,0,0,1,2539.271,3174.467Zm1.468-4.155a.446.446,0,0,0-.317.13l-2.026,2.009a.449.449,0,0,0,0,.637l.558.563a.452.452,0,0,0,.638,0l2.026-2.009a.452.452,0,0,0,0-.638l-.558-.563A.451.451,0,0,0,2540.739,3170.312Z" fill="#fff" /> <path id="Path_182" data-name="Path 182" d="M2537.6,3172.779a1.13,1.13,0,0,1-.8-.335l-.781-.788a1.134,1.134,0,0,1-.217-1.29l.615.3a.452.452,0,0,0,.087.512l.781.788a.452.452,0,0,0,.638,0l2.363-2.343a.452.452,0,0,0,0-.638l-.781-.788a.451.451,0,0,0-.638,0l-.977.969-.481-.485.977-.969a1.136,1.136,0,0,1,1.6.006l.781.788a1.136,1.136,0,0,1-.007,1.6l
4691-2.363,2.344A1.131,1.131,0,0,1,2537.6,3172.779Z" fill="#fff" /> <path id="Path_183" data-name="Path 183" d="M2537.676,3169.373l-.482-.485,1.524-1.514a.45.45,0,0,0,0-.638l-.781-.788a.451.451,0,0,0-.638,0l-1.423,1.452-.488-.479,1.427-1.456a1.138,1.138,0,0,1,1.608,0l.78.788a1.135,1.135,0,0,1-.006,1.6Z" fill="#fff" /> <path id="Path_184" data-name="Path 184" d="M2535.777,3167.479l-.485-.482,1.19-1.2a.453.453,0,0,0,0-.64l-.781-.787a.445.445,0,0,0-.318-.134h0a.447.447,0,0,0-.317.131l-1.171,1.175-.484-.483,1.172-1.176a1.136,1.136,0,0,1,1.606.006l.781.787a1.136,1.136,0,0,1-.007,1.6Z" fill="#fff" /> </g> <path id="Path_185" data-name="Path 185" d="M2533.745,3174.278a.341.341,0,0,1-.266-.555c1.205-1.51-.286-5.066-.3-5.1a.341.341,0,0,1,.628-.268c.069.161,1.666,3.968.207,5.8A.343.343,0,0,1,2533.745,3174.278Z" fill="#fff" /> <path id="Path_186" data-name="Path 186" d="M2526.575,3180.855a.342.342,0,0,1-.241-.584l2.07-2.056a.341.341,0,1,1,.482.484l-2.07,2.056A.338.338,0,0,1,2526.575,3180.855Z" fill="#fff" /> <g id="Group_254" data-name="Group 254"> <path id="Path_187" data-name="Path 187" d="M2529.853,3181.128a.335.335,0,0,1-.232-.092.341.341,0,0,1-.018-.482l.906-.974a.341.341,0,1,1,.5.465l-.905.974A.344.344,0,0,1,2529.853,3181.128Z" fill="#fff" /> </g> <g id="Group_255" data-name="Group 255"> <path id="Path_188" data-name="Path 188" d="M2532.336,3179.223a.337.337,0,0,1-.242-.1.341.341,0,0,1,0-.483l2.132-2.124,2.6-.312,2.216-2.216a.342.342,0,1,1,.483.483l-2.383,2.384-2.6.311-1.966,1.958A.337.337,0,0,1,2532.336,3179.223Z" fill="#fff" /> </g> </g> </g> </svg> </span> Global Leadership Series </a></li> <li><a href="#tab4"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="20.194" height="21.569" viewBox="0 0 20.194 21.569"> <g id="Group_259" data-name="Group 259" transform="translate(-2521.4 -3234.127)"> <path id="Path_189" data-name="Path 189" d="M2529.434,3255.457v-1.834a2.133,2.133,0,0,0-2.292-2.292h-2.751a2.133,2.133,0,0,0-2.293,2.292v1.834" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1.395" /> <path id="Path_190" data-name="Path 190" d="M2525.766,3249.955a1.758,1.758,0,0,0,1.834-1.834v-.917a1.834,1.834,0,0,0-3.668,0v.917A1.758,1.758,0,0,0,2525.766,3249.955Z" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1.395" /> <line id="Line_7" data-name="Line 7" x1="1.375" transform="translate(2530.351 3254.999)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1.395" /> <path id="Path_191" data-name="Path 191" d="M2527.142,3244.453v-5.043h4.585" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1.395" /> <rect id="Rectangle_145" data-name="Rectangle 145" width="4.585" height="20.174" transform="translate(2531.727 3234.825)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1.395" /> <path id="Path_192" data-name="Path 192" d="M2536.312,3244.453h4.585V3255h-4.585" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1.395" /> </g> </svg> </span> How-Tos </a></li> </ul> <span class="more"><a class="showSearch" href="javascript:void(0)">+ More</a></span> </div> <div class="tab_main"> <div class="tab-content" id="tab1" style="display:block"> <div class="courseMore"> <p>Master the features, benefits, and advantages of the Modicare product range, 150+ courses on the Modicare product range with tutorial videos, talk shows, quizzes, leaflets, and FAQs.</p> <span class="knowMore"><a href="javascript:void(0)">Know More</a></span> </div> </div> <div class="tab-content" id="tab2"> <div class="courseMore"> <p>Thanks to our training programs, we turn you into a qualified professional and an expert in building a highly profitable business.</p> <span class="knowMore"><a href="javascript:void(0)">Know More</a></span> </div> </div> <div class="tab-content" id="tab3"> <div class="courseMore"> <p>Learn from the experts in Modicare Business. The training sessions are led by senior management on various pertinent topics such as Why Direct Selling? Why Modicare? setting targets, handling objections, and more related subjects.</p> <span class="knowMore"><a href="javascript:void(0)">Know More</a></span> </div> </div> <div class="tab-content" id="tab4"> <div class="courseMore"> <p>Learn the basics of Modicare systems, perfect your Know Your Customer (KYC) credentials, NEFT, how to verify courier status, and enhance your trading experience and profits.</p> <span class="knowMore"><a href="javascript:void(0)">Know More</a></span> </div> </div> </div> </div> <div class="col_right"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/girl-image.png" alt="" /> </div> </div> </div> <div class="coursesection2 hide"> <div class="courseSearch"> <input type="text" class="field" placeholder="Product Training"> </div> <div class="searchlist"> <ul> <li><a href="#">Product Training</a></li> <li><a href="#">Business Training</a></li> <li><a href="#">Global Leadership Series</a></li> <li><a href="#">How-Tos</a></li> </ul> <ul> <li><a href="#">Product Training</a></li> <li><a href="#">Business Training</a></li> <li><a href="#">Global Leadership Series</a></li> <li><a href="#">How-Tos</a></li> </ul> <ul> <li><a href="#">Product Training</a></li> <li><a href="#">Business Training</a></li> <li><a href="#">Global Leadership Series</a></li> <li><a href="#">How-Tos</a></li> </ul> <ul> <li><a href="#">Product Training</a></li> <li><a href="#">Business Training</a></li> <li><a href="#">Global Leadership Series</a></li> <li><a href="#">How-Tos</a></li> </ul> </div> <button class="closeSearch">Close <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/close-icon.png" alt="" /></button> </div> </div> </section>--> 4692 <!--<section class="section4"> <div class="container"> <div class="text" data-aos="fade-up-right" data-aos-duration="500"> <h2>Management Team</h2> <p>With a combined industry experience of more than 100 years, our business mentors know the ins and outs of direct selling business.</p> </div> <div class="leader_slider" data-aos="fade-up-left" data-aos-duration="500"> <div class="item"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/Rahul-Sir-306-x-366-pix.jpeg" alt="" /> <h5>Mr. Rahul Shanker</h5> <h6>CEO - Modicare Ltd </h6> </div> <div class="item"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/Prashant-Sir-306-x-366-pix_1.jpeg" alt="" /> <h5>Mr. Prashant Prem </h5> <h6>Head - Sales </h6> </div> <div class="item"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/IMG-20230116-WA0020.jpeg" alt="" /> <h5>Mr. Sharad Choudhary</h5> <h6>Head-Training</h6> </div> <div class="item"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/IMG-20230116-WA0018.jpeg" alt="" /> <h5>Mr Subrata Kar </h5> <h6>Regional Sales Head- South, East & North East</h6> </div> <div class="item"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/IMG-20230116-WA0019.jpeg" alt="" /> <h5>Mr. Ravi Bhatia </h5> <h6>Regional Sales Head - West </h6> </div> <div class="item"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/hBG2LDushyant.jpeg" alt="" /> <h5>Mr. Dushyant Ashri</h5> <h6>Regional Sales Head- North</h6> </div> <div class="item"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/Krijji.jpeg" alt="" /> <h5>Mr. K Rijil</h5> <h6>Regional Sales Head - South</h6> </div> <div class="item"> <img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/IMG-20230116-WA0021.jpeg" alt="" /> <h5>Mr. Manoj Acharjee </h5> <h6>Regional Sales Head-North East</h6> </div> </div> </div> </section>--> 4693 <section class="section5"> 4694 <div class="container" data-aos="fade-up" data-aos-duration="500"> 4695 <div class="text" data-aos="fade-up-right" data-aos-duration="500"> 4696 <h6>IOS & Android</h6> 4697 <h3>Download our App:</h3> 4698 <p>The journey to Azadi starts today.</p> 4699 <div class="appBtns"> 4700 <a href=" https://play.google.com/store/apps/details?id=com.spbmacademy.courses"><img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/android-app.svg"></a> 4701 <a href="https://apps.apple.com/in/app/spbm-academy/id1625835771"><img alt="" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/ios-app.svg"></a> 4702 </div> 4703 </div> 4704 <div class="img" data-aos="fade-up-left" data-aos-duration="500" style="height:520px max-width:80%"> 4705 <img alt="" style="max-width:80%" class="lazy" data-src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/Mockup11.png"> 4706 </div> 4707 </div> 4708 </section> 4709 <!-- <section class="section6"> <div class="container" data-aos="fade-up-right" data-aos-duration="500"> <h2>Reviews & Testimonials</h2> <div class="review_slider"> <div class="item"> <span class="thumb"><img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/leader-1.jpg" alt="" /></span> <h5>Mr. Rahul Shanker<br> Chief Operating Officer</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat v</p> </div> <div class="item"> <span class="thumb"><img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/leader-2.jpg" alt="" /></span> <h5>Mr. Rahul Shanker<br> Chief Operating Officer</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat v</p> </div> <div class="item"> <span class="thumb"><img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/leader-3.jpg" alt="" /></span> <h5>Mr. Rahul Shanker<br> Chief Operating Officer</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat v</p> </div> <div class="item"> <span class="thumb"><img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/leader-4.jpg" alt="" /></span> <h5>Mr. Rahul Shanker<br> Chief Operating Officer</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat v</p> </div> <div class="item"> <span class="thumb"><img src="https://d502jbuhuh9wk.cloudfront.net/orgData/61c5fb0f0cf20ad8bce637d5/pages/assets/images/leader-2.jpg" alt="" /></span> <h5>Mr. Rahul Shanker<br> Chief Operating Officer</h5> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat v</p> </div> </div> </div> </section>--> 4710 <section class="section9"> 4711 <div class="container" data-aos="fade-up" data-aos-duration="500"> 4712 <h2 class="h3">FAQs</h2> 4713 <div class="faqlist"> 4714 <!-- <h4>Why KKMU? </h4> <div class="answer"> <p>K K Modi University has a vision to be a university of choice for developing future leaders and entrepreneurs. Our university is based on 5 pillars, namely, International University Partnerships, Innovative Curriculum & Teaching Methodology, Co-op Education with Industry Partners, Student Centric Focus and World Class Campus. </p> </div> <h4>Where is the University located? When was it established?</h4> <div class="answer"> <p>K K Modi University is situated in Durg near Shivnath river in, Chhattisgarh. Established in 2018, Nearest Airport is Raipur â 65 km, nearest Railway Station is Durg â 8 km. Is the University approved by UGC? What is the significance of Section 2(f) of the UGC Act, 1956? Are </p> </div> <h4>KKMU courses recognized?</h4> <div class="answer"> <p>The Universities established by an Act of Central or State Government are valid Universities. K K Modi University has been established under act passed by Chhattisgarh State Leg
4714islative Assembly and is featuring in the list of UGC approved state private universities mentioned in its website ugc.ac.in Degree awarded by a valid University and specified by UGC under Section 22 of the UGC Act, 1956 is recognized, subject to the approval of programs by the concerned Statutory Professional Council(s), wherever applicable </p> </div> <h4>After completion of my program from KKMU, am I eligible for Government (State/Central) jobs all over India? </h4> <div class="answer"> <p>Yes. Degrees issued by UGC approved universities are valid for Government Jobs all over India.</p> </div> <h4>Do you provide credit transfer & lateral entry?</h4> <div class="answer"> <p>K K Modi University has provision of credit transfer and lateral entry as per UGC guidelines.</p> </div> <h4>Do I require a Laptop?</h4> <div class="answer"> <p>Not mandatory. But any device which can be used for attending hybrid classes, presentation & projects would be useful.</p> </div> <h4>What is the process for applying for refund of fee?</h4> <div class="answer"> <p>The process is followed as per UGC norms.</p> </div> <h4>What is the pattern of examinations for this program?</h4> <div class="answer"> <p>KKMU follows continuous assessment policy with examination at the end of each semester. Two examinations per years.</p> </div> <h4>What will be the qualification and background of faculty?</h4> <div class="answer"> <p>Best in Class Faculty with Industry Experience and PhD in Sales/relevant subjects.</p> </div>--> 4715 <h4>How to create an account?</h4> 4716 <div class="answer"> 4717 <p>You need to create an account before taking a course. Click on Menu Icon (Three horizontal lines) present on the top left of the Store Screen. From the opened menu, click on Login/Register button. Click on Sign Up. Enter your Email Id & Password to register for an account.</p> 4718 </div> 4719 <h4>How to use Access Codes?</h4> 4720 <div class="answer"> 4721 <p>You need to create an account on the app to use the access codes. After Successful login, click on the Menu Icon present on the top left of the Store Screen. From the opened menu, click on My Courses Button. On the opened screen, click on the Gift Icon present on the Top Right of the Screen. Enter your Access Code here. Respective Course will be added to your My Courses section.</p> 4722 </div> 4723 <h4>How to take a Course?</h4> 4724 <div class="answer"> 4725 <p>After you have purchased the Course or used the access code of the course, the course would be added to your My Course Section. Click on the Course image to start the course.</p> 4726 </div> 4727 <h4>I have issues with Login, what should I do?</h4> 4728 <div class="answer"> 4729 <p>You can click on Forgot Password link to reset your password from the login screen. We will send the new password to your registered email address. Try to login with the new password.<br> If the issue still persists, drop an email to [email protected] with the issue details. </p> 4730 </div> 4731 <h4>I am unable to access the Course, what should I do?</h4> 4732 <div class="answer"> 4733 <p>Please check whether you are using the same email, which was used for purchasing/using the access code. Check for the course in your My Course section. If the course is still not available, please drop an email to [email protected]</p> 4734 </div> 4735 <h4>How to report an issue on the app?</h4> 4736 <div class="answer"> 4737 <p>For any other issues, please drop an email to [email protected] with the complete issue details.</p> 4738 </div> 4739 </div> 4740 </div> 4741 </section> 4742 <!--
4742<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
4742--> 4743
4743<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
4743 4744
4744<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" type="text/javascript"></script>
4744 4745
4745<script> jQuery(document).ready(function() { jQuery(".faqlist h4").eq(0).addClass("active"); jQuery(".faqlist div").eq(0).show(); jQuery(".faqlist h4").click(function() { jQuery(this).next("div").slideToggle("mediam").siblings("div:visible").slideUp("mediam"); jQuery(this).toggleClass("active"); jQuery(this).siblings("h4").removeClass("active"); }); }); </script>
4745 4746
4746<script> AOS.init({ easing: 'ease-in-out-sine' }); </script>
4746 4747
4747<script> ('.tabs a').on('click', function(event) { event.preventDefault(); jQuery('.tabs .active').removeClass('active'); jQuery(this).parent().addClass('active'); jQuery('.tab-content').hide(); jQuery(jQuery(this).attr('href')).show(); }); jQuery('.tabs a:first').trigger('click'); $('#listmore').click(function() { $(this).addClass('hide'); $('.course_list ul li').removeClass('hide'); }); $('.showSearch').click(function() { $('.coursesection1').addClass('hide'); $('.coursesection2').removeClass('hide'); }); $('.closeSearch').click(function() { $('.coursesection1').removeClass('hide'); $('.coursesection2').addClass('hide'); }); </script>
4747 4748
4748<script> $('.slider1').owlCarousel({ loop: true, margin: 0, nav: false, dots: true, arrows: false, autoplayHoverPause: true, slideBy: 1, autoplay: true, smartspeed: 500, responsive: { 0: { items: 1, margin: 20 }, 600: { items: 1 }, 1000: { items: 3 } } }); $('.slider2').owlCarousel({ loop: true, margin: 0, nav: false, dots: true, arrows: false, autoplayHoverPause: true, slideBy: 1, autoplay: true, smartspeed: 500, responsive: { 0: { items: 1, margin: 20 }, 600: { items: 1 }, 1000: { items: 4 } } }); $('.banner-slide').owlCarousel({ loop: true, margin: 0, nav: false, autoplayHoverPause: true, slideBy: 1, autoplay: true, smartspeed: 500, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1000: { items: 1 } } }); </script>
4748 4749
4749<script> $('.leader_slider').owlCarousel({ loop: true, margin: 20, nav: false, dots: true, arrows: false, autoplayHoverPause: true, slideBy: 1, autoplay: true, smartspeed: 500, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1000: { items: 3 } } }); $('.review_slider').owlCarousel({ loop: true, margin: 0, nav: false, dots: true, arrows: false, autoplayHoverPause: true, slideBy: 1, autoplay: true, smartspeed: 500, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1000: { items: 4 } } }); </script>
4749 4750 </body> 4751</html></div> 4752 4753 4754 4755 4756 <div style="clear:both;"><style type='text/css'>/* Footer Section CSS */ .footer { width: 100%; padding: 20px 0 20px; text-align: center; } .footer ul { width: 100%; display: flex; justify-content: center; margin: 0px; } .footer ul li { margin: 0 18px; font-weight: 700; list-style-type: none; } .footer ul li a { color: var(--text); text-decoration: none; } .footer ul li a:hover { color: var(--blue); } /* Footer Section CSS */ .mobSignup { display: none; }</style><html> 4757 <head></head> 4758 <body> 4759 <footer class="footer"> 4760 <div class="container"> 4761 <ul> 4762 <li><a href="/faqs">FAQs</a></li> 4763 <li><a href="/aboutus">About us</a></li> 4764 <li><a href="/contactus">Contact us</a></li> 4765 <li><a href="/termsofuse">Terms of use</a></li> 4766 <li><a href="/privacypolicy">Privacy Policy</a></li> 4767 <li><a href="/refundpolicy">Refund Policy</a></li> 4768 </ul> 4769 </div> 4770 </footer> 4771 </body> 4772</html></div> 4773 4774 4775 4776 4777 4778 4779 4780
4780<script type="text/javascript"> 4781 var coursesList = $("#courseslist, .itemsContainer"), blogsList = $("#blogslist"); 4782 if(coursesList.length > 0 && coursesList.html().replace(/[\s]/g, '') === "") { 4783 coursesList.addClass("columns").html("<div class='loading loading-lg centered'></div>"); 4784 store.allCourses.init(false, (coursesList.data("limit")===undefined?4:coursesList.data("limit"))); 4785 } 4786 if(blogsList.length > 0 && blogsList.html().replace(/[\s]/g, '') === "") { 4787 blogsList.addClass("columns").html("<div class='loading loading-lg centered'></div>"); 4788 var limit = (blogsList.data("limit")===undefined?4:blogsList.data("limit")), packet = { 4789 url: "/blog/json/get", 4790 data: {skip: 0, limit: limit}, 4791 success: function(data, params) { 4792 var template = _.template($("#blogcard-template").html()), html = "", blogs = data.data.blogs.data; 4793 4794 for(var i=0;i < blogs.length;i++) { 4795 html = html + template({item: blogs[i]}); 4796 } 4797 4798 blogsList.html(html);//.find("time.timeago").timeago(); 4799 } 4800 }; 4801 4802 getData(packet, {}); 4803 } 4804 </script>
4804 4805 4806 4807 4808 4809 4810 4811 <div id="ui-notification-container" class="spectre"></div> 4812
4812<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-easing.js"></script>
4812 4813
4813<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-notification.js"></script>
4813 4814 4815 <!-- Import and configure the Firebase SDK --> 4816 <!-- These scripts are made available when the app is served or deployed on Firebase Hosting --> 4817 <!-- If you do not serve/host your project using Firebase Hosting see https://firebase.google.com/docs/web/setup --> 4818
4818<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
4818 4819
4819<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-messaging.js"></script>
4819 4820 4821
4821<script> 4822 // Retrieve Firebase Messaging object. 4823 var firebaseConfig = {"apiKey":"AIzaSyAotPAzvodhZdQcot3LpTGh7xqu7gfDQ3c","authDomain":"poll-4b81e.firebaseapp.com","databaseURL":"https://poll-4b81e.firebaseio.com","projectId":"poll-4b81e","storageBucket":"poll-4b81e.appspot.com","messagingSenderId":"858109639303","appId":"1:858109639303:web:779ed2304fa8119f3ad622","measurementId":"G-TCWW6C94ZP"}; 4824 // Initialize Firebase 4825 firebase.initializeApp(firebaseConfig); 4826 const messaging = firebase.messaging(); 4827 // Add the public key generated from the console here. 4828 messaging.usePublicVapidKey("BJTW4AH428L70cYjYsqudET83xjHEV4T97bdlxGCxXfSUCJkKEfBQNPv-Jsb9ZgCXIKxQPqaLBV7gz-pM8dYKUA"); 4829 4830 // Callback fired if Instance ID token is updated. 4831 messaging.onTokenRefresh(function(){ 4832 messaging.getToken().then(function(refreshedToken){ 4833 // Indicate that the new Instance ID token has not yet been sent to the 4834 // app server. 4835 setTokenSentToServer(false); 4836 // Send Instance ID token to app server. 4837 sendTokenToServer(refreshedToken); 4838 // Display new Instance ID token and clear UI of all previous messages. 4839 resetUI(); 4840 // [END_EXCLUDE] 4841 })["catch"](function(err){ 4842 console.log('Unable to retrieve refreshed token ', err); 4843 showToken('Unable to retrieve refreshed token ', err); 4844 requestPermission(); 4845 }); 4846 }); 4847 4848 // Handle incoming messages. Called when: 4849 // - a message is received while the app has focus 4850 // - the user clicks on an app notification created by a service worker 4851 // `messaging.setBackgroundMessageHandler` handler. 4852 messaging.onMessage(function(payload){ 4853 console.log('Message received. ', payload); 4854 appendMessage(payload); 4855 }); 4856 4857 function resetUI() { 4858 clearMessages(); 4859 $(function(){ 4860 $("#ui-notification-container").notification(); 4861 }); 4862 // Get Instance ID token. Initially this makes a network call, once retrieved 4863 // subsequent calls to getToken will return from cache. 4864 messaging.getToken().then(function(currentToken) { 4865 if (currentToken) { 4866 sendTokenToServer(currentToken); 4867 updateUIForPushEnabled(currentToken); 4868 } else { 4869 // Show permission request. 4870 console.log('No Instance ID token available. Request permission to generate one.'); 4871 // Show permission UI. 4872 updateUIForPushPermissionRequired(); 4873 setTokenSentToServer(false); 4874 } 4875 })["catch"](function(err) { 4876 console.log('An error occurred while retrieving token. ', err); 4877 showToken('Error retrieving Instance ID token. ', err); 4878 setTokenSentToServer(false); 4879 }); 4880 // [END get_token] 4881 } 4882 4883 function showToken(currentToken) { 4884 // Show token in console and UI. 4885 console.log(currentToken); 4886 } 4887 4888 // Send the Instance ID token your application server, so that it can: 4889 // - send messages back to this app 4890 // - subscribe/unsubscribe the token from topics 4891 function sendTokenToServer(currentToken) { 4892 if (!isTokenSentToServer()) { 4893 console.log('Sending token to server...'); 4894 var packet = { 4895 url : "/public/v1/fcm/token", 4896 data: {token: currentToken}, 4897 success: function(data, params) { 4898 console.log("Token successfully sent") 4899 setTokenSentToServer(true); 4900 setTokenSentToServerUserId(window.userId); 4901 } 4902 }; 4903 postData(packet, {}); 4904 } else { 4905 console.log('Token already sent to server so won\'t send it again ' + 4906 'unless it changes'); 4907 } 4908 4909 } 4910 4911 function isTokenSentToServer() { 4912 return window.localStorage.getItem('sentToServer') === '1' && isTokenSentToServerWithUser(window.userId); 4913 } 4914 4915 function isTokenSentToServerWithUser(userId) { 4916 return window.localStorage.getItem('sentToServer-user') === userId; 4917 } 4918 4919 function setTokenSentToServer(sent) { 4920 window.localStorage.setItem('sentToServer', sent ? '1' : '0'); 4921 } 4922 4923 function setTokenSentToServerUserId(userId) { 4924 window.localStorage.setItem('sentToServer-user', userId); 4925 } 4926 4927 function requestPermission() { 4928 console.log('Requesting permission...'); 4929 // [START request_permission] 4930 Notification.requestPermission().then(function(permission) { 4931 if (permission === 'granted') { 4932 console.log('Notification permission granted.'); 4933 resetUI(); 4934 } else { 4935 console.log('Unable to get permission to notify.'); 4936 } 4937 }); 4938 // [END request_permission] 4939 } 4940 4941 function deleteToken() { 4942 // Delete Instance ID token. 4943 // [START delete_token] 4944 messaging.getToken().then(function(currentToken){ 4945 messaging.deleteToken(currentToken).then(function(){ 4946 console.log('Token deleted.'); 4947 setTokenSentToServer(false); 4948 // Once token is deleted update UI. 4949 resetUI(); 4950 })["catch"](function(err) { 4951 console.log('Unable to delete token. ', err); 4952 }); 4953 })["catch"](function(err) { 4954 console.log('Error retrieving Instance ID token. ', err); 4955 showToken('Error retrieving Instance ID token. ', err); 4956 }); 4957 4958 } 4959 4960 // Add a message to the messages element. 4961 function appendMessage(payload) { 4962 $("#ui-notification-container").notification("create", { 4963 title: payload.data.title, 4964 content: payload.data.message, 4965 customIcon: payload.data.customIcon, 4966 customImage: payload.data.customImage, 4967 link: payload.data.link 4968 }, 4969 { 4970 sticky: true 4971 }); 4972 } 4973 4974 // Clear the messages element of all children. 4975 function clearMessages() { 4976 const messagesElement = document.querySelector('#ui-notification-container'); 4977 while (messagesElement.hasChildNodes()) { 4978 messagesElement.removeChild(messagesElement.lastChild); 4979 } 4980 } 4981 4982 function updateUIForPushEnabled(currentToken) { 4983 showToken("Token update ui: " + currentToken); 4984 } 4985 4986 function updateUIForPushPermissionRequired() { 4987 console.warg("Push notification permission is requred") 4988 } 4989 4990 window.userId = ""; 4991 resetUI(); 4992 4993 4994 </script>
4994 4995 4996
4997<script src="https://d502jbuhuh9wk.cloudfront.net/static/files/lazyload.min.js"></script>
vendor: 1 bytes, line 4997
4997
4998<script type="text/javascript"> 4999 var lazyLoadInstance = new LazyLoad({ 5000 unobserve_entered: true, 5001 callback_enter: function(element) { 5002 resizeCdnImage(element); 5003 } 5004 }); 5005</script>
5005 5006</body> 5007</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.