<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr" lang="en">
<html>
<head>

<title>Masa Tenisi Salonu - Oyun ve Antrenman İmkanı</title>
<META http-equiv=Content-Type content="text/html; charset=windows-1254">
<META http-equiv=content-type content="text/html;charset=x-mac-turkish">
<meta http-equiv="Content-Language" content="tr">
<meta name="description" content="Masa tenisi oynayacak yer mi arıyorsunuz? Kulünümüzde profesyonel masa tenisi salonumuzda uygun fiyatlarla antrenman ve oyun imkanı sunuyoruz. Detaylı bilgi için hemen ziyaret edin.">
<meta name="keywords" content="masa tenisi, masa tenisi salonu, masa tenisi oynamak, spor salonu, antrenman, masa tenisi dersi, masa tenisi kiralama, masa tenisi özel ders, özel ders, masa tenisi okulu, altyapı">
<link rel='alternate' hreflang='tr' href='https://forehandspin.com/fbvmtsk/hakkimizda/yonetimkurulu.asp?DIL=250' />
<link rel='alternate' hreflang='en' href='https://forehandspin.com/fbvmtsk/en/hakkimizda/yonetimkurulu.asp?DIL=250' />
<link rel='alternate' hreflang='ru' href='https://forehandspin.com/fbvmtsk/ru/hakkimizda/yonetimkurulu.asp?DIL=250' />
<link rel='canonical' href='https://forehandspin.com/fbvmtsk/ru/hakkimizda/yonetimkurulu.asp?DIL=250' />

<meta name="author" content="Fenerbahçe Veteran Masa Tenisçileri Spor Kulübü">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<meta property="og:title" content="Masa Tenisi Salonu - Oyun ve Antrenman İmkanı">
<meta property="og:description" content="Masa tenisi oynayacak yer mi arıyorsunuz? Kulünümüzde profesyonel masa tenisi salonumuzda uygun fiyatlarla antrenman ve oyun imkanı sunuyoruz. Detaylı bilgi için hemen ziyaret edin.">
<meta property="og:image" content="https://forehandspin.com/fbvmtsk/images/forehandspin.jpg">
<meta property="og:url" content="https://forehandspin.com/fbvmtsk/ru/hakkimizda/yonetimkurulu.asp?DIL=250">
<meta property="og:type" content="website">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Masa Tenisi Salonu - Oyun ve Antrenman İmkanı">
<meta name="twitter:description" content="Masa tenisi oynayacak yer mi arıyorsunuz? Kulünümüzde profesyonel masa tenisi salonumuzda uygun fiyatlarla antrenman ve oyun imkanı sunuyoruz. Detaylı bilgi için hemen ziyaret edin.">
<meta name="twitter:image" content="https://forehandspin.com/fbvmtsk/images/forehandspin.jpg">

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "name": "Fenerbahçe Veteran Masa Tenisçileri Spor Kulübü",
  "url": "https://forehandspin.com",
  "logo": "https://forehandspin.com/images/logo.png",
  "sameAs": [
    "https://www.facebook.com/forehandspin",
    "https://twitter.com/forehandspin"
  ]
}
</script>
<script type="text/javascript" src="https://forehandspin.com/fbvmtsk/xmlhttp.js"></script>
<script type="text/javascript" src="https://forehandspin.com/fbvmtsk/rating.js"></script>
<script type="text/javascript" src="https://forehandspin.com/fbvmtsk/layout/scripts/jquery.min.js"></script>
<script src="https://forehandspin.com/fbvmtsk/html2canvas.js"></script>

<script type="text/javascript" src="https://forehandspin.com/fbvmtsk/ie5.js"></script>

<style>
.yui3-button1 {
    /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;
    font-size: 100%;
    *font-size: 100%;
    /*IE 6/7 - To reduce IE's oversized button text*/
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.4em 0.0em 0.45em;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
	width:100%;
    /* Presentation */
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    *color: #444; /* IE 6 & 7 */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255, 0.30)), color-stop(40%, rgba(255,255,255, 0.15)), to(transparent));
    background-image: -webkit-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: -ms-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: -o-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);

    /* Transitions */
    -webkit-transition: 0.1s linear -webkit-box-shadow;
    -moz-transition: 0.1s linear -moz-box-shadow;
    -ms-transition: 0.1s linear box-shadow;
    -o-transition: 0.1s linear box-shadow;
    transition: 0.1s linear box-shadow;
}

.yui3-button1-hover,
.yui3-button1:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.15)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
    background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
    background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
}

.img_normal { /* Image sticks to the left */
	width:auto;
	margin:5px 15px 5px 5px;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}

.imgshadow1 { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}

    #memberList {
        width: 100%;
        height: 300px;
        border: 1px solid #ccc;
        overflow-y: scroll;
        padding: 0px;
        margin: 0px;
        }
	body
		{
		margin:0; padding:0;
		font-family: Arial, Sans-Serif;
		font-face:Arial, font-family:Arial, verdana, Helvetica, sans-serif;
	
		font-size:9px;
		color:#000001;
		}
	
	body {
	    margin: 0;
	    padding: 0;
	    box-sizing: border-box;  /* Sayfa boyutlarını düzgün şekilde hesaplamak için */
	    width: 100%;
	    max-width: 100%;
		background: linear-gradient(to bottom right, #dce7f9, #f4f6fc);  /* Yumuşak zemin rengi */
	}

	/* Ana container (sayfa içeriği) */
	.container {
	    width: 100%;
	    max-width: 100%;  /* Sayfanın en geniş hali 600px olacak */
	    margin: 0 auto;    /* Ortalamayı sağlıyor */
	    padding: 0px;     /* İçeriğin kenarlardan uzak olması için padding */
	    box-sizing: border-box;
	}
	
	/* Resimler ve diğer genişliklerin taşmaması için */

	img {
	    max-width: 100%;
	    height: auto;
	}

	/* Taşan öğeleri sığdırmak için */
	table, .content, .images {
	    max-width: 100%;
	    overflow-x: auto;
	}

	a {
		color: #000000;
		outline:none;
		text-decoration:none;
		}
	
	a.kinda-link:hover { cursor: pointer; }
	
	#cssmenu,
	#cssmenu ul,
	#cssmenu li,
	#cssmenu a {
	  border: none;
	  line-height: 1;
	  margin: 0;
	  padding: 0;
	}
	#cssmenu {
	  height: 38px;
	  display: block;
	  border: 1px solid;
	  border-radius: 5px;
	  width: auto;
	  border-color: #080808;
	  margin: 0;
	  padding: 0;
	}

	#cssmenu1,
	#cssmenu1 a {
	  border: none;
	  line-height: 1;
	  margin: 0;
	  padding: 0;
	}
	#cssmenu1 {
	  height: 38px;
	  display: block;
	  border: 1px solid;
	  border-radius: 5px;
	  width: auto;
	  border-color: #080808;
	  margin: 0;
	  padding: 0;
	  background: #080808;
	  color: #ffffff;
	}

	#cssmenu > ul {
	  list-style: inside none;
	  margin: 0;
	  padding: 0;
	}
	#cssmenu > ul > li {
	  list-style: inside none;
	  float: left;
	  display: inline-block;
	  position: relative;
	  margin: 0;
	  padding: 0;
	}
	#cssmenu.align-center > ul {
	  text-align: center;
	}
	#cssmenu.align-center > ul > li {
	  float: none;
	  margin-left: -3px;
	}
	#cssmenu.align-center ul ul {
	  text-align: left;
	}
	#cssmenu.align-center > ul > li:first-child > a {
	  border-radius: 0;
	}
	#cssmenu > ul > li > a {
	  outline: none;
	  display: block;
	  /border-right: 1px solid #080808;
	  position: relative;
	  text-align: center;
	  text-decoration: none;
	  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	  font-family: Arial, Helvetica, sans-serif;
	  color: #ffffff;
	  padding: 10px 20px;
	}
	#cssmenu > ul > li:first-child > a {
	  border-radius: 5px 0 0 5px;
	}
	#cssmenu > ul > li > a:after {
	  content: "";
	  position: absolute;
	  border-right: 1px solid;
	  top: -1px;
	  bottom: -1px;
	  right: -2px;
	  z-index: 99;
	  border-color: #3c3c3c;
	}
	#cssmenu ul li.has-sub:hover > a:after {
	  top: 0;
	  bottom: 0;
	}
	#cssmenu > ul > li.has-sub > a:before {
	  content: "";
	  position: absolute;
	  top: 16px;
	  right: 6px;
	  border: 5px solid transparent;
	  border-top: 5px solid #ffffff;
	}
	#cssmenu > ul > li.has-sub:hover > a:before {
	  top: 19px;
	}
	#cssmenu > ul > li.has-sub:hover > a {
	  padding-bottom: 14px;
	  z-index: 999;
	  border-color: #3f3f3f;
	}
	#cssmenu ul li.has-sub:hover > ul,
	#cssmenu ul li.has-sub:hover > div {
	  display: block;
	}
	#cssmenu > ul > li.has-sub > a:hover,
	#cssmenu > ul > li.has-sub:hover > a {
	  background: #3f3f3f;
	  border-color: #3f3f3f;
	}
	#cssmenu ul li > ul,
	#cssmenu ul li > div {
	  display: none;
	  width: auto;
	  position: absolute;
	  top: 36px;
	  background: #3f3f3f;
	  border-radius: 0 0 5px 5px;
	  z-index: 999;
	  padding: 10px 0;
	}
	#cssmenu ul li > ul {
	  width: 200px;
	}
	#cssmenu ul ul ul {
	  position: absolute;
	}
	#cssmenu ul ul li:hover > ul {
	  left: 100%;
	  top: -10px;
	  border-radius: 5px;
	}
	#cssmenu ul li > ul li {
	  display: block;
	  list-style: inside none;
	  position: relative;
	  margin: 0;
	  padding: 0;
	  font-size: 9px;
	}
	#cssmenu ul li > ul li a {
	  outline: none;
	  display: block;
	  position: relative;
	  font: 10pt Arial, Helvetica, sans-serif;
	  font-size: 9px;
	  color: #ffffff;
	  text-decoration: none;
	  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	  margin: 0;
	  padding: 8px 20px;
	}
	#cssmenu,
	#cssmenu ul ul > li:hover > a,
	#cssmenu ul ul li a:hover {
	  background: #3c3c3c;
	  background: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c3c3c), color-stop(100%, #222222));
	  background: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	  background: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	  background: -ms-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	  background: linear-gradient(top, #3c3c3c 0%, #222222 100%);
	}
	#cssmenu > ul > li > a:hover {
	  background: #080808;
	  color: #ffffff;
	}
	#cssmenu ul ul a:hover {
	  color: #ffffff;
	}
	#cssmenu > ul > li.has-sub > a:hover:before {
	  border-top: 5px solid #ffffff;
	}

    .customTable {
        border-collapse: collapse;
        border-radius: 10px;
        overflow: hidden;
        padding: 0; /* Ekstra boşlukları kaldırmak için padding sıfırlama */
        margin: 0;  /* Ekstra boşlukları kaldırmak için margin sıfırlama */
    }
	.imgshadow { /* Better style on light background */
		background:#FFFFFF;
		padding:4px;
		border:1px solid #777777;
		margin-top:5px;
		-moz-box-shadow:0px 0px 5px #666666;
		-webkit-box-shadow:0px 0px 5px #666666;
		box-shadow:0px 0px 5px #666666;
	}

	.container {
	    width: 100%;
	    max-width: 100%; /* Tam genişlikte olmasını sağlamak için max-width: 100% */
	    margin: 0 auto; 
	    padding: 0; 
	    box-sizing: border-box;
	}
	
	.header-image {
	    width: 100%;         /* Ekran genişliğiyle tam uyumlu */
	    height: 100vh;        /* Ekranın tam yüksekliğine yayılır */
	    object-fit: cover;    /* Resmin kutuyu doldururken oranlarını korur */
	}
	
	/* Küçük ekranlarda düzenlemeler */
	@media (max-width: 600px) {
	    .header-image {
	        height: 100vh;    /* Küçük ekranlarda da ekranın tamamını kapsar */
	    }
	}
	.customTable {
	    border-collapse: collapse;
	    margin: 20px 0;
	    font-size: 18px;
	    text-align: left;
	}
	.headerRowA {
	    background-color: #4CAF50;
	    color: white;
	}
	.customTable th, .customTable td {
	    padding: 12px 15px;
	    border-bottom: 1px solid black;
	}
	.customTable tr:nth-child(even) {
	    background-color: #f2f2f2;
	}
	.customTable tr:hover {
	    background-color: #e1e1e1;
	}

        .hover-buton {
            display: inline-block;
            padding: 5px 10px;
            font-size: 16px;
            font-weight: bold;
            color: #fff;
            background-color: #007bff;
            border: none;
            border-radius: 5px;
            text-decoration: none;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .hover-buton::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #0056b3;
            transform: scaleX(0);
            transform-origin: right;
            transition: transform 0.3s ease;
            z-index: 0;
        }

        .hover-buton:hover::before {
            transform: scaleX(1);
            transform-origin: left;
        }

        .hover-buton:hover {
            color: #fff;
        }

        .hover-buton span {
            position: relative;
            z-index: 1;
        }
        .banner {
            display: flex;
            align-items: center;
            border: 2px solid #000000;
            border-radius: 8px;
            overflow: hidden;
            margin: 20px auto;
            width: 90%;
            max-width: 800px;
        }

        /* Soldaki resim alanı */
        .banner-image {
            flex: 1;
            height: 100%;
            max-width: 150px;
            overflow: hidden;
        }

        .banner-image img {
            width: 100%;
            height: auto;
        }

        /* Sağdaki içerik alanı */
        .banner-content {
            flex: 2;
            padding: 20px;
            text-align: left;
        }

        .banner-content h2 {
            margin: 0;
            font-size: 24px;
            color: #333;
        }

        .banner-content p {
            font-size: 16px;
            color: #666;
            margin: 10px 0;
        }

        /* Alt bağlantılar */
        .banner-links a {
            display: inline-block;
            margin-right: 10px;
            padding: 8px 12px;
            background-color: #007bff;
            color: #fff;
            border-radius: 5px;
            text-decoration: none;
        }

        .banner-links a:hover {
            background-color: #0056b3;
        }

	    .custom-button {
	      display: inline-block;
	      padding: 5px 10px;
	      font-size: 16px;
	      font-weight: bold;
	      color: #fff;
	      background-color: #007bff; /* Mavi renk */
	      border: none;
	      border-radius: 5px;
	      text-decoration: none;
	      cursor: pointer;
	      transition: background-color 0.3s ease, transform 0.2s ease;
	    }
	
	    .custom-button:hover {
	      background-color: #0056b3; /* Daha koyu mavi */
	      transform: scale(1.05); /* Hafif büyüme efekti */
	    }
	
	    .custom-button:active {
	      background-color: #003f7f; /* Daha koyu aktif mavi */
	      transform: scale(0.95); /* Hafif küçülme efekti */
	    }




/* Banner */
.bannerx {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.bannerx img {
    width: 100%;
    height: auto;
    display: block;
}

/* Banner Üzerindeki Yazı */
.banner-text {
    position: absolute;
    top: 70%; /* Yazıyı aşağıda tut */
    left: 50%; /* Yatayda tam ortalama */
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 2.5vw;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    width: 98%; 
    max-width: 1600px;
    word-wrap: break-word;
    line-height: 1.2; /* Satır yüksekliği sabit */
}
.banner-text p {
    font-size: 1.5vw;
    margin-top: 10px;
}

/* Banner Üzerindeki Yazı */
.banner-text1 {
    position: absolute;
    top: 20%; /* Yazıyı yukarıda tut */
    left: 50%; /* Yatayda tam ortalama */
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 0.5vw;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    width: 98%; 
    max-width: 1600px;
    word-wrap: break-word;
    line-height: 1.2; /* Satır yüksekliği sabit */
}
.banner-text1 p {
    font-size: 0.5vw;
    margin-top: 10px;
}

/* Logo */
.logo {
    position: absolute;
    top: 10%; /* Resmin üst kısmına göre konumlandır */
    left: 2%; /* Sol kenara göre konumlandır */
    transform: translate(-5%, -10%); /* Daha hassas bir konumlandırma */
    width: 15vw; /* Ekran genişliğine göre boyutlanır */
    max-width: 1200px; /* Çok geniş ekranlarda sınırlama */
    min-width: 50px; /* Çok dar ekranlarda minimum boyut */
}
.logo img {
    width: 100%;
    height: auto; /* Oranları korur */
}

/* Logo */
.logo1 {
    position: absolute;
    top: 10%; /* Resmin üst kısmına göre konumlandır */
    right: 2%; /* Sol kenara göre konumlandır */
    transform: translate(-5%, -10%); /* Daha hassas bir konumlandırma */
    width: 5vw; /* Ekran genişliğine göre boyutlanır */
    max-width: 1200px; /* Çok geniş ekranlarda sınırlama */
    min-width: 30px; /* Çok dar ekranlarda minimum boyut */
}
.logo1 img {
    width: 100%;
    height: auto; /* Oranları korur */
}

/* Logo */
.logo2 {
    position: absolute;
    top: 40%; /* Resmin üst kısmına göre konumlandır */
    right: 2%; /* Sol kenara göre konumlandır */
    transform: translate(-5%, -10%); /* Daha hassas bir konumlandırma */
    width: 5vw; /* Ekran genişliğine göre boyutlanır */
    max-width: 1200px; /* Çok geniş ekranlarda sınırlama */
    min-width: 30px; /* Çok dar ekranlarda minimum boyut */
}

.language-flags {
    position: absolute;
    top: 20px; /* Üstten 20px boşluk */
    right: 20px; /* Sağdan 20px boşluk */
    display: flex;
    gap: 10px; /* Bayraklar arasında boşluk */
}

.language-flags img {
    width: 40px; /* Bayrak genişliği */
    height: auto; /* Oranlarını koru */
    border-radius: 5px; /* Köşeleri yuvarlat */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Hafif gölge */
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.language-flags img:hover {
    transform: scale(1.1); /* Üzerine gelince büyüsün */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3); /* Daha belirgin gölge */
}

.dilmenu {
    position: absolute;
    top: 5px; /* Resmin üst kısmına göre konumlandır */
    right: 50%; /* Sol kenara göre konumlandır */
    left: 50%; /* Sol kenara göre konumlandır */
    transform: translate(-5%, -10%); /* Daha hassas bir konumlandırma */
    width: 13vw; /* Ekran genişliğine göre boyutlanır */
    max-width: 1200px; /* Çok geniş ekranlarda sınırlama */
    min-width: 30px; /* Çok dar ekranlarda minimum boyut */
}

.logo2 img {
    width: 100%;
    height: auto; /* Oranları korur */
}


/* Tablolar için dış kapsayıcı */
.responsive-wrapper {
    width: 100%; /* Kapsayıcı genişliği her zaman %100 */
    overflow-x: auto; /* Gerekirse yatay kaydırma */
}

/* Tablo */
table {
    border-collapse: collapse; /* Hücre kenarlarını birleştirir */
    margin: 0px 0; /* Dış boşluk */
    font-size: 1.2rem; /* Responsive font */
}

/* Hücreler */
table th, table td {
    border: 0px solid #ccc; /* Kenarlık */
    padding: 0px; /* İç boşluk */
}

/* Responsive Resimler */
table img {
    max-width: 100%; /* Resmin genişliği hücresine uyar */
    height: auto; /* Oranları korur */
}

/* Mobil Ayarlar */
@media (max-width: 480px) {
    /* Banner Text */
    .banner-text {
        font-size: 3vw;
        width: 90%;
    }
    .banner-text p {
        font-size: 2.5vw;
    }

    /* Logo */
    .logo {
        width: 15vw; /* Mobilde logoyu biraz büyüt */
    }
    .logo1, .logo2 {
        width: 8vw; /* Mobilde logoyu biraz büyüt */
    }

    /* Table */
    table {
        font-size: 1rem; /* Küçük ekranlarda font boyutunu küçült */
        width: 100%; /* Mobilde tabloyu genişlet */
    }

    /* Contact Section */
    .contact-section {
        padding: 20px 0; /* Mobilde padding küçült */
    }

    .containerb {
        width: 90%; /* İçerik genişliği biraz arttır */
    }

    .contact-section h2 {
        font-size: 28px; /* Başlık boyutunu mobilde küçült */
    }

    .contact-details {
        display: block; /* Flex yerine blok yap */
        text-align: center;
    }

    .contact-item {
        width: 100%; /* Mobilde her öğe tam genişlikte */
        margin-bottom: 15px;
    }

    .contact-item h4 {
        font-size: 18px;
    }

    .contact-form input,
    .contact-form textarea {
        width: 100%; /* Form öğeleri genişlesin */
        padding: 12px;
    }

    .contact-form button {
        width: 100%; /* Buton genişlesin */
        padding: 12px;
    }

    .footer-menu a {
        font-size: 12px;
        margin: 0 10px;
    }

    /* Çalışma saatleri için font boyutu */
    .working-hours h4 {
        font-size: 20px;
    }

    .working-hours p {
        font-size: 14px;
    }
}
/* Tablo sarmalayıcı */
.responsive-container {
    width: 100%; /* Genişlik her zaman tam genişlikte */
    overflow-x: auto; /* Gerekirse yatay kaydırma */
    display: block; /* İçerikleri blok halinde tut */
}

/* Küçük ekranlar için */
@media (max-width: 480px) {
    .responsive-container table {
        font-size: 0.9rem; /* Font boyutunu küçült */
    }
    .responsive-container table th, 
    .responsive-container table td {
        padding: 6px; /* İç boşluğu küçült */
    }
}

.tb1h, .tb2h, .tb3h, .tb4h, .tb2bh, .tb3bh, .tb4bh{font-size:1px; overflow:hidden; display:block;}
.tb1h {height:1px; background:#000000; margin:0 5px;}
.tb2h, .tb2bh {height:1px; background:#4CAF50; border-right:2px solid #000000; border-left:2px solid #000000; margin:0 3px;}
.tb3h, .tb3bh {height:1px; background:#4CAF50; border-right:1px solid #000000; border-left:1px solid #000000; margin:0 2px;}
.tb4h, .tb4bh {height:2px; background:#4CAF50; border-right:1px solid #000000; border-left:1px solid #000000; margin:0 1px;}
.tb2bh, .tb3bh, .tb4bh {background: #4CAF50;}
.theadh {background: #4CAF50; border-right:1px solid #000000; border-left:1px solid #000000;}
.theadh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.tcontenth {padding-top:0px; padding-bottom:0px; background: #4CAF50; border-right:1px solid #000000; border-left:1px solid #000000;}
.tcontenth div {margin-left: 0px;margin-top: 0px;}

/* Genel Stiller */
* {
    box-sizing: border-box;
}

/* Panel Stili */
.containera {
    /*background: #ffffff;  /* Panelin arka planı beyaz */
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);  /* 3 boyutlu panel efekti */
    max-width: 1200px;
    width: 96%;
    text-align: center;
    background-color: #ffffff;  /* Panelin beyaz olması için */
    background-image: linear-gradient(145deg, #ffffff, #f1f3f8); /* Panelin arka planı */
}

h1 {
    color: #333;
    margin-top: 12px;
    margin-bottom: 5px;
}

/* Breadcrumbs için stil */
.breadcrumbs {
    font-size: 18px;
    font-family: Arial, sans-serif;
}

.breadcrumbs a {
    color: #007BFF;
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

/* Dropdown için stil */
#dropdownMenu {
    padding: 5px 10px;
    font-size: 16px;
    margin-left: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}


.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    position: relative; /* Dinamik açıklama için referans */
}

.imgshadow {
    width: calc(33.33% - 20px);  /* 3'e bölme */
    max-width: 300px;
    height: auto;
    object-fit: cover;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s, box-shadow 0.3s;
}

.imgshadow:hover {
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.6);
}

/* Dinamik açıklama stili */
.dynamic-caption {
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 10px;
    border-radius: 5px;
    z-index: 1000;
    pointer-events: none; /* Kullanıcı etkileşimini engeller */
    max-width: 300px; /* Resim genişliğiyle uyumlu */
    text-align: center;
    font-size: 14px;
}

.btn-link {
    background-color: #007bff; /* Buton rengi */
    color: white; /* Yazı rengi */
    padding: 6px 10px; /* İç boşluk */
    text-decoration: none; /* Altı çizili olmasın */
    border-radius: 5px; /* Köşeleri yuvarlat */
    display: inline-block; /* Satır içi blok */
    font-weight: bold; /* Kalın yazı tipi */
    text-align: center; /* Metni ortala */
    cursor: pointer; /* Tıklanabilir simge */
}

.btn-link:hover {
    background-color: #0056b3; /* Hover rengi */
    transform: scale(1.05); /* Hoverda biraz büyüt */
}

/* Modal Stilleri */
.modal {
    display: none; 
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    justify-content: center; 
    align-items: center;
}

/* Modal İçeriği */
.modal-content11 {
    display: block; /* Flex yerine block yerleşimi */
    width: 90vw;   /* Genişlik olarak ekranın %90'ı */
    height: 90vh;  /* Yükseklik olarak ekranın %90'ı */
    max-width: 90vw;  /* Maksimum genişlik olarak %90 */
    max-height: 90vh; /* Maksimum yükseklik olarak %90 */
    object-fit: contain;  /* Oranları koruyarak yerleştir */
    animation: growIn 0.5s ease-in-out forwards;
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.8);
    text-align: center; /* Yazıyı ortalayalım */
}

#modalCaption {
    color: white;
    text-align: center;
    font-size: 18px;
    background-color: rgba(0, 0, 0, 0.7); /* Koyu bir arka plan rengi */
    padding: 10px 20px; /* Yatay ve dikey padding */
    border-radius: 10px; /* Köşeleri yuvarlatmak için */
    position: absolute; /* Resmin alt kısmında sabit tutmak için */
    bottom: 80px; /* Resmin altına biraz boşluk bırakmak için */
    left: 50%; /* Ortalamak için */
    transform: translateX(-50%); /* Yatayda tam ortalamak için */
    width: auto; /* Yazının genişliğine göre ayarlanacak */
    max-width: 90%; /* Genişliği çok fazla abartmamak için bir sınır ekleyin */
    box-sizing: border-box; /* Padding'in de genişliğe dahil edilmesini sağlamak için */
}
.modal-content {
    width: 90vw;  /* Genişlik olarak ekranın %90'ı */
    height: 90vh;  /* Yükseklik olarak ekranın %90'ı */
    max-width: 90vw;  /* Maksimum genişlik olarak %90 */
    max-height: 90vh; /* Maksimum yükseklik olarak %90 */
    object-fit: contain;  /* Oranları koruyarak yerleştir */
    animation: growIn 0.5s ease-in-out forwards;
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.8);
    position: relative; /* Modal içeriği pozisyonunu kontrol et */
}

/* Modalda büyüyen resimler için imgshadow efektini uygula */
#modalImage {
    border-radius: 10px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s, box-shadow 0.3s;
}

/* Hover ile büyüyen resme etkisi */
#modalImage:hover {
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.6);
}
/* Ok Stilleri */
/* Okların pozisyonu */
.prev, .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: blue;
    font-size: 40px;
    font-weight: bold;
    user-select: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10; /* Okların resmin üstünde olmasını sağlar */
}
.prev {
    left: 20px;
}

.next {
    right: 20px;
}

.prev:hover, .next:hover {
    color: #f00;  /* Üzerine gelince renk değişimi */
}
/* Büyüyerek Gelme Animasyonu */
@keyframes growIn {
    0% {
        transform: scale(0.2);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
/* Kapatma Butonu */
.close {
    position: absolute;
    top: 20px;
    right: 40px;
    color: white;
    font-size: 40px;
    font-weight: bold;
    color: blue;
    cursor: pointer;
    z-index: 10; /* Okların resmin üstünde olmasını sağlar */
}

.close:hover {
    color: #f00;
}

@media (max-width: 768px) {
    .modal-content {
        width: 100vw; /* Ekranın tamamını kapsar */
        height: auto;  /* Yükseklik otomatik olarak ayarlanır */
    }

    .prev, .next {
        font-size: 30px; /* Okları daha küçük yap */
    }

    .close {
        font-size: 35px; /* Close butonunu biraz daha küçük yap */
    }
    .imgshadow {
        width: calc(100% - 10px);  /* Tek sütun */
    }
}

@media (max-width: 500px) {
    .imgshadow {
        width: calc(50% - 15px);  /* 2 sütuna geç */
    }
}

</style>

<script>
function AjaxForm(id,cikti,hedef) {
	var aktifform  = document.getElementById(id);
	var ekranayaz  = document.getElementById(cikti);
	var ciktiver   = new String("");
	var name, value;
		for(var I = 0; I < aktifform.elements.length; I++){
			name  = aktifform.elements[I].name;
			value = aktifform.elements[I].value;
			ciktiver += escape(name) +'='+ encodeURIComponent(value) +'&';
		}
	var nesneiste = new yeni_nesne();
		nesneiste.open("post", hedef, true);
		nesneiste.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=iso-8859-9");
		nesneiste.send(ciktiver);
		nesneiste.onreadystatechange = function() {
			if (nesneiste.readyState == 4 && nesneiste.status == 200) {
				document.getElementById
				ekranayaz.innerHTML = nesneiste.responseText;
			}
			else { ekranayaz.innerHTML = '';
				 }
		}
	return false;
}

function fetchData(div1Id, div2Id) {
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                try {
                    // Gelen veriyi ayır
                    var responseData = xhr.responseText.split("|");

                    // Gelen içerikleri ilgili div'lere yerleştir
                    document.getElementById(div1Id).innerHTML = responseData[0];  // İlk içerik (div1)
                    document.getElementById(div2Id).innerHTML = responseData[1];  // İkinci içerik (div2)
                } catch (error) {
                    console.error("Veri işlenirken hata oluştu:", error);
                    document.getElementById(div1Id).innerHTML = "Veri işlenirken hata oluştu.";
                    document.getElementById(div2Id).innerHTML = "Veri işlenirken hata oluştu.";
                }
            } else {
                document.getElementById(div1Id).innerHTML = "Veriler yüklenirken bir hata oluştu.";
                document.getElementById(div2Id).innerHTML = "Veriler yüklenirken bir hata oluştu.";
            }
        }
    };

    xhr.open("POST", "/fbvmtsk/site/oyuncular.asp", true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");

    // Parametreleri gönder
    var params = "div1=" + encodeURIComponent(div1Id) + "&div2=" + encodeURIComponent(div2Id);
    xhr.send(params);
}
</script>

<script>
        // Satır tıklama fonksiyonu
        function satirTikla(url) {
            window.location.href = url;
        }

</script>
<script>
	function getOyuncuDetay(params, param3) {
	    const values = [];
	    const divElements = document.querySelectorAll('.box');
	
	    // Her div'in içeriğini al
	    divElements.forEach((div) => {
	        values.push(div.innerHTML);
	    });
	
	    const xhr = new XMLHttpRequest();
	    xhr.open("POST", "oyuncudetay.asp", true);
	    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // İçerik tipini değiştirdik
	    xhr.onreadystatechange = function() {
	        if (xhr.readyState === 4 && xhr.status === 200) {
	            const response = JSON.parse(xhr.responseText);
	            for (let i = 0; i < divElements.length; i++) {
	                divElements[i].innerHTML = response["deger" + (i + 1)];
	            }
	        }
	    };
	    
	    // JSON verisini formata uygun hale getir
	    const dataToSend = {
	        values: values,
	        params: params,
	        param3: param3 // Yeni parametreyi ekliyoruz
	    };
	
	    xhr.send("data=" + encodeURIComponent(JSON.stringify(dataToSend)));
	}
</script>
<script>
    function getOyuncuDetay1(params) {
        const values = [];
        const divElements = document.querySelectorAll('.box');

        // Her div'in içeriğini al
        divElements.forEach((div) => {
            values.push(div.innerHTML);
        });

        const xhr = new XMLHttpRequest();
        xhr.open("POST", "oyuncudetay.asp", true);
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // İçerik tipini değiştirdik
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 && xhr.status === 200) {
                const response = JSON.parse(xhr.responseText);
                for (let i = 0; i < divElements.length; i++) {
                    divElements[i].innerHTML = response["deger" + (i + 1)];
                }
            }
        };
        // JSON verisini formata uygun hale getir
        xhr.send("data=" + encodeURIComponent(JSON.stringify({ values: values, params: params })));
    }
</script>
<script>
	function loadContent(param1, param2, pageUrl, targetDiv) {
	    var xhr = new XMLHttpRequest();
	    xhr.onreadystatechange = function() {
	        if (xhr.readyState === 4) {
	            if (xhr.status === 200) {
	                document.getElementById(targetDiv).innerHTML = xhr.responseText;
	            } else {
	                document.getElementById(targetDiv).innerHTML = "İçerik yüklenirken bir hata oluştu.";
	            }
	        }
	    };
	
	    xhr.open("POST", pageUrl, true);
	    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
	
	    var params = "param1=" + encodeURIComponent(param1) + "&param2=" + encodeURIComponent(param2);
	    xhr.send(params);
	
	    document.getElementById(targetDiv).style.display = "block";
	}

	function loadContentTablo(param1, param2, param3, param4,param5, pageUrl, targetDiv) {
	    var xhr = new XMLHttpRequest();
	    xhr.onreadystatechange = function() {
	        if (xhr.readyState === 4) {
	            if (xhr.status === 200) {
	                document.getElementById(targetDiv).innerHTML = xhr.responseText;
	            } else {
	                document.getElementById(targetDiv).innerHTML = "İçerik yüklenirken bir hata oluştu.";
	            }
	        }
	    };
	
	    xhr.open("POST", pageUrl, true);
	    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
	
	    var params = "param1=" + encodeURIComponent(param1) + "&param2=" + encodeURIComponent(param2) + "&param3=" + encodeURIComponent(param3) + "&param4=" + encodeURIComponent(param4) + "&param5=" + encodeURIComponent(param5);
	    xhr.send(params);
	
	    document.getElementById(targetDiv).style.display = "block";
	}


	function loadContent3(param1, param2, param3, pageUrl, targetDiv) {
	    var xhr = new XMLHttpRequest();
	    xhr.onreadystatechange = function() {
	        if (xhr.readyState === 4) {
	            if (xhr.status === 200) {
	                document.getElementById(targetDiv).innerHTML = xhr.responseText;
	            } else {
	                document.getElementById(targetDiv).innerHTML = "İçerik yüklenirken bir hata oluştu.";
	            }
	        }
	    };
	
	    xhr.open("POST", pageUrl, true);
	    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
	
	    var params = "param1=" + encodeURIComponent(param1) + "&param2=" + encodeURIComponent(param2) + "&param3=" + encodeURIComponent(param3);
	    xhr.send(params);
	
	    document.getElementById(targetDiv).style.display = "block";
	}

	function loadContent1(param1, param2, pageUrl, targetDiv) {
	    var xhr = new XMLHttpRequest();
	    xhr.onreadystatechange = function() {
	        if (xhr.readyState === 4) {
	            if (xhr.status === 200) {
	                // İçerik, belirtilen targetDiv içine yükleniyor
	                document.getElementById(targetDiv).innerHTML = xhr.responseText;
	            } else {
	                // Hata durumunda kullanıcıya bilgi veriliyor
	                document.getElementById(targetDiv).innerHTML = "İçerik yüklenirken bir hata oluştu.";
	            }
	        }
	    };
	    // Dinamik sayfa adresi ile istek gönderiliyor
	    xhr.open("POST", pageUrl + "&param1=" + encodeURIComponent(param1) + "&param2=" + encodeURIComponent(param2), true);
		xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
	    xhr.send();

	    // Hedef div görünür hale getiriliyor
	    document.getElementById(targetDiv).style.display = "block";
	}

</script>
<script>
    function fetchResult(query) {
        if (query.length === 0) {
            document.getElementById("result").innerHTML = ""; // Boşsa sonucu temizle
            return;
        }

        // AJAX isteği oluştur
        const xhr = new XMLHttpRequest();
        xhr.open("GET", "/fbvmtsk/site/process.asp?q=" + encodeURIComponent(query), true);
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4 && xhr.status === 200) {
                // Sonucu div içerisine yerleştir
                document.getElementById("result").innerHTML = xhr.responseText;
                document.getElementById("kaytan1").value = xhr.responseText;
            }
        };
        xhr.send();
    }
</script>
</head>
<style>
/* Genel Button Stilleri */
.yui3-button1a, .yui3-button1.success18 {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    padding: 3px 6px;  /* Yalnızca yatay padding'i azaltarak boşluğu daraltıyoruz */
    font-size: 12px;    /* Yazı boyutuna dokunmadık */
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Seçili (Aktif) Sayfa Butonu */
.pagecurrent {
    background-color: #ff5733; /* Yeni renk: Kırmızımsı turuncu */
    color: white;  /* Yazı rengini beyaz yapıyoruz */
    font-size: 12px;    /* Yazı boyutuna dokunmadık */
    border-radius: 5px;
    padding: 3px 6px;  /* Yalnızca yatay padding'i azaltarak boşluğu daraltıyoruz */
    cursor: pointer;
}

/* Diğer Buton Stilleri */
.yui3-button.success18 {
    background-color: #007bff;
    color: #ffffff;
    padding: 3px 6px;  /* Yalnızca yatay padding'i azaltarak boşluğu daraltıyoruz */
    font-size: 12px;    /* Yazı boyutuna dokunmadık */
    border-radius: 5px;
}

.yui3-button1a.success1 {
    background-color: #007bff;
    color: #ffffff;
    padding: 3px 6px;  /* Yalnızca yatay padding'i azaltarak boşluğu daraltıyoruz */
    font-size: 12px;    /* Yazı boyutuna dokunmadık */
    cursor: pointer;
    transition: background-color 0.3s ease;
}
</style>
<div id='detaydiv' style='display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ADD8E6; padding: 20px; border-radius: 8px; z-index: 1000; border: 1px solid black;'>
</div>

	<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
	
		<div align="center">
			<table border="0" width="1920" cellspacing="0" cellpadding="0">
				<tr>
					<td align="center">
																<table border="0" width='100%' cellspacing="0" cellpadding="0" bgcolor="#3f3f3f">
											<tr>
												<td align="left">
													<table border="0" width="100%" cellspacing="0" cellpadding="0">
														<tr>
															<td align="left">
																<div id='cssmenu'>
																	<ul>
																		<li class='active has-sub'><a href="#">Home Page</a>
																			<ul>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/us/default.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Home Page</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li class='active has-sub'><a href='#'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td width='30'><img src='https://forehandspin.com/fbvmtsk/images/tournaments.png' border='0'></td><td>Hakkımızda</td><td width='30' align='right'><img width='6' src='https://forehandspin.com/fbvmtsk/images\orange_file.gif' border='0'></td></tr></table></a>
																					<ul>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/us/hakkimizda/default.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Tarihçe</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/us/hakkimizda/tuzuk.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Dernek Tüzüğü</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/us/hakkimizda/yonetimkurulu.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Yönetim Kurulu</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/us/hakkimizda/digerkurullar.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Diğer Kurullar</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																					</ul>
																				</li>
																				<li class='active has-sub'><a href='#'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td width='30'><img src='https://forehandspin.com/fbvmtsk/images/tournaments.png' border='0'></td><td>Alt Yapı</td><td width='30' align='right'><img width='6' src='https://forehandspin.com/fbvmtsk/images\orange_file.gif' border='0'></td></tr></table></a>
																					<ul>
																						
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/us/altyapi/default.asp?D_CATEG=2">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Masa Tenisi Okulu</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/us/altyapi/egitmenler.asp?D_CATEG=2">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Antrenör</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/us/altyapi/takvim.asp?D_CATEG=2">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Takvim</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/us/altyapi/resimler.asp?D_CATEG=2">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Albüm</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																					</ul>
																				</li>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/kulup/kuluplistesi.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Kulüpler</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/oyuncular/oyunculistesi.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Oyuncular</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/uyeler/uyelistesi.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Üyeler</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li class='active has-sub'><a href='#'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td width='30'><img src='https://forehandspin.com/fbvmtsk/images/tournaments.png' border='0'></td><td>Dil Ayarları</td><td width='30' align='right'><img width='6' src='https://forehandspin.com/fbvmtsk/images\orange_file.gif' border='0'></td></tr></table></a>
																					<ul>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/diller/dillerayar1.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Ayar 1</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/diller/dillerayar2.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Ayar 2</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/diller/dillerayar3.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Ayar 3</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/diller/dillerayar4.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Ayar 4</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																					</ul>
																				</li>
																			</ul>
																		</li>
																	</ul>
																	<ul>
																		<li class='active has-sub'><a href="#">Turnuvalar</a>
																			<ul>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/default.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Turnuva Listesi</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li class='active has-sub'><a href='#'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td width='30'><img src='https://forehandspin.com/fbvmtsk/images/tournaments.png' border='0'></td><td>Aktif</td><td width='30' align='right'><img width='6' src='https://forehandspin.com/fbvmtsk/images\orange_file.gif' border='0'></td></tr></table></a>
																					<ul>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/turnuvalar/carsamba_masa_tenisi_turnuvasi.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Çarşamba</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																						<li>
																							<a href="https://forehandspin.com/fbvmtsk/turnuvalar/pazar_masa_tenisi_turnuvasi.asp">
																							<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																								<tr>
																									<td width='30'>
																										<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																									</td>
																									<td><font color="white">Pazar</font></td>
																								</tr>
																							</table>
																							</a>
																						</li>
																					</ul>
																				</li>
																			</ul>
																		</li>
																	</ul>
																	<ul>
																		<li class='active has-sub'><a href="#">İstatistikler</a>
																			<ul>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/kulup/kulupsalondakiler.asp?F_CATEG=2">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Salondakiler</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/default.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Ratingler</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/default.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Maçlar</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/default.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Oyuncular</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																				<li>
																					<a href="https://forehandspin.com/fbvmtsk/default.asp">
																					<table width='100%' border='0' cellspacing='0' cellpadding='0'>
																						<tr>
																							<td width='30'>
																								<img src="https://forehandspin.com/fbvmtsk/images/options.png" border='0'>
																							</td>
																							<td><font color="white">Üyeler</font></td>
																						</tr>
																					</table>
																					</a>
																				</li>
																			</ul>
																		</li>
																	</ul>
																</div>
															</td>
															
														</tr>
													</table>
												</td>
											</tr>
										</table>

					    <div class="bannerx">
							<img src="https://forehandspin.com/fbvmtsk/images/abc.jpg" alt="Banner Resmi">
						    <div class="banner-text">
						        <h1><font color=yellow><b>Fenerbahçe Veteran Masa Tenisçileri Spor Kulübü</b></font></h1>
						    </div>
							<div class="logo">
						        <img src="https://forehandspin.com/fbvmtsk/images/logomuz2.png" alt="Logo">
						    </div>
							<div class="logo1">
								
		   				        <a href="https://forehandspin.com/fbvmtsk/kulup/velipenceresia.asp"><img src="https://forehandspin.com/fbvmtsk/images/members4.png" alt="Logo"></a>
		   				        <br>
		   				        <a href="https://forehandspin.com/fbvmtsk/kulup/velipenceresi.asp"><img src="https://forehandspin.com/fbvmtsk/images/members4.png" alt="Logo"></a>
							</div>
							<div class="logo2">
								
							</div>
							<div class='dilmenu language-flags'>
								<table width="180" border="0" cellspacing="0" cellpadding="0">
									<tr>
										
										<td width="50" align="center" valign="top">
											<a href="https://forehandspin.com/fbvmtsk/us/ru/hakkimizda/yonetimkurulu.asp?DIL=250"><img width="50" src="https://forehandspin.com/fbvmtsk/images/flags/us.gif"></a>
										</td>
										<td width="50" align="center" valign="top">
											<a href="https://forehandspin.com/fbvmtsk/ru/ru/hakkimizda/yonetimkurulu.asp?DIL=192"><img width="50" src="https://forehandspin.com/fbvmtsk/images/flags/ru.gif"></a>
										</td>
										<td width="50" align="center" valign="top">
											<a href="https://forehandspin.com/fbvmtsk/ru/hakkimizda/yonetimkurulu.asp?DIL=1"><img width="50" src="https://forehandspin.com/fbvmtsk/images/flags/tr.gif"></a>
										</td>
										
										</td>
									</tr>
								</table>
							</div>
							
						</div>
					</td>
				</tr>
			</table>
		    <div id="playerNames">
		    </div>
	<div id='filterDiv_Online' style='display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ADD8E6; padding: 20px; border-radius: 8px; z-index: 1000; border: 1px solid black;'>
</div>
<div id='filterDiv_Offline' style='display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ADD8E6; padding: 20px; border-radius: 8px; z-index: 1000; border: 1px solid black;'>
</div>
<div id='filterDiv_yabancidil' style='display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ADD8E6; padding: 20px; border-radius: 8px; z-index: 1000; border: 1px solid black;'>
</div>
<style>
.yui3-button {
    /* Structure */
    display: inline-block;
    *display: absolute; /*IE 6/7*/
    zoom: 1;
    font-size: 60%;
    *font-size: 60%;
    /*IE 6/7 - To reduce IE's oversized button text*/
    padding: 0.4em 0.7em 0.45em;
    *padding: 0.1em 0.1em 0.1em; /*IE 6/7 - To reduce IE's oversized button text*/
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;


    /* Presentation */
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    *color: #444; /* IE 6 & 7 */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, 

    from(rgba(255,255,255, 0.30)), color-stop(40%, rgba(255,255,255, 0.15)), to(transparent));
    background-image: -webkit-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: -ms-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: -o-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    background-image: linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);

    /* Transitions */
    -webkit-transition: 0.1s linear -webkit-box-shadow;
    -moz-transition: 0.1s linear -moz-box-shadow;
    -ms-transition: 0.1s linear box-shadow;
    -o-transition: 0.1s linear box-shadow;
    transition: 0.1s linear box-shadow;
    height: 22px;
}

.loginboxdiv73{
margin:0px;
height:21px;
width:73px;
background:url('https://forehandspin.com/ximge/resim1/kutu73.png') no-repeat bottom;
}

.loginboxdiv73A{
margin:0px;
height:21px;
width:73px;
background:url('https://forehandspin.com/ximge/resim1/kutu73.png') no-repeat bottom;
}

.loginbox73
{
background:none;
border:0px none;
width:60px;
height:21px;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; padding-left:6px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
</style>

	<table border='0' width="98%" cellspacing="0" cellpadding="0">
		<tr>
			<td width="5"></td>
			<td width="75" align="center">
				<form METHOD="POST" id="menuuyebilgileri" name="menuuyebilgileri" action="" style="font-size: 0pt; word-spacing: 0; margin: 0; padding: 0;">
					<input type="hidden" name="UyeIslem" id="UyeIslem" value="Login">
					<table border='0' width="100%" cellspacing="0" cellpadding="0">
						<tr>
							<td width="75" align="center">
								<div class="loginboxdiv73">
									<font size="2">
									<input type="text" class="loginbox73" name="U1" tabindex="0" value="" size="20">
									</font>
								</div>
							</td>
							<td width="10" align="left"></td>
							<td width="75" align="center">
								<div class="loginboxdiv73">
									<font size="2">
									<input type="password1" class="loginbox73" name="U2" tabindex="1" value="" size="20">
									</font>
								</div>
							</td>
							<td width="10" align="left"></td>
							<td width="75" align="center" width="50">
								<a href="#" class='yui3-button alert' onclick="document.getElementById('menuuyebilgileri').submit();"><b>Giriş</b></a>
							</td>
						</tr>
					</table>
				</form>
			</td>
			<td width="10" align="left"></td>
			<td width="10" align="left">
				<a href="#" onclick="document.getElementById('lostpassword1').style.display='block'" class='yui3-button alert'><b>Şifre??</b></a>
			</td>
			<td width="10" align="left"></td>
			<td width="10" align="left">
				
				<a href="?OLAY=0" class="yui3-button alert"><b>Yeni</b></a>
			</td>
			<td></td>
			<td width="5" align="left">
			</td>
		</tr>
	</table>

    <div class="content">
        <div class="section">
		<table border="0" width="800">
			<tr>
				<td>
				</td>
				<td width="100" align="right">
				</td>
			</tr>
		</table>
		<table border="0" width="800">
			<tr>
				<td width="800" align="center">
				    <!-- Insert your responsive header image here -->
				</td>
			</tr>
			<tr>
				<td align="center" width="800">

</div>

<script type="text/javascript">
	function handleEvent()
	{
	var handleEvent = event.srcElement;
	}
</script>
<div align="center">
    <div class="page-header">
        <div class="breadcrumbs">
            <a href="https://forehandspin.com/fbvmtsk//default.asp">Home Page</a> > 
            <a href="default.asp">About Us</a><br>
            <select id="dropdownMenu" onchange="navigateToPage()">
                <option value="tarihce">History</option>
                <option value="tuzuk">Club Regulations</option>
                <option value="yonetimkurulu">Boards</option>
            </select>
        </div>
    </div>
</div>

<script>
// Sayfa yüklendiğinde doğru seçeneği seçili yapacak fonksiyon
window.onload = function() {
    var currentPage = window.location.pathname;
    var dropdown = document.getElementById('dropdownMenu');
    
// Sayfa yoluna göre doğru seçeneği işaretliyoruz
    if (currentPage.includes('default')) {
        dropdown.value = 'tarihce';
    } else if (currentPage.includes('tuzuk')) {
        dropdown.value = 'tuzuk';
    } else if (currentPage.includes('yonetimkurulu')) {
        dropdown.value = 'yonetimkurulu';
    }};

// Seçilen değeri alıp, ilgili sayfaya yönlendiren fonksiyon
function navigateToPage() {
    var selectedValue = document.getElementById('dropdownMenu').value;

    switch (selectedValue) {
        case 'tarihce':
            window.location.href = 'default.asp';
            break;
        case 'tuzuk':
            window.location.href = 'tuzuk.asp';
            break;
        case 'yonetimkurulu':
            window.location.href = 'yonetimkurulu.asp';
            break;
        default:
            break;
    }
}
</script>
<script>
document.getElementById("menuIcon").addEventListener("click", function () {
    var menu = document.getElementById("dropdownMenu");
    menu.classList.toggle("menu-visible");
});

// Menü dışında bir yere tıklanınca kapansın
document.addEventListener("click", function (event) {
    var menu = document.getElementById("dropdownMenu");
    if (!event.target.closest("#menuIcon") && !event.target.closest("#dropdownMenu")) {
        menu.classList.remove("menu-visible");
    }
});
</script>

<div class="containera">
    <div class="content" align="center">
    	<table border="0">
    		<tr>
    			<td>
					<a href="default.asp" class="btn-link">History</a>
    			</td>
    			<td width="10"></td>
    			<td>
					<a href="tuzuk.asp" class="btn-link">Club Regulations</a>
    			</td>
    			<td width="10"></td>
    			<td>
					<a href="yonetimkurulu.asp" class="btn-link">Boards</a>
    			</td>
    		</tr>
    	</table>
<div id='filterDiv_dil' style='display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ADD8E6; padding: 20px; border-radius: 8px; z-index: 1000; border: 1px solid black;'>
</div>

    <h1>Boards</h1>
<p align="justify">Dear Members,</p>
<p align="justify">The election of our new board of directors and audit committee members was held at the extraordinary general assembly meeting of our club held on March 8, 2024. We would like to thank our previous president, Mr. Özcan Köm, who has contributed to our club so far, and all our friends who have contributed. We wish success to our new board of directors.</p>
<div class="gallery">
	<img src="images/yk1.jpg" alt="Etkinlik 7" data-caption="Yönetim Kurulunun İlk Toplantısı" class="thumbnail imgshadow" data-fancybox="grup1" data-index="0">
    <img src="images/yk2.jpg" alt="Etkinlik 8" data-caption="Yönetim Kurulunun Toplu Fotosu" class="thumbnail imgshadow" data-fancybox="grup1" data-index="1">
</div>

<h1>Board of Directors</h1>
<div class="gallery">
		<img src="images/yk0.jpg" alt="Etkinlik 1" data-caption="Zihni Şimşek" class="thumbnail imgshadow" data-fancybox="grup2" data-index="0">
	    <img src="images/yk3.jpg" alt="Etkinlik 2" data-caption="Yasin Örnek" class="thumbnail imgshadow" data-fancybox="grup2" data-index="1">
		<img src="images/yk4.jpg" alt="Etkinlik 3" data-caption="Servet Baydar" class="thumbnail imgshadow" data-fancybox="grup2" data-index="2">
		<img src="images/yk5.jpg" alt="Etkinlik 4" data-caption="Mehtap Köm" class="thumbnail imgshadow" data-fancybox="grup2" data-index="3">
		<img src="images/yk6.jpg" alt="Etkinlik 5" data-caption="Şule Yıldön" class="thumbnail imgshadow" data-fancybox="grup2" data-index="4">
		<img src="images/yk7.jpg" alt="Etkinlik 6" data-caption="İsmail Atak" class="thumbnail imgshadow" data-fancybox="grup2" data-index="5">
</div>

<h1>Board of Directors Alternate Members</h1>
<p align="justify">Handan DEMİRYÜREK, Burcu BAŞARAN, Mustafa SAĞLIK, Halit İBAK, Ahmet Çağrı DOĞAN</p>

<h1>Board of Auditors</h1>
<p align="justify">Selma PEHLİVAN, Çetin DANIŞ, Aziz NAYIR</p>
<h1>Supervisory Board Alternate Members</h1>
<p align="justify">Gülay TURAYLAR, Sinan GÜCÜKOĞLU, Sedat TAŞKIN</p>
	</div>
</div>
<!-- Modal -->
<div class="modal" id="imageModal">
    <span class="close">&times;</span>
    <span class="prev">&#10094;</span>  <!-- Sol ok -->
    <img class="modal-content" id="modalImage">
    <div id="modalCaption"></div> <!-- Açıklama burada -->
    <span class="next">&#10095;</span>  <!-- Sağ ok -->
</div>

<script src="script.js"></script>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        var currentPage = window.location.pathname;
        var navItems = document.querySelectorAll('.nav-item');

        navItems.forEach(function(item) {
            if (item.getAttribute('href') === currentPage) {
                item.classList.add('active');  // Aktif sayfa stilini ekleyin
            }
        });
    });
</script>
					
				</td>
			</tr>
		</table>
<!-- İletişim Paneli Başlangıcı -->
<style>
.contact-section {
    background-color: #2c3e50;
    color: white;
    padding: 20px 0;
}

.containerb {
    width: 95%;
    margin: 0 auto;
    text-align: center;
}

.contact-section h2 {
    font-size: 36px;
    margin-bottom: 20px;
}

.contact-details {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}

.contact-item {
    width: 50%;
}

.contact-item h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

.contact-item p a {
    color: white;
    text-decoration: none;
    font-size: 16px;
}

.contact-item p a:hover {
    color: #1abc9c;
}

.contact-item1 {
    width: 100%;
}

.contact-item1 h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

.contact-item1 p a {
    color: white;
    text-decoration: none;
    font-size: 16px;
}

.contact-item1 p a:hover {
    color: #1abc9c;
}

.social-links a {
    margin: 0 10px;
}

.social-links img {
    width: 40px;
    height: 40px;
    transition: transform 0.3s ease;
}

.social-links img:hover {
    transform: scale(1.2);
}

.map iframe {
    border: none;
    width: 100%;
    height: 250px;
    margin-top: 20px;
}

.working-hours {
    margin-top: 20px;
    color: #ccc;
}

.working-hours h4 {
    font-size: 22px;
    margin-bottom: 10px;
}

.working-hours p {
    font-size: 16px;
}

.contact-form {
    background: #34495e;
    padding: 20px;
    border-radius: 5px;
    margin-top: 20px;
}

.contact-form h4 {
    color: white;
    margin-bottom: 15px;
}

.contact-form input, 
.contact-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: none;
    border-radius: 5px;
}

.contact-form button {
    background: #1abc9c;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.contact-form button:hover {
    background: #16a085;
}

.chat-button {
    display: inline-block;
    background: #25D366;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 16px;
    border-radius: 50px;
    margin-top: 20px;
}

.chat-button:hover {
    background: #1ebc5a;
}

.footer-menu {
    margin-top: 20px;
}

.footer-menu a {
    color: #ccc;
    margin: 0 15px;
    text-decoration: none;
    font-size: 14px;
}

.footer-menu a:hover {
    color: white;
}</style>
<p></p>
<footer class="contact-section">
    <div class="containerb">
        <h2>İletişim</h2>
        <div class="contact-details">
            <div class="contact-item1">
                <h4>Adres</h4>
                <p><a>1071 Kadıköy, Fikirtepe, Hızırbey Cd. No:115,<br>34720 Kadıköy/İstanbul, Türkiye</a></p>
            </div>
		</div>
        <div class="contact-details">
            <div class="contact-item">
                <h4>Telefon</h4>
                <p><a href="tel:+902165651251">+90 216 565 12 51</a></p>
            </div>
        </div>
        <div class="contact-details">
            <div class="contact-item">
                <h4>E-posta</h4>
                <p><a href="mailto:fenerbahce.veteran@gmail.com">fenerbahce.veteran@gmail.com</a></p>
            </div>
        </div>

        <div class="social-links">
            <a href="https://www.facebook.com/groups/110656826765/?ref=ts&fref=ts"><img src="https://img.icons8.com/ios-filled/50/000000/facebook.png" alt="Facebook"></a>
            <a href="#"><img src="https://img.icons8.com/ios-filled/50/000000/instagram.png" alt="Instagram"></a>
            <a href="#"><img src="https://img.icons8.com/ios-filled/50/000000/twitter.png" alt="Twitter"></a>
        </div>

		<div class="map">
		    <iframe 
		        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3011.5556282544985!2d29.049849977260045!3d40.99121037135296!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cac78cef1fbec9%3A0x5e61827618f243b9!2zMTA3MSBLYWTEsWvDtnk!5e0!3m2!1str!2str!4v1733639289591!5m2!1str!2str" 
		        width="100%" 
		        height="250" 
		        style="border:0;" 
		        allowfullscreen="" 
		        loading="lazy" 
		        referrerpolicy="no-referrer-when-downgrade">
		    </iframe>
		</div>

        <div class="working-hours">
            <h4>Çalışma Saatleri</h4>
            <p>Pazartesi - Cuma: 09:00 - 23:00<br>
            Cumartesi: 10:00 - 23:00<br>
            Pazar: 10:00 - 23:00
            </p>
			<div align="center">
				<table border="0" width="95%">
					<tr>
						<td colspan="3" align="left" valign="top"><b>BANKA HESAP BİLGİLERİMİZ</b>
													</td>
					</tr>
					<tr>
						<td width="100" align="left" valign="top"><b>BANKA HESAP ADI</b></td>
						<td width="10" align="left" valign="top"><b>:</b></td>
						<td align="left" valign="top">FENERBAHÇE VETERAN MASA TENİSÇİLERİ SPOR 
						KULÜBÜ</td>
					</tr>
					<tr>
						<td width="100" align="left" valign="top"><b>BANKA ADI</b></td>
						<td width="5" align="left" valign="top"><b>:</b></td>
						<td align="left" valign="top">TÜRKİYE İŞ BANKASI</td>
					</tr>
					<tr>
						<td width="100" align="left" valign="top"><b>ŞUBE ADI</b></td>
						<td width="5" align="left" valign="top"><b>:</b></td>
						<td align="left" valign="top">NAİTİLUS AVM İSTANBUL</td>
					</tr>
					<tr>
						<td width="100" align="left" valign="top"><b>ŞUBE KODU</b></td>
						<td width="5" align="left" valign="top"><b>:</b></td>
						<td align="left" valign="top">1209</td>
					</tr>
					<tr>
						<td width="100" align="left" valign="top"><b>HESAP NO</b></td>
						<td width="5" align="left" valign="top"><b>:</b></td>
						<td align="left" valign="top">0221588</td>
					</tr>
					<tr>
						<td width="100" align="left" valign="top"><b>IBAN</b></td>
						<td width="5" align="left" valign="top"><b>:</b></td>
						<td align="left" valign="top">TR05&nbsp;0006&nbsp;4000&nbsp;0011&nbsp;2090&nbsp;2215&nbsp;88</td>
					</tr>
				</table>
			</div>
		</div>

        <form class="contact-form">
            <h4>Bize Ulaşın</h4>
            <input type="text" placeholder="Adınız" required>
            <input type="email" placeholder="E-posta" required>
            <textarea placeholder="Mesajınız" required></textarea>
            <button type="submit">Gönder</button>
        </form>

        <a href="https://wa.me/901234567890" target="_blank" class="chat-button">Canlı Destek</a>

        <div class="footer-menu">
            <a href="/hakkimizda">Hakkımızda</a>
            <a href="/hizmetler">Hizmetlerimiz</a>
            <a href="/sss">Sık Sorulan Sorular</a>
            <a href="/gizlilik-politikasi">Gizlilik Politikası</a>
        </div>
    </div>
</footer>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
        </div>
    </div>
	</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
    const galleries = document.querySelectorAll(".gallery"); // Tüm gallery'leri seç
    const dynamicCaption = document.createElement("div");
    dynamicCaption.classList.add("dynamic-caption");
    document.body.appendChild(dynamicCaption);

    galleries.forEach(gallery => {
        gallery.addEventListener("mouseover", function (e) {
            if (e.target.classList.contains("imgshadow")) {
                const captionText = e.target.dataset.caption;
                const rect = e.target.getBoundingClientRect();
                dynamicCaption.textContent = captionText;
                dynamicCaption.style.display = "block";
                dynamicCaption.style.top = `${rect.bottom + window.scrollY + 10}px`;
                dynamicCaption.style.left = `${rect.left + window.scrollX}px`;
            }
        });

        gallery.addEventListener("mousemove", function (e) {
            if (e.target.classList.contains("imgshadow")) {
                const rect = e.target.getBoundingClientRect();
                dynamicCaption.style.top = `${rect.bottom + window.scrollY + 10}px`;
                dynamicCaption.style.left = `${rect.left + window.scrollX}px`;
            }
        });

        gallery.addEventListener("mouseout", function (e) {
            if (e.target.classList.contains("imgshadow")) {
                dynamicCaption.style.display = "none";
            }
        });
    });
});

</script>

</body>
</html>