<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta property="og:image" content="https://w2.chabad.org/media/images/1259/HlVt12595821.jpg" itemprop="image" width="800" height="600" />
<meta property="og:image:width" content="800" />
<meta property="og:image:height" content="600" />
<meta name="keywords" content="Camp,Gan,Israel,A,rich,and,wholesome,summer,of,Jewish,fun,and,excitement" />
<meta name="title" content="Camp Gan Israel - A rich and wholesome summer of Jewish fun and excitement - Chabad Jewish Community Center" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="523377-523385-4646907-4640322-6055918-6136184-6134879" />
<meta name="article-keywords" content="31782-7592-16403-6760-1675-8495-21464-29058-29136-31783-2170-2898-20962" />
<meta name="scope-aid" content="523377" />
<meta name="scope-aid" content="523385" />
<meta name="scope-aid" content="4646907" />
<meta name="scope-aid" content="4640322" />
<meta name="scope-aid" content="6055918" />
<meta name="scope-aid" content="6136184" />
<meta name="scope-aid" content="6134879" />
<meta name="article-keyword" content="31782" />
<meta name="article-keyword" content="7592" />
<meta name="article-keyword" content="16403" />
<meta name="article-keyword" content="6760" />
<meta name="article-keyword" content="1675" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="21464" />
<meta name="article-keyword" content="29058" />
<meta name="article-keyword" content="29136" />
<meta name="article-keyword" content="31783" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="20962" />
<meta property="og:url" content="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/6134879/jewish/Camp-Gan-Israel.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Camp Gan Israel - A rich and wholesome summer of Jewish fun and excitement" /><link rel="canonical" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/6134879/jewish/Camp-Gan-Israel.htm" />
<link rel="image_src" href="https://w2.chabad.org/media/images/1165/bwDm11650816.png" />
<link rel="icon" type="image/png" href="https://www.jewishfolsom.org/media/images/1120/iswH11202815.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=3A4C63F4" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=21E88630" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=BB63DD50" id="k7" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/css/styles.css?v=7/8/2026" id="k31782" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=3D052243" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=CD6CB303"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=C8425CA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?v=DC70C970"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script><script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Chabad Jewish Community Center'}; Co.ArticleId     = '6134879';Co.SectionId     = 4646907;Co.PartnerSiteId = 0;Co.SiteId        = 7246;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'JewishFolsom.org';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script><script>
<!-- -->
</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2023-10-18","primaryArticleId":6134879,"title":"Camp Gan Israel - A rich and wholesome summer of Jewish fun and excitement","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Programs","contentLevel3":"Youth programs","contentLevel4":"Kids programs","contentLevel5":"Programs","contentLevel6":"Camp Gan Israel","siteName":"Chabad Jewish Community Center"},"time":{"upcomingHoliday":"Rosh Hashanah","daysToUpcomingHoliday":29,"hebrewDate":"5786-06-01"}});
		dataLayer.push({ 'articleHierarchy': '-523377-523385-4646907-4640322-6055918-6136184-6134879-', 'keywords': '-k20962-k2898-k2170-k31783-k29136-k29058-k21464-k8495-k1675-k6760-k16403-k7592-k31782-', 'k': '-523377-523385-4646907-4640322-6055918-6136184-6134879--k20962-k2898-k2170-k31783-k29136-k29058-k21464-k8495-k1675-k6760-k16403-k7592-k31782-' });
	
</script>
<script>

(function(c,h,a,b,a,d){c[a]=c[a]||[];c[a].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=h.getElementsByTagName(b)[0],
j=h.createElement(b);j.async=true;
j.src='https://w6.chabad.org/mitzvah-tank.js';f.parentNode.insertBefore(j,f);
})(window,document,0,'script','dataLayer');</script>

	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	var sc_project = 2580312;var sc_partition = 25;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "b3f2001f";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c26.statcounter.com/counter.php?sc_project=2580312&amp;java=0&amp;security=b3f2001f&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<meta name="facebook-domain-verification" content="d8205pgn3c72mzc2dbs9fc393rtvxj" />
<!-- Global site tag (gtag.js) - Google Analytics -->



<!-- Facebook Pixel Code -->

<noscript><img height="1" width="1" style="display:none"
    src="https://www.facebook.com/tr?id=597079020831179&ev=PageView&noscript=1" /></noscript>
<!-- End Facebook Pixel Code -->

<link href="https://webmk.co/sites/general/cdo-normalize.css" rel="stylesheet" />

<style>
html:has(script[src*="shavous/main.js"]) .form-input-wide:has(.form-html) {
    justify-content: center;
}
  span.footer-title:after {
    content: 'Serving Folsom, El Dorado Hills, Placerville and surrounding areas - Sacramento suburbs';
    display: block;
    text-transform: none;
    font-weight: normal;
    color: white;
    font-style: italic;
    width: 500px;
    max-width: 90vw;
    margin: 10px auto;
  }

  @media only screen and (max-device-width: 480px) {
    .slide_wrapper img {
      background-size: contain !important;
    }

    .hp-row {
      padding: 30px 10px;
    }

    #BodyContainer>div>div.g960>div>div.no_margin.g960.no_margin>div>div:nth-child(2)>div>div>div>div.header-title {
      margin: 0px !important;
    }
  }

  /*Sets Site Sub-Title to Display */
  /*body.cco_body .site_title .site_subtitle 
  {font-size: 18px !important;} */

  .branding-search #header_branding .site_title .site_subtitle {
    display: initial;
    text-transform: none;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.3;
  }

  body.sites-article .branding-search #header_branding .site_title .site_subtitle,
  #header.on-scroll .branding-search #header_branding .site_title .site_subtitle {
    color: #891738;
  }

  /* Sets Logo to Display Better */
  #header_branding .site-logo-wrapper {
    padding: 0px 3px 3px 3px !important;
  }

  #BodyContainer>div>div.g960>div>div.no_margin.g960.no_margin>div>div.hp-row.hp-row-first>div>div>div>div>div.cycle-caption {
    display: block !important;
  }
</style>










<style type="text/css" rel="stylesheet">
@import url("https://fundapp.io/sites/chabad_folsom/css/header.css");
</style>
<link rel="stylesheet" href="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-style.css?v=7/17/2026" />


<script async src="https://www.googletagmanager.com/gtag/js?id=UA-166966683-1"></script><script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());

  gtag('config', 'UA-166966683-1');
</script><script>
  !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 = !0;
    t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s)
  }(window,
    document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');

  fbq('init', '597079020831179');
  fbq('set', 'agent', 'tmgoogletagmanager', '597079020831179');
  fbq('track', "PageView");
</script><script src="https://webmk.co/sites/jewish-folsom/folsom-script.js"></script><script>
  (function () {
    function ready(fn) {
    if (document.readyState !== 'loading'){
      fn();
    } else {
      document.addEventListener('DOMContentLoaded', fn);
    }
  }
  function addClass() {
    var path = window.location.pathname;
    var matches = path && path.match(/eventid\/(\d+)/);
    if (path.includes('ArticleCcoResponse')) document.body.classList.add('form-auto-response');
    var aid = Co && Co.ArticleId;
    if (matches && matches.length > 1) {
      var eventClass = 'eventid-' + matches[1];
      document.body.classList.add(eventClass);
      document.body.classList.add('event-page');
   } else if (path.includes('/register_cdo/')) { 
      document.body.classList.add('event-page');
    } else {
      document.body.classList.add('aid-' + aid);
    }
  };
  ready(addClass);
  })();
</script><script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-script.js?v=7/17/2026"></script><script src="https://assets.webmk.co/jewish-folsom/script.js"></script><title>
	Camp Gan Israel - A rich and wholesome summer of Jewish fun and excitement - Chabad Jewish Community Center
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_branch">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.JewishFolsom.org" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad Jewish Community Center</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER -->
<div id="chabad_body_page" class="font-sans">
<div id="chabad_main_content">
<div id="chabad_head">

<div class="items-center justify-between md:px-8 md:pb-4 md:flex bg-purple">

<div class="relative flex items-center px-4 py-3 text-white no-underline md:px-0 md:py-0">

<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/yfnY12218479.svg" alt="logo" class="object-contain w-12 h-12 mr-2 md:mr-3" />

<div class="text-lg">
<strong class="font-bold">
CKids

</strong>
<span class="block">

Folsom & El Dorado Hills
</span>
</div>

<a href="/6055918" class="absolute inset-0" ></a>

</div>


<div class="chabad_navigator_bar">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/YlIY12218480.png" id="img_nav" alt="" />

<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent arrow">
<a href="/article.asp?aid=6055919" class="parent arrow">About </a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6134906">Mission Statement</a>
</li>
<li class="item">
<a href="/article.asp?aid=6134910">Our Staff</a>
</li>
<li class="item">
<a href="/article.asp?aid=6135061">Schedule a Tour</a>
</li>
<li class="item">
<a href="/article.asp?aid=6313425">Support</a>
</li>
<li class="item">
<a href="/article.asp?aid=6134953">Contact </a>
</li>
<li class="item last">
<a href="/article.asp?aid=6134934">Sign up to Volunteer!</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow selected">
<a href="/article.asp?aid=6136184" class="parent arrow selected">Programs</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6134847">Chabad Hebrew School</a>
</li>
<li class="item">
<a href="/article.asp?aid=4672114">Bar/Bat Mitzvah </a>
</li>
<li class="item selected">
<a href="/article.asp?aid=6134879">Camp Gan Israel</a>
</li>
<li class="item">
<a href="/article.asp?aid=7010126">CKids Clubs</a>
</li>
<li class="item">
<a href="/article.asp?aid=6133546">JewQ</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6136260">Tzivos Hashem</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6420126" class="parent">Kids Page</a>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=6840428" class="parent arrow">Photos</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=7028273">Hebrew School Photos 5786</a>
</li>
<li class="item">
<a href="/article.asp?aid=6840429">Hebrew School 2024-25</a>
</li>
<li class="item">
<a href="/article.asp?aid=6840430">JewQ Awards Ceremony 2025</a>
</li>
<li class="item">
<a href="/article.asp?aid=6840436">CKids Clubs 2024-25</a>
</li>
<li class="item">
<a href="/article.asp?aid=6840471">Bar Mitzvah Club</a>
</li>
<li class="item">
<a href="/article.asp?aid=6840468">Bat Mitzvah Club</a>
</li>
<li class="item">
<a href="/article.asp?aid=6977113">Bat Mitzvah Club Ceremony 2025-5785</a>
</li>
<li class="item">
<a href="/article.asp?aid=6840438">Camp Gan Israel 2024</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6840474">Mommy & Me</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6286733" class="parent">Donate</a>
</li>

</ul>
</div>
</div>


</div>

</div>

</div>
<div id="chabad_body_content" class="content_full_width">
<div class="chabad_left_column content_full_width">

<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit" class="chabad_left_column"><div id="content_page_full" class="content_page_full"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " style="background-image: url(https://w2.chabad.org/media/images/1259/HlVt12595821.jpg)">
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Camp Gan Israel</h1>
		
			<div class="set-direction-to-content">
				<h2 class="article-header__subtitle">A rich and wholesome summer of Jewish fun and excitement</h2>
			</div>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="Camp Gan Israel - A rich and wholesome summer of Jewish fun and excitement" />

<meta itemprop="image" content="https://w2.chabad.org/media/images/1259/HlVt12595821.jpg" />


		<meta itemprop="thumbnailUrl" content="https://w2.chabad.org/media/images/1165/bwDm11650816.png" />
	
		<meta itemprop="thumbnailUrl" content="https://w2.chabad.org/media/images/1259/HlVt12595821.jpg" />
	
<meta itemprop="uploadDate" content="2023-10-18T17:13:10" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Chabad Jewish Community Center" />
	<meta itemprop="brand" content="Chabad Jewish Community Center" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1120/iswH11202815.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2023-10-18T17:13:10" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">

<style type="text/css">

/* Global Overrides for Chabad One Containers */
    .cgi-wrapper {
        font-family: verdana, geneva, sans-serif;
        line-height: 1.5;
        color: #333333;
        max-width: 975px;
        margin: 0 auto;
        background-color: #ffffff;
        position: relative;
    }

    /* Typography */
    .cgi-title { font-size: 28px; font-weight: bold; margin-bottom: 10px; color: #004a99; }
    
    /* Hero Section - Clean Image Focus */
    .cgi-hero {
        position: relative;
        text-align: center;
        background-color: transparent; 
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 25px;
        display: block;
        width: 100%;
        line-height: 0;
    }
    .cgi-hero-img {
        width: 100%;
        display: block;
        height: auto;
        border: 0;
    }
    
    /* Mobile Banner (Hidden by default) */
    .cgi-hero-img-mobile { display: none; }

    /* Quick Nav Buttons */
    .cgi-nav-container {
        text-align: center;
        margin-bottom: 25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        padding: 0 10px;
    }
    .cgi-btn {
        display: inline-block;
        padding: 12px 20px;
        border-radius: 8px;
        font-weight: bold;
        font-size: 14px;
        color: #ffffff !important;
        text-transform: uppercase;
        margin: 0; 
        transition: transform 0.2s;
        text-align: center;
        cursor: pointer;
        border: none;
        text-decoration: none;
    }
    .cgi-nav-container .cgi-btn { margin: 5px; }

    .btn-blue { background-color: #004a99; }
    .btn-green { background-color: #4caf50; }
    .btn-yellow { background-color: #ffc107; color: #333333 !important; }
    .btn-red { background-color: #d32f2f; }

    /* Mobile Menu Logic (Hidden on Desktop) */
    .cgi-mobile-nav { display: none; }

    /* Layout Grids */
    .cgi-row {
        display: block;
        width: 100%;
        margin-bottom: 40px;
    }
    .cgi-card-container {
        overflow: hidden;
        text-align: center;
    }
    .cgi-card {
        display: inline-block;
        vertical-align: top;
        width: 30%;
        margin: 1%;
        background: #f9f9f9;
        border-radius: 10px;
        padding: 20px;
        box-sizing: border-box;
        border-bottom: 4px solid #004a99;
    }

    /* Video Section */
    .cgi-video-box {
        position: relative;
        max-width: 700px;
        height: 400px;
        margin: 20px auto;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        cursor: pointer;
        background-image: url('https://jewishfolsom.org/media/images/1349/Odrg13498143.jpg');
        background-size: cover;
        background-position: center;
        background-color: #000000;
    }
    .cgi-video-overlay {
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background: rgba(0,0,0,0.15); 
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .play-icon {
        width: 80px;
        height: 80px;
        background: #d32f2f;
        border-radius: 50%;
        position: relative;
    }
    .play-icon:after {
        content: "";
        position: absolute;
        top: 25px; left: 32px;
        border-style: solid;
        border-width: 15px 0 15px 25px;
        border-color: transparent transparent transparent #ffffff;
    }

    /* Carousel */
    .cgi-carousel-viewport {
        width: 100%;
        overflow-x: auto; 
        overflow-y: hidden;
        white-space: nowrap; 
        padding: 10px 0 15px 0;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
    }
    .cgi-carousel-inner {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap; 
        gap: 12px;
        width: max-content; 
        padding: 0 20px;
    }
    .cgi-photo-frame {
        flex: 0 0 auto; 
        width: 450px;
        height: 320px;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #eeeeee;
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        background: #f4f4f4;
        scroll-snap-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cgi-photo-frame img {
        width: 100%;
        height: 100%;
        object-fit: cover; 
        display: block;
        border: 0;
    }

    .cgi-info-box {
        background-color: #e3f2fd;
        border-left: 6px solid #004a99;
        padding: 20px;
        margin: 20px 0;
        border-radius: 4px;
    }

    .early-bird-badge {
        background-color: #fff8e1;
        border: 2px solid #ffc107;
        padding: 15px;
        border-radius: 10px;
        margin-top: 20px;
        text-align: center;
    }

    .cgi-testimonial-card {
        background: #ffffff;
        border: 1px solid #e0e0e0;
        padding: 25px;
        border-radius: 12px;
        margin-bottom: 20px;
        position: relative;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        text-align: left;
    }
    .cgi-testimonial-card:before {
        content: "\201c";
        font-family: georgia, serif;
        font-size: 60px;
        color: #ffc107;
        position: absolute;
        top: -5px;
        left: 10px;
        line-height: 1;
        opacity: 0.5;
    }
    .cgi-quote-text {
        font-style: italic;
        font-size: 15px;
        color: #444444;
        margin-bottom: 15px;
        position: relative;
        z-index: 1;
        padding-left: 10px;
    }
    .cgi-quote-author {
        font-weight: bold;
        color: #004a99;
        font-size: 13px;
        display: block;
        text-align: right;
    }

    /* --- PLAYFUL THEME PATCH --- */
    .cgi-title {
        font-size: 30px;
        letter-spacing: 0.2px;
    }
    .cgi-btn {
        border-radius: 12px;
    }
    .cgi-btn:hover {
        filter: brightness(1.05);
    }
    .cgi-card {
        background-color: #ffffff;
        border: 1px solid #eeeeee;
        border-bottom-width: 5px;
    }
    .cgi-info-box {
        background-color: #e8f4ff;
        border-left-color: #0066cc;
    }
    .early-bird-badge {
        background-color: #fff2b8;
        border-color: #ffb300;
    }
    .cgi-testimonial-card:before {
        color: #ffb300;
        opacity: 0.6;
    }

    /* --- BUTTON SHAPE FIX --- */
    a.cgi-btn,
    a.cgi-btn:link,
    a.cgi-btn:visited,
    button.cgi-btn {
        border-radius: 14px !important;
        padding: 12px 20px !important;
        line-height: 18px;
        text-decoration: none;
    }
    .cgi-btn-mob {
        padding: 12px 20px !important;
    }

    /* --- PLAYFUL CONFETTI BACKGROUND (subtle) --- */
    .cgi-fun-bg {
        background-color: #ffffff;
        background-image:
            radial-gradient(circle at 12px 12px, #ffe082 0px, #ffe082 2px, transparent 3px),
            radial-gradient(circle at 40px 28px, #b3e5fc 0px, #b3e5fc 2px, transparent 3px),
            radial-gradient(circle at 24px 44px, #c8e6c9 0px, #c8e6c9 2px, transparent 3px),
            radial-gradient(circle at 52px 52px, #f8bbd0 0px, #f8bbd0 2px, transparent 3px);
        background-size: 64px 64px;
        border-radius: 12px;
        padding-top: 18px;
        padding-bottom: 18px;
    }
    /* Keep confetti away from the section title */
    .cgi-fun-title {
        display: inline-block;
        background-color: #ffffff;
        padding: 6px 14px;
        border-radius: 10px;
    }

    /* ==========================================
       CAMP INTERACTIVE QUICK-ACCESS TAB
       ========================================== */
    .cgi-pullup-container {
        position: fixed;
        bottom: 25px;
        right: 25px;
        z-index: 99999;
        font-family: Arial, sans-serif;
    }

    .cgi-pullup-trigger {
        background: #ffb300;
        background: linear-gradient(135deg, #ffb300 0%, #ff8f00 100%);
        color: #ffffff;
        padding: 12px 22px;
        border-radius: 50px;
        box-shadow: 0 8px 25px rgba(255, 143, 0, 0.35);
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: bold;
        font-size: 13px;
        letter-spacing: 0.5px;
        border: 2px solid #ffffff;
        text-transform: uppercase;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .cgi-pullup-trigger:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(255, 143, 0, 0.45);
    }

    .cgi-pullup-content {
        position: absolute;
        bottom: 60px;
        right: 0;
        background: #ffffff;
        width: 260px;
        padding: 20px;
        border-radius: 18px;
        box-shadow: 0 15px 35px rgba(0, 74, 153, 0.15);
        border: 2px solid #e3f2fd;
        display: none; 
    }

    /* INVENTIVE HOVER BRIDGE:
       Creates an invisible hitbox in the gap between the menu content 
       and trigger button so the hover action is never lost when moving the cursor.
    */
    .cgi-pullup-content::before {
        content: "";
        position: absolute;
        bottom: -28px;
        left: 0;
        right: 0;
        height: 28px;
        background: transparent;
    }

    /* Open the menu gracefully when hovered */
    .cgi-pullup-container:hover .cgi-pullup-content {
        display: block;
        animation: cgiSlideUp 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .cgi-pullup-link {
        display: block;
        padding: 12px 0;
        color: #333333;
        text-decoration: none;
        font-size: 13px;
        font-weight: bold;
        border-bottom: 1px solid #f1f5f9;
        transition: color 0.2s ease, padding 0.2s ease;
    }

    .cgi-pullup-link:hover {
        color: #004a99;
        padding-left: 5px;
    }

    @keyframes cgiSlideUp {
        from { opacity: 0; transform: translateY(15px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* --- MOBILE REFINEMENTS --- */
    @media only screen and (max-width: 768px) {
        .cgi-card { width: 96%; margin: 2% auto; }
        .cgi-hero { border-radius: 0; margin-bottom: 15px; }
        .cgi-video-box { height: 250px; }
        .cgi-photo-frame { width: 280px; height: 200px; }
        
        /* Mobile placement of pullup */
        .cgi-pullup-container {
            bottom: 15px;
            right: 15px;
        }
        .cgi-pullup-content {
            width: 230px;
            bottom: 55px;
        }
        .cgi-pullup-content::before {
            bottom: -23px;
            height: 23px;
        }
    }

    @media only screen and (max-width: 600px) {
        .cgi-hero { height: auto !important; max-height: none !important; }
        .cgi-hero-img { display: none !important; }
        .cgi-hero-img-mobile { display: block !important; width: 100% !important; height: auto !important; border: 0; }

        .cgi-nav-container { display: none; }
        .cgi-mobile-nav { display: block; text-align: center; padding: 0 15px; margin-bottom: 25px; }
        .cgi-mobile-main-btns { display: flex; flex-direction: column; gap: 8px; }
        .cgi-mobile-expandable { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out, margin 0.3s; display: flex; flex-direction: column; gap: 8px; }
        .cgi-mobile-expandable.active { max-height: 900px; margin-top: 8px; }
        .cgi-btn-mob { width: 100%; box-sizing: border-box; display: block; }
    }
</style>
<div class="cgi-wrapper"><!-- 1. HERO SECTION -->
<div class="cgi-hero"><img alt="Camp Gan Israel 2026 Banner" class="cgi-hero-img" src="https://jewishfolsom.org/media/images/1349/vULY13498521.png"> <img alt="Camp Gan Israel 2026 Mobile Banner" class="cgi-hero-img-mobile" src="https://jewishfolsom.org/media/images/1349/Sktq13498643.png"></div>
<!-- 2. QUICK NAVIGATION (DESKTOP) -->

<div class="cgi-nav-container"><a class="cgi-btn btn-blue" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/1842100/jewish/About.htm" target="_blank">About</a> <a class="cgi-btn btn-green" href="#recap">Recap Video</a> <a class="cgi-btn btn-yellow" href="#photos">Photos</a> <a class="cgi-btn btn-red" href="#rates">Dates &amp; Rates</a> <a class="cgi-btn btn-blue" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/6752881/jewish/Calendar.htm" target="_blank">Camp Calendar</a> <a class="cgi-btn btn-red" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/6234487/jewish/Registration-Information-Form.htm" style="border: 2px solid #b71c1c;" target="_blank">Register Now</a> <a class="cgi-btn btn-green" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/5982345/jewish/Medical-Information-Form.htm" target="_blank">Medical Form</a> <a class="cgi-btn btn-yellow" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/5982431/jewish/Scholarship-Application.htm" target="_blank">Scholarships</a></div>
<!-- 2b. QUICK NAVIGATION (MOBILE) -->

<div class="cgi-mobile-nav">
<div class="cgi-mobile-main-btns">
<a class="cgi-btn btn-red cgi-btn-mob" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/6234487/jewish/Registration-Information-Form.htm" style="border: 2px solid #b71c1c;" target="_blank">Register Now</a><button class="cgi-btn btn-blue cgi-btn-mob" id="togglebtn" onclick="toggleCgiMenu();" type="button">More Links ▼</button></div>

<div class="cgi-mobile-expandable" id="expandableMenu"><a class="cgi-btn btn-green cgi-btn-mob" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/1842100/jewish/About.htm" target="_blank">About</a> <a class="cgi-btn btn-yellow cgi-btn-mob" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/6752881/jewish/Calendar.htm" target="_blank">Camp Calendar</a> <a class="cgi-btn btn-red cgi-btn-mob" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/7177751/jewish/Untitled.htm" target="_blank">Photo Archives (2023-2025)</a> <a class="cgi-btn btn-blue cgi-btn-mob" href="#rates" onclick="toggleCgiMenu();">Dates &amp; Rates</a> <a class="cgi-btn btn-green cgi-btn-mob" href="#recap" onclick="toggleCgiMenu();">Recap Video</a> <a class="cgi-btn btn-yellow cgi-btn-mob" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/5982345/jewish/Medical-Information-Form.htm" target="_blank">Medical Form</a> <a class="cgi-btn btn-red cgi-btn-mob" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/5982431/jewish/Scholarship-Application.htm" target="_blank">Scholarships</a></div>
</div>
<!-- 3. ABOUT THE CAMP -->

<div class="cgi-row" id="about" style="text-align: center; padding: 0 15px;">
<div class="cgi-title">Welcome to the Best Summer Ever!</div>

<p style="max-width: 800px; margin: 0 auto; font-size: 16px;">Camp Gan Israel of Folsom &amp; El Dorado Hills offers a top-quality summer experience for your child. We couple high-energy fun with deep meaning, imbuing every activity with important lessons and Jewish pride.</p>
</div>
<!-- 3.5 CAMP RECAP VIDEO SECTION -->

<div class="cgi-row" id="recap" style="text-align: center; padding: 20px 0; background-color: #f9f9f9; border-radius: 12px;">
<div class="cgi-title">Experience the Fun</div>

<p>Watch our Recap Video!</p>
<a href="https://youtu.be/BcWm_x2oumg" style="display: block; text-decoration: none;" target="_blank">
<div class="cgi-video-box">
<div class="cgi-video-overlay">
<div class="play-icon"> </div>
</div>
</div>

<div style="color: #d32f2f; font-weight: bold; margin-top: 10px; font-size: 18px;">▶ Click to Watch Recap Video</div>
</a></div>
<!-- 4. WHY KIDS LOVE CGI (playful background added) -->

<div class="cgi-row cgi-fun-bg" style="text-align: center;">
<div class="cgi-title">
<span class="cgi-fun-title">Why Kids Love Camp Gan Israel</span></div>

<div class="cgi-card-container">
<div class="cgi-card" style="border-color: #4caf50;">
<div style="font-size: 40px; margin-bottom: 10px;">🚌</div>

<div style="font-weight: bold; color: #4caf50; margin-bottom: 10px;">Exciting Trips</div>

<div style="font-size: 13px;">Thrilling adventures and excursions to the best local attractions.</div>
</div>

<div class="cgi-card" style="border-color: #ffc107;">
<div style="font-size: 40px; margin-bottom: 10px;">🎨</div>

<div style="font-weight: bold; color: #ffc107; margin-bottom: 10px;">Arts &amp; Creativity</div>

<div style="font-size: 13px;">Hands-on workshops, creative crafts, and innovative art projects.</div>
</div>

<div class="cgi-card" style="border-color: #004a99;">
<div style="font-size: 40px; margin-bottom: 10px;">✡️</div>

<div style="font-weight: bold; color: #004a99; margin-bottom: 10px;">Jewish Pride</div>

<div style="font-size: 13px;">Meaningful lessons and vibrant traditions in an upbeat atmosphere.</div>
</div>
</div>
</div>
<!-- 6. PHOTO HIGHLIGHTS -->

<div class="cgi-row" id="photos" style="text-align: center;">
<div class="cgi-title">Photo Highlights</div>

<p style="font-size: 14px; color: #666666; margin-bottom: 10px;">← Swipe to see our happy campers →</p>

<div class="cgi-carousel-viewport">
<div class="cgi-carousel-inner">
<div class="cgi-photo-frame">
<img alt="CGI Photo" src="https://jewishfolsom.org/media/images/1349/TAEe13498406.jpg"></div>

<div class="cgi-photo-frame">
<img alt="CGI Photo" src="https://jewishfolsom.org/media/images/1349/hqGy13498416.jpg"></div>

<div class="cgi-photo-frame">
<img alt="CGI Photo" src="https://jewishfolsom.org/media/images/1349/tdlY13498409.jpg"></div>

<div class="cgi-photo-frame">
<img alt="CGI Photo" src="https://jewishfolsom.org/media/images/1349/kydk13498394.jpg"></div>

<div class="cgi-photo-frame">
<img alt="CGI Photo" src="https://jewishfolsom.org/media/images/1349/WrVz13498414.jpg"></div>

<div class="cgi-photo-frame">
<img alt="CGI Photo" src="https://jewishfolsom.org/media/images/1349/BPVq13498413.jpg"></div>

<div class="cgi-photo-frame">
<img alt="CGI Photo" src="https://jewishfolsom.org/media/images/1349/Unes13498410.jpg"></div>

<div class="cgi-photo-frame">
<img alt="CGI Photo" src="https://jewishfolsom.org/media/images/1349/sOlL13498405.jpg"></div>

<div class="cgi-photo-frame">
<img alt="CGI Photo" src="https://jewishfolsom.org/media/images/1349/slCR13498407.jpg"></div>

<div class="cgi-photo-frame">
<img alt="CGI Photo" src="https://jewishfolsom.org/media/images/1349/RjnL13498408.jpg"></div>

<div class="cgi-photo-frame">
<img alt="CGI Photo" src="https://jewishfolsom.org/media/images/1349/DqNr13498404.jpg"></div>
</div>
</div>

<div style="margin-top: 5px;">
<a class="cgi-btn btn-blue" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/7177751/jewish/Untitled.htm" style="padding: 8px 16px; font-size: 13px; text-transform: none; border-radius: 4px;" target="_blank">📸 View Photo Albums (2023-2025)</a></div>
</div>
<!-- 7. DATES & RATES -->

<div class="cgi-row" id="rates">
<div class="cgi-title" style="text-align: center;">Dates &amp; Rates</div>

<div class="cgi-info-box">
<table cellpadding="10" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="vertical-align: middle; border-right: 1px solid #dddddd; padding-right: 15px;" width="40%"><strong style="color: #004a99; font-size: 18px;">Camp Dates 2026</strong><br>
                        June 22nd - July 10th<br>
<span style="font-size: 13px; color: #555555;">9:30 AM - 3:00 PM</span>

<div style="margin-top: 15px;">
<a class="cgi-btn btn-blue" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/6752881/jewish/Calendar.htm" style="width: 100%; box-sizing: border-box; font-size: 13px;" target="_blank">📅 View Camp Calendar</a></div>
</td>
<td style="vertical-align: middle; padding-left: 15px;" width="60%"><strong style="color: #004a99; font-size: 18px;">Registration &amp; Fees</strong><br>
                        Tuition: <span style="font-size: 18px; font-weight: bold; color: #d32f2f;">$300</span> / week<br>
                        Registration Fee: <span style="font-weight: bold;">$50</span><br>
<span style="font-size: 13px; color: #555555;">Boys &amp; Girls, Ages 4 - 12</span></td>
</tr>
</tbody>
</table>
</div>

<div class="early-bird-badge">
<div style="color: #d32f2f; font-weight: bold; font-size: 18px; text-transform: uppercase;">🌟 Early Bird Special! 🌟</div>

<div style="font-size: 15px;">Register before <strong>March 8th</strong> for <strong>$25 off</strong> per week!</div>
</div>
</div>
<!-- 8. PARENT FEEDBACK SECTION -->

<div class="cgi-row" id="feedback" style="padding: 0 15px;">
<div class="cgi-title" style="text-align: center;">What Parents Are Saying</div>

<div class="cgi-testimonial-card">
<div class="cgi-quote-text">"My Children absolutely loved their time at camp. They had a wonderful experience and are so happy they got to go. The kipot are also beautiful and well-made. Thank you so much!"</div>
<span class="cgi-quote-author">— Anonymous, Rancho Cordova Parent</span></div>

<div class="cgi-testimonial-card">
<div class="cgi-quote-text">"Benny had a great time! The counselors were so helpful and very nice. Rabbi Spiero was very responsive to text messages. I felt comfortable leaving my child with the staff."</div>
<span class="cgi-quote-author">— Olivia Gelfond, Folsom Parent</span></div>
</div>
<!-- 9. REGISTRATION CTA -->

<div class="cgi-row" id="register" style="background: #d32f2f; color: #ffffff; padding: 40px 15px; text-align: center; border-radius: 12px;">
<div style="font-size: 28px; font-weight: bold; margin-bottom: 5px;">Ready for an Unforgettable Summer 2026?</div>

<div style="font-size: 16px; margin-bottom: 20px;">Register early to lock in your best rate!</div>
<a class="cgi-btn btn-yellow cgi-btn-large" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/6234487/jewish/Registration-Information-Form.htm" style="font-size: 20px; padding: 15px 40px; margin-bottom: 20px;" target="_blank">REGISTER NOW</a>

<div style="margin-top: 20px; font-size: 14px;"><a href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/5982345/jewish/Medical-Information-Form.htm" style="color: #ffffff; text-decoration: underline;" target="_blank">Medical Info</a>  |  <a href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/5982431/jewish/Scholarship-Application.htm" style="color: #ffffff; text-decoration: underline;" target="_blank">Scholarship App</a></div>
</div>
<!-- 10. FLOATING PULL-UP ACTION PANEL -->

<div class="cgi-pullup-container">
<div class="cgi-pullup-trigger"><span class="cgi-pullup-icon">⚡</span> <span class="cgi-pullup-text">CAMP QUICK LINKS</span></div>

<div class="cgi-pullup-content">
<div style="font-weight: 800; font-size: 11px; color: #004a99; letter-spacing: 1px; margin-bottom: 5px; text-transform: uppercase;">CAMP GAN ISRAEL</div>

<div style="font-weight: bold; font-size: 16px; color: #333333; margin-bottom: 15px;">Fast Shortcuts</div>
<a class="cgi-pullup-link" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/6234487/jewish/Registration-Information-Form.htm" target="_blank">📝 Register for Summer 2026</a> <a class="cgi-pullup-link" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/6752881/jewish/Calendar.htm" target="_blank">📅 View Camp Calendar</a> <a class="cgi-pullup-link" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/5982431/jewish/Scholarship-Application.htm" target="_blank">🌟 Scholarship Application</a> <a class="cgi-pullup-link" href="mailto:camp@jewishfolsom.org?subject=Question%20about%20CGI%20Folsom" style="border-bottom: none; color: #ff8f00;">📞 Contact Camp Director</a></div>
</div>
</div>
<script type="text/javascript">
/*  */
function toggleCgiMenu() {
    var menu = document.getElementById('expandableMenu');
    var btn = document.getElementById('togglebtn');
    if (!menu || !btn) { return; }

    if (menu.className.indexOf('active') === -1) {
        menu.className = menu.className + ' active';
        btn.innerHTML = 'Less Links ▲';
    } else {
        menu.className = menu.className.replace(' active', '');
        btn.innerHTML = 'More Links ▼';
    }
}
/*  */
</script>
</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div></div>

</div>
</div>

<div>
<div>
<div>
<div>
<div>
<div class="FooterContainer">

<footer class="px-4 py-6 md:px-8 bg-purple">
<div class="flex flex-col justify-between">
<div class="mb-3 text-center md:text-right md:mb-0">
<div class="flex justify-center gap-2 mt-4 text-center">

<a href="https://www.facebook.com/jewishfolsom" class="text-white opacity-60 hover:opacity-100">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/nBVt12218478.svg" alt="facebook" class="w-6 h-6" /></a>


<a href="https://www.instagram.com/jewish_folsom_edh/" class="text-white opacity-60 hover:opacity-100">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/VpCL12218477.svg" alt="instagram" class="w-6 h-6" /></a>


<a href="https://wa.me/19165107770" class="text-white opacity-60 hover:opacity-100">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/QbQl12218476.svg" alt="whatsapp" class="w-6 h-6" /></a>

</div>
<div class="flex justify-center text-lg text-white text-center uppercase">
<strong class="font-bold">

CKids
</strong>
<span class="sm\:ml-3px ml-3px">
Folsom & El Dorado Hills
</span>
</div>
<div class="text-xs text-white">
&#160;
</div>
</div>
<a href="https://CKids.org" class="flex mx-auto mt-3 text-center">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/yfnY12218479.svg" alt="ckids logo" class="object-contain w-12 h-12" />
<p class="ml-3 text-xs text-white">An affiliate of CKids <br/>
Chabad Children’s Network <br/>
CKids.org</p>
</a>
</div>
</footer>

</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>
<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-script.js?v=0"></script>
<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/ckids/ckids.js?v=1"></script>
<!-- END FOOTER -->
		</div>
		
		
	</div>

	</div>

	<div id="BodyContainer">
		<div class="g960 footer">
			<div class="poweredby large_bottom_margin">
				



	<div class="footer3">
		<span class="footer-title" >Chabad Jewish Community Center</span>
		<div class="footer-address">
			<span class="footer-street">302 S Lexington Drive  Suite B</span>
			<span class="footer-city-state">Folsom, CA 95630-6869</span>
		</div>
			<span>916-608-9811</span>
	</div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />



Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




			</div>
		</div>
	</div>
	
	

	
	


	
	
<script>
    /* <-----------Upcoming Events---------> */
    // This script will only run on the exact homepage.
    if (window.location.pathname === '/' || window.location.pathname === '/default.aspx') {

        (function() {

            /**
             * Fetches and parses the events page HTML using promises.
             * @returns {Promise<Document | null>} A promise that resolves to a parsed HTML document or null on error.
             */
            function getEventsPage() {
                // Using a cache-busting parameter to ensure fresh data is fetched.
                const url = 'https://www.jewishfolsom.org/templates/events.htm?t=' + new Date().getTime();
                return fetch(url)
                    .then(response => {
                        if (!response.ok) {
                            throw new Error(`HTTP error! status: ${response.status}`);
                        }
                        return response.text();
                    })
                    .then(htmlText => {
                        const parser = new DOMParser();
                        return parser.parseFromString(htmlText, 'text/html');
                    })
                    .catch(error => {
                        console.error("Error fetching events page:", error);
                        return null;
                    });
            }

            /**
             * A robust function to parse date strings like "Month Day, Year".
             * @param {string} dateStr - The date string (e.g., "July 29, 2025").
             * @returns {Date | null} A Date object or null if invalid.
             */
            function parseRobustDate(dateStr) {
                const months = {
                    january: 0,
                    february: 1,
                    march: 2,
                    april: 3,
                    may: 4,
                    june: 5,
                    july: 6,
                    august: 7,
                    september: 8,
                    october: 9,
                    november: 10,
                    december: 11
                };

                if (!dateStr) return null;

                // Clean the date string by removing commas and extra spaces.
                const cleanedStr = dateStr.replace(/,/g, '').trim().replace(/\s+/g, ' ');
                const parts = cleanedStr.split(' ');

                if (parts.length < 3) {
                    console.error("Date string could not be parsed into 3 parts:", `"${dateStr}"`, "->", `"${cleanedStr}"`);
                    return null;
                }

                const monthName = parts[0].toLowerCase();
                const day = parseInt(parts[1], 10);
                const year = parseInt(parts[2], 10);

                if (months.hasOwnProperty(monthName) && !isNaN(day) && !isNaN(year)) {
                    return new Date(year, months[monthName], day);
                } else {
                    console.error("Failed to create date from parts:", {
                        month: monthName,
                        day: day,
                        year: year
                    });
                    return null;
                }
            }
            
            /**
             * Parses a time string (e.g., "7:30pm") and applies it to a given date.
             */
            function parseTime(timeString, baseDate) {
                if (!timeString) return null;
                // Updated regex to handle uppercase AM/PM and potential missing space
                const timeMatch = timeString.toLowerCase().match(/(\d{1,2}):(\d{2})?\s*(am|pm)/);
                if (!timeMatch) return null;

                let hours = parseInt(timeMatch[1], 10);
                const minutes = timeMatch[2] ? parseInt(timeMatch[2], 10) : 0;
                const ampm = timeMatch[3];

                if (ampm === 'pm' && hours < 12) hours += 12;
                if (ampm === 'am' && hours === 12) hours = 0; // Midnight case

                const newDate = new Date(baseDate);
                newDate.setHours(hours, minutes, 0, 0);
                return newDate;
            }

            /**
             * Formats a Date object for Google Calendar links.
             */
            function formatGoogleDate(date) {
                if (!date) return '';
                return date.toISOString().replace(/-|:|\.\d{3}/g, '');
            }

            /**
             * Formats a date string like "Tuesday, July 29, 2025" to "TUESDAY JULY 29".
             * @param {string} dateStr - The raw date string from the event element.
             * @returns {string} The formatted date string.
             */
            function formatEventDate(dateStr) {
                if (!dateStr) return '';
                const parts = dateStr.split(','); // e.g., ["Tuesday", " July 29", " 2025"]
                if (parts.length < 2) return dateStr; // Fallback to original if format is unexpected
                // Combine Day (parts[0]) and Month Date (parts[1])
                return `${parts[0]}${parts[1]}`.trim().toUpperCase();
            }

            /**
             * The main function to create and inject the featured events section.
             */
            const runTransformation = () => {
                getEventsPage().then(eventsDocument => {
                    if (!eventsDocument) return;

                    const today = new Date();
                    today.setHours(0, 0, 0, 0);

                    const upcomingEvents = [];
                    // Select all date group containers
                    const allDateGroups = Array.from(eventsDocument.querySelectorAll('#calendar .list_item'));

                    for (const dateGroupEl of allDateGroups) {
                        // Stop looking for events if we already have 10
                        if (upcomingEvents.length >= 10) break;

                        const dateEl = dateGroupEl.querySelector('.date');
                        if (!dateEl) continue;

                        const dateText = dateEl.textContent.trim();
                        // Extract the part of the date string that parseRobustDate can handle (e.g., "August 2, 2025")
                        const parsableDateText = dateText.split(',').slice(1).join(',').trim();
                        const eventDate = parseRobustDate(parsableDateText);

                        // Check if the event is in the future or today
                        if (eventDate && eventDate >= today) {
                            // Find all individual events within this date group
                            const individualEventsInGroup = dateGroupEl.querySelectorAll('.category_item');
                            individualEventsInGroup.forEach(eventEl => {
                                // Add event to our list, but don't exceed 10
                                if (upcomingEvents.length < 10) {
                                    // Store the full date string on the element itself so we can retrieve it later
                                    eventEl.dataset.rawDate = dateText;
                                    // Store the date object (as string) for calendar links
                                    eventEl.dataset.eventDateObj = eventDate.toISOString();
                                    upcomingEvents.push(eventEl);
                                }
                            });
                        }
                    }
                    const featuredEvents = upcomingEvents;

                    if (featuredEvents.length === 0) {
                        console.log("No upcoming events found to display.");
                        return;
                    }

                    // Create a new 'div' element
                    const eventsSection = document.createElement('div');

                    // Set the class name for the element
                    eventsSection.className = 'injected-featured-events-section';

                    // Set the ID for the element
                    eventsSection.id = 'injected-upcoming-events-section';

                    /* --- MODIFICATION: Added View All Link here instead of as a card --- */
                    eventsSection.innerHTML = `
                      <div class="injected-featured-events-header">
                        <h2>Upcoming Events</h2>
                        <a href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/7256329/jewish/Upcoming-Events.htm" class="header-view-all-link">View All Events →</a>
                      </div>
                    `;

                    const carouselContainer = document.createElement('div');
                    carouselContainer.className = 'injected-events-carousel-container';
                    const carouselWrapper = document.createElement('div');
                    carouselWrapper.className = 'injected-events-carousel-wrapper';

                    featuredEvents.forEach((eventEl) => {
                        const titleEl = eventEl.querySelector('.event_name');
                        const title = titleEl ? titleEl.textContent.trim() : 'Event Title';

                        // Retrieve the date from the dataset we attached earlier
                        const rawDate = eventEl.dataset.rawDate || '';
                        const formattedDate = formatEventDate(rawDate);
                        
                        // Retrieve the date object for calendar logic
                        const eventDateObj = new Date(eventEl.dataset.eventDateObj);

                        // Get the event time
                        const timeEl = eventEl.querySelector('.event_options > div');
                        let timeText = timeEl ? timeEl.textContent.trim().toUpperCase() : '';

                        // Add a space before AM/PM if it's missing
                        if (timeText) {
                            timeText = timeText.replace(/(\d)([AP]M)$/, '$1 $2');
                        }

                        // Combine date and time for the header
                        const cardHeader = timeText ? `${formattedDate} - ${timeText}` : formattedDate;

                        const descriptionEl = eventEl.querySelector('.event_wrapper > .event_info');
                        
                        // Get innerHTML to preserve paragraphs
                        const descriptionHTML = descriptionEl ? descriptionEl.innerHTML.trim() : '<p>Join us for a wonderful event.</p>';
                        // Get text-only description for calendar links
                        const descriptionText = descriptionEl ? descriptionEl.textContent.trim() : 'Join us for a wonderful event.';

                        const imageLinkEl = eventEl.querySelector('.more_info a');
                        const imageUrl = imageLinkEl ? imageLinkEl.href : `https://placehold.co/600x400/eee/ccc?text=Event+Image`;

                        // 5-digit ID check logic
                        let learnMoreUrl = '#';
                        const facebookLinkEl = eventEl.querySelector('a[href*="//www.facebook.com/events/"]');
                        if (facebookLinkEl) {
                            const fbHref = facebookLinkEl.href;
                            const match = fbHref.match(/events\/(\d+)/);
                            if (match && match[1]) {
                                const eventId = match[1];
                                if (/^\d{5}$/.test(eventId)) { // Check if ID is exactly 5 digits
                                    learnMoreUrl = `https://www.jewishfolsom.org/tools/events/register_cdo/eventid/${eventId}`;
                                } else {
                                    // Original logic for other cases
                                    learnMoreUrl = `https://www.jewishfolsom.org/templates/articlecco_cdo/aid/${eventId}`;
                                }
                            }
                        }

                        // Calendar Link Logic
                        let location = 'Chabad Folsom';
                        const locationEl = eventEl.querySelector('a[href*="maps.google.com"]');
                        if (locationEl) {
                            const tempDiv = document.createElement('div');
                            tempDiv.innerHTML = locationEl.innerHTML.replace(/<br\s*\/?>/gi, ' ');
                            location = tempDiv.textContent.replace(/\s+/g, ' ').trim();
                        }
                        
                        let googleCalLink = '';
                        const calendarLinkEl = eventEl.querySelector('a[href*="eventexport.asp"]');
                        const icsLink = calendarLinkEl ? `https://www.jewishfolsom.org${calendarLinkEl.getAttribute('href')}` : null;
                        
                        if (timeText) {
                            const startTime = parseTime(timeText, eventDateObj);
                            if (startTime) {
                                const endTime = new Date(startTime.getTime() + 90 * 60000); // Assume 90 min duration
                                const googleDates = formatGoogleDate(startTime) + '/' + formatGoogleDate(endTime);
                                const params = new URLSearchParams({
                                    action: 'TEMPLATE',
                                    text: title,
                                    dates: googleDates,
                                    details: descriptionText,
                                    location: location,
                                });
                                googleCalLink = `https://www.google.com/calendar/render?${params.toString()}`;
                            }
                        } else {
                            // Logic for ALL-DAY events
                            const startDate = eventDateObj.toISOString().split('T')[0].replace(/-/g, '');
                            const endDateObj = new Date(eventDateObj);
                            endDateObj.setDate(endDateObj.getDate() + 1);
                            const endDate = endDateObj.toISOString().split('T')[0].replace(/-/g, '');
                            const googleDates = `${startDate}/${endDate}`;
                            const params = new URLSearchParams({
                                action: 'TEMPLATE',
                                text: title,
                                dates: googleDates,
                                details: descriptionText,
                                location: location,
                            });
                            googleCalLink = `https://www.google.com/calendar/render?${params.toString()}`;
                        }


                        const card = document.createElement('div');
                        card.className = 'injected-event-card';
                        // Use the new cardHeader variable
                        card.innerHTML = `
                          <div class="event-card-header">${cardHeader}</div>
                          <div class="event-card-image">
                              <img src="${imageUrl}" alt="${title}" onerror="this.onerror=null;this.src='https://placehold.co/600x400/eee/ccc?text=Image+Not+Found';">
                          </div>
                          <div class="event-card-body">
                              <h3>${title.toUpperCase()}</h3>
                              <div class="event-description-content">${descriptionHTML}</div>
                              
                              <div class="event-card-buttons-container">
                                <a href="${learnMoreUrl}" class="event-card-button">Learn More →</a>
                                ${googleCalLink ? `<a href="${googleCalLink}" target="_blank" class="event-card-calendar-button">Add to Google Calendar</a>` : ''}
                                ${icsLink ? `<a href="${icsLink}" class="event-card-calendar-button">Add to Apple/Outlook</a>` : ''}
                              </div>
                          </div>
                        `;
                        carouselWrapper.appendChild(card);
                    });

                    /* --- MODIFICATION: REMOVED the "View All Card" block from here --- */

                    carouselContainer.appendChild(carouselWrapper);
                    eventsSection.appendChild(carouselContainer);

                    const swipeHint = document.createElement('div');
                    swipeHint.className = 'mobile-swipe-hint';
                    swipeHint.innerHTML = '<span>Swipe for more events</span> <span class="arrow">→</span>';
                    eventsSection.appendChild(swipeHint);

                    if (featuredEvents.length > 3) {
                        const prevButton = document.createElement('button');
                        prevButton.className = 'events-carousel-arrow prev';
                        prevButton.innerHTML = '❮';

                        const nextButton = document.createElement('button');
                        nextButton.className = 'events-carousel-arrow next';
                        nextButton.innerHTML = '❯';

                        carouselContainer.appendChild(prevButton);
                        carouselContainer.appendChild(nextButton);

                        let currentIndex = 0;
                        const itemsToShowDesktop = 3;
                        const totalItems = carouselWrapper.children.length;

                        const updateCarousel = () => {
                            if (carouselWrapper.children.length === 0) return;
                            const cardWidth = carouselWrapper.children[0].offsetWidth;
                            const gap = 30;
                            const totalMove = (cardWidth + gap) * currentIndex;
                            carouselWrapper.style.transform = `translateX(-${totalMove}px)`;

                            prevButton.disabled = currentIndex === 0;
                            nextButton.disabled = currentIndex >= totalItems - itemsToShowDesktop;
                        };

                        prevButton.addEventListener('click', () => {
                            if (currentIndex > 0) {
                                currentIndex--;
                                updateCarousel();
                            }
                        });

                        nextButton.addEventListener('click', () => {
                            if (currentIndex < totalItems - itemsToShowDesktop) {
                                currentIndex++;
                                updateCarousel();
                            }
                        });

                        updateCarousel();
                        // Recalculate on resize to handle responsive changes
                        window.addEventListener('resize', updateCarousel);
                    }

                    // Use a more stable selector
                    // Find the "Mailing List" widget to insert *before* it.
                    const mailingListElement = document.querySelector('#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(2)');
                    if (mailingListElement) {
                        // Find the parent ".hp-row" container for the mailing list
                        const targetRow = mailingListElement.closest('.hp-row');
                        if (targetRow && targetRow.parentElement) {
                            // Insert the new events section *before* the mailing list row
                            targetRow.parentElement.insertBefore(eventsSection, targetRow);
                        } else {
                            console.error("Could not find parent '.hp-row' for mailing list. Appending to body as a fallback.");
                            document.body.appendChild(eventsSection);
                        }
                    } else {
                        console.error("Target element 'div.widget-4.message.custom.feed' (mailing list) not found. Appending to body as a fallback.");
                        document.body.appendChild(eventsSection);
                    }
                });
            };

            const injectCSS = () => {
                const style = document.createElement('style');
                style.textContent = `
                    @import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;700;800;900&display=swap');

                    :root {
                        --events-main: #8a1738;
                        --events-secondary: #ffb300;
                        --events-third: #327eb8;
                        --events-bg: #f8f9fa;
                        --events-text: #444;
                    }

                    .injected-featured-events-section { 
                        padding: 60px 20px; 
                        background-color: var(--events-bg); 
                        font-family: 'Mulish', sans-serif; 
                        box-sizing: border-box; 
                    }
                    .injected-featured-events-header { 
                        text-align: center; 
                        margin-bottom: 40px; 
                        max-width: 800px; 
                        margin-left: auto; 
                        margin-right: auto; 
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                    }
                    .injected-featured-events-header h2 { 
                        font-size: 38px; 
                        font-weight: 800; 
                        color: var(--events-main); 
                        text-transform: uppercase; 
                        letter-spacing: 1px; 
                        margin-bottom: 10px; 
                        font-family: 'Mulish', sans-serif !important; 
                        line-height: 1.2;
                    }
                    /* View All Link Styling */
                    .header-view-all-link {
                        font-size: 16px;
                        font-weight: 700;
                        color: var(--events-third);
                        text-decoration: none;
                        transition: color 0.2s;
                    }
                    .header-view-all-link:hover {
                        color: var(--events-secondary);
                        text-decoration: underline;
                    }

                    .injected-events-carousel-container { position: relative; max-width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom: 20px; }
                    .injected-events-carousel-wrapper { display: flex; gap: 30px; transition: transform 0.5s ease-in-out; padding: 10px; }
                    
                    /* Modern Card Styling */
                    .injected-event-card { 
                        flex: 0 0 calc(33.333% - 20px); 
                        background: white; 
                        border-radius: 16px; 
                        overflow: hidden; 
                        box-sizing: border-box; 
                        display: flex; 
                        flex-direction: column; 
                        border: none !important; /* No Border */
                        box-shadow: 0 4px 15px rgba(0,0,0,0.08);
                        transition: transform 0.3s ease, box-shadow 0.3s ease;
                    }
                    
                    /* Card Hover Effect */
                    .injected-event-card:hover {
                        transform: translateY(-8px);
                        box-shadow: 0 15px 30px rgba(0,0,0,0.15);
                    }

                    .event-card-header { 
                        padding: 12px 15px; 
                        font-weight: 800; 
                        font-size: 13px; 
                        color: var(--events-secondary); /* Secondary color for date pop */
                        background: #fff; 
                        text-align: center; 
                        white-space: nowrap; 
                        font-family: 'Mulish', sans-serif;
                        letter-spacing: 1px;
                        border-bottom: 1px solid #f0f0f0;
                    }
                    .event-card-image img { 
                        width: 100%; 
                        height: 200px; 
                        object-fit: cover; 
                        display: block; 
                        background-color: #eee; 
                    }
                    .event-card-body { padding: 25px; flex-grow: 1; display: flex; flex-direction: column; }
                    
                    .event-card-body h3 { 
                        font-size: 18px; 
                        font-weight: 800; 
                        color: var(--events-main); /* Main color */
                        margin: 0 0 15px; 
                        height: 52px; 
                        overflow: hidden; 
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        line-height: 1.4;
                    }
                    
                    .event-description-content {
                        font-size: 15px;
                        color: #555;
                        line-height: 1.6;
                        margin: 0 0 20px;
                        flex-grow: 1;
                    }
                    .event-description-content p, .event-description-content div {
                        margin-bottom: 1em; 
                    }
                    .event-description-content p:last-child, .event-description-content div:last-child {
                        margin-bottom: 0; 
                    }

                    /* Main Button Style */
                    .event-card-button { 
                        display: block; 
                        background-color: var(--events-main); 
                        color: white; 
                        padding: 12px 20px; 
                        border-radius: 8px; 
                        text-decoration: none; 
                        font-weight: 700; 
                        transition: all 0.2s; 
                        font-size: 14px; 
                        line-height: 1; 
                        border: none;
                        text-align: center;
                        width: 100%;
                        box-sizing: border-box;
                    }
                    .event-card-button:hover { 
                        background-color: var(--events-secondary); /* Hover to Secondary */
                        color: #fff;
                        transform: translateY(-2px);
                    }
                    
                    .event-card-buttons-container {
                        display: flex;
                        flex-direction: column;
                        gap: 10px;
                        margin-top: auto; 
                        padding-top: 15px;
                        border-top: 1px solid #f5f5f5;
                    }

                    /* Calendar Button Style - Outlined */
                    .event-card-calendar-button {
                        padding: 10px 20px;
                        border-radius: 8px;
                        text-align: center;
                        cursor: pointer;
                        transition: all 0.2s ease;
                        text-decoration: none !important;
                        display: block;
                        font-size: 13px;
                        font-weight: 700;
                        color: var(--events-third); /* Third color text */
                        background-color: transparent;
                        border: 2px solid var(--events-third); /* Third color border */
                        box-sizing: border-box;
                        width: 100%;
                    }
                    .event-card-calendar-button:hover {
                       background-color: var(--events-third);
                       color: white;
                    }

                    .events-carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.9); border: none; border-radius: 50%; width: 44px; height: 44px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 22px; color: var(--events-main); z-index: 10; transition: all 0.2s; }
                    .events-carousel-arrow:hover { background-color: var(--events-main); color: white; transform: translateY(-50%) scale(1.1); }
                    .events-carousel-arrow:disabled { opacity: 0.3; cursor: not-allowed; }
                    .events-carousel-arrow.prev { left: 0px; }
                    .events-carousel-arrow.next { right: 0px; }

                    .mobile-swipe-hint { display: none; text-align: center; margin-top: 20px; font-family: 'Mulish', sans-serif; color: #888; font-size: 14px; align-items: center; justify-content: center; gap: 8px; }
                    .mobile-swipe-hint .arrow { font-size: 18px; line-height: 1; font-weight: bold; color: var(--events-secondary); }

                    @media (max-width: 1200px) {
                      .events-carousel-arrow.prev { left: 15px; }
                      .events-carousel-arrow.next { right: 15px; }
                    }
                    @media (max-width: 900px) {
                      .injected-event-card { flex-basis: calc(50% - 15px); }
                    }
                    
                    @media (max-width: 600px) {
                      .injected-featured-events-header h2 { font-size: 28px; }
                      .injected-events-carousel-container { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; padding: 0 20px; margin: 0 -20px; }
                      .injected-events-carousel-container::-webkit-scrollbar { display: none; }
                      .injected-events-carousel-wrapper { width: max-content; transform: none !important; padding-right: 20px; }
                      .injected-event-card { flex-basis: 80vw; scroll-snap-align: start; }
                      .events-carousel-arrow { display: none; }
                      .mobile-swipe-hint { display: flex; }
                    }
                  `;
                document.head.appendChild(style);
            };

            // Wait for the DOM to be ready before running the script
            if (document.readyState === 'complete' || document.readyState === 'interactive') {
                runTransformation();
            } else {
                window.addEventListener('DOMContentLoaded', runTransformation);
            }

            injectCSS();

        })();
    }
</script>
</body>
</html>