<?php 
$page_title = 'Mentors Mission | About';
require 'assets/header.php';
?>

<body>

<div class="page-wrapper">
 	
  <?php require 'assets/navbar.php' ?>

	<!--FullScreen Menu-->
	<div class="fullscreen-menu">
		<!--Close Btn-->
		<div class="close-menu"><span class="flaticon-cancel-1"></span></div>
		
		<div class="menu-outer-container">
			<div class="menu-box">
				<nav class="full-menu">
					<ul class="navigation">
						
																	<li class="current"><a href="index">Home</a></li>
																	<li class="current"><a href="News">News</a></li>
									<li><a href="about">About Us</a></li>
								<!--	<li><a href="campus.html">Campuses</a></li> -->
								    <li><a href="index#gallery">Gallery</a></li>
									
									<li><a href="mentorsmission.com/about#map-info-section">Contact us</a></li>
					</ul>
				</nav>
			</div>
		</div>
	</div><!--End FullScreen Menu-->
	<!--Page Title-->
    <section class="page-title" style="background-image:url(images/group.jpg);">
    	<div class="auto-container">
        	<h1>East Boca Kehilla</h1>
        </div>
    </section>
    
    <!--Breadcrumb-->
    <div class="breadcrumb-outer">
    	<div class="auto-container">
        	<ul class="bread-crumb text-center">
            	<li><a href="index">Home</a> <span class="fa fa-angle-right"></span></li>
                <li>East Boca Kehilla</li>
            </ul>
        </div>
    </div>
    <!--End Page Title-->
    
<style>

}
   figure {
      display: block;
      margin: 0;
      padding: 0;
   }
   
   figcaption {
      font-family: Arial, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: black;
      margin-top: 10px;
      padding: 5px;
      
        }
   
       body {
    overflow-x: hidden; /* Prevent horizontal scroll */
}

     .container {
    width: 100%; 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 0px; 
}

.float-image {
    float: right; 
    margin-left: 25px; 
    width: 200px; 
}

.float-image1 {
    float: left; 
    margin-right: 25px; 
    width: 300px; 
    
}

.float-video {
    float: left;
    margin-right: 25px;
    width: 500px;
    height: 300px;
    z-index: 10;
}
        .photo-grid-container {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh; /* Center vertically within the viewport */
        }

        .photo-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

        .photo-item {
            flex: 0 0 calc(33.33% - 20px); /* 3 photos in each row with some spacing */
            margin: 10px;
            position: relative;
        }

        .photo-item:last-child {
            flex: 0 0 calc(33.33% - 20px); /* 3 photos in the second row */
        }

        .photo-item img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        /* Style for the enlarged image */
        .enlarged-image-container {
            display: none;
            justify-content: center;
            align-items: center;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
        }

        .enlarged-image {
            max-width: 90%;
            max-height: 90%;
        }
        
        .article-container {
    max-width: 1000px; 
    margin: 0 auto; 
    padding: 20px; 
    text-align: justify;
    padding: 0;
}

/* Style for article title */
.article-container h1 {
    font-size: 24px; 
    margin-bottom: 10px; 
}

/* Style for article author and introduction */
.article-container p {
    margin: 10px 0; /* Add spacing above and below paragraphs */
}

 .article-container h1,
    .article-container h2,
    .article-container h5 {
        font-family: 'Poppins', sans-serif; 
    }
     .bordered-paragraph {
        border: 2px solid #000; /* You can adjust the border width and color as needed */
        padding: 10px; /* Optional: Add padding to create space around the text */
    }
    .pquote {
    float: left;
    width: 200px;
    background: #e9eaee;
    color: #1589fc;
    font-weight: bold;
    padding: 15px;
    margin: 0 20px 20px 0;
    font-size: 18px; 
    text-align:center; 
    font-family: "Gill Sans", sans-serif;
}
      .pquote1 {
    float: right;
    width: 200px;
    background: #e9eaee;
    color: #1589fc;
    font-weight: bold;
    padding: 15px;
    margin: 0px 0px 0px 20px;
    font-size: 18px; 
    text-align:center; 
    font-family: "Gill Sans", sans-serif;
} 
    blockquote {
    margin: 0; /* gets rid of the default blockquote margin */
}
  .bordered-paragraph {
        border: 2px solid #000; /* You can adjust the border width and color as needed */
        padding: 10px; /* Optional: Add padding to create space around the text */
    }


    </style>
    <!-- End of the style -->
	

            </div>
        </div>
        
        <!-- Article Container -->
<div class="article-container">
    <!-- Article Title -->
   <center> <h2><strong>Light Reflects Light </strong></h2></center>
<br>
<p>
It takes a special light to kindle Jewish hearts – and the East Boca Kehilla, led by Rabbi Noah Light, has what it takes: it’s a very warm, friendly, and growth-oriented <i>kehillah</i>, 
and the Carlebach-style <i>tefillos</i> and weekly musical <i>Havdalah</i> are a boon to their <i>mispallelim</i>, including a large number of <i>baalei teshuvah</i>. Our mentees felt right at home!</p>
    <p id="a">
Third Meal, First-Hand Report
Shalosh Seudos in Boca included a mesmerizing first-hand report of miracles that took place at the Mentors Mission. One miracle? When mentor Dr. Jonathan Silberberg entered a “random” soldier’s room in the 
hospital…. and found it was the soldier he’d been praying for, ever since October 7. 
     </p>
<br>


</div>
<div style="padding:20% 0 0 0;position:relative;">
    <iframe src="https://player.vimeo.com/video/1010944997?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Dr. Jonathan Silverberg and Aviram">
    
</iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
        <br>
<div id="imageModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <img src="images/MentorsMission/EchodSmall6.jpg" alt="Echod">
        </div>
    </div>
</div>
        

    <script>
        // JavaScript to handle image enlargement on mobile
        function enlargeImage(imageElement) {
            const enlargedImageContainer = document.getElementById('enlarged-image-container');
            const enlargedImage = document.getElementById('enlarged-image');

            // Set the source of the enlarged image to the clicked image
            enlargedImage.src = imageElement.src;

            // Display the enlarged image container
            enlargedImageContainer.style.display = 'flex';

            // Hide the enlarged image when clicked
            enlargedImageContainer.onclick = function () {
                enlargedImageContainer.style.display = 'none';
            };
        }
        
        
    </script>
	
	<?php require 'assets/map_contact_form.php'; ?>
  <?php require 'assets/footer.php'; ?>
	
</div>

<!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-long-arrow-up"></span></div>


<?php require  'assets/package_popup.php'; ?>
<?php require 'assets/js_scripts.php'; ?>


  

</body>
</html>