| Snaprecruit.com

</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-3">
                                        <div class="queColBtn">
                                            <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="8">Show Correct Answer</button>
                                        </div>
                                    </div>
                                    <div class="col-lg-7 correctans" id="cans8">
                                        Correct Answer is : <span><textarea></span>
                                    </div> 
                                </div>
                                <hr />
                            
                                <h3>9. Which of the following defines a default value on page load?</h3>
                                <div class="queColList">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que9A">A. <object></label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que9B">B. <input></label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que9C">C. <progress></label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que9D">D. <area></label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-3">
                                        <div class="queColBtn">
                                            <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="9">Show Correct Answer</button>
                                        </div>
                                    </div>
                                    <div class="col-lg-7 correctans" id="cans9">
                                        Correct Answer is : <span><progress></span>
                                    </div> 
                                </div>
                                <hr />
                            
                                <h3>10. How title attribute works?</h3>
                                <div class="queColList">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que10A">A. Displays text when hovering over the element</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que10B">B. Focus text when hovering over the element</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que10C">C. Highlight text when hovering over the element</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que10D">D. Zoom in and zoom out text when hovering over the element</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-3">
                                        <div class="queColBtn">
                                            <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="10">Show Correct Answer</button>
                                        </div>
                                    </div>
                                    <div class="col-lg-7 correctans" id="cans10">
                                        Correct Answer is : <span>Displays text when hovering over the element</span>
                                    </div> 
                                </div>
                                <hr />
                            
                                <h3>11. Which attribute is not for overriding the actions?</h3>
                                <div class="queColList">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que11A">A. Formaction</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que11B">B. Style</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que11C">C. Tabindex</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que11D">D. Slot</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-3">
                                        <div class="queColBtn">
                                            <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="11">Show Correct Answer</button>
                                        </div>
                                    </div>
                                    <div class="col-lg-7 correctans" id="cans11">
                                        Correct Answer is : <span>Slot</span>
                                    </div> 
                                </div>
                                <hr />
                            
                                <h3>12. srclang attribute is used with the element ____________</h3>
                                <div class="queColList">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que12A">A. <track></label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que12B">B. <input></label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que12C">C. <iframe></label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que12D">D. <table></label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-3">
                                        <div class="queColBtn">
                                            <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="12">Show Correct Answer</button>
                                        </div>
                                    </div>
                                    <div class="col-lg-7 correctans" id="cans12">
                                        Correct Answer is : <span><track></span>
                                    </div> 
                                </div>
                                <hr />
                            
                                <h3>13. What is the use of spellcheck attribute?</h3>
                                <div class="queColList">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que13A">A. Checks spelling</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que13B">B. Indicates if spell checking is allowed</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que13C">C. Checks spelling and corrects it</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que13D">D. Checks spelling of a given particular text only</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-3">
                                        <div class="queColBtn">
                                            <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="13">Show Correct Answer</button>
                                        </div>
                                    </div>
                                    <div class="col-lg-7 correctans" id="cans13">
                                        Correct Answer is : <span>Indicates if spell checking is allowed</span>
                                    </div> 
                                </div>
                                <hr />
                            
                                <h3>14. Which parameter is commonly used for size attribute?</h3>
                                <div class="queColList">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que14A">A. centimeter</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que14B">B. pixels</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que14C">C. inch</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que14D">D. millimeter</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-3">
                                        <div class="queColBtn">
                                            <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="14">Show Correct Answer</button>
                                        </div>
                                    </div>
                                    <div class="col-lg-7 correctans" id="cans14">
                                        Correct Answer is : <span>pixels</span>
                                    </div> 
                                </div>
                                <hr />
                            
                                <h3>15. Which attribute indicates a descending order of displaying a list?</h3>
                                <div class="queColList">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que15A">A. reversed</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que15B">B. forward</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que15C">C. straight</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que15D">D. circular</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-3">
                                        <div class="queColBtn">
                                            <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="15">Show Correct Answer</button>
                                        </div>
                                    </div>
                                    <div class="col-lg-7 correctans" id="cans15">
                                        Correct Answer is : <span>reversed</span>
                                    </div> 
                                </div>
                                <hr />
                            
                                <h3>16. The major difference between minlength and min attribute is ______</h3>
                                <div class="queColList">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que16A">A. ‘minlength’ is for the minimum number of characters and ‘min’ is for the minimum value</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que16B">B. ‘minlength’ is for the minimum value and ‘min’ is for the minimum number of characters</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que16C">C. ‘minlength’ is for multiple values and ‘min’ is for the single value</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que16D">D. ‘minlength’ is for single value and ‘minlength’ is for multiple values</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-3">
                                        <div class="queColBtn">
                                            <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="16">Show Correct Answer</button>
                                        </div>
                                    </div>
                                    <div class="col-lg-7 correctans" id="cans16">
                                        Correct Answer is : <span>‘minlength’ is for the minimum number of characters and ‘min’ is for the minimum value</span>
                                    </div> 
                                </div>
                                <hr />
                            
                                <h3>17. How does download attribute work?</h3>
                                <div class="queColList">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que17A">A. An indication that hyperlink is to be used for downloading</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que17B">B. Directly downloads as per the need of the user</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que17C">C. Gives various source links to download</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que17D">D. List the topics which one can download from a certain page</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-3">
                                        <div class="queColBtn">
                                            <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="17">Show Correct Answer</button>
                                        </div>
                                    </div>
                                    <div class="col-lg-7 correctans" id="cans17">
                                        Correct Answer is : <span>An indication that hyperlink is to be used for downloading</span>
                                    </div> 
                                </div>
                                <hr />
                            
                                <h3>18. datetime attribute is not related with ______________</h3>
                                <div class="queColList">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que18A">A. <del></label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que18B">B. <time></label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que18C">C. <ins></label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que18D">D. <form></label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-3">
                                        <div class="queColBtn">
                                            <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="18">Show Correct Answer</button>
                                        </div>
                                    </div>
                                    <div class="col-lg-7 correctans" id="cans18">
                                        Correct Answer is : <span><form></span>
                                    </div> 
                                </div>
                                <hr />
                            
                                <h3>19. cols attribute is use with ___________</h3>
                                <div class="queColList">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que19A">A. <td></label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que19B">B. <th></label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que19C">C. <textarea></label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que19D">D. <ol></label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-3">
                                        <div class="queColBtn">
                                            <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="19">Show Correct Answer</button>
                                        </div>
                                    </div>
                                    <div class="col-lg-7 correctans" id="cans19">
                                        Correct Answer is : <span><textarea></span>
                                    </div> 
                                </div>
                                <hr />
                            
                                <h3>20. Use of checked attribute is ____________</h3>
                                <div class="queColList">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que20A">A. Whether on page load element should be checked</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que20B">B. Whether on page load all form element should be checked</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que20C">C. Whether on page load all list element should be checked</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="queSelect">
                                                <label for="que20D">D. Whether on page load all multimedia elements should be checked</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-3">
                                        <div class="queColBtn">
                                            <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="20">Show Correct Answer</button>
                                        </div>
                                    </div>
                                    <div class="col-lg-7 correctans" id="cans20">
                                        Correct Answer is : <span>Whether on page load element should be checked</span>
                                    </div> 
                                </div>
                                <hr />
                            
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</div>

$(".btnAnswer").on('click', function(){
        var qid = $(this).data("id");
        $("#cans" + qid).toggle(100);
    });
});
</script>
</div>

<footer>
  <div class="footer_content tets">        
    <div class="container">
      <div class="footer_menu">
          <div class="row">
             <div class="col-md-3">
              <div class="footer_text">
                <h2>For Employers</h2>
                <ul>
                  <li> <a href="https://calendly.com/support-121/snaprecruit23" target="_blank" title="Schedule A Demo">Schedule A Demo</a> </li>
                 
                  <li> <a href="" title="For Employers">Staffing Services we offer via: </a> </li>
                  <li> <a href="https://SnapX.ai" target="_blank" title="Get Vetted Talent with Video Intros.">SnapX.ai</a> </li>
                 
                 
                  
                </ul>
                <h2>For Partner</h2>
                <ul>
                  <li> <a href="/register.html?returnJobAlias=" target="_blank" title="Partner Registration">Partner Registration</a> </li>
                </ul>
                
              </div>
             </div>
             <div class="col-md-3">
                <div class="footer_text">
                   <h2>For Jobseekers</h2>
                  <ul>
                    <li> 
                      <a href="/register.html" title="Talent">For Talent</a> 
                    </li>
                    <li> 
                      <a href="/register.html" title="Register">Upload YourResume </a> 
                    </li>
                    <li> 
                      <a href="/jobcon-event.html" title="How Hired Works">JOBCON - Sourcing Event</a> 
                    </li>
                    <li> 
                      <a href="/blog/blog-list.html" title="Blogs">Blogs</a>
                    </li>
                    <li> 
                      <a href="/article/announcements-list.html" title="Announcements">Announcements</a>
                    </li>
                    <li> 
                      <a href="/articles/articles-list.html" title="HR Articles">HR Articles</a>
                    </li>
                    <li> 
                      <a href="/job-descriptions/job-descriptions-list.html" title="Job Description">Job Description</a>
                    </li>
                    <li> 
                      <a href="/interview-questions/interview-questions-list.html" title="Interview Questions">Interview Questions</a>
                    </li>
                  </ul>
                </div>
             </div>
             <div class="col-md-3">
                <div class="footer_text">
                   
                   <h2>Help</h2>
                    <ul>
                      <li> 
                        <a href="/article/help-list.html" title="Help Articles">Help</a>
                      </li>
                      <li> 
                        <a href="/article/support-list.html" title="Support Articles">Support Articles</a>
                      </li>
                      <li> 
                        <a href="/site-map.html" target="_blank" title="Sitemap">Sitemap</a> 
                      </li>
                      <li> 
                        <a href="/terms.html" target="_blank" title="Terms & Conditions">Terms of Service</a> 
                      </li>
                      <li> 
                        <a href="/policy.html" target="_blank" title="Privacy Policy">Privacy Policy</a> 
                      </li>
                    </ul>
                    <h2>Follow Us</h2>
                    <ul class="socila_icon">
                        <li><a href="https://www.facebook.com/snaprecruits" aria-label="Facebook" target="_blank"><i class="fa fa-facebook" aria-hidden="true" style="color:#8badd7;"></i></a></li>
                        <li><a href="https://twitter.com/snaprecruit" aria-label="Twitter" target="_blank"><i class="fa fa-twitter" aria-hidden="true" style="color:#a5e2fe;"></i></a></li>
                        <li><a href="https://linkedin.com/company/snaprecruit.com" target="_blank" aria-label="Linkedin"><i class="fa fa-linkedin" aria-hidden="true" style="color:#a5eeee;"></i></a></li>
                    </ul>
                </div>
             </div>
             <div class="col-md-3">
                <div class="footer_text">
                  <h2 >snaprecruit</h2>
                  <ul class="footerLogo">
                    <li>
                      <a href="https://heapanalytics.com/?utm_source=badge" aria-label="Analytics by heap" target="_blank">
                        <img width="104" height="39" src="/landing/img/footer-img1.png" alt="FooterImg" />
                      </a>
                    </li>
                    <li>
                      <a href="https://jooble.org" aria-label="Jooble" target="_blank">
                        <img width="49" height="38" src="/landing/img/footer-img2.png" alt="FooterImg" />
                      </a>
                    </li>
                  </ul>
                </div>
             </div>
          </div>
      </div>
      <div class="footer_bottom">
        <div class="row">
          <div class="footer_right col-lg-6 order-12">
            <ul>
              <li><a href="/site-map.html" target="_blank" title="Sitemap">Sitemap</a></li>
              <li><a href="/release-notes.html" target="_blank" title="Release Notes">Release Notes</a></li>
              <li><a href="/terms.html" target="_blank" title="Terms & Conditions">Terms of Service</a></li>
              <li><a href="/policy.html" target="_blank" title="Privacy Policy">Privacy Policy</a></li>
            </ul>
          </div>
          <div class="footer_Left col-lg-6 order-1">
             <p> 2020 - 2025 SnapX Platform Inc. All Rights Reserved</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>

<div class="notification-footer showFooter appDownloadCol">
    <div class="appDownloadSec">
      <div class="appDownloadSecInner">
        <h3><span>Download mobile apps</span>Just Swipe to apply for jobs. <label>Try it out !</label> </h3>
        <div class="appDownloadBtnCol">
          <div class="appDownloadBtn asd">
            <a href="https://apps.apple.com/us/app/snaprecruit/id1546822497">
              <img width="23" height="26" src="/assets/img/appleicon.svg" alt="Apple icon" />
              <p>
                <span>Download on</span>
                <label>App store</label>
              </p>
            </a>
            <a href="https://play.google.com/store/apps/details?id=com.snaprecruit.swipe&hl=en_US&gl=US">
              <img width="20" height="21" src="/assets/img/googleplayicon.svg" alt="Google play icon" />
              <p>
                <span>Download on</span>
                <label>Google Play</label>
              </p>
            </a>
          </div>
          <i class="fa fa-times f-close-x notclose" aria-hidden="true"></i>
        </div>
      </div>
    </div>
  </div>
<script type="text/javascript">
	$(".notclose").click(function(){
	  $(this).parents().find(".showFooter").removeClass("showFooter");
	});
</script>

$(document).ready(function() {

$('.smoothScroll').click(function(){
        $('html, body').animate({
            scrollTop: $( $.attr(this, 'href') ).offset().top
        }, 1000);
        return false;
    });

if ($('.register').html()) {

var stickyNavTop = $('.register').offset().top;
      var stickyNav = function(){

var scrollTop = $(window).scrollTop();
        if (scrollTop > stickyNavTop) {
          $('.register').addClass('sticky');
        } else {
          $('.register').removeClass('sticky');
        }
      };

stickyNav();
      $(window).scroll(function() {
        stickyNav();
      });
    }

$('#postJobBtn').click(function() {
      window.location = "/register.html?rec=true&user.email=" + $('#upperEmail').val();
    });

$('#uploadResumeBtn').click(function() {
      window.location = "/register.html?user.email=" + $('#upperEmail').val();
    });

$('#registerAnAccount').click(function() {

window.location = "/register.html?user.email=" + $('#registerEmail').val();
    });

// Home page Animations
    if ($('.item').hasClass('active')){

$(this).toggleClass("pulse animated");
    }

$('.arrowBtn').click(function() {
      var next = $('.carousel-inner .active').next();
      if (!next.html()) next = $('.carousel-inner .item').first();
      if (next.html())
        setTimeout(function(){ next.removeClass("pulse");next.removeClass("animated");next.toggleClass("pulse animated"); }, 70);
    });

var checkEmail = function(email) {

var str="^([a-zA-Z0-9_-]+[\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9_-]+[\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$";
      var re=new RegExp(str);
      if(re.test(email)){
        return true;
      }

return false;
    }

$('#formRptSend').click(function() {

var subject = $('#formRptSubject').val();
          var email = $('#formRptEmail').val();
          var message = $('#formRptMsg').val();

if (!subject) {
          $('#formRptSubjectErr').show();
          return;
        } else
          $('#formRptSubjectErr').hide();

if (!email) {

$('#formRptEmailErr').show();
          return;
        } else if (!checkEmail(email)) {

$('#formRptEmailInvalid').show();
          $('#formRptEmailErr').hide();
          return;
        } else {

$('#formRptEmailErr').hide();
          $('#formRptEmailInvalid').hide();
        }

if (!message) {
          $('#formRptMsgErr').show();
          return;
        } else
          $('#formRptMsgErr').hide();

$.post( "/ajax/send-report-email.html", { 'contact.name' : subject, 'contact.email' : email, 'contact.message' : message }, function() {

$('#myModal').modal("hide");
          });
    });
  });
  
  // $(".login-button .positionr").hover(function(){
  //   $(".employermenu").next().toggle();
  // });

$('.load-one').click(function(){
    $('.load-cont-2').addClass('loadmoreshow');
    $(this).hide();
  });
  $('.load-two').click(function(){
    $('.load-cont-3').addClass('loadmoreshow');
    $(this).hide();
  });
  $('.load-three').click(function(){
    $('.load-cont-4').addClass('loadmoreshow');
    $(this).hide();
  });
  $('.load-four').click(function(){
    $('.load-cont-5').addClass('loadmoreshow');
    $(this).hide();
  });
  $('.load-five').click(function(){
    $('.load-cont-6').addClass('loadmoreshow');
    $(this).hide();
  });
  
  
  $('body').scrollspy({ target: '#page-scroll-links'});
  
  function checkOffset() {
      if($('#social-float').offset().top + $('#social-float').height() 
                                             >= $('#footer').offset().top - 10)
          $('#social-float').css('position', 'absolute');
      if($(document).scrollTop() + window.innerHeight < $('#footer').offset().top)
          $('#social-float').css('position', 'fixed'); // restore when you scroll up
      $('#social-float').text($(document).scrollTop() + window.innerHeight);
  }
  $(document).scroll(function() {
      checkOffset();
  });
  
  $('#navbar-example .nav-tabs>li').click(function(){
    $('#navbar-example .nav-tabs>li').removeClass('active');
    $(this).addClass('active');
  });
  
  $('#reloadActivities').click(function(){ 
    
   $('.side-bar' ).animate({right:'0px'});
  });
  
  $('.btn.btn-default.slide').click(function(){
   $('.side-bar' ).animate({right:'-400px'});
  });
  
  
  //Blog paragraph text limit
  $(function(){
    $(".card .card__info p").each(function(i){
      len=$(this).text().length;
      if(len>160)
      {
        $(this).text($(this).text().substr(0,160)+'...');
      }
    });
  });

$(document).on("click", function(event){
    var $trigger = $(".login-button");
    if($trigger !== event.target && !$trigger.has(event.target).length){
      $(".login-button").removeClass("open");
    }
  });

function filterJobs(paramName, value) {
	
	 var queryParams = "";
	 var qpArr = queryParams!="" ? queryParams.split("&") : [];
	 paramFlag = false;
	 if(qpArr.length > 0) {
		 var nqpArr = [];
		 var j = 0;

for(i = 0; i < qpArr.length; i++) {
			if(qpArr[i].indexOf("error=") === -1) {
		
				nqpArr[j] = qpArr[i];
				j++;
			}

}

for(i = 0; i < nqpArr.length; i++) {
			 var pair = nqpArr[i].split("=");
			 if(pair[0] == "error")
			 	continue;
			 if(pair[0] == paramName)
			 {
				 paramFlag = true;
			 	pair[1] = value;
			 }
			 
			 nqpArr[i] = pair.join("=");
		}
		queryParams = nqpArr.join("&");
	 }
	 
	 if(paramFlag == false) {
		 if(queryParams=="")
		 	queryParams = paramName+"="+value;
		 else
			 queryParams = queryParams+"&"+paramName+"="+value;
	 }
	 
	window.location = "http://snaprecruit.com/interview-questions/HTML-+-HTML5-interview-questions-part-14.html?"+queryParams;
}
function clearFilters() {
	 var queryParams = "";
	 var qpArr = queryParams!="" ? queryParams.split("&") : [];
	 var queryCity = qpArr.filter(function(qprm) {
		  return qprm.indexOf("query")!=-1 ||  qprm.indexOf("city")!=-1;
		});
	 queryParams = queryCity.join("&");
	window.location = "http://snaprecruit.com/interview-questions/HTML-+-HTML5-interview-questions-part-14.html?"+queryParams;
}
</script>

</body>
</html>

| Snaprecruit.com

Interview question based on skill :

Take as many assements as you can to improve your validate your skill rating

Total Questions: 20

1. Which of the following is the attribute that specifies the column name from the data source object that supplies the bound data?

2. Which of the following is the attribute that indicates the name of the data source object that supplies the data that is bound to this element?

3. Which of the following is the attribute that specifies additional horizontal space, in pixels, to be reserved on either side of an embedded item like an iframe, applet, image, and so on?

4. The accesskey attribute specifies a keyboard navigation accelerator for the element.

5. Which of the following is the attribute that is used to set a global identifier for a microdata item?

6. Which of the following is the attribute that is used to add a name/value pair to a microdata item?

7. What does wrap attribute denote?

8. With which element width attribute is not define?