Donation

.mobile-donate-now a:hover {
        background-color: #27262c;
        color: #fff;
    }
  </style>
    
    
    <header id="header-area">
        <div class="top_header" id="home">
            
            <nav class="navbar navbar-default navbar-fixed-top">
                <div class="bar">
                    <div class="llk-row">
                        <div class="columns small-12">
                            <p class="bar-phone">
                                <i class="fa fa-phone"></i>
                                <B>
                               <a href="tel:+1 248-629-4600">
                                    Call Us :+1 248-629-4600                                
                                </a>
                            </B>
                            </p>
                            
                            <div class="bar-socials">
                                
                                <ul class="hide-mobile">
                                    <li ><a target="_blank" href="https://www.facebook.com/lifelabkids/" title="Facebook"> <i class="fa fa-facebook"></i></a></li>
                                    <li class="hide-mobile"><a target="_blank" href="https://twitter.com/LifeLabKids" title="Twitter"> <i class="fa fa-twitter"></i></a></li>
                                    <li class="hide-mobile"><a target="_blank" href="https://www.instagram.com/lifelabkids/" title="Instagram"> <i class="fa fa-instagram"></i></a></li>
                                    <li class="header-actions">
                                        <a href="/donate" class="donate-now">Donate</a>
                                    </li>
                                </ul>
                                
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </div>
                <div class="llk-row">
                    <div class="columns small-12">
                        <div class="nav_top_fx_w3layouts_agileits">
                            <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>
                                <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="/concept">Concept</a>
                                        </li>
                                        
                                        <li>
                                            <a class="scroll" href="/programs">Programs</a>
                                        </li>
                                        
                                        <li>
                                            <a class="scroll" href="/activities">Facility</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="/about-us">About Us</a>
										</li> 
                                        <li>
                                            <a class="scroll" href="#contact">Contact</a>
                                        </li>
                                        
                                    </ul>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                    
                </div>
            </nav>
            <div class="clearfix"></div>
        </div>
    </header>
    
    
    <div class="clearfix"></div>
    
    
    <div id="main-container" class="" style="">
    </div>
    
    
    <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();

}
        );

});
    </script>

Shopping Cart

	Your Cart is Empty
	View Cart

.fadeBackground{
    background-color: #afa9a9;
    opacity: 0.5;
}

#loader {
  animation: loader 5s cubic-bezier(.8,0,.2,1) infinite;
  height: 40px;
  width: 41px;
  position: absolute;
  top:calc(50% - 20px);
  left:calc(50% - 20px);
  background-color: #ffffff;
}
@keyframes loader {
  90% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); }
}
#top {
  animation: top 5s linear infinite;
  border-top: 20px solid #fa6f1c;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  height: 0px;
  width: 1px;
  transform-origin: 50% 100%;
}
@keyframes top {
  90% { transform: scale(0); }
  100% { transform: scale(0);}
}
#bottom {
  animation: bottom 5s linear infinite;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fa6f1c;
  border-left: 20px solid transparent;
  height: 0px;
  width: 1px;
  transform: scale(0);
  transform-origin: 50% 100%;
}
@keyframes bottom {
  10% { transform: scale(0); }
  90% { transform: scale(1); }
  100% { transform: scale(1); }
}
#line {
  animation: line 5s linear infinite;
  border-left: 1px dotted #fa6f1c;
  height: 0px;
  width: 0px;
  position: absolute;
  top: 20px;
  left: 20px;
}
@keyframes line {
  10% { height: 20px; }
  100% { height: 20px; }
}
</style>

<div class="container">
        <div class="row">
            
            <div class="col-sm-12 donate-header">
                
                <h2 class="llk_donate_header">Donate Now</h2>
                <div class="llk_donate_help_block">
                    <p class="llk_donate_help_para">
                        <span>Help LifeLab Kids discover potential!</span>
                        <br>
                        <span> LifeLab Kids is a 501(c)3 non-profit organization and your donations are fully tax deductible. </span>
                    </p>
                </div>
            </div>
            
            <div class="llk_donate_wrap">
                <div class="llk_donate_cell">
                    <p class="amount-p">$25.00</p>
                    <input type="image" src="/assets/images/common/btn_donateCC_LG.gif" border="0" name="submit" class="donate-now" price-attr="25" alt="PayPal - The safer, easier way to pay online!">
                </div>
                <div class="llk_donate_cell">
                    <p class="amount-p">$50.00</p>
                    <input type="image" src="/assets/images/common/btn_donateCC_LG.gif" border="0" name="submit" class="donate-now" price-attr="50" alt="PayPal - The safer, easier way to pay online!">
                </div>
                <div class="llk_donate_cell">
                    <p class="amount-p">$75.00</p>
                    <input type="image" src="/assets/images/common/btn_donateCC_LG.gif" border="0" name="submit" class="donate-now" price-attr="75" alt="PayPal - The safer, easier way to pay online!">
                </div>
                <div class="llk_donate_cell">
                    <p class="amount-p">$100.00</p>
                    <input type="image" src="/assets/images/common/btn_donateCC_LG.gif" border="0" name="submit" class="donate-now" price-attr="100" alt="PayPal - The safer, easier way to pay online!">
                </div>
                <div class="llk_donate_cell">
                    <p class="amount-p">$500.00</p>
                    <input type="image" src="/assets/images/common/btn_donateCC_LG.gif" border="0" name="submit" class="donate-now" price-attr="500" alt="PayPal - The safer, easier way to pay online!">
                </div>
                <div class="llk_donate_cell">
                    <input type="text" name="your-amount" class="your-amount-input" id="your-amount" placeholder="Enter Your Amount" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" autofocus>
                    
                    <input type="image" src="/assets/images/common/btn_donateCC_LG.gif" border="0" name="submit" class="donate-now" price-attr="your-amount" alt="PayPal - The safer, easier way to pay online!">
                </div>
            </div>
        </div>
    </div>
    
    <div  class="loading" style="display: none" id="loader">
        <div id="top"></div>
        <div id="bottom"></div>
        <div id="line"></div>
    </div>
    <script>
    jQuery(
        function() {
            try {
                var accountId = "5158869";
                var donationItemId = "6";

var addtoCartURL = "/app/site/backend/additemtocart.nl?c=" + accountId + "&buyid=" + donationItemId;

console.log('CHECKOUT_URL is==>>'+CHECKOUT_URL)

jQuery('input[name="your-amount"]').keyup(function(e) {
                    if (/\D/g.test(this.value)) {
                        // Filter non-digits from input value.
                        this.value = this.value.replace(/\D/g, '');
                    }
                });

jQuery(".donate-now").click(function() {
                    this.disabled = true;
                    var priceValue;
                    var priceAttr = jQuery(this).attr("price-attr");

if (priceAttr == "your-amount") {
                        priceValue = jQuery('#your-amount').val();

if (priceValue == "" || priceValue == null)
                            alert('Please Enter Donation Amount')
                    } else
                        priceValue = jQuery(this).attr("price-attr");

if (priceValue > 0) {
                        jQuery('.container').addClass("fadeBackground");
                        jQuery('.loading').show();

jQuery.ajaxSetup({ async: false });
                        if (CART_ITEM_COUNT > 0) {
                            var emptyCart = "/app/site/backend/emptycart.nl?c=" + accountId;
                            jQuery.get(emptyCart, function(data) {
                                console.log();
                                //window.location.href=CHECKOUT_URL;
                            });
                        }
                        jQuery.ajaxSetup({ async: true });

addtoCartURL += "&custcol_llk_donation_contribution=" + priceValue;
                        jQuery("body").css("cursor", "progress");
                        console.log(addtoCartURL);
                        jQuery.get(addtoCartURL, function(data) {
                            //console.log(JSON.stringify(data));
                            window.location.href = CHECKOUT_URL;
                        });
                    }
                });
            } catch (ex) {
                console.log(ex.toString());
            }

}
    );
    </script>

Donation

Donations (Individuals / Small Business)

Price: $10.00

Fund/Program
LLK Donation
Restriction
Functional Expense

Gifts

Price: $10.00

Fund/Program
LLK Donation
Restriction
Functional Expense

Phone Number

Email Address

Location

Join our Newsletter.