Why does HTML forward Slash?

681    Asked by OliverWatson in Cyber Security , Asked on Oct 17, 2022

In OWASP recommendations regarding escaping untrusted input for HTML element content, they list the following:

& --> &

< --> <

> --> >

" --> "

' --> '  ' not recommended because it's not in the HTML spec (See: section 24.4.1) ' is in the XML and XHTML specs.

/ --> /  forward slash is included as it helps end an HTML entity

What is the purpose of including / in there? Indeed, / is part of the ending entity, but since we're already escaping < and>


Answered by ranjana

To understand HTML forward slash, know that back before HTML 5 came with a standard parsing algorithm, HTML 4 was defined based on SGML. And its SGML-based syntax had features that differed in terms of browser support and differed in terms of people being aware of them.


One of the more obscure features that you'll be interested in, for the purposes of this question, is Null End Tag (NET). Have a look at the following code for an HTML page:

  "http://www.w3.org/TR/html4/strict.dtd">



</strong><p><strong><body><br /> </strong></p><p><strong><p></p><p>If you want, try putting it through an HTML validator. NET specifies that code like <strong>is parsed into the same thing you'd get from <strong>text.<br /> </strong></p><p>From here, you may be able to see why it's a good idea to escape the / character when interpolating user-provided data into markup. A / could potentially end up in one of these NET constructions and be interpreted as the end tag, instead of a literal solidus.<br /> </p><p>Sure no browser now understands the NET syntax, but it's part of the spec, so it's prudent to account for it.<br /> </p><br> </div> </div> </div></br> <div class="clearfix"></div> <div class="vote-custom-bx vote-con" role="group" data-postid="6053" data-score="0" data-cast="0"> <div class="wsd-bx" role="group"> <button type="button" data-action="up1" class="btn btn-lg vote vote-" up1> <img src="https://www.janbasktraining.com/community/themes/default/assets/images/icon-up.png" class="img-responsive voteup-cus" alt="icon-up"> <span> Upvote </span> <span class="dot-custom"></span> <span class="total-up"> 0 </span></button> </div> <div class="wsd-bx" role="group"> <button type="button" data-action="down" class="btn btn-lg vote vote-down" disabled="disabled"><img src="https://www.janbasktraining.com/community/themes/default/assets/images/icon-up.png" class="img-responsive votedown-cus" alt="icon-up"> <span> Downvote </span> <span class="dot-custom"></span> <span class="total-down"> 0 </span></button> </div> </div> <div class="clearfix"></div> </div> <div class="reply-box-head"> <h2 class="lead2 blue" style="margin-top:20px;">Your Answer</h2> </div> <div class="reply-box"> <!--reply form--> <div class="content-box-md"> <form action="https://www.janbasktraining.com/community/ajax_calls/post?topic=6053" id="addPost1" method="post" accept-charset="utf-8"> <input type="hidden" name="sf_token" value="7f78694fa8512a7ec92bc394b2b1ae95" /> <div class="form-group" style="margin-bottom:5px;"> <textarea name="body" cols="40" rows="10" class="form-control tip" id="editor" required="required" data-fv-notempty-message="Body is Required<br>For Reply You have to Login First." minlength="2" data-fv-stringlength-message="Body is Required.<br>For Reply You have to Login First."></textarea> <input type="hidden" name="category_slug" value="cyber-security"> </div> <label class="checkbox" for="notify"> <input type="checkbox" name="notify" value="1" id="notify" checked="checked" /> <span class="icon"><i class="fa fa-check"></i></span> Email me when someone reply to thread </label> <input type="submit" name="add_post" value="Post Your Answer" class="btn btn-primary" /> </form> </div> <div class="clearfix"></div> </div> <div class="saybuild"> <div class="col-lg-12 col-xs-12"> <div class="bottom-reply-bx"> </div> <div class="clearfix"></div> <div class="clearfix"></div> </div> </div> </div> <script type="text/javascript"> var page_url = 'https://www.janbasktraining.com/community/cyber-security / why-does-html-forward-slash'; </script> <script> function formButton(id) { $("#form1-" + id).toggle(); } </script> <script type="text/javascript"> function genericSocialShare(url) { window.open(url, 'sharer', 'toolbar=0,status=0,width=648,height=395'); return true; } </script> <style> .share-btn { position: absolute; bottom: 30px; right: 30px; z-index: 1; overflow: visible !important; text-align: center; } span.fa.fa-share-alt { color: #ddd; font-weight: normal; border: 1px solid #eee; height: 60px; width: 60px; border-radius: 0px; font-size: 20px; padding: 4px 4px; } .share-btn span { height: 40px; width: 40px; line-height: 40px; font-size: 25px; color: #e9fcf8; border-radius: 50%; cursor: pointer; top: 30px; position: relative; } .share-btn a span { position: absolute; right: 10px; top: 0px; height: 30px; width: 30px; line-height: 30px; font-size: 18px; border: 1px solid transparent; background: #16a085; z-index: -1; opacity: 0; pointer-events: none; transition: 0.6s; } #click2:checked~.share-btn a span { height: 30px; width: 30px; line-height: 30px; font-size: 18px; z-index: 1; opacity: 1; pointer-events: auto; } #click2:checked~.share-btn a:nth-child(2) span { top: 44px; right: 200px; background: #1da1f2; border-color: #0e9af1; } #click2:checked~.share-btn a:nth-child(3) span { top: 44px; right: 166px; background: #e1306c; border-color: #df2060; } #click:checked~.share-btn a span { height: 30px; width: 30px; line-height: 30px; font-size: 18px; z-index: 1; opacity: 1; pointer-events: auto; } #click:checked~.share-btn a:nth-child(2) span { top: 44px; right: 200px; background: #1da1f2; border-color: #0e9af1; } #click:checked~.share-btn a:nth-child(3) span { top: 44px; right: 166px; background: #e1306c; border-color: #df2060; } .share-btn a:nth-child(3) span { transition-delay: 0.2s; } #click2:checked~.share-btn a:nth-child(4) span { top: 44px; right: 132px; background: #ff0000; border-color: #e60000; } #click:checked~.share-btn a:nth-child(4) span { top: 44px; right: 132px; background: #ff0000; border-color: #e60000; } .share-btn a { top: -20px; } .share-btn a:nth-child(4) span { transition-delay: 0.4s; } #click2:checked~.share-btn a:nth-child(5) span { top: 44px; right: 98px; background: #e1306c; border-color: #df2060; } #click:checked~.share-btn a:nth-child(5) span { top: 44px; right: 98px; background: #e1306c; border-color: #df2060; } .share-btn a:nth-child(5) span { transition-delay: 0.6s; } #click2:checked~.share-btn a:nth-child(6) span { top: 44px; right: 64px; background: #005192; border-color: #005192; } #click:checked~.share-btn a:nth-child(6) span { top: 44px; right: 64px; background: #005192; border-color: #005192; } .share-btn a:nth-child(6) span { transition-delay: 0.8s; } #click2:checked~.share-btn a:nth-child(7) span { top: 44px; right: 28px; background: #01ae3e; border-color: #01ae3e; } #click:checked~.share-btn a:nth-child(7) span { top: 44px; right: 28px; background: #01ae3e; border-color: #01ae3e; } .share-btn a:nth-child(7) span { transition-delay: 0.10s; } #click2:checked~.share-btn a:nth-child(8) span { top: 44px; right: 235px; background: #1da1f2; border-color: #0e9af1; } #click2 { display: none; } #click:checked~.share-btn a:nth-child(8) span { top: 44px; right: 235px; background: #1da1f2; border-color: #0e9af1; } #click { display: none; } .questiobpx { background: #f5f5f5; padding: 20px 20px; border-radius: 8px; } .ansbg { margin-top: 40px; } .ansbg .meta-box { background: #f9f9f9 !important; padding: 6px 20px !important; } .answerbox { padding: 28px 28px; background: #f5f5f5; border-left: 2px solid #ddd; } pre { background: #000; color: #fff; } .ansbg { margin-left: 30px; } #formButton { display: block; margin-right: auto; margin-left: auto; } .content-box-md p { margin-bottom: 5px; color: #000; font-size: 15px; letter-spacing: 0; text-align: justify !important; line-height: 25px; } .all-comm-strip span.fa.fa-share-alt { position: relative; right: 243px; top: 43px; color: #ddd; font-weight: normal; border: 1px solid #eee; height: 54px; width: 54px; border-radius: 0px; font-size: 18px; padding: 4px 4px; } </style> <style> .colors { width: 260px; float: left; margin: 20px auto; } .colors a { width: 43.3px; height: 30px; float: left; } .colors .default { background: #414956; } .colors .blue { background: #4A89DC; } .colors .green { background: #03A678; } .colors .red { background: #ED5565; } .colors .white { background: #fff; } .colors .black { background: #292929; } @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700); .jquery-accordion-menu, .jquery-accordion-menu * { font-family: 'Open Sans', sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: 0 } .jquery-accordion-menu { min-width: 260px; float: left; position: relative; box-shadow: 0px 6px 10px #33333375; margin-bottom: 40px; } .jquery-accordion-menu .jquery-accordion-menu-footer, .jquery-accordion-menu .jquery-accordion-menu-header { width: 100%; height: 50px; padding-left: 22px; float: left; line-height: 50px; font-weight: 600; color: #f0f0f0; background: #414956 } .jquery-accordion-menu ul { margin: 0; padding: 0; list-style: none } .jquery-accordion-menu ul li { width: 100%; display: block; float: left; position: relative } .jquery-accordion-menu ul li a { width: 100%; padding: 14px 22px; float: left; text-decoration: none; color: #f0f0f0; font-size: 13px; background: #1c5e90; white-space: nowrap; position: relative; overflow: hidden; -o-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -webkit-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear } .jquery-accordion-menu>ul>li.active>a, .jquery-accordion-menu>ul>li:hover>a { color: #fff; background: #3285c3 } .jquery-accordion-menu>ul>li>a { border-bottom: solid 1px #3b424d } .jquery-accordion-menu ul li a i { width: 34px; float: left; line-height: 18px; font-size: 16px; text-align: left } .jquery-accordion-menu .submenu-indicator { float: right; right: 22px; position: absolute; line-height: 19px; font-size: 20px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear } .jquery-accordion-menu ul ul.submenu .submenu-indicator { line-height: 16px } .jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator { -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .jquery-accordion-menu ul ul.submenu, .jquery-accordion-menu ul ul.submenu li ul.submenu { width: 100%; display: none; position: static } .jquery-accordion-menu ul ul.submenu li { clear: both; width: 100% } .jquery-accordion-menu ul ul.submenu li a { width: 100%; float: left; font-size: 11px; background: #383838; border-top: none; position: relative; border-left: solid 6px transparent; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear } .jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #414956 } .jquery-accordion-menu ul ul.submenu>li>a { padding-left: 30px } .jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a { padding-left: 45px } .jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a { padding-left: 60px } .jquery-accordion-menu ul li .jquery-accordion-menu-label, .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label { min-width: 20px; padding: 1px 2px 1px 1px; position: absolute; right: 18px; top: 14px; font-size: 11px; font-weight: 800; color: #555; text-align: center; line-height: 18px; background: #f0f0f0; border-radius: 100% } .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label { top: 12px } .ink { display: block; position: absolute; background: rgba(255, 255, 255, .3); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) } .animate-ink { -webkit-animation: ripple .5s linear; -moz-animation: ripple .5s linear; -ms-animation: ripple .5s linear; -o-animation: ripple .5s linear; animation: ripple .5s linear } @-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5) } } @-moz-keyframes ripple { 100% { opacity: 0; -moz-transform: scale(2.5) } } @-o-keyframes ripple { 100% { opacity: 0; -o-transform: scale(2.5) } } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5) } } .blue.jquery-accordion-menu .jquery-accordion-menu-footer, .blue.jquery-accordion-menu .jquery-accordion-menu-header, .blue.jquery-accordion-menu ul li a { background: #4A89DC } .blue.jquery-accordion-menu>ul>li.active>a, .blue.jquery-accordion-menu>ul>li:hover>a { background: #3e82da } .blue.jquery-accordion-menu>ul>li>a { border-bottom-color: #3e82da } .blue.jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #3e82da } .green.jquery-accordion-menu .jquery-accordion-menu-footer, .green.jquery-accordion-menu .jquery-accordion-menu-header, .green.jquery-accordion-menu ul li a { background: #03A678 } .green.jquery-accordion-menu>ul>li.active>a, .green.jquery-accordion-menu>ul>li:hover>a { background: #049372 } .green.jquery-accordion-menu>ul>li>a { border-bottom-color: #049372 } .green.jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #049372 } .red.jquery-accordion-menu .jquery-accordion-menu-footer, .red.jquery-accordion-menu .jquery-accordion-menu-header, .red.jquery-accordion-menu ul li a { background: #ED5565 } .red.jquery-accordion-menu>ul>li.active>a, .red.jquery-accordion-menu>ul>li:hover>a { background: #DA4453 } .red.jquery-accordion-menu>ul>li>a { border-bottom-color: #DA4453 } .red.jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #DA4453 } .white.jquery-accordion-menu .jquery-accordion-menu-footer, .white.jquery-accordion-menu .jquery-accordion-menu-header, .white.jquery-accordion-menu ul li a { background: #fff; color: #555 } .white.jquery-accordion-menu>ul>li.active>a, .white.jquery-accordion-menu>ul>li:hover>a { background: #f0f0f0 } .white.jquery-accordion-menu>ul>li>a { border-bottom-color: #f0f0f0 } .white.jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #f0f0f0 } .white.jquery-accordion-menu ul ul.submenu li a { color: #f0f0f0 } .white.jquery-accordion-menu>ul>li>a>.ink { background: rgba(0, 0, 0, .1) } .black.jquery-accordion-menu .jquery-accordion-menu-footer, .black.jquery-accordion-menu .jquery-accordion-menu-header, .black.jquery-accordion-menu ul li a { background: #292929 } .black.jquery-accordion-menu>ul>li.active>a, .black.jquery-accordion-menu>ul>li:hover>a { background: #222 } .black.jquery-accordion-menu>ul>li>a { border-bottom-color: #222 } .black.jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #222 } </style> <aside class="col-lg-3 padding-zero"> <h2 class="lead1 darkblue" style="margin-top:0">Categories</h2> <div class="side-accor-bx"> <div id="jquery-accordion-menu" class="jquery-accordion-menu"> <ul> <li> <a href="javascript:void(0)" role="button">Salesforce <span>(1353)</span></a> <ul class="submenu"> <li><a href="https://www.janbasktraining.com/community/salesforce-lightning"> Salesforce Lightning <span>(25)</span></a> </li> <li><a href="https://www.janbasktraining.com/community/development"> Development <span>(82)</span></a> </li> </ul> </li> <li> <a href="https://www.janbasktraining.com/community/business-analysis">Business Analyst <span>(234)</span></a> </li> <li> <a href="javascript:void(0)" role="button">QA Testing <span>(429)</span></a> <ul class="submenu"> <li><a href="https://www.janbasktraining.com/community/manual-testing"> Manual Testing <span>(45)</span></a> </li> <li><a href="https://www.janbasktraining.com/community/selenium-testing"> Automation Testing <span>(71)</span></a> </li> <li><a href="https://www.janbasktraining.com/community/selenium"> Selenium <span>(43)</span></a> </li> </ul> </li> <li> <a href="https://www.janbasktraining.com/community/aws">AWS <span>(404)</span></a> </li> <li> <a href="https://www.janbasktraining.com/community/sql-server">SQL Server <span>(1345)</span></a> </li> <li> <a href="javascript:void(0)" role="button">Data Science <span>(737)</span></a> <ul class="submenu"> <li><a href="https://www.janbasktraining.com/community/machine-learning"> Machine Learning <span>(122)</span></a> </li> <li><a href="https://www.janbasktraining.com/community/natural-language-processing"> Natural Language Processing <span>(117)</span></a> </li> <li><a href="https://www.janbasktraining.com/community/deep-learning"> Deep Learning <span>(2)</span></a> </li> <li><a href="https://www.janbasktraining.com/community/r"> R <span>(123)</span></a> </li> </ul> </li> <li> <a href="javascript:void(0)" role="button">Devops <span>(486)</span></a> <ul class="submenu"> <li><a href="https://www.janbasktraining.com/community/ansible"> Ansible <span>(4)</span></a> </li> <li><a href="https://www.janbasktraining.com/community/docker"> Docker <span>(20)</span></a> </li> <li><a href="https://www.janbasktraining.com/community/nagios"> Nagios <span>(27)</span></a> </li> <li><a href="https://www.janbasktraining.com/community/git"> Git <span>(27)</span></a> </li> <li><a href="https://www.janbasktraining.com/community/maven"> Maven <span>(4)</span></a> </li> <li><a href="https://www.janbasktraining.com/community/linux"> Linux <span>(26)</span></a> </li> <li><a href="https://www.janbasktraining.com/community/kubernetes"> kubernetes <span>(16)</span></a> </li> </ul> </li> <li> <a href="https://www.janbasktraining.com/community/tableau">Tableau <span>(217)</span></a> </li> <li> <a href="https://www.janbasktraining.com/community/big-data-hadoop">Big Data Hadoop <span>(35)</span></a> </li> <li> <a href="javascript:void(0)" role="button">Python <span>(626)</span></a> <ul class="submenu"> <li><a href="https://www.janbasktraining.com/community/angular"> Angular <span>(36)</span></a> </li> <li><a href="https://www.janbasktraining.com/community/html"> HTML <span>(8)</span></a> </li> <li><a href="https://www.janbasktraining.com/community/module"> Module <span>(22)</span></a> </li> </ul> </li> <li> <a href="https://www.janbasktraining.com/community/java">Java <span>(556)</span></a> </li> <li> <a href="https://www.janbasktraining.com/community/business-intelligence">Business Intelligence <span>(8)</span></a> </li> <li> <a href="https://www.janbasktraining.com/community/cyber-security">Cyber Security <span>(826)</span></a> </li> <li> <a href="https://www.janbasktraining.com/community/power-bi">Power BI <span>(22)</span></a> </li> <li> <a href="https://www.janbasktraining.com/community/spark">Spark <span>(11)</span></a> </li> <li> <a href="https://www.janbasktraining.com/community/web-development">Web-development <span>(63)</span></a> </li> <li> <a href="https://www.janbasktraining.com/community/artificial-intelligence">Artificial intelligence <span>(62)</span></a> </li> <li> <a href="https://www.janbasktraining.com/community/android">Android App Development <span>(5)</span></a> </li> <li> <a href="https://www.janbasktraining.com/community/microsoft-azure">azure <span>(11)</span></a> </li> <li> <a href="https://www.janbasktraining.com/community/digital-marketing">Digital Marketing <span>(12)</span></a> </li> </ul> </div> </div> <div class="partner-bx-ebook"> <div style="padding:10px 15px 0;"> <p class="lead darkblue">Download Free eBooks</p> </div> <img src="https://www.janbasktraining.com/community/../assets2024/community/images/webp/com-mainbook.webp" class="img-responsive ebook" alt="mainbook"> <a href="https://www.janbasktraining.com/resources/ebook" target="_blank"><button class="btn ask-ques" style="margin: 10px 0 0 10px;">Download Now</button></a> </div> <div class="demo-classes" style="background: url(https://www.janbasktraining.com/community/../assets2024/community/images/webp/commu-4.webp) no-repeat;background-size:cover; "> <div style="padding:0;"> <p class="lead white mb0"> Demo Classes Available </p> <a href="https://www.janbasktraining.com/courses" target="_blank"><button class="btn ask-ques" style="margin: 0; border: 1px solid white;">JOIN NOW</button></a> </div> </div> <div class="star-learning" style="background: url(https://www.janbasktraining.com/assets2024/community/images/webp/commu-5.webp) no-repeat;background-size:cover; "> <div style="padding:0;"> <a href="https://www.janbasktraining.com/courses" target="_blank"><button class="ask-ques1" style="margin: 0">START LEARNING</button></a> <p class="lead4 white mb0">JanBask<br>eSchool</p> </div> </div> </aside> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "DiscussionForumPosting", "url": "https://www.janbasktraining.com/community/", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.janbasktraining.com/community/cyber-security/why-does-html-forward-slash", "url": "https://www.janbasktraining.com/community/cyber-security/why-does-html-forward-slash" }, "headline": "Why does HTML forward Slash?", "datePublished": "2022-10-17T00:00:00Z", "author": { "@type": "Person", "name": "OliverWatson JanBask", "url": "https://www.janbasktraining.com/community/user_topics/10406" }, "publisher": { "@type": "Organization", "name": "JanBask Training", "logo": { "@type": "ImageObject", "url": "https://www.janbasktraining.com/logo.png" } }, "description": "Why does HTML forward Slash?", "image": { "@type": "ImageObject", "url": "https://www.janbasktraining.com/images/article-thumbnail.jpg", "height": 800, "width": 1200 }, "text": "Why does HTML forward Slash?", "interactionStatistic": { "@type": "InteractionCounter", "interactionType": "https://schema.org/CommentAction", "userInteractionCount": "681" } } </script><!-- <aside class="col-lg-3" style="padding:0;"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <style> .colors { width: 260px; float: left; margin: 20px auto; } .colors a { width: 43.3px; height: 30px; float: left; } .colors .default { background: #414956; } .colors .blue { background: #4A89DC; } .colors .green { background: #03A678; } .colors .red { background: #ED5565; } .colors .white { background: #fff; } .colors .black { background: #292929; } @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700); .jquery-accordion-menu, .jquery-accordion-menu * { font-family: 'Open Sans', sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: 0 } .jquery-accordion-menu { min-width: 260px; float: left; position: relative; box-shadow: 0px 6px 10px #33333375; margin-bottom: 40px; } .jquery-accordion-menu .jquery-accordion-menu-footer, .jquery-accordion-menu .jquery-accordion-menu-header { width: 100%; height: 50px; padding-left: 22px; float: left; line-height: 50px; font-weight: 600; color: #f0f0f0; background: #414956 } .jquery-accordion-menu ul { margin: 0; padding: 0; list-style: none } .jquery-accordion-menu ul li { width: 100%; display: block; float: left; position: relative } .jquery-accordion-menu ul li a { width: 100%; padding: 14px 22px; float: left; text-decoration: none; color: #f0f0f0; font-size: 13px; background: #1c5e90; white-space: nowrap; position: relative; overflow: hidden; -o-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -webkit-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear } .jquery-accordion-menu>ul>li.active>a, .jquery-accordion-menu>ul>li:hover>a { color: #fff; background: #3285c3 } .jquery-accordion-menu>ul>li>a { border-bottom: solid 1px #3b424d } .jquery-accordion-menu ul li a i { width: 34px; float: left; line-height: 18px; font-size: 16px; text-align: left } .jquery-accordion-menu .submenu-indicator { float: right; right: 22px; position: absolute; line-height: 19px; font-size: 20px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear } .jquery-accordion-menu ul ul.submenu .submenu-indicator { line-height: 16px } .jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator { -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .jquery-accordion-menu ul ul.submenu, .jquery-accordion-menu ul ul.submenu li ul.submenu { width: 100%; display: none; position: static } .jquery-accordion-menu ul ul.submenu li { clear: both; width: 100% } .jquery-accordion-menu ul ul.submenu li a { width: 100%; float: left; font-size: 11px; background: #383838; border-top: none; position: relative; border-left: solid 6px transparent; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear } .jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #414956 } .jquery-accordion-menu ul ul.submenu>li>a { padding-left: 30px } .jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a { padding-left: 45px } .jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a { padding-left: 60px } .jquery-accordion-menu ul li .jquery-accordion-menu-label, .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label { min-width: 20px; padding: 1px 2px 1px 1px; position: absolute; right: 18px; top: 14px; font-size: 11px; font-weight: 800; color: #555; text-align: center; line-height: 18px; background: #f0f0f0; border-radius: 100% } .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label { top: 12px } .ink { display: block; position: absolute; background: rgba(255, 255, 255, .3); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) } .animate-ink { -webkit-animation: ripple .5s linear; -moz-animation: ripple .5s linear; -ms-animation: ripple .5s linear; -o-animation: ripple .5s linear; animation: ripple .5s linear } @-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5) } } @-moz-keyframes ripple { 100% { opacity: 0; -moz-transform: scale(2.5) } } @-o-keyframes ripple { 100% { opacity: 0; -o-transform: scale(2.5) } } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5) } } .blue.jquery-accordion-menu .jquery-accordion-menu-footer, .blue.jquery-accordion-menu .jquery-accordion-menu-header, .blue.jquery-accordion-menu ul li a { background: #4A89DC } .blue.jquery-accordion-menu>ul>li.active>a, .blue.jquery-accordion-menu>ul>li:hover>a { background: #3e82da } .blue.jquery-accordion-menu>ul>li>a { border-bottom-color: #3e82da } .blue.jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #3e82da } .green.jquery-accordion-menu .jquery-accordion-menu-footer, .green.jquery-accordion-menu .jquery-accordion-menu-header, .green.jquery-accordion-menu ul li a { background: #03A678 } .green.jquery-accordion-menu>ul>li.active>a, .green.jquery-accordion-menu>ul>li:hover>a { background: #049372 } .green.jquery-accordion-menu>ul>li>a { border-bottom-color: #049372 } .green.jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #049372 } .red.jquery-accordion-menu .jquery-accordion-menu-footer, .red.jquery-accordion-menu .jquery-accordion-menu-header, .red.jquery-accordion-menu ul li a { background: #ED5565 } .red.jquery-accordion-menu>ul>li.active>a, .red.jquery-accordion-menu>ul>li:hover>a { background: #DA4453 } .red.jquery-accordion-menu>ul>li>a { border-bottom-color: #DA4453 } .red.jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #DA4453 } .white.jquery-accordion-menu .jquery-accordion-menu-footer, .white.jquery-accordion-menu .jquery-accordion-menu-header, .white.jquery-accordion-menu ul li a { background: #fff; color: #555 } .white.jquery-accordion-menu>ul>li.active>a, .white.jquery-accordion-menu>ul>li:hover>a { background: #f0f0f0 } .white.jquery-accordion-menu>ul>li>a { border-bottom-color: #f0f0f0 } .white.jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #f0f0f0 } .white.jquery-accordion-menu ul ul.submenu li a { color: #f0f0f0 } .white.jquery-accordion-menu>ul>li>a>.ink { background: rgba(0, 0, 0, .1) } .black.jquery-accordion-menu .jquery-accordion-menu-footer, .black.jquery-accordion-menu .jquery-accordion-menu-header, .black.jquery-accordion-menu ul li a { background: #292929 } .black.jquery-accordion-menu>ul>li.active>a, .black.jquery-accordion-menu>ul>li:hover>a { background: #222 } .black.jquery-accordion-menu>ul>li>a { border-bottom-color: #222 } .black.jquery-accordion-menu ul ul.submenu li:hover>a { border-left-color: #222 } </style> <h2 class="lead1 darkblue" style="margin-top:0">Groups</h2> <div class="content"> <div id="jquery-accordion-menu" class="jquery-accordion-menu"> <ul> <li><a href="#">Salesforce Admin</a> <ul class="submenu"> <li><a href="#"> Web Design </a></li> <li><a href="#">Hosting </a></li> <li><a href="#">Design </a> <ul class="submenu"> <li><a href="#">Graphics </a></li> <li><a href="#">Vectors </a></li> <li><a href="#">Photoshop </a></li> <li><a href="#">Fonts </a></li> </ul> </li> <li><a href="#">Consulting </a></li> </ul> </li> <li><a href="#"></i>News </a></li> <li><a href="#">Portfolio </a> <ul class="submenu"> <li><a href="#">Web Design </a></li> <li><a href="#">Graphics </a><span class="jquery-accordion-menu-label">10 </span></li> <li><a href="#">Photoshop </a></li> <li><a href="#">Programming </a></li> </ul> </li> <li><a href="#">About </a></li> <li><a href="#">Contact </a></li> </ul> </div> </div> <div class="partner-bx-ebook"> <div style="padding:10px 15px 0;"> <p class="lead darkblue">eBooks On Discount</p> <p class="lead2 mb0 dark">Get the eBook for every courses on discount</p> </div> <img src="http://ksabnajaq.janbasktraining.in/community/themes/default/assets/img/com-mainbook.png" class="img-responsive ebook"> <button class="btn ask-ques" style="margin: 10px 0 0 10px;">DOWNLOAD NOW</button> </div> <div class="demo-classes"> <div style="padding:0;"> <p class="lead white mb0">Demo Classes Available</p> <button class="btn ask-ques" style="margin: 0; border: 1px solid white;">DOWNLOAD NOW</button> </div> </div> <div class="star-learning"> <div style="padding:0;"> <button class="ask-ques1" style="margin: 0">STAR LEARNING</button> <p class="lead4 white mb0">JanBask<br>eSchool</p> </div> </div> --> <!-- <div class="categories-box"> <h2>Categories <i class="pull-right fa fa-folder"></i></h2> <ul> <li> <a href="https://www.janbasktraining.com/community/business-intelligence"> <span class="label label-info">8</span> Business Intelligence </a> </li> <li> <a href="https://www.janbasktraining.com/community/salesforce"> <span class="label label-info">1379</span> Salesforce </a> </li> <li> <a href="https://www.janbasktraining.com/community/qa-testing"> <span class="label label-info">441</span> QA Testing </a> </li> <li> <a href="https://www.janbasktraining.com/community/digital-marketing"> <span class="label label-info">13</span> Digital Marketing </a> </li> <li> <a href="https://www.janbasktraining.com/community/cyber-security"> <span class="label label-info">830</span> Cyber Security </a> </li> <li> <a href="https://www.janbasktraining.com/community/aws"> <span class="label label-info">408</span> AWS </a> </li> <li> <a href="https://www.janbasktraining.com/community/business-analysis"> <span class="label label-info">239</span> Business Analyst </a> </li> <li> <a href="https://www.janbasktraining.com/community/artificial-intelligence"> <span class="label label-info">62</span> Artificial intelligence </a> </li> <li> <a href="https://www.janbasktraining.com/community/power-bi"> <span class="label label-info">22</span> Power BI </a> </li> <li> <a href="https://www.janbasktraining.com/community/big-data-hadoop"> <span class="label label-info">35</span> Big Data Hadoop </a> </li> <li> <a href="https://www.janbasktraining.com/community/tableau"> <span class="label label-info">217</span> Tableau </a> </li> <li> <a href="https://www.janbasktraining.com/community/microsoft-azure"> <span class="label label-info">11</span> azure </a> </li> <li> <a href="https://www.janbasktraining.com/community/spark"> <span class="label label-info">11</span> Spark </a> </li> <li> <a href="https://www.janbasktraining.com/community/python-python"> <span class="label label-info">629</span> Python </a> </li> <li> <a href="https://www.janbasktraining.com/community/data-science"> <span class="label label-info">739</span> Data Science </a> </li> <li> <a href="https://www.janbasktraining.com/community/web-development"> <span class="label label-info">64</span> Web-development </a> </li> <li> <a href="https://www.janbasktraining.com/community/java"> <span class="label label-info">557</span> Java </a> </li> <li> <a href="https://www.janbasktraining.com/community/devops"> <span class="label label-info">487</span> Devops </a> </li> <li> <a href="https://www.janbasktraining.com/community/sql-server"> <span class="label label-info">1358</span> SQL Server </a> </li> <li> <a href="https://www.janbasktraining.com/community/android"> <span class="label label-info">5</span> Android App Development </a> </li> </ul> </div> <div class="forum-box"> <h2>Forum Statistics <i class="pull-right fa fa-bar-chart"></i></h2> <ul> <li> <a href="https://www.janbasktraining.com/community/"> <i class="fa fa-3x fa-comments" style="color:#eee"></i> <h3>Threads</h3> <h4>7442</h4> </a> </li> <li> <i class="fa fa-3x fa-comments-o"></i> <h3>Replies</h3> <h4>763</h4> </li> <li> <a href="https://www.janbasktraining.com/community/members"> <i class="fa fa-3x fa-users" style="color:#eee"></i> <h3>Members</h3> <h4>781</h4> </a> </li> </ul> </div> --> </aside> </div> </div> </div> <div class="course-bx-footer"> <div class="container"> <div class="row"> <div class="col-lg-5 col-sm-12 col-md-6"> <div class="row line-cus-bx"> <div class="col-lg-12"> <p class="lead white lineon lead-custom"><strong>Online Course</strong></p> </div> <div class="col-lg-6 col-sm-6"> <div class="sprf"> <ul> <li><a href="https://www.janbasktraining.com/online-salesforce-training">Salesforce Course</a></li> <li><a href="https://www.janbasktraining.com/online-sql-server-training">SQL Server Course</a></li> <li><a href="https://www.janbasktraining.com/online-qa-training">QA Testing Course</a></li> <li><a href="https://www.janbasktraining.com/devops-certification-training">DevOps Course</a></li> <li><a href="https://www.janbasktraining.com/online-java-training">Java Course</a></li> <li><a href="https://www.janbasktraining.com/dotnet-training">.NET Course</a></li> <li><a href="https://www.janbasktraining.com/online-python-training">Python Course</a></li> <li><a href="https://www.janbasktraining.com/blockchain-certification-training">Blockchain Course</a></li> <li><a href="https://www.janbasktraining.com/oracle-dba-training">Oracle DBA Course</a></li> <li><a href="https://www.janbasktraining.com/iphone-application-training">iOS Developer Course</a></li> </ul> </div> </div> <div class="col-lg-6 col-sm-6"> <div class="sprf sprfwq"> <ul> <li><a href="https://www.janbasktraining.com/business-analyst-training">Business Analyst Course</a></li> <li><a href="https://www.janbasktraining.com/aws-training">AWS Course</a></li> <li><a href="https://www.janbasktraining.com/hadoop-big-data-analytics">Hadoop Course</a></li> <li><a href="https://www.janbasktraining.com/data-science">Data Science Course</a></li> <li><a href="https://www.janbasktraining.com/data-analytics-training">Data Analytics Course</a></li> <li><a href="https://www.janbasktraining.com/digital-marketing-training">Digital Marketing Course</a></li> <li><a href="https://www.janbasktraining.com/android-training">Android Developer Course</a></li> <li><a href="https://www.janbasktraining.com/vmware-training">VMWare Course</a></li> <li><a href="https://www.janbasktraining.com/tableau-online-training">Tableau Course</a></li> <li><a href="https://www.janbasktraining.com/ai-certification-training-online">Artificial Intelligence Course</a></li> </ul> </div> </div> </div> </div> <div class="col-lg-7 col-sm-12 col-md-6"> <div class="row"> <div class="col-lg-12 tutori-bxs"> <p class="lead white lineon lead-custom"><strong>Tutorials</strong></p> </div> <div class="col-lg-4 col-sm-4"> <div class="tutori-bx"> <p><a href="https://www.janbasktraining.com/blog/salesforce-tutorial/">Salesforce Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/software-testing-tutorial/">Software Testing Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/sql-tutorial/">SQL Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/what-is-business-analyst/">Business Analyst Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/devops-tutorial/">Devops Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/data-science-tutorial/">Data Science Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/aws-tutorial/">AWS Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/big-data-hadoop-tutorial-beginners/">Hadoop Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/ssrs-tutorial/">SSRS Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/aws-s3-tutorial/">AWS S3 Tutorial</a></p> </div> </div> <div class="col-lg-4 col-sm-4"> <div class="tutori-bx"> <p><a href="https://www.janbasktraining.com/blog/functional-testing-tutorial/">Functional Testing Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/ssas-tutorial/">SSAS Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/automation-testing-tutorial/">Automation Testing Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/manual-testing-tutorial">Manual Testing Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/selenium-testing-webdriver-tutorial-beginners/">Selenium Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/kubernetes-tutorial/">Kubernetes Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/scala-tutorial/">Scala Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/etl-testing-tutorial/">ETL Testing Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/python-programming-tutorial/">Python Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/pyspark-tutorial/">Pyspark Tutorial</a></p> </div> </div> <div class="col-lg-4 col-sm-4"> <div class="tutori-bx"> <p><a href="https://www.janbasktraining.com/blog/r-for-data-science-tutorial/">R Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/unit-testing-tutorial/">Unit Testing Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/what-is-api-testing/">API Testing Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/what-is-puppet/">Puppet Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/integration-testing-tutorial/">Integration Testing Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/chef-tutorial/">Chef Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/jenkins-tutorial/">Jenkins Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/ansible-tutorial/">Ansible Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/vagrant-tutorial/">Vagrant Tutorial</a></p> <p><a href="https://www.janbasktraining.com/blog/what-is-docker/">Docker Tutorial</a></p> </div> </div> </div> </div> </div> </div> </div> <div class="browse-cat-bx1"> <div class="container"> <p class="lead white lineon lead-custom"><strong>Interviews</strong></p> <ul> <li><a href="https://www.janbasktraining.com/blog/top-business-analyst-interview-questions-and-answers/">Business Analyst Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/top-devops-interview-questions-and-answers/">DevOps Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/top-aws-interview-question-and-answers/">AWS Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/top-20-qa-testing-interview-questions-and-answers/">QA Testing Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/software-testing-interview/">Software Testing Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/sql-interview-questions/">SQL Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/top-salesforce-interview-questions-and-answers/">Salesforce Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/top-java-interview-questions-and-answers/">Java Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/hibernate-interview-questions-answers/">Hibernate Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/apache-spark-interview-questions-answers/">Spark Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/important-vmware-interview-questions-and-answers/">Vmware Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/top-10-mostly-asked-data-science-interview-questions-answers/">Data Science Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/top-digital-marketing-interview-questions-and-answers/">Digital Marketing Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/api-testing-interview-questions/">API Testing Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/ssas-interview-questions/">SSAS Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/power-bi-interview-questions/">Power BI Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/cloud-computing-interview-questions-answers/">Cloud Computing Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/ssrs-interview-questions/">SSRS Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/manual-testing-interview-questions-answers/">Manual Testing Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/social-media-marketing-interview-questions/">Social Media Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/performance-testing-interview-questions/">Performance Testing Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/msbi-interview-questions/">MSBI Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/qtp-interview-questions/">QTP Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/automation-testing-interview-questions-answers/">Automation Testing Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/ssis-interview-questions/">SSIS Interview Questions</a></li> <li><a href="https://www.janbasktraining.com/blog/git-interview-questions/">GIT Interview Questions</a></li> </ul> </div> </div> <div class="browse-cat-bx1" style="border-top: 1px solid #1f4c7d;"> <div class="container"> <p class="lead white lineon lead-custom"><strong>Parent Categories</strong></p> <ul> <li><a href="https://www.janbasktraining.com/community/../cloud-computing-courses">Cloud Computing</a></li> <li><a href="https://www.janbasktraining.com/community/../salesforce-certification-courses">Salesforce Cloud</a></li> <li><a href="https://www.janbasktraining.com/community/../cyber-security-courses">Cyber Security </a></li> <li><a href="https://www.janbasktraining.com/community/../qa-testing-courses">QA Testing</a></li> <li><a href="https://www.janbasktraining.com/community/../business-analyst-courses">Business Analyst</a></li> <li><a href="https://www.janbasktraining.com/community/../data-management-courses">Data Managment</a></li> <li><a href="https://www.janbasktraining.com/community/../data-science-courses">Data Science</a></li> <li><a href="https://www.janbasktraining.com/community/../business-intelligence-courses">Business Intelligence </a></li> <li><a href="https://www.janbasktraining.com/community/../digital-marketing-courses">Digital Marketing</a></li> <li><a href="https://www.janbasktraining.com/community/../programming">Programming</a></li> <li><a href="https://www.janbasktraining.com/community/../self-learning-courses">Self-learning </a></li> </ul> </div> </div> <footer class="page-footer font-small stylish-color-dark" style="background: #0e2f53;background-size: cover;padding: 38px 0px 18px 0px;"> <div class="footer-menu" style="padding:0px;"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12" style="padding:0px 20px;"> <div class="followus-bg" style="margin-top:0px;"> <div class="whtlogo"> <img src="https://www.janbasktraining.com/blog/assets4/img/JBT_Logo-white.png" class="" data-src="https://www.janbasktraining.com/blog/assets4/img/JBT_Logo-white.png" alt="JBT_Logo-white"> </div> <div class="BBBSeal" style="margin-top:15px;display: inline-block;"> <a href="https://www.bbb.org/us/va/arlington/profile/training-program/janbask-training-0241-236020826/#sealclick" target="_blank" rel="nofollow"><img src="https://web.archive.org/web/20230204083854im_/https://seal-dc-easternpa.bbb.org/seals/blue-seal-250-52-whitetxt-bbb-236020826.png" style="border: 0;" alt="JanBask Training BBB Business Review"></a> </div> </div> <div class="mt-4 footerSocial"> <a target="_blank" href="https://twitter.com/janbasktraining "><span class="twitterIcon"></span></a> <a target="_blank" href="https://www.youtube.com/janbasktraining"><span class="youtubeIcon"></span></a> <a target="_blank" href="https://www.facebook.com/JanBasktraining/ "><span class="facebookIcon"></span></a> <a target="_blank" href="https://www.linkedin.com/company/janbask-training/"><span class="linkedinIcon"></span></a> <a target="_blank" href="https://www.instagram.com/janbask_training/"><span class="instagramIcon"></span></a> </div> <style> .footerSocial { display: flex; gap: 12px; } span.twitterIcon { background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat; background-position: -120px -5px; background-size: 454px; width: 26px; height: 26px; display: inline-block; } span.youtubeIcon { background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat; background-position: -178px -1px; background-size: 414px; width: 34px; height: 34px; display: inline-block; } span.facebookIcon { background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat; background-position: -157px -5px; background-size: 454px; width: 26px; height: 26px; display: inline-block; } span.linkedinIcon { background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons.svg) no-repeat; background-position: -85px -5px; background-size: 478px; width: 32px; height: 32px; display: inline-block; } span.instagramIcon { background: url(https://www.janbasktraining.com/assets2023/img/jt-images/groupIcons-new.svg) no-repeat; background-position: -279px -4px; background-size: 478px; width: 32px; height: 32px; display: inline-block; } .mt-4 { margin-top: 20px; } </style> </div> <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 mt20mob"> <p class="leadlitxt mb0 white lineon" style="font-weight:700;">JanBask Training</p> <ul class="list-unstyled footlnk "> <li><a href="https://www.janbasktraining.com/courses">Trending Courses</a></li> <li><a href="https://www.janbasktraining.com/job-assistance-program/">Job Assistance</a></li> <li><a href="https://www.janbasktraining.com/blog/" target="_blank">Blog</a></li> <li><a href="https://www.janbasktraining.com/tutorials/" target="_blank">Tutorials</a></li> <li><a href="https://www.janbasktraining.com/contact-us">Contact Us</a></li> <li><a href="https://www.janbasktraining.com/about-us">About Us</a></li> </ul> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 mt20mob"> <p class="leadlitxt mb0 white lineon" style="font-weight:700;">Join Us</p> <ul class="list-unstyled footlnk "> <li><a href="https://www.janbasktraining.com/corporate-training">Corporate Training</a></li> <li><a href="https://www.janbasktraining.com/login">Become a Learner</a></li> <li><a href="https://www.janbasktraining.com/insructor-login">Become an Instructor</a></li> <li><a href="https://www.janbasktraining.com/community/">Community</a></li> <li> <a href="https://www.janbasktraining.com/affiliate-program">Affiliate Program</a> </li> <li> <a href="https://www.janbasktraining.com/referral-discount/2">Refer & Earn</a> </li> </ul> </div> <div class="col-lg-4 col-md-4 col-sm-4 hidden-xs "> <p class="leadlitxt mb0 white lineon" style="font-weight:700;">Useful Links</p> <ul class="list-unstyled footlnk "> <li><a href="https://www.janbasktraining.com/term-of-use">Term of Use</a></li> <li><a href="https://www.janbasktraining.com/privacy-policy">Privacy Policy</a></li> <li><a href="https://www.janbasktraining.com/disclaimer">Disclaimer</a></li> <li><a href="https://www.janbasktraining.com/trainer/" target="_blank">Trainer Login</a></li> </ul> </div> </div> </div> </div> </div> </footer> <style> .browse-cat-bx1 ul { padding: 0; margin: 0; } .browse-cat-bx1 li:first-child { padding-left: 0px !important; } .browse-cat-bx1 li a { color: #fff; } .browse-cat-bx1 li { width: auto !important; padding: 0 5px ; text-align: left; border-right: 1px solid #ffffff; font-size: 12px; color: #fff; display: inline; } .browse-cat-bx1 { background: #153d69; padding: 50px 0; } .lead.white.lineon.lead-custom { position: relative; line-height: 46px; font-size: 1.6em; } .sprf li, .tutori-bx p { width: 100%; margin-bottom: 2px; padding: 0px 7px; list-style: none; } .sprf li a, .tutori-bx p a { color: white; } .sprf ul { padding: 0; } .course-bx-footer { background: #1f4c7d; padding: 50px 0; } ul.list-unstyled.footlnk li a:hover { color: #fff!important; } .footlnk li a { color: #bbb; text-decoration: none; line-height: 21px; font-size: 16px; padding: 5px 0; display: inline-block; } .leadlitxt.lineon { font-size: 1.6em; position: relative; padding-bottom: 0.6em; margin-bottom: 14px; } .lineon:after { position: absolute; bottom: 0; background: #fff; width: 40px; height: 2px; left: 0; content: ''; } .footcity{ margin-left:0; padding-left:0; } .footcity li{ display:inline-block; color:#fff; padding:0 13px 0px 0;} .footcity li a{color:#bbbbbb;} .footcity li a:hover{color:#fff; text-decoration:none;} li.social-rss, .social-facebook, .social-twitter, .social-youtube, .social-linkedin, .social-gplus { background: #fff; color: #000; width: 35px; height: 35px; border-radius: 50%; margin-right: 4px; } li.social-rss a, .social-facebook a, .social-twitter a, .social-youtube a, .social-linkedin a, .social-gplus a { color: #737373; font-size: 17px; line-height: 34px; } </style> <div class="footer-copyright text-center py-3 white" style="box-shadow:none;">Copyright <script>document.write(new Date().getFullYear())</script> | JanBaskTraining.com</div> <!-- <footer class="page-footer font-small stylish-color-dark" style="background-color: #3b3b39; background-size: cover; "> <style> .footcity{ margin-left:0; padding-left:0; } .footcity li{ display:inline-block; color:#fff; padding:0 13px 0px 0;} .footcity li a{color:#bbbbbb;} .footcity li a:hover{color:#fff; text-decoration:none;} .browse-cat-bx1 { background: #2a2b2b; padding: 30px 0 30px 0; } li.social-rss, .social-facebook, .social-twitter, .social-youtube, .social-linkedin, .social-gplus { background: #fff; color: #000; width: 35px; height: 35px; border-radius: 50%; margin-right: 4px; } li.social-rss a, .social-facebook a, .social-twitter a, .social-youtube a, .social-linkedin a, .social-gplus a { color: #737373; font-size: 17px; line-height: 34px; } </style> <div class="footer-copyright text-center py-3 white">Copyright 2020 | JanBaskTraining.com</div> </footer> --> <!--Ankesh JS--> <!-- <script type="text/javascript" src="https://www.janbasktraining.com/community/themes/default/assets/js/jquery.min.js"></script> <script type="text/javascript" src="https://www.janbasktraining.com/community/themes/default/assets/js/jquery-2.1.4.js"></script> <script type="text/javascript" src="https://www.janbasktraining.com/community/themes/default/assets/js/slick.js"></script> --> <!--End Ankesh JS--> <!-- <div id="ajaxCall"><img src="https://www.janbasktraining.com/community/themes/default/assets/img/ring-40.gif" alt="loading..."></div> --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog"></div> <script type="text/javascript" src="https://www.janbasktraining.com/community/themes/default/assets/js/all.js" ></script> <!-- <script src="https://www.janbasktraining.com/blog/../assets/blogcodeview/codeview.js"></script> --> <script type="text/javascript" src="https://www.janbasktraining.com/community/themes/default/assets/components/trumbowyg/trumbowyg.min.js"></script> <script type="text/javascript" src="https://www.janbasktraining.com/community/themes/default/assets/components/trumbowyg/plugins/upload/trumbowyg.file.js"></script> <script type="text/javascript" src="https://www.janbasktraining.com/community/themes/default/assets/components/trumbowyg/plugins/upload/trumbowyg.upload.min.js"></script> <script type="text/javascript" src="https://www.janbasktraining.com/community/themes/default/assets/components/trumbowyg/plugins/noembed/trumbowyg.noembed.js"></script> <script type="text/javascript" src="https://www.janbasktraining.com/community/themes/default/assets/components/trumbowyg/emojify/js/emojify.min.js"></script> <script type="text/javascript" src="https://www.janbasktraining.com/community/themes/default/assets/components/trumbowyg/plugins/emoji/trumbowyg.emoji.min.js"></script> <script type="text/javascript" src="https://www.janbasktraining.com/community/themes/default/assets/components/trumbowyg/plugins/preformatted/trumbowyg.preformatted.min.js"></script> <!-- <script type="text/javascript" src="https://www.janbasktraining.com/community/themes/default/assets/components/redactor/redactor.min.js" defer></script> --> <script type="text/javascript"> var base_url = 'https://www.janbasktraining.com/community/', site_url = 'https://www.janbasktraining.com/community/', assets = 'https://www.janbasktraining.com/community/themes/default/assets/', Settings = {"logo":"logo-new1.jpg","favicon":"favicon.png","site_name":"JanBask Training Community","dateformat":"d\/m\/Y","timeformat":"h:i A","language":"english","version":"1.3.6","theme":"default","timezone":"Asia\/Kuala_Lumpur","mode":"0","captcha":"0","style":"blue","editor":"redactor","sidebar":"right","captcha_length":"4","terms_page":"terms","rtl":"0","change_vote":"0","sorting":"0","reply_sorting":"0","voting":"1","digest_date":"2019-12-15","alert":null,"signature":"0","flag_option":"1","member_page":"1","meta_title":""}; var lang = { 'yes': 'Yes', 'no': 'No', 'close': 'Close', 'delete': 'Delete', r_u_sure: '<strong>Are you sure?</strong>', 'action_x_undo': 'This action will be permanent, please be careful', 'select_child': 'Select Child', 'no_child': 'No Child', 'select_parent_first': 'Select Parent First', 'who_can_see_required': 'Who can see checkbox is required', 'user_x_found': 'User not found', 'reply': 'Reply', 'quoting': 'Quoting' }; var yesterday = '2024-12-21'; $(document).ready(function() { $.get(base_url+'ajax_calls/send_digest'); }); </script> <script src="https://www.janbasktraining.com/community/themes/default/assets/js/main.js"></script> <script type="text/javascript"> $(document).ready(function ($) { $('.rrssb-buttons').rrssb({ title: 'Why does HTML forward Slash?', url: page_url, image: 'https://www.janbasktraining.com/community/uploads/logo-new1.jpg', description: $("meta[name='description']").attr('content'), // emailSubject: '', // emailBody: '', }); $("meta[name='shareUrl']").attr('content', page_url); $("meta[name='shareImage']").attr('content', 'https://www.janbasktraining.com/community/uploads/logo-new1.jpg'); }); </script> <script> $(document).ready(function(){ jQuery(document).ready(function(){jQuery("#jquery-accordion-menu").jqueryAccordionMenu(); jQuery(".colors a").click(function(){if($(this).attr("class") !="default"){$("#jquery-accordion-menu").removeClass(); $("#jquery-accordion-menu").addClass("jquery-accordion-menu").addClass($(this).attr("class"));}else{$("#jquery-accordion-menu").removeClass(); $("#jquery-accordion-menu").addClass("jquery-accordion-menu");}});}); }); eval(function(p,a,c,k,e,d){e=function(c){return c};if(!''.replace(/^/,String)){while(c--){d[c]=k[c]||c}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('94(61(54,52,50,53,51,55){51=61(50){64(50<52?\'\':51(95(50/52)))+((50=50%52)>35?68.98(50+29):50.97(36))};73(!\'\'.70(/^/,68)){71(50--){55[51(50)]=53[50]||51(50)}53=[61(51){64 55[51]}];51=61(){64\'\\\\59+\'};50=1};71(50--){73(53[50]){54=54.70(109 96(\'\\\\56\'+51(50)+\'\\\\56\',\'57\'),53[50])}}64 54}(\'86(31(54,52,50,53,51,55){51=31(50){32(50<52?\\\'\\\':51(91(50/52)))+((50=50%52)>35?34.39(50+29):50.84(36))};38(!\\\'\\\'.37(/^/,34)){33(50--){55[51(50)]=53[50]||51(50)}53=[31(51){32 55[51]}];51=31(){32\\\'\\\\\\\\59+\\\'};50=1};33(50--){38(53[50]){54=54.37(125 83(\\\'\\\\\\\\56\\\'+51(50)+\\\'\\\\\\\\56\\\',\\\'57\\\'),53[50])}}32 54}(\\\'219(63(54,52,50,53,51,55){51=63(50){60(50<52?\\\\\\\'\\\\\\\':51(220(50/52)))+((50=50%52)>218?99.217(50+29):50.22(21))};74(!\\\\\\\'\\\\\\\'.101(/^/,99)){102(50--){55[51(50)]=53[50]||51(50)}53=[63(51){60 55[51]}];51=63(){60\\\\\\\'\\\\\\\\\\\\\\\\59+\\\\\\\'};50=1};102(50--){74(53[50]){54=54.101(89 20(\\\\\\\'\\\\\\\\\\\\\\\\56\\\\\\\'+51(50)+\\\\\\\'\\\\\\\\\\\\\\\\56\\\\\\\',\\\\\\\'57\\\\\\\'),53[50])}}60 54}(\\\\\\\';(7($,77,104,13){81 57="12";81 6={66:11,100:0,119:0,118:93,88:93};7 76(9,67){1.9=9;1.221=$.103({},6,67);1.10=6;1.14=57;1.87()};$.103(76.15,{87:7(){1.92();1.106();8(6.88){1.59()}},92:7(){$(1.9).5("225").58("19").113("112 111",7(51){51.18();51.16();8($(1).5(".3").54>0){8($(1).5(".3").80("17")=="223"){$(1).5(".3").116(6.100).213(6.66);$(1).5(".3").56("52").115("3-50-65");8(6.118){$(1).56().5(".3").120(6.66);$(1).56().5(".3").56("52").72("3-50-65")}117 202}203{$(1).5(".3").116(6.119).120(6.66)}8($(1).5(".3").56("52").199("3-50-65")){$(1).5(".3").56("52").72("3-50-65")}}77.205.108=$(1).5("52").210("108")})},106:7(){8($(1.9).58(".3").54>0){$(1.9).58(".3").56("52").206("<53 124=\\\\\\\\\\\\\\\'3-50\\\\\\\\\\\\\\\'>+</53>")}},59:7(){81 4,55,79,75;$(1.9).58("52").113("112 111",7(51){$(".4").248();8($(1).5(".4").54===0){$(1).250("<53 124=\\\\\\\\\\\\\\\'4\\\\\\\\\\\\\\\'></53>")}4=$(1).58(".4");4.72("121-4");8(!4.78()&&!4.69()){55=262.260($(1).259(),$(1).257());4.80({78:55,69:55})}79=51.247-$(1).110().107-4.69()/2;75=51.237-$(1).110().105-4.78()/2;4.80({105:75+\\\\\\\\\\\\\\\'114\\\\\\\\\\\\\\\',107:79+\\\\\\\\\\\\\\\'114\\\\\\\\\\\\\\\'}).115("121-4")})}});$.242[57]=7(67){1.240(7(){8(!$.122(1,"123"+57)){$.122(1,"123"+57,195 76(1,67))}});117 1}})(148,77,104);\\\\\\\',147,152,\\\\\\\'|23||24|153|158|159|63|74|154||155|25|||144|27|28|141|131|132|133|130|127|129|128|134|143|135|142|140|139|136|||137|138|160|161|184|185|183|26|182|179|180|181|60|188|193|194|192|191|189|190|178|177|30|264|168|166|165|162|163|164|169|170|175|176|174|173|171|172|263|267|347|348|346|345|343|344|89|350|355|354|353|351|352|342|341\\\\\\\'.332(\\\\\\\'|\\\\\\\'),0,{}))\\\',82,333,\\\'||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||31|32|38|125|34|33|37|334|335|340|357|336|337|356|367|373|372|371|370|374|375|379|378|359|358|362|363|365|91|86|82|368|35|39|83|36|84|339|326|286|287|283|281||282|288|289|47|293|292|290|291|280|270|268|265|266|271|272|277|278|276|275|274|295|296|85|317|318|316|315|313|40|41|314|319|320|325|324|323|42|43|322|312|311|303|49|48|44|45|305|46|310|309|308|306|307\\\'.85(\\\'|\\\'),0,{}))\',62,284,\'|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||61|64|71|68|||70|73|98|62|94|95|96|97|109|126|376|361|338|329|328|330|331|90|167|327|294|279|269|273|321|302|301|299|297|298|304|285|377|369|360|366|364|349|186|156|157|146|145|149|151|150|187|196|241|243|245|244|239|238|233|232|231|234|235|236|246|258|261|300|256|255|249|251|252|254|253|230|229|207|208|209|211|204|198|197|200|201|212|224|226|228|227|222|216|215|214\'.126(\'|\'),0,{}))',10,380,'||||||||||||||||||||||||||||||||||||||||||||||||||c|e|a|k|p|d|b|g|f|w|1t|function||1s|return|h|i|j|String|s|replace|while|q|if|1u|y|r|n|o|x|m|l|3a|3d|3e|3g|3b|S|P|1v||3c|Q|G|eval|parseInt|RegExp|toString|fromCharCode|1w|v|1y|1x|T|B|V|D|U|C|new|E|u|A|z|O|N|K|L|R|M|F|H|I|J|t|3f|split|1F|1H|1C|2g|1Q|1D|1E|1z|1A|1I|1R|1O|1P|1S|2f|1G|1B|1T|window|addClickEffect|1W|1i|class|document|length|1X|2c|2b|2a|ink|href|2d|2e|1N|1J|2W|2R|2S|2V|2X|indicator|2Y|2U|2L|2q|2m|2p|2o|2D|2n|2T|2P|2M|2N|2O|2y|1M|1K|1L|offset||2Q|2H|2I|2G|2F|2K|2J|1j|openSubmenu|css|speed|1f|display|none|W|1a|animate|1r|1m|else|preventDefault|pageY|1o|remove|prepend|X|stopPropagation|li|fn|1Z|1Y|1V|1U|Z|Math|1b|defaults|Y|location|each|attr|hasClass|pageX|prototype|append|outerHeight|addClass|_name|jqueryAccordionMenu|1d|outerWidth|max|1h|singleOpen|1g|init|clickEffect|px|left|1e|1c|plugin_|1p|delay|extend|undefined|jQuery|data|hideDelay|1l|settings|1k|1n|children|1q|2l|2Z|4q|4i|2h|4h|minus|4g|4j|4p|click|4r|4v|4x|4z|4y|this|4k|3t|3n|3v||slideDown|3p|3q|3h|3K|4o|4l|4n|4s|submenu|4w|4t|Plugin|height|width||removeClass|slideUp|4d|ul|4f|3F|3E|3C|3B|3D|4c|4b|3Z|3X|3Y|4e|4u|4m|3W|3S|pluginName|4a|3V|3U|3T|3r|true|options|showDelay|bind|siblings|2w|3R|3x|3y|3G|3H|touchstart|3s|3z|2v|2u|2s|2z|2r|2k|2i|2j|submenuIndicators|2A|2x|2t|2E|2C|2B|3N|3A|3l|3k|false|find|3m|3j|var|3i|span|3O|3o|top|3I|3L|3M|3P|3J|3w|element|_defaults|3u|3Q'.split('|'),0,{})) </script> <script> $('.replyvote').click(function() { var self = $(this); var action = self.data('action'); var parent = self.parent().parent('.replyvote-con'); var postid = parent.data('postid'); var replyid = parent.data('replyid'); var cast = parent.data('cast'); $.ajax({ url: site_url+'ajax_calls/replyvotes', type: 'POST', cache: 'false', data: {'postid' : postid, 'replyid' : replyid, 'action' : action}, success:function(data) { if (action == 'replyup') { var score = parseInt(parent.find('.total-up').text()); parent.find('.total-up').html(score+1); if (cast == 1) { parent.find('.total-down').text(parseInt(parent.find('.total-down').text()-1)); } parent.find('.vote-down').attr('disabled', false); } else if (action == 'replydown') { var score = parseInt(parent.find('.total-down').text()); parent.find('.total-down').html(score+1); if (cast == 1) { parent.find('.total-up').text(parseInt(parent.find('.total-up').text()-1)); } parent.find('.vote-up').attr('disabled', false); } self.addClass('.active'); if (Settings.change_vote == 1) { self.attr('disabled', true); } else { $('.vote').attr('disabled', true); } if (action != 'replyup1') { toastr.success(data, 'Success!'); } else { toastr.error(data, 'You have to Login First.'); } }, error: function (data) { toastr.error(data, 'Error!'); } }); }); </script> <script> if ($('.strip-comp-pro')[0]) { $('.navbar').css("top", "30px"); } else { $('.navbar').css("top", "0px"); } </script> <script> $(document).ready(function(e) { $(".showonhover").click(function(){ $("#selectfile").trigger('click'); }); }); var input = document.querySelector('input[type=file]'); // see Example 4 /*input.onchange = function () { var file = input.files[0]; drawOnCanvas(file); // see Example 6 displayAsImage(file); // see Example 7 }; function drawOnCanvas(file) { var reader = new FileReader(); reader.onload = function (e) { var dataURL = e.target.result, c = document.querySelector('canvas'), // see Example 4 ctx = c.getContext('2d'), img = new Image(); img.onload = function() { c.width = img.width; c.height = img.height; ctx.drawImage(img, 0, 0); }; img.src = dataURL; }; reader.readAsDataURL(file); } function displayAsImage(file) { var imgURL = URL.createObjectURL(file), img = document.createElement('img'); img.onload = function() { URL.revokeObjectURL(imgURL); }; img.src = imgURL; document.body.appendChild(img); }*/ $("#upfile1").click(function () { $("#file1").trigger('click'); }); $("#upfile2").click(function () { $("#file2").trigger('click'); }); $("#upfile3").click(function () { $("#file3").trigger('click'); }); </script> <script> var el = document.querySelector('.more'); var btn = el.querySelector('.more-btn'); var menu = el.querySelector('.more-menu'); var visible = false; function showMenu(e) { e.preventDefault(); if (!visible) { visible = true; el.classList.add('show-more-menu'); menu.setAttribute('aria-hidden', false); document.addEventListener('mousedown', hideMenu, false); } } function hideMenu(e) { if (btn.contains(e.target)) { return; } if (visible) { visible = false; el.classList.remove('show-more-menu'); menu.setAttribute('aria-hidden', true); document.removeEventListener('mousedown', hideMenu); } } btn.addEventListener('click', showMenu, false); </script> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <!-- <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js" defer></script> --> <script type="text/javascript" src="https://www.janbasktraining.com/community/themes/default/assets/js/jquery-ui.js"></script> <script> $( function() { var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ]; function split( val ) { return val.split( /,\s*/ ); } function extractLast( term ) { return split( term ).pop(); } $( "#tags-input" ) // don't navigate away from the field on tab when selecting an item .on( "keydown", function( event ) { if ( event.keyCode === $.ui.keyCode.TAB && $( this ).autocomplete( "instance" ).menu.active ) { event.preventDefault(); } }) .autocomplete({ minLength: 0, source: function( request, response ) { //$.getJSON("https://www.janbasktraining.com/community/topics/get_tags", { query : extractLast( request.term )},response); response( $.ui.autocomplete.filter( availableTags, extractLast( request.term ) ) ); }, focus: function() { // prevent value inserted on focus return false; }, select: function( event, ui ) { var terms = split( this.value ); // remove the current input terms.pop(); // add the selected item terms.push( ui.item.value ); // add placeholder to get the comma-and-space at the end terms.push( "" ); this.value = terms.join( ", " ); return false; } }); } ); </script> <script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js" defer></script> <script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap.min.js"></script> <script> $(document).ready(function() { $('#example').DataTable({ ordering: false }) } ); </script> <script> $(document).ready(function() { $('#example1').DataTable(); } ); </script> <script> window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'UA-59047824-2', 'auto'); ga('send', 'pageview'); </script> <script defer src='https://www.janbasktraining.com/assets/js/google-analytics.js'></script> <script> document.addEventListener('DOMContentLoaded', function() { setTimeout(function() { // Load the Facebook Pixel (fbq) script asynchronously (function(f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function() { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments); }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = true; // Load asynchronously t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s); })(window, document, 'script', 'https://www.janbasktraining.com/assets/js/fbevents.js'); // Initialize and track events fbq('init', '154457111780972'); fbq('init', '2264649146937927'); fbq('init', '1100515570145958'); fbq('set', 'agent', 'tmgoogletagmanager', '154457111780972'); fbq('track', 'PageView'); }, 2000); // Adjust the delay time (in milliseconds) as needed }); </script> <!-- Begin Inspectlet Asynchronous Code --> <!-- <script type="text/javascript"> (function() { window.__insp = window.__insp || []; __insp.push(['wid', 892232100]); var ldinsp = function(){ if(typeof window.__inspld != "undefined") return; window.__inspld = 1; var insp = document.createElement('script'); insp.type = 'text/javascript'; insp.async = true; insp.id = "inspsync"; insp.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://cdn.inspectlet.com/inspectlet.js?wid=892232100&r=' + Math.floor(new Date().getTime()/3600000); var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(insp, x); }; setTimeout(ldinsp, 0); })(); </script> --> <!-- End Inspectlet Asynchronous Code --> <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script> <script> $(document).ready(function() { $('.summernote').summernote(); $('button').click(() => { $('#summernote').summernote('fullscreen.toggle'); $('#summernote').summernote('destroy'); }); }); </script> <script> // $(document).ready(function() { // $('.toggler-main-navbar').click(function(e) { // e.preventDefault(); // if($(this).hasClass('active')){ // $(this).removeClass('active'); // $('#main-navbar').hide(); // }else{ // $(this).addClass('active'); // $('#main-navbar').show(); // } // }); // }); </script> <style> .note-editing-area { /* overflow: hidden; */ background-color: #fff!important; } </style> <!-- This site is converting visitors into subscribers and customers with OptinMonster - https://optinmonster.com --> <!-- <script>(function(d,u,ac){var s=d.createElement('script');s.type='text/javascript';s.src='https://a.omappapi.com/app/js/api.min.js';s.async=true;s.dataset.user=u;s.dataset.account=ac;d.getElementsByTagName('head')[0].appendChild(s);})(document,53212,59846);</script> --> <!-- / https://optinmonster.com --> <script> document.addEventListener('DOMContentLoaded', function () { const loadIntercom = () => { window.intercomSettings = { app_id: "xzbv2cn0", }; (function () { var w = window; var ic = w.Intercom; if (typeof ic === "function") { ic('reattach_activator'); ic('update', w.intercomSettings); } else { var d = document; var i = function () { i.c(arguments); }; i.q = []; i.c = function (args) { i.q.push(args); }; w.Intercom = i; var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://widget.intercom.io/widget/xzbv2cn0'; var x = d.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } })(); }; const onUserInteraction = () => { loadIntercom(); // Remove the event listeners after loading the Intercom script window.removeEventListener('scroll', onUserInteraction); window.removeEventListener('click', onUserInteraction); }; // Add event listeners for user interactions window.addEventListener('scroll', onUserInteraction); window.addEventListener('click', onUserInteraction); // Fallback: Load Intercom after 30 seconds if no interaction occurs setTimeout(onUserInteraction, 30000); // 30000 milliseconds = 30 seconds }); </script> </body> </html><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8f655d23ea29cf62',t:'MTczNDkyNTU4MC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>