<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	<title>SK Berlare</title>
	  <meta name="description" content="SK Berlare" />
    <meta name="keywords" content="Welkom op de website van SK Berlare" />
    <meta name="author" content="SK Berlare" />


  <meta property="og:title" content="SK Berlare" />
    <meta property="og:url" content="skberlare.be" />
    <meta property="og:locale" content="nl_BE" />
    <meta property="og:site_name" content="SK Berlare" />
    <meta property="og:description" content="Welkom op de website van SK Berlare">
    <meta property="og:type" content="website" />
    <meta property="og:image" content="/uploadsClub/123/imgLogo/logo-kicksite.ce96c1.png" />

	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css">

	<link rel="apple-touch-icon" sizes="120x120" href="/uploadsClub/123/imgLogo/logo-kicksite.ce96c1.png?v=2">
	<link rel="apple-touch-icon" sizes="152x152" href="/uploadsClub/123/imgLogo/logo-kicksite.ce96c1.png?v=2">

	<!-- Bootstrap CSS -->
	<link rel="stylesheet" href="assets/css/bootstrap.min.css">

	<!-- Owl Carousel CSS -->
	<link rel="stylesheet" href="assets/plugins/owl-carousel/owl.carousel.min.css">
	<link rel="stylesheet" href="assets/plugins/owl-carousel/owl.theme.default.min.css">

	<!-- Aos CSS -->
	<link rel="stylesheet" href="assets/plugins/aos/aos.css">

	<!-- Fontawesome CSS -->
	<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
	<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">

	<!-- Select CSS -->
	<link rel="stylesheet" href="assets/plugins/select2/css/select2.min.css">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
	<!-- Feathericon CSS -->
	<link rel="stylesheet" href="assets/css/feather.css">
	<!-- Main CSS -->
	<link rel="icon" type="image/jpeg" href="/uploadsClub/123/imgLogo/logo-kicksite.ce96c1.png?v=2" sizes="192x192">
<link rel="stylesheet" href="assets/css/style.css">
    <style>
.bgSignage{
    background:#af171b !important;
    color:#ffffff !important;;
}
.card{
    border-radius:10px !important;
    }
.imgLogoRadius{
    border-radius:10px !important;
}
.breadcrumb{
    background-color:transparant !important;
    color:#000000 !important;
    margin-top: 20px;
}
.hero-section{
    min-height:650px !important;
}
.hero-section .home-banner{
    min-height:650px !important;
}
.breadcrumb ul li a{
    color:black !important;
}
.breadcrumb ul li{
   color:black !important;
}
.price-head{
    background:#af171b !important;
}
.breadcrumb ul li::after{
    color:black !important;
}
.dashboard-section .dashboard-menu ul li a.active{
    background:#ae171b !important;
    border:#ae171b !important;
    color:#ffffff !important;
}
.btn-primary{
    background:#ae171b !important;
    border:#ae171b !important;
    color:#ffffff !important;
}
 .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active{
  background:#ae171b !important;
  color:#ffffff !important;
  border:none;
 }
 .footer{
    background:#af171b;
 }
 .footer .footer-join h2,.footer .footer-title,.footer .footer-address-blk .footer-call p,.footer, .footer a{
    color:#ffffff !important;

 }
 .footer .footer-top{
    border-top: #ffffff 1px solid;
 }
 .hero-section {
  background-image: url(/uploadsClub/123/imgBackground/634074927_1446670197254416_3120547426589766717_n.e92429.jpg);
}
.listing-img{
    background-color:#af171b;
    min-height:250px;
}
.bgLogoBericht{
    background-color:#af171b;
    min-height:250px;
}
.header{
    background-color:#ffffff;

}
.fixed-top{
    background-color:#ffffff !important;
}
.main-nav li a{
color:#000000 !important;
}
.submenu li a{
color:black !important;
}
.subscribe-style {
  background: #ffffff;
}
.subscribe-style .banner-info h2,.subscribe-style .banner-info p {
  color: #000000;
}
.topbar{
    background: #af171b;
    color:#ffffff !important;
    padding: 8px;
}
.demobar{
    background: red;
    color:white !important;
    padding: 8px;
    font-weight:800;
}
.header .main-menu-wrapper .main-nav > li.active > a{
    border-bottom: solid 3px #000000 !important;
}
.listing-item .listing-img{
    border-radius: 10px 10px 0 0
}
.bgLogoBericht{
    border-radius: 10px 10px 0 0
}
.listing-item .listing-content{
    border-radius: 0 0 10px 10px;
}
.header .navbar-header #mobile_btn .bar-icon span{
    background-color:#000000 !important;
}
.header .main-menu-wrapper{
   background-color:#ffffff;
   color:#000000 !important;
}
.header .main-menu-wrapper .main-nav .has-submenu ul{
    background:white !important;
}
.home-banner h1{
    color:#ffffff !important;
}
.home-banner h2{
    color:#af171b !important;
}
.bgOverlay{
  opacity:0.6 !important;
  background-color:#121212 !important;
}
</style>
  
</head>

<body>

	<!-- Main Wrapper -->
<div class="main-wrapper">
		<script>
document.addEventListener('DOMContentLoaded', () => {
  const warningDomains = ['jotform.com', 'form.jotform.com', 'forms.google.com', 'forms.gle','forms.office.com', 'shop.stamhoofd.be'];

  // Modal pas aanmaken wanneer de DOM klaar is
  const modalEl = document.getElementById('externalModal');
  const modal = new bootstrap.Modal(modalEl, { backdrop: 'static', keyboard: false });

  let pendingUrl = null;

  function isBlocked(url) {
    try {
      const u = new URL(url, location.origin);
      return warningDomains.some(d => u.hostname === d || u.hostname.endsWith('.' + d));
    } catch { return false; }
  }

  // Capture = true zodat we vóór andere handlers zitten
  document.addEventListener('click', (e) => {
    const a = e.target.closest('a[href]');
    if (!a) return;

    // Sta ctrl/cmd/shift/middle click NIET toe om te omzeilen
    const isModified = e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0;

    if (isBlocked(a.href)) {
      e.preventDefault();
      e.stopPropagation();
      e.stopImmediatePropagation();

      pendingUrl = a.href;
      // Optioneel: forceer focus op modal zodat niets "door klikt"
      modal.show();
    }
  }, true);

  document.getElementById('proceedBtn').addEventListener('click', () => {
    if (pendingUrl) window.open(pendingUrl, '_blank', 'noopener');
    modal.hide();
    pendingUrl = null;
  });
});
</script>

<div class="modal" id="externalModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog zoom-in modal-dialog-centered">
      <div class="modal-content shadow-lg border-0">
        <div class="modal-header bg-danger-subtle">
          <h5 class="modal-title fw-semibold">
            <i class="fa fa-warning"></i> Let op: u verlaat de website naar een externe link
          </h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Sluiten"></button>
        </div>
        <div class="modal-body">
          <p>
            Deze link verwijst naar een externe site die niet gekend staat bij de domeinchecker "EsReal".
          </p>
          <p class="mb-0">Wil je toch doorgaan naar deze externe link?</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Blijf op de website</button>
          <button type="button" id="proceedBtn" class="btn btn-danger">Toch doorgaan</button>
        </div>
      </div>
    </div>
  </div>
<!-- Modal -->
<div class="modal fade" id="modalCookie" data-bs-keyboard="false" data-bs-backdrop="static" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="exampleModalLabel">Cookies</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
       Wij gebruiken cookies om uw gebruikerservaring te verbeteren.
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" id="reject-cookies">Weigeren</button>
        <button type="button" class="btn btn-success" id="accept-cookies">Accepteren</button>
      </div>
    </div>
  </div>
</div><!-- Messenger Chatplug-in Code -->
<style>
        .mean-container .mean-bar {
        background-image: url('/uploadsClub/123/imgLogo/logo-kicksite.ce96c1.png');
        background-size: 40px;
        background-repeat: no-repeat;
        background-position: center;
    }
</style>
<!-- Header -->
<header class="header header-sticky">

         
        <div class="topbar">
            <div class="container">
                <div class="row">
                    
                    <div class="col-md-6">
                                                </div>
                    
                    <div class="col-md-6 text-end">

                        
                                                    <a  href="https://www.facebook.com/profile.php?id=100057343484806" target="_blank">
                                <i class="bi bi-facebook" style="color:#ffffff"></i>
                            </a>
                                                                    </div>
                </div>
            
            </div>
        </div>
			<div class="container">
				<nav class="navbar navbar-expand-lg header-nav">
					<div class="navbar-header">

                          

						<a id="mobile_btn" href="javascript:void(0);">
							<span class="bar-icon">
								<span></span>
								<span></span>
								<span></span>
							</span>
						</a>
						<a href="index.php" class="navbar-brand logo">
                            <img src="/uploadsClub/123/imgLogo/logo-kicksite.ce96c1.png" class="imgLogoMenu">
						</a>
					</div>
					<div class="main-menu-wrapper">
                        <div class="menu-header">
                            <a href="index.php" class="menu-logo">
                                SK Berlare                            </a>
                            <a id="menu_close" class="menu-close" href="javascript:void(0);"> <i class="fas fa-times"></i></a>
                        </div>
						 <ul class="main-nav">
                                <li ><a href="index.php">Home </a></li>
                                <li class="has-submenu ">
                                <a href="#">CLUB <i class="hover-ind fa fa-caret-down" aria-hidden="true"></i></a>
                                <ul class="submenu">
                                        <li><a href="clubgegevens.php">Clubinfo</a></li>
                                                                             <li><a href="reserveren.php">Hoe lid worden?</a></li>
                                                                                                                     <li><a href="abonnementen.php">Wedstrijdabonnementen</a></li>
                                                                                                                     <li><a href="organogram.php">Organigram</a></li>
                                                                                                                     <li><a href="klassementen.php">Klassementen</a></li>
                                                                                                                                                    										<li><a href="pagina.php?p=3005">Neen tegen pesten</a></li>
                                    										<li><a href="pagina.php?p=641">Gezondheid en milieu</a></li>
                                    										<li><a href="pagina.php?p=642">Club API</a></li>
                                                                                                       
							     </ul>
                                </li>
                                                                <li  class="has-submenu  "><a  href="#">Seniors <i class="hover-ind fa fa-caret-down #" aria-hidden="true"></i></a>
                                    <ul class="submenu">
                                                                                                                         <li><a href="teamdetail.php?team=1513">Eerste elftal</a></li>
                                                                                                                </ul>
                                </li>
                                

                                                                    <li  class=""><a  href="kalender.php">Kalender</a></li>
                                                                
                                                                <li class="has-submenu  "><a  href="#">Jeugdinfo <i class="hover-ind fa fa-caret-down" aria-hidden="true"></i></a>
                                    <ul class="submenu">
                                                                                <li><a href="reserveren.php">Online inschrijven en lidgeld</a></li>
                                                                                                                        <li><a href="jeugdteams.php">Teams</a></li>
                                        <li><a href="alleTrainers.php">Trainers</a></li>
                                        
                                                                                                                          <li><a href="pagina.php?p=640">Afgevaardigden</a></li>
                                                                            <li><a href="pagina.php?p=644">Kledij bestellen</a></li>
                                                                            <li><a href="pagina.php?p=645">Trainingsuren</a></li>
                                                                                                        </ul>
                                </li>
                                                                <li  class=""><a  href="nieuws.php">Nieuws</a></li>
                                

                                                                <li  class="has-submenu  "><a  href="#">Events<i class="hover-ind fa fa-caret-down" aria-hidden="true"></i></a>
                                    <ul class="submenu"> 
                                        <li><a href="activiteiten.php">Events</a></li>
                                        
                                        <li><a href="helperslijst.php">Helperslijst</a></li>
                                        
                                    </ul>
                                </li>
                            
                                <li   class="has-submenu  "><a  href="#">Business <i class="hover-ind fa fa-caret-down" aria-hidden="true"></i></a>
                                <ul class="submenu">
                                        <li><a href="sponsormogelijkheden.php">Adverteren?</a></li>
                                        <li><a href="sponsors.php">Sponsors</a></li>
                                                                             </ul>
                                 </li>
                                <li  class="has-submenu  "><a href="#"  >Extra <i class="hover-ind fa fa-caret-down" aria-hidden="true"></i></a>
                                	<ul class="submenu">  
                                        <li ><a href="contact.php">Contact</a></li>
                                                                               <li><a href="webshop.php">Webshop</a></li>
                                                                                                                        <li><a href="verhuring.php">Verhuring</a></li>
                                                                                <li><a href="documentatie.php">Documentatie</a></li>
                                                                                <li><a href="faq.php">FAQ</a></li>
                                                                            </ul>
                                </li>
                                <li class="d-lg-none"><a href="reserveren.php">Inschrijven </a></li>

                            </ul>


					</div>

					<ul class="nav header-navbar-rht">

						<li>
														<a class="btn btn-primary" href="reserveren.php"><span><i class="feather-check-circle"></i> </span>Inschrijven</a>
													</li>

					</ul>
				</nav>
			</div>
		</header>
		<!-- /Header -->
		<!-- Hero Section -->
		<section class="hero-section">	
			<div class="bgOverlay"></div>
			<div class="container">

				<div class="home-banner">
					<div class="row align-items-center w-100">
						<div class="col-lg-12 col-md-10 mx-auto">
							<div class="section-search aos" data-aos="fade-up">
																	<h1>Welkom bij SK Berlare</h1>
																									<h2>1e provinciale Oost-Vlaanderen</h2>
															</div>
						</div>
					</div>
				</div>	
			</div>
		</section>

		
		




<section class="section">
    <div class="container">
    	<div class="section-heading aos" data-aos="fade-up">
					<h2>Evenementen</h2>
					<p class="sub-title">Hieronder vindt u een overzicht van de aankomende events.</p>
				</div>
                <div class="row listing-item">
					
						 			<div class="col-lg-4 col-md-6 mt-5">
                <div class="card p-0">
                    <a href="activiteitDetail.php?evenementId=1202">
                    <div class="card-img-top-container imgZoom ">
                            <img src="/uploadsClub/123/imgEvents/White Modern Travel Poster-2.a382ab.png" class="card-img-top" alt="SK Berlare">                    </div>
                    </a>
                  <div class="card-body">
                    <i class="feather-calendar"></i>

                                            <small>Zondag 10-05-2026 tot Zondag 21-06-2026</small>
                                        <h3 class="listing-title blog-title mt-2">
                        <a href="activiteitDetail.php?evenementId=1202">
                           PUIT & PLAY                        </a>
                        
                    </h3>
                    <div class="listing-button read-new">
                                        <span><i class="fa fa-eye  mr-5"></i> 138 keer gelezen</span>
                                         </div>

                    
                                             <div class="d-grid gap-2">
                            <a href="activiteitDetail.php?evenementId=1202" class="btn btn-success btn-sm">Bestel online</a>
                            </div>
                        

                  </div>
                </div>
          </div>
      
						 			<div class="col-lg-4 col-md-6 mt-5">
                <div class="card p-0">
                    <a href="activiteitDetail.php?evenementId=1249">
                    <div class="card-img-top-container imgZoom ">
                            <img src="/uploadsClub/123/imgEvents/545654621_1314184457169658_8688700638289772889_n.9d8b85.jpg" class="card-img-top" alt="SK Berlare">                    </div>
                    </a>
                  <div class="card-body">
                    <i class="feather-calendar"></i>

                                            <small>Zondag 06-09-2026</small>
                                        <h3 class="listing-title blog-title mt-2">
                        <a href="activiteitDetail.php?evenementId=1249">
                           FAMILIEDAG 2026                        </a>
                        
                    </h3>
                    <div class="listing-button read-new">
                                        <span><i class="fa fa-eye  mr-5"></i> 53 keer gelezen</span>
                                         </div>

                    
                    

                  </div>
                </div>
          </div>
      				</div>
			</div>
		</section>
	

<section class="section" >
    <div class="container">
                <div class="section-heading aos" data-aos="fade-up">
            <h2>Nieuws</h2>
            <p class="sub-title">Hieronder vindt u een overzicht ons meest recente berichten.</p>
        </div>
                <div class="row listing-item">
                                          <div class="col-lg-4 col-md-6 mt-5">
                <div class="card h-100 p-0">
                    <a href="nieuwsdetail.php?nieuwsId=2431">
                    <div class="card-img-top-container imgZoom ">
                    <img src="/uploadsClub/123/imgBerichten/ChatGPT Image 1 jun 2026, 13_21_42.2720c5.png" alt="SK Berlare" class="card-img-top">                  </div>
                    </a>
                  <div class="card-body">
                                            <i class="feather-calendar"></i>Maandag 01-06-2026                                        <h3 class="listing-title blog-title">
                        <a href="nieuwsdetail.php?nieuwsId=2431">HERE TO STAY! 🔴⚪</a>
                    </h3>
                    <p class="card-text">Ook onze beloftencoach Hichem M'Saad doet er nog een jaartje SKB bij.Hichem ademt voetbal, spelers opleiden is zijn leven. Hij zal proberen om onze sp...</p>
                    <div class="listing-button read-new">
                                        <span><i class="fa fa-eye  mr-5"></i> 680 keer gelezen</span>
                                        </div>
                  </div>
                </div>

                         </div>

                                          <div class="col-lg-4 col-md-6 mt-5">
                <div class="card h-100 p-0">
                    <a href="nieuwsdetail.php?nieuwsId=2428">
                    <div class="card-img-top-container imgZoom ">
                    <img src="/uploadsClub/123/imgBerichten/mohammed-facebook.9bed92.png" alt="SK Berlare" class="card-img-top">                  </div>
                    </a>
                  <div class="card-body">
                                            <i class="feather-calendar"></i>Zaterdag 30-05-2026                                        <h3 class="listing-title blog-title">
                        <a href="nieuwsdetail.php?nieuwsId=2428">🚨 TRANSFERNIEUWS - Mohammed Oulad! 🔴⚪</a>
                    </h3>
                    <p class="card-text">SK Berlare versterkt zich met Mohammed Oulad! ✍️Mo komt over van&nbsp;SV Sottegem&nbsp;en bracht voordien seizoenen door bij ondermeer&nbsp;OLSA B...</p>
                    <div class="listing-button read-new">
                                        <span><i class="fa fa-eye  mr-5"></i> 493 keer gelezen</span>
                                        </div>
                  </div>
                </div>

                         </div>

                                          <div class="col-lg-4 col-md-6 mt-5">
                <div class="card h-100 p-0">
                    <a href="nieuwsdetail.php?nieuwsId=2429">
                    <div class="card-img-top-container imgZoom ">
                    <img src="/uploadsClub/123/imgBerichten/benyamin-facebook.114b5f.png" alt="SK Berlare" class="card-img-top">                  </div>
                    </a>
                  <div class="card-body">
                                            <i class="feather-calendar"></i>Zaterdag 30-05-2026                                        <h3 class="listing-title blog-title">
                        <a href="nieuwsdetail.php?nieuwsId=2429">🚨 TRANSFERNIEUWS - WELKOM BENYAMIN! ⚪🔴</a>
                    </h3>
                    <p class="card-text">SK Berlare mag opnieuw een nieuwe naam verwelkomen voor volgend seizoen: Benyamin El Addaoui maakt de overstap naar onze club.Benyamin is een speler d...</p>
                    <div class="listing-button read-new">
                                        <span><i class="fa fa-eye  mr-5"></i> 116 keer gelezen</span>
                                        </div>
                  </div>
                </div>

                         </div>

                    </div>
                        <div class="row listing-item">
            <div class="col-lg-12">
                <div class="d-grid mt-5">
                    <a href="nieuws.php" class="btn btn-primary">Lees meer nieuws</a>
                </div>
            </div>
        </div>
                        
</section>		<section class="section">
			<div class="container">

						<div class="row">
					<div class="col-sm-12">
						<div class="court-tab-content">
							<div class="card card-tableset">
								<div class="card-body">
									<div class="coache-head-blk">
										<div class="row align-items-center">
											<div class="col-lg-12 mb-4">
												<h2>Kalender</h2>
											</div>
											<div class="col-lg-6">

												<div class="mb-3">
												  <label for="exampleFormControlInput1" class="form-label">Filter op weeknummer</label>
												  												  												  <div class="input-group">
													  <select class="form-select" id="sltWeek" onchange="filterPlanning()">
													  	<option value="0">Geen keuze</option>
																										<option  value="1">Week 1</option>
																										<option  value="2">Week 2</option>
																										<option  value="3">Week 3</option>
																										<option  value="4">Week 4</option>
																										<option  value="5">Week 5</option>
																										<option  value="6">Week 6</option>
																										<option  value="7">Week 7</option>
																										<option  value="8">Week 8</option>
																										<option  value="9">Week 9</option>
																										<option  value="10">Week 10</option>
																										<option  value="11">Week 11</option>
																										<option  value="12">Week 12</option>
																										<option  value="13">Week 13</option>
																										<option  value="14">Week 14</option>
																										<option  value="15">Week 15</option>
																										<option  value="16">Week 16</option>
																										<option  value="17">Week 17</option>
																										<option  value="18">Week 18</option>
																										<option  value="19">Week 19</option>
																										<option  value="20">Week 20</option>
																										<option  value="21">Week 21</option>
																										<option  value="22">Week 22</option>
																										<option  value="23">Week 23</option>
																										<option selected value="24">Week 24</option>
																										<option  value="25">Week 25</option>
																										<option  value="26">Week 26</option>
																										<option  value="27">Week 27</option>
																										<option  value="28">Week 28</option>
																										<option  value="29">Week 29</option>
																										<option  value="30">Week 30</option>
																										<option  value="31">Week 31</option>
																										<option  value="32">Week 32</option>
																										<option  value="33">Week 33</option>
																										<option  value="34">Week 34</option>
																										<option  value="35">Week 35</option>
																										<option  value="36">Week 36</option>
																										<option  value="37">Week 37</option>
																										<option  value="38">Week 38</option>
																										<option  value="39">Week 39</option>
																										<option  value="40">Week 40</option>
																										<option  value="41">Week 41</option>
																										<option  value="42">Week 42</option>
																										<option  value="43">Week 43</option>
																										<option  value="44">Week 44</option>
																										<option  value="45">Week 45</option>
																										<option  value="46">Week 46</option>
																										<option  value="47">Week 47</option>
																										<option  value="48">Week 48</option>
																										<option  value="49">Week 49</option>
																										<option  value="50">Week 50</option>
																										<option  value="51">Week 51</option>
																										<option  value="52">Week 52</option>
																									</select>
													  <button class="btn btn-outline-secondary" type="button" onclick="clearSelect('sltWeek')"><i class="fa fa-times"></i></button>
													  <button class="btn btn-outline-secondary" type="button" onclick="selecteerNu('sltWeek',24)">Deze week</button>
													</div>

												  
												</div>


												
											</div>
											<div class="col-lg-6">

												<div class="mb-3">
												  <label for="exampleFormControlInput1" class="form-label">Filter op maand</label>
												  <div class="input-group">
												  	<select class="form-select" id="maand" onchange="filterPlanning()">
												  		<option value="0">Geen keuze</option>
																										<option  value="1">Januari</option>
																										<option  value="2">Februari</option>
																										<option  value="3">Maart</option>
																										<option  value="4">April</option>
																										<option  value="5">Mei</option>
																										<option  selected  value="6">Juni</option>
																										<option  value="7">Juli</option>
																										<option  value="8">Augustus</option>
																										<option  value="9">September</option>
																										<option  value="10">Oktober</option>
																										<option  value="11">November</option>
																										<option  value="12">December</option>
																									</select>

												<button class="btn btn-outline-secondary" type="button" onclick="clearSelect('maand')"><i class="fa fa-times"></i></button>
												<button class="btn btn-outline-secondary" type="button" onclick="selecteerNu('maand',06)">Deze maand</button>
											</div>
												</div>


												
											</div>

											<div class="col-lg-4">

												<div class="mb-3">
												  <label for="exampleFormControlInput1" class="form-label">Filter op dag</label>
												  <div class="input-group">
												  	<input type="date" id="txtFilterDag" onchange="filterPlanning()" class="form-control">

												<button class="btn btn-outline-secondary" type="button" onclick="clearSelect('txtFilterDag')"><i class="fa fa-times"></i></button>
												<button class="btn btn-outline-secondary" type="button" onclick="selecteerNu('txtFilterDag','2026-06-10')">Vandaag</button>
											</div>
												</div>


												
											</div>

											<div class="col-lg-4" >

												<div class="mb-3">
												  <label for="exampleFormControlInput1" class="form-label">Filter op type</label>
												  <div class="input-group">
												  	<select class="form-select"  onchange="filterPlanning()" id="sltFilterType">
												  		<option value=""></option>
												  		<option value="1">Wedstrijden</option>
												  		<option value="2">Trainingen</option>
												  	</select>

												<button class="btn btn-outline-secondary" type="button" onclick="clearSelect('sltFilterType')"><i class="fa fa-times"></i></button>
											</div>
												</div>


												
											</div>

											<div class="col-lg-4" style="display: none;">

												<div class="mb-3">
												  <label for="exampleFormControlInput1" class="form-label">Wedstrijdfilter</label>
												  <div class="input-group">
												  	<select class="form-select"  onchange="filterPlanning()" id="sltFilterWedstrijdlocatie">
												  		<option value=""></option>
												  		<option value="1">Enkel thuiswedstrijden</option>
												  		<option value="0">Thuis- en uitwedstrijden</option>
												  	</select>

												<button class="btn btn-outline-secondary" type="button" onclick="clearSelect('sltFilterWedstrijdlocatie')"><i class="fa fa-times"></i></button>
											</div>
												</div>


												
											</div>

																						<div class="col-lg-12">
													 
												

																										<div class="mt-2 d-flex align-content-stretch flex-wrap">
													
																										<div class="p-1 pl-2">
													<input type="checkbox" name="kalenderTeam" value="1513"  onclick="filterPlanning()" class="btn-check" id="btn-check-outlined1513" autocomplete="off">
													<label class="btn btn-outline-primary" for="btn-check-outlined1513">Eerste elftal</label><br>


													</div>
																										<div class="p-1 pl-2">
													<input type="checkbox" name="kalenderTeam" value="1514"  onclick="filterPlanning()" class="btn-check" id="btn-check-outlined1514" autocomplete="off">
													<label class="btn btn-outline-primary" for="btn-check-outlined1514">Beloften</label><br>


													</div>
																										

												
											</div>
																					</div>
																		</div>
									<div class="table-responsive table-datatble mt-2" id="resultWeekplanner">
										
									</div>
								</div>
							</div> 

						</div>
					</div>
				</div>
			</div>			</div>
		</section>

<section class="section">


	<div class="container mt-10 mt-5">
	<div class="row">
			<div class="col-sm-12">
				<div class="court-tab-content">
					<div class="card card-tableset">
						<div class="card-body">
							<div class="coache-head-blk">
								<div class="row align-items-center justify-content-center">
									<div class="col-lg-12 text-center mb-5">
					                    <h2>Hoofdsponsors</h2>
					                </div>
															<div class="col-6 col-lg-6">
								<div class="brand-logos">
									<a href="" target="_blank">
									<img  src="/uploadsClub/123/imgSponsors/esco-therm.94bcc0.jpg" alt="ESCO-THERM">
									</a>
								</div>
							</div>
														<div class="col-6 col-lg-6">
								<div class="brand-logos">
									<a href="https://www.garagedebeule.be" target="_blank">
									<img  src="/uploadsClub/123/imgSponsors/339727103_555255816745986_7699148834573168030_n.2b41cd.jpg" alt="GARAGE DE BEULE">
									</a>
								</div>
							</div>
														<div class="col-6 col-lg-6">
								<div class="brand-logos">
									<a href="https://www.inbraakveilig.be" target="_blank">
									<img  src="/uploadsClub/123/imgSponsors/inbraakveilig_350x350.6eff6b.jpg" alt="INBRAAKVEILIG">
									</a>
								</div>
							</div>
														<div class="col-6 col-lg-6">
								<div class="brand-logos">
									<a href="https://www.vercometaal.be" target="_blank">
									<img  src="/uploadsClub/123/imgSponsors/verco.33b6c2.jpg" alt="VERCO METAAL">
									</a>
								</div>
							</div>
												</div>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
</div>

	<div class="container mt-10 mt-5">
	<div class="row">
			<div class="col-sm-12">
				<div class="court-tab-content">
					<div class="card card-tableset">
						<div class="card-body">
							<div class="coache-head-blk">
								<div class="row align-items-center justify-content-center">
									<div class="col-lg-12 text-center mb-5">
					                    <h2>Kledijsponsors</h2>
					                </div>
															<div class="col-6 col-lg-4">
								<div class="brand-logos">
									<a href="https://bdl-advies.be/" target="_blank">
									<img  src="/uploadsClub/123/imgSponsors/ChatGPT Image 1 jun 2026, 12_12_13.ff035f.png" alt="BDL ADVIES">
									</a>
								</div>
							</div>
														<div class="col-6 col-lg-4">
								<div class="brand-logos">
									<a href="" target="_blank">
									<img  src="/uploadsClub/123/imgSponsors/dujo.a3235a.jpg" alt="Dujo Dakwerken">
									</a>
								</div>
							</div>
														<div class="col-6 col-lg-4">
								<div class="brand-logos">
									<a href="https://www.jcmotors.be/" target="_blank">
									<img  src="/uploadsClub/123/imgSponsors/BDL_Advies_350x350.dae6b5.png" alt="JC MOTORS">
									</a>
								</div>
							</div>
												</div>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
		<!-- Newsletter -->
		<section class="section newsletter-sport">
			<div class="container">
				<div class="row">
					<div class="col-sm-12 text-center">
						<div class="subscribe-style aos p-5" data-aos="fade-up">
							<div class="banner-info ">
								<h2>Interesse om onze club te sponsoren?</h2>
								<p>In enkele klikken staat uw logo hier online</p>
								<a href="sponsormogelijkheden.php" class="btn btn-primary"> Nu adverteren</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- /Newsletter -->

		<footer class="footer">
			<div class="container">
			
			
				<!-- Footer Top -->
				<div class="footer-top">
					<div class="row">
						<div class="col-lg-6 col-md-6">
							<!-- Footer Widget -->
							<div class="footer-widget footer-menu">
								<h4 class="footer-title">Contacteer ons</h4>
								<div class="footer-address-blk">
									<div class="footer-call">
										 <p> <i class="fa fa-home"></i> Bosstraat 91, 9290 Berlare<br>9290 Berlare</p>
                            <p><i class="fa fa-phone"></i> 052 42 46 39 <br /></p>                                                         <p><i class="fa fa-envelope"></i> Email: <a href="mailto:info@skberlare.be">info@skberlare.be</a></p>									</div>
								</div>
							</div>
							<!-- /Footer Widget -->
						</div>
						<div class="col-lg-3 col-md-6">
							<!-- Footer Widget -->
							<div class="footer-widget footer-menu">
								<h4 class="footer-title">Support</h4>
								<ul>
									                    <li> <a href="algemeneVoorwaarden.php">Algemene voorwaarden</a></li>
                                        <li> <a href="privacyPolicy.php">Privacy Policy</a></li>
								</ul>
							</div>
							<!-- /Footer Widget -->
						</div>
						<div class="col-lg-3 col-md-6">
							<!-- Footer Widget -->
							<div class="footer-widget footer-menu">
								<h4 class="footer-title">Voor leden</h4>
								<ul>
									<li>
										<a href="reserveren.php">Inschrijven als speler</a>
									</li>
									<li>
										<a href="lidkaartOpzoeken.php">Spelersprofiel opvragen</a>
									</li>
									<li>
										<a href="lidkaartOpzoeken.php">Kortingcodes opvragen</a>
									</li>
									<li>
										<a href="lidkaartOpzoeken.php">Attesten mutualiteit opvragen</a>
									</li>
									<li>
										<a href="registreren.php">Registreer uw online account bij <strong>SK Berlare</strong></a>
									</li>
										<li>
																					<a href="../gt-login/index.php?c=MTIza2lja3NpdGUwMDc&t=1b29d950b400bdf0a450a30bdddbc0bed0bff449d714a8b57114d8527238e60b">Aanmelden</a>
									</li>
								</ul>
							</div>
							<!-- /Footer Widget -->
						</div>

					</div>
				</div>
				<!-- /Footer Top -->
			</div>
			
			<!-- Footer Bottom -->
			<div class="footer-bottom">
				<div class="container">
					<!-- Copyright -->
					<div class="copyright">
						<div class="row align-items-center">
							<div class="col-md-4">
								<div class="copyright-text">
									&copy; 2023 Ontwikkeld door <a href="https://kicksite.be" target="_blank">Kicksite</a>
								</div>
							</div>
							<div class="col-md-8">
								<div class="copyright-text text-end">
									Ook interesse in een nieuwe moderne website voor uw sportclub?<br>In enkele klikken staat uw website online. <i class="bi bi-send"></i> Surf naar <a href="https://kicksite.be" target="_blank">www.kicksite.be</a>
								</div>
							</div>
							
						</div>
					</div>
					<!-- /Copyright -->
				</div>
			</div>
			<!-- /Footer Bottom -->
			
		</footer>
		<!-- /Footer -->
	</div>
	<!-- /Main Wrapper -->

	<!-- scrollToTop start -->
	<div class="progress-wrap active-progress">
		<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
		<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919px, 307.919px; stroke-dashoffset: 228.265px;"></path>
		</svg>
	</div>
	<!-- scrollToTop end -->

	<!-- jQuery -->
	<script src="assets/js/jquery-3.7.0.min.js"></script>

	<!-- Bootstrap Core JS -->
	<script src="assets/js/bootstrap.bundle.min.js"></script>

	<!-- Select JS -->
	<script src="assets/plugins/select2/js/select2.min.js"></script>

	<!-- Owl Carousel JS -->
	<script src="assets/plugins/owl-carousel/owl.carousel.min.js"></script>

	<!-- Aos -->
	<script src="assets/plugins/aos/aos.js"></script>

	<!-- Counterup JS -->
	<script src="assets/js/jquery.waypoints.js"></script>
	<script src="assets/js/jquery.counterup.min.js"></script>

	<!-- Top JS -->
	<script src="assets/js/backToTop.js"></script>

	<!-- Custom JS -->
	<script src="assets/js/script.js"></script>
	<script src="assets/js/mijnScripts.js"></script>
	<script src="../js/mijnScripts.js"></script>
		<script>
		filterPlanning();
	</script>
</body>
</html>
