concept

Concept > 

<style type="text/css"> @media (max-width: 768px) { .hide-mobile{ display: none ! important; } .mobile-donate-now{ display: block !important; } } .mobile-donate-now{ display: block; } .mobile-donate-now{ float: right; padding-right: 15px; padding-top: 18px; } .mobile-donate-now a { margin: 0; min-width: 122px; border-left: none; background-color: #fa6f1c; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 10px 15px; } .mobile-donate-now a:hover { background-color: #27262c; color: #fff; } .customer-actions{ margin: 0; min-width: 122px; border-left: none; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 2px 0; } .bar .bar-socials li.login-action a { width: 170px;; } .bar .bar-socials li.myaccnt-action a { width: 130px; } .bar .bar-socials li.cart-action a { width: 0px; } .learn-more { color: white; text-decoration: underline; } .learn-more:hover { color: white; text-decoration: underline; } .logo_wthree_agile { /*padding-left: 80px;*/ padding-left: 0px; } </style> <script>(function(){ var s = document.createElement('script'), e = ! document.body ? document.querySelector('head') : document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, language : 'en', position : 'left', leadColor : '#1c6ee9', triggerColor : '#143361', triggerRadius : '50%', triggerPositionX : 'left', triggerPositionY : 'top', triggerIcon : 'people', triggerSize : 'small', triggerOffsetX : 20, triggerOffsetY : 57, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'center', triggerOffsetX : 10, triggerOffsetY : 0, triggerRadius : '50%' } }); }; e.appendChild(s);}());</script> <!-- ################################# START PAGE HEADER ################################ --> <!-- Header Section Starts --> <header id="header-area"> <div class="top_header" id="home"> <!-- Fixed navbar --> <nav class="navbar navbar-default navbar-fixed-top"> <div class="header-txt-banner"> <ul> <li>ANNOUNCEMENT: Safety is our top priority. <a class="learn-more" href="Safety-COVID19">Learn More</a> <img src="/assets/NewImages/Topbanner_popup_mask.svg"/><span class="closee">×</span></li> </ul> </div> <!-- <div class="llk-row">--> <div class="columns small-12"> <div class="nav_top_fx_w3layouts_agileits"> <div class="header-icon-left"> <!-- <img src="/assets/NewImages/image-8@1x.jpg"/> --> </div> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="logo_wthree_agile"> <a href="/" data-touchpoint="home" class="logo-link"> <img src="/assets/images/common/logo.png" alt="Life Lab" class="main-logo"> </a> <div class="mob-header-donate-btn"> <a href="/donate"><button type="button" id="newsletter-form-submit" class="mob-donate-btn">Donate</button></a> </div> </div> <!-- <div class="mobile-donate-now"> <a href="/donate" class="donate-now">Donate</a> </div> --> </div> <div id="navbar" class="navbar-collapse collapse"> <div class="nav_right_top"> <ul class="nav navbar-nav"> <li> <a href="/">Home</a> </li> <li> <a class="scroll" href="/about-us">About Us</a> </li> <!-- <li> <a class="scroll" href="/benefits">Benefits</a> </li>--> <li> <a class="scroll" href="/Services">Services</a> </li> <li> <!-- <a class="scroll" href="/activities">Community</a>--> <a class="scroll" href="/Community">Community</a> </li> <!-- <li> <a class="scroll" href="/events">Events</a> </li> <li> <a class="scroll" href="/news">News</a> </li>--> <li> <a class="scroll" href="/careers">Careers</a> </li> <!-- <li> <a class="scroll" href="/testimonials">Testimonials</a> </li>--> <li> <a class="scroll contact-active" href="/contactUs">Contact Us</a> </li> <!-- <li class=""> <a class="scroll" href="/donate">Donate</a> </li>--> </ul> <div class="header-donate-btn"> <a id="donate-href" href="/donate"><button type="button" id="newsletter-form-submit" class="donate-btn">Donate</button></a> </div> </div> </div> <!--/.nav-collapse --> </div> </div> <!-- /.columns small-12 --> <!-- </div>--> </nav> <div class="clearfix"></div> </div> </header> <!-- Header Section Ends --> <!-- ################################# END PAGE HEADER ################################# --> <div class="clearfix"></div> <!-- ################################# START MAIN CONTENT ################################# --> <!-- Main Container Starts --> <div id="main-container" class="" style=""> </div> <!-- Main Container Ends --> <!-- ################################# END MAIN CONTENT ################################# --> <script> $(function() { var url = window.location.href; jQuery(".navbar-nav a").each(function() { // checks if its the same on the address bar if (url==this.href+"/" ||url==this.href) { jQuery(this).closest("li").addClass("active"); //for making parent of submenu active //jQuery(this).closest("li").parent().parent().addClass("active"); } }); var currentCategoryId = '${CURRENT_CATEGORYID}'; jQuery('.navbar-collapse').css("visibility","visible"); $("a[category-id='" + currentCategoryId + "']").addClass("active"); /** start global search event script **/ $("input[id='search']").keypress(function(event) { var searchValue = $(this).val(); var hasSearchValue = (!$.isBlank(searchValue)) ? true : false; if (event.keyCode == 13 && !hasSearchValue) { event.preventDefault(); } if (event.keyCode == 13 && hasSearchValue) { return true; } }); var searchDefaultInputText = 'Search'; $("input[id='search']").focusin(function() { var searchValue = $(this).val(); var hasSearchValue = (!$.isBlank(searchValue)) ? true : false; if (hasSearchValue) { if (searchValue == searchDefaultInputText) { $(this).val(""); } } }); $("input[id='search']").focusout(function() { var searchValue = $(this).val(); var hasSearchValue = (!$.isBlank(searchValue)) ? true : false; if (!hasSearchValue) { $(this).val(searchDefaultInputText); } }); $("button[id='butt-global-search']").click(function() { var searchDefaultInputText = 'Search'; var searchValue = $("input[id='search']").val(); var hasSearchValue = (!$.isBlank(searchValue)) ? true : false; if (hasSearchValue && searchValue != searchDefaultInputText) { //console.log("Trigger Search"); $("#searchportlettag").submit(); } }); /** end global search event script **/ $("div[id='header-icon']").hover( function() { $(this).find("img[id='header-icon-bw']").hide(); $(this).find("img[id='header-icon-color']").show(); } , function() { $(this).find("img[id='header-icon-color']").hide(); $(this).find("img[id='header-icon-bw']").show(); } ); var url = window.location.href; //var displayFlag=false; if (url.indexOf('checkout.ssp') >0 || url.indexOf('cart.ssp') >0) { jQuery('#horizontalTab').hide(); } else { console.log('in horizontal block') jQuery('#horizontalTab').easyResponsiveTabs({ type: 'default', //Types: default, vertical, accordion width: 'auto', //auto or any width like 600px fit: true, // 100% fit in a container closed: 'accordion', // Start closed if in accordion view activate: function(event) { // Callback function if tab is switched var $tab = jQuery(this); var $info = jQuery('#tabInfo'); var $name = jQuery('span', $info); $name.text($tab.text()); $info.show(); } }); } }); </script> <script> var closebtns = document.getElementsByClassName("closee"); var i; for (i = 0; i < closebtns.length; i++) { closebtns[i].addEventListener("click", function() { this.parentElement.style.display = 'none'; }); } </script> <script> $(function(){ $('.nav a').click(function(){ $(this).parent().addClass('active').siblings().removeClass('active') }) }) </script> <script type="text/javascript"> $(function() { var url = window.location.href; jQuery(".navbar-nav a").each(function() { // checks if its the same on the address bar if (url==this.href+"/" ||url==this.href) { jQuery(this).closest("li").addClass("active"); console.log("url",url); //for making parent of submenu active //jQuery(this).closest("li").parent().parent().addClass("active"); } }); var currentCategoryId = '${CURRENT_CATEGORYID}'; jQuery('.navbar-collapse').css("visibility","visible"); $("a[category-id='" + currentCategoryId + "']").addClass("active"); /** start global search event script **/ $("input[id='search']").keypress(function(event) { var searchValue = $(this).val(); var hasSearchValue = (!$.isBlank(searchValue)) ? true : false; if (event.keyCode == 13 && !hasSearchValue) { event.preventDefault(); } if (event.keyCode == 13 && hasSearchValue) { return true; } }); } </script>