<!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/default.asp?DIL=250' />
<link rel='alternate' hreflang='en' href='https://forehandspin.com/fbvmtsk/en/hakkimizda/default.asp?DIL=250' />
<link rel='alternate' hreflang='ru' href='https://forehandspin.com/fbvmtsk/ru/hakkimizda/default.asp?DIL=250' />
<link rel='canonical' href='https://forehandspin.com/fbvmtsk/us/hakkimizda/default.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/us/hakkimizda/default.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/hakkimizda/default.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/hakkimizda/default.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/hakkimizda/default.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>History</h1>
<p align="justify">
The Veteran formation in our country dates back to the 1990s. At that time, all athletes were continuing their activities under the roof of the Veteran Association, on the Fenerbahçe peninsula, in the Galatasaray and Fenerbahçe Facilities. We were all trying to spread the VETERAN event, announce this sport to the masses, and gain members. In 1997, the Galatasaray club closed the Table Tennis branch and transferred the hall to water polo. Thus, the Table Tennis players who used the hall were left out and started looking for a hall for themselves. Because the Fenerbahçe Sports Club Facility was not large enough to accommodate all the members. Here, a small distinction began to form between those who came to Fenerbahçe and those who did not. In the meantime, the regular general assembly period of the Veteran Association arrived. Some of my friends nominated me as the association's president and, after an unpleasant election, I lost the election by 1 vote. The friends who won the election started making speeches that made me feel that they were the ones in charge of the association and that I could establish another association if necessary. When I realized that they were uncomfortable with me, I left all my work there and in 1999, with permission from the Fenerbahçe Board of Directors, I founded the “FENERBAHÇE VETERAN TABLE TENNIS PLAYERS ASSOCIATION”. We continued our activities under the roof of Fenerbahçe Sports Club until 2005. The monthly payments made by the veterans provided great support to the club. In addition, by having former national players play with youth athletes, the veterans played a big role in the youth team gaining experience and achieving success. When my duty at Fenerbahçe Sports Club ended in 2005, we were also left without a place. In line with the requests of my friends, we gathered with around 50 friends at Moda Municipality Facilities and made an assessment of the situation. All of my friends encouraged me by telling me that they trusted me at that meeting, that they were behind me, and that they arranged a hall and wanted me to continue in the same way and not to give up after all this effort. We started looking for a hall together. When I was looking for a hall, I never wanted a hall in the basement, between columns. Table Tennis had to be removed from Bodrum. For three months, I didn’t leave a place on the Anatolian Side that I didn’t visit, I didn’t like any place. When I had no hope left, our Vice President Nesibe Müsevitoğlu, who was the Education and Culture Director at the Kadıköy Municipality, was also working at the Kadıköy District Governor’s Office at the same time and was doing research for us. Nesibe Müsevitoğlu brought the news that the gym of our current school in Göztepe Automotive Industry would be rented and I went and looked at it right away. The gym was in terrible condition, but in other respects it was exactly what I wanted. We immediately obtained permissions from the National Education, School Principal and District Governor’s Office and rented the school with a 3-year grace period with a build-operate-transfer system. We started construction again and first smoothed out the uneven floor coverings. We had the hall heating installed with a radiant system from the ceiling and brought the lighting system to international standards. We needed to build a facility next door for the changing room, showers and cafeteria section, and the Kadıköy Municipality would provide support for this. We prepared a project and submitted it for approval. Just when everything was complete, Kadıköy Municipality gave up on construction because the Metropolitan Municipality declared this area as a reclamation area during the approval. We did not give up again, this time we were left with the expenses of this place and started the construction. Money was going everywhere. Money was not enough and I was in a tight spot, I asked for some support, but no one said anything. I held a meeting, explained the situation and in order to make it attractive, I asked everyone for 1000.- TL so that they could use the hall for 3 years free of charge when it was finished. 30 of my friends paid this money. We completed the construction by taking a loan from the bank and had a nice opening. The district governor, the director of national education, the late Halil Türkkan who donated the school, the principals of the surrounding schools and members of the protocol attended the opening. Our association was praised in the speeches and it was wanted to be an example for everyone. There is no such facility built by the table tennis community within the borders of Turkey with its own means. All our association members can be proud of this.</p>
<p align="justify">
As soon as we started operating, the first thing we did was to prepare a new bylaw for our association to be able to operate in all branches and to transform it into a sports club with the club number 1473. If we wanted, we could even establish a football team. We established our coaching team for the infrastructure and started team activities to play in the leagues. Although we had no money other than the monthly payments we collected from our members, we caused many of our players to go to other clubs. Batuhan and Tarık Ulucak brothers went to İBB, Gülpenbe Özkaya went to Fenerbahçe. We did not request any money for these players. All of them are currently playing in the National Team. We distributed many more players we trained to various clubs. The RATING tournaments and SUNDAY tournaments we held within the association also attracted attention in the surrounding provinces and our work became an example. Our friends from BURSA who participated in our tournaments eventually declared us a sister club and implemented our system exactly as it was. We also pioneered the establishment of several associations. We have been continuing the International Veteran Table Tennis Tournaments that we started in 2000 with the cooperation of Kadıköy Municipality with uninterrupted success since then. As I mentioned in my resume, I have never been a part of the Table Tennis community. I have always been involved in financial and moral activities. Because there is no infrastructure for table tennis. We create this with our labor. I AM TIRED NOW, ENOUGH!!!!!!!!!! Currently, our association's board of directors consists of young and active friends, all of them are trying to take the association to higher levels. Our Girls' Team continues their struggle in the 1st League under the sponsorship of Özcan Köm and our Boys' Team Bülent Nömer. Our coaches, Sedat Taşkın and Ünal Civak are at the head of the infrastructure works. Our club members are aware that everyone is equal under the roof of the association and that a person's social opportunities should remain outside the association. We have turned a deaf ear to those who do nothing but criticize. We see these people as people who have never left even their little fingers untouched and who live in their own ego worlds.</p>
<p align="justify">
Our association members are aware of the fact that they only engage in activities to glorify the association. Those who think otherwise have no place in the association anyway. We are pleased to see the words Fenerbahçe Veteran Member written next to the names of our association members in various tournaments they participate in. Everyone follows everything, being multi-sided sometimes creates problematic situations. Everyone wants to see their friends by their side. Let's not forget that associations have democratic rights as much as individuals. Our members pay their monthly and annual payments on time, they know that this is necessary for the association to survive. If tournaments held in our environment overlap with ours, they prefer our association's tournament, they embrace our club and give signals of unity and solidarity, and our club will be strengthened in every way in the future. We are preparing a new bylaw suitable for the new conditions for our association, which is getting stronger every day. When our staff is well established, we will switch to a system where all our members will have rights in the new ordinary general assembly and the presidency will change. We will inform you about the details of the regulations later. From now on, we will continue our struggle hand in hand with you to keep the table tennis sport alive and alive. We are waiting for everyone from seven to seventy to play table tennis in our club.
</p>
<p align="center">
Kind regards</p>
<p align="center">
Savaş Pravuştalı</p>
</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>