<!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/altyapi/default.asp?DIL=192&D_CATEG=2' />
<link rel='alternate' hreflang='en' href='https://forehandspin.com/fbvmtsk/en/altyapi/default.asp?DIL=192&D_CATEG=2' />
<link rel='alternate' hreflang='ru' href='https://forehandspin.com/fbvmtsk/ru/altyapi/default.asp?DIL=192&D_CATEG=2' />
<link rel='canonical' href='https://forehandspin.com/fbvmtsk/altyapi/default.asp?DIL=192&D_CATEG=2' />

<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/altyapi/default.asp?DIL=192&D_CATEG=2">
<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="#">&#1044;&#1086;&#1084;&#1072;&#1096;&#1085;&#1103;&#1103; &#1089;&#1090;&#1088;&#1072;&#1085;&#1080;&#1094;&#1072</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">&#1044;&#1086;&#1084;&#1072;&#1096;&#1085;&#1103;&#1103; &#1089;&#1090;&#1088;&#1072;&#1085;&#1080;&#1094;&#1072</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/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/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/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/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/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/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/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/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/altyapi/default.asp?D_CATEG=2&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/altyapi/default.asp?D_CATEG=2&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/altyapi/default.asp?D_CATEG=2&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>
<style>
#dropdownMenu {
    position: absolute;
    background-color: white;
    border: 1px solid #ccc;
    padding: 10px;
    display: none;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    width: 200px;
}

#dropdownMenu a {
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    color: black;
}

#dropdownMenu a:hover {
    background-color: #f0f0f0;
}

.menu-visible {
    display: block !important;
}
</style>
<table border="0" cellspacing="0" cellpadding="0">
	<tr>
		
		<td>
			<div align="center">
			    <div class="page-header">
			        <div class="breadcrumbs">
			            <a href="../default.asp">&#1044;&#1086;&#1084;&#1072;&#1096;&#1085;&#1103;&#1103; &#1089;&#1090;&#1088;&#1072;&#1085;&#1080;&#1094;&#1072;</a> > 
			            <a href="default.asp">&#1048;&#1085;&#1092;&#1088;&#1072;&#1089;&#1090;&#1088;&#1091;&#1082;&#1090;&#1091;&#1088;&#1072;</a> > 
			            <select id="dropdownMenu" onchange="navigateToPage()">
			                <option value="anasayfa">&#1048;&#1085;&#1092;&#1086;&#1088;&#1084;&#1072;&#1094;&#1080;&#1103;</option>
			                <option value="antrenor">&#1058;&#1088;&#1077;&#1085;&#1077;&#1088;</option>
			                <option value="takvim">&#1050;&#1072;&#1083;&#1077;&#1085;&#1076;&#1072;&#1088;&#1100;</option>
			                <option value="album">&#1040;&#1083;&#1100;&#1073;&#1086;&#1084;</option>
			            </select>
			        </div>
			    </div>
			</div>
		</td>
	</tr>
</table>

<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('anasayfa')) {
        dropdown.value = 'generalInfo';
    } else if (currentPage.includes('antrenor')) {
        dropdown.value = 'egitmen';
    } else if (currentPage.includes('takvim')) {
        dropdown.value = 'trainingSchedule';
    } else if (currentPage.includes('album')) {
        dropdown.value = 'albumlist';
    }};

// Seçilen değeri alıp, ilgili sayfaya yönlendiren fonksiyon
function navigateToPage() {
    var selectedValue = document.getElementById('dropdownMenu').value;

    switch (selectedValue) {
        case 'anasayfa':
            window.location.href = 'default.asp?D_CATEG=2';
            break;
        case 'antrenor':
            window.location.href = 'egitmenler.asp?D_CATEG=2';
            break;
        case 'takvim':
            window.location.href = 'takvim.asp?D_CATEG=2';
            break;
        case 'album':
            window.location.href = 'resimler.asp?D_CATEG=2';
            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?D_CATEG=2" class="btn-link">&#1048;&#1085;&#1092;&#1086;&#1088;&#1084;&#1072;&#1094;&#1080;&#1103;</a>
    			</td>
    			<td width="5"></td>
    			<td>
					<a href="egitmenler.asp?D_CATEG=2" class="btn-link">&#1058;&#1088;&#1077;&#1085;&#1077;&#1088;</a>
    			</td>
    			<td width="5"></td>
    			<td>
					<a href="takvim.asp?D_CATEG=2" class="btn-link">&#1050;&#1072;&#1083;&#1077;&#1085;&#1076;&#1072;&#1088;&#1100;</a>
    			</td>
    			<td width="5"></td>
    			<td>
					<a href="resimler.asp?D_CATEG=2" class="btn-link">&#1040;&#1083;&#1100;&#1073;&#1086;&#1084;</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>&#1064;&#1082;&#1086;&#1083;&#1072; &#1085;&#1072;&#1089;&#1090;&#1086;&#1083;&#1100;&#1085;&#1086;&#1075;&#1086; &#1090;&#1077;&#1085;&#1085;&#1080;&#1089;&#1072;</h1>
<table border="0">
	<tr>
		<td align="center">
			<p align="justify">&#1053;&#1072;&#1096;&#1072; &#1096;&#1082;&#1086;&#1083;&#1072; &#1085;&#1072;&#1089;&#1090;&#1086;&#1083;&#1100;&#1085;&#1086;&#1075;&#1086; &#1090;&#1077;&#1085;&#1085;&#1080;&#1089;&#1072; &#1087;&#1088;&#1086;&#1074;&#1086;&#1076;&#1080;&#1090; &#1090;&#1088;&#1077;&#1085;&#1080;&#1088;&#1086;&#1074;&#1082;&#1080; &#1074; &#1076;&#1074;&#1072; &#1079;&#1072;&#1085;&#1103;&#1090;&#1080;&#1103;: &#1087;&#1077;&#1088;&#1074;&#1086;&#1077; &#1079;&#1072;&#1085;&#1103;&#1090;&#1080;&#1077; &#1089; 10:00 &#1076;&#1086; 11:30 &#1080; &#1089; 11:30 &#1076;&#1086; 13:00 &#1074; &#1089;&#1091;&#1073;&#1073;&#1086;&#1090;&#1091; &#1080; &#1074;&#1086;&#1089;&#1082;&#1088;&#1077;&#1089;&#1077;&#1085;&#1100;&#1077; &#1087;&#1086;&#1076; &#1088;&#1091;&#1082;&#1086;&#1074;&#1086;&#1076;&#1089;&#1090;&#1074;&#1086;&#1084; &#1060;&#1077;&#1088;&#1093;&#1072;&#1090;&#1072; &#1069;&#1088;&#1076;&#1091;&#1088;&#1072;&#1085;&#1072;. &#1041;&#1077;&#1088;&#1082;&#1077; &#1063;&#1077;&#1083;&#1080;&#1082; — &#1087;&#1086;&#1084;&#1086;&#1097;&#1085;&#1080;&#1082; &#1090;&#1088;&#1077;&#1085;&#1077;&#1088;&#1072;. &#1041;&#1086;&#1083;&#1077;&#1077; &#1087;&#1086;&#1076;&#1088;&#1086;&#1073;&#1085;&#1091;&#1102; &#1080;&#1085;&#1092;&#1086;&#1088;&#1084;&#1072;&#1094;&#1080;&#1102; &#1086; &#1085;&#1072;&#1096;&#1080;&#1093; &#1087;&#1088;&#1077;&#1087;&#1086;&#1076;&#1072;&#1074;&#1072;&#1090;&#1077;&#1083;&#1103;&#1093; &#1074;&#1099; &#1084;&#1086;&#1078;&#1077;&#1090;&#1077; &#1085;&#1072;&#1081;&#1090;&#1080; &#1087;&#1086; &#1089;&#1089;&#1099;&#1083;&#1082;&#1077; &#1085;&#1080;&#1078;&#1077;.</p>
			<p><a href="detaylar-sayfasi.html" class="btn-link">&#1055;&#1086;&#1076;&#1088;&#1086;&#1073;&#1085;&#1072;&#1103; &#1080;&#1085;&#1092;&#1086;&#1088;&#1084;&#1072;&#1094;&#1080;&#1103; &#1086; &#1085;&#1072;&#1096;&#1080;&#1093; &#1087;&#1088;&#1077;&#1087;&#1086;&#1076;&#1072;&#1074;&#1072;&#1090;&#1077;&#1083;&#1103;&#1093;</a></p>
			<div class="gallery">
			    <img src="https://forehandspin.com/fbvmtsk/images/altyapi/1.jpg" alt="Etkinlik 1" data-caption="" class="thumbnail imgshadow" data-fancybox="grup1" data-index="0">
			    <img src="https://forehandspin.com/fbvmtsk/images/altyapi/2.jpg" alt="Etkinlik 2" data-caption="" class="thumbnail imgshadow" data-fancybox="grup1" data-index="1">
			    <img src="https://forehandspin.com/fbvmtsk/images/altyapi/3.jpg" alt="Etkinlik 3" data-caption="" class="thumbnail imgshadow" data-fancybox="grup1" data-index="2">
			    <img src="https://forehandspin.com/fbvmtsk/images/altyapi/4.jpg" alt="Etkinlik 4" data-caption="" class="thumbnail imgshadow" data-fancybox="grup1" data-index="3">
			    <img src="https://forehandspin.com/fbvmtsk/images/altyapi/5.jpg" alt="Etkinlik 5" data-caption="" class="thumbnail imgshadow" data-fancybox="grup1" data-index="4">
			</div>
			<h3>&#1053;&#1072;&#1096;&#1072; &#1094;&#1077;&#1083;&#1100;</h3>
			<div class="gallery">
			    <img src="https://forehandspin.com/fbvmtsk/images/altyapi/6.jpg" alt="Etkinlik 1" data-caption="" class="thumbnail imgshadow" data-fancybox="grup2" data-index="5">
			    <img src="https://forehandspin.com/fbvmtsk/images/altyapi/7.jpg" alt="Etkinlik 2" data-caption="" class="thumbnail imgshadow" data-fancybox="grup2" data-index="6">
			</div>
			<h3>&#1053;&#1072;&#1096;&#1077; &#1074;&#1080;&#1076;&#1077;&#1085;&#1080;&#1077;</h3>
			<p align="justify">&#1055;&#1088;&#1077;&#1076;&#1086;&#1089;&#1090;&#1072;&#1074;&#1083;&#1103;&#1090;&#1100; &#1074;&#1086;&#1079;&#1084;&#1086;&#1078;&#1085;&#1086;&#1089;&#1090;&#1080; &#1076;&#1083;&#1103; &#1079;&#1072;&#1085;&#1103;&#1090;&#1080;&#1081; &#1089;&#1087;&#1086;&#1088;&#1090;&#1086;&#1084; &#1076;&#1077;&#1090;&#1103;&#1084; &#1080; &#1084;&#1086;&#1083;&#1086;&#1076;&#1099;&#1084; &#1083;&#1102;&#1076;&#1103;&#1084;, &#1080;&#1085;&#1090;&#1077;&#1088;&#1077;&#1089;&#1091;&#1102;&#1097;&#1080;&#1084;&#1089;&#1103; &#1085;&#1072;&#1089;&#1090;&#1086;&#1083;&#1100;&#1085;&#1099;&#1084; &#1090;&#1077;&#1085;&#1085;&#1080;&#1089;&#1086;&#1084;, &#1073;&#1099;&#1090;&#1100; &#1086;&#1073;&#1088;&#1072;&#1079;&#1094;&#1086;&#1074;&#1086;&#1081; &#1074;&#1086; &#1074;&#1089;&#1077;&#1093; &#1086;&#1090;&#1085;&#1086;&#1096;&#1077;&#1085;&#1080;&#1103;&#1093; &#1089;&#1087;&#1086;&#1088;&#1090;&#1080;&#1074;&#1085;&#1086;&#1081; &#1096;&#1082;&#1086;&#1083;&#1086;&#1081;, &#1087;&#1088;&#1080;&#1074;&#1083;&#1077;&#1082;&#1072;&#1102;&#1097;&#1077;&#1081; &#1094;&#1077;&#1085;&#1085;&#1099;&#1093; &#1089;&#1087;&#1086;&#1088;&#1090;&#1089;&#1084;&#1077;&#1085;&#1086;&#1074; &#1074; &#1090;&#1091;&#1088;&#1077;&#1094;&#1082;&#1080;&#1081; &#1089;&#1087;&#1086;&#1088;&#1090;, &#1089;&#1090;&#1088;&#1077;&#1084;&#1103;&#1089;&#1100; &#1082; &#1087;&#1086;&#1089;&#1090;&#1086;&#1103;&#1085;&#1085;&#1086;&#1084;&#1091; &#1091;&#1089;&#1087;&#1077;&#1093;&#1091;.</p>
			<h3>&#1053;&#1072;&#1096;&#1080; &#1084;&#1080;&#1089;&#1089;&#1080;&#1080;</h3>
			<p align="justify">&#1042; &#1089;&#1074;&#1077;&#1090;&#1077; &#1085;&#1072;&#1096;&#1077;&#1075;&#1086; &#1074;&#1080;&#1076;&#1077;&#1085;&#1080;&#1103; &#1087;&#1088;&#1077;&#1076;&#1086;&#1089;&#1090;&#1072;&#1074;&#1080;&#1090;&#1100; &#1074;&#1086;&#1079;&#1084;&#1086;&#1078;&#1085;&#1086;&#1089;&#1090;&#1080; &#1089;&#1090;&#1091;&#1076;&#1077;&#1085;&#1090;&#1072;&#1084;, &#1089;&#1082;&#1083;&#1086;&#1085;&#1085;&#1099;&#1084; &#1082; &#1089;&#1087;&#1086;&#1088;&#1090;&#1091;, &#1090;&#1072;&#1083;&#1072;&#1085;&#1090;&#1083;&#1080;&#1074;&#1099;&#1084; &#1080; &#1078;&#1077;&#1083;&#1072;&#1102;&#1097;&#1080;&#1084; &#1087;&#1088;&#1086;&#1075;&#1088;&#1077;&#1089;&#1089;&#1080;&#1088;&#1086;&#1074;&#1072;&#1090;&#1100;.
 &#1044;&#1083;&#1103; &#1076;&#1086;&#1089;&#1090;&#1080;&#1078;&#1077;&#1085;&#1080;&#1103; &#1101;&#1090;&#1086;&#1081; &#1094;&#1077;&#1083;&#1080; &#1088;&#1072;&#1079;&#1088;&#1072;&#1073;&#1086;&#1090;&#1072;&#1090;&#1100; &#1089;&#1086;&#1074;&#1084;&#1077;&#1089;&#1090;&#1085;&#1091;&#1102; &#1089;&#1090;&#1088;&#1072;&#1090;&#1077;&#1075;&#1080;&#1102; &#1089; &#1088;&#1091;&#1082;&#1086;&#1074;&#1086;&#1076;&#1089;&#1090;&#1074;&#1086;&#1084; &#1096;&#1082;&#1086;&#1083;&#1099; &#1085;&#1072;&#1089;&#1090;&#1086;&#1083;&#1100;&#1085;&#1086;&#1075;&#1086; &#1090;&#1077;&#1085;&#1085;&#1080;&#1089;&#1072;.
 &#1055;&#1088;&#1080;&#1074;&#1086;&#1076;&#1080;&#1090;&#1100; &#1091;&#1089;&#1087;&#1077;&#1096;&#1085;&#1099;&#1093;, &#1090;&#1072;&#1083;&#1072;&#1085;&#1090;&#1083;&#1080;&#1074;&#1099;&#1093; &#1076;&#1077;&#1090;&#1077;&#1081; &#1080; &#1084;&#1086;&#1083;&#1086;&#1076;&#1099;&#1093; &#1083;&#1102;&#1076;&#1077;&#1081; &#1074; &#1082;&#1083;&#1091;&#1073; &#1080; &#1090;&#1091;&#1088;&#1077;&#1094;&#1082;&#1080;&#1081; &#1089;&#1087;&#1086;&#1088;&#1090;.
 &#1055;&#1086;&#1086;&#1097;&#1088;&#1103;&#1090;&#1100; &#1076;&#1077;&#1090;&#1077;&#1081; &#1080; &#1084;&#1086;&#1083;&#1086;&#1076;&#1077;&#1078;&#1100; &#1074;&#1086;&#1089;&#1087;&#1088;&#1080;&#1085;&#1080;&#1084;&#1072;&#1090;&#1100; &#1089;&#1087;&#1086;&#1088;&#1090; &#1082;&#1072;&#1082; &#1086;&#1073;&#1088;&#1072;&#1079; &#1078;&#1080;&#1079;&#1085;&#1080; &#1080; &#1082;&#1091;&#1083;&#1100;&#1090;&#1091;&#1088;&#1091;, &#1072; &#1090;&#1072;&#1082;&#1078;&#1077; &#1091;&#1089;&#1087;&#1077;&#1093; &#1080; &#1082;&#1086;&#1085;&#1082;&#1091;&#1088;&#1077;&#1085;&#1090;&#1086;&#1089;&#1087;&#1086;&#1089;&#1086;&#1073;&#1085;&#1086;&#1089;&#1090;&#1100;.
 &#1054;&#1088;&#1075;&#1072;&#1085;&#1080;&#1079;&#1086;&#1074;&#1099;&#1074;&#1072;&#1090;&#1100; &#1086;&#1088;&#1075;&#1072;&#1085;&#1080;&#1079;&#1072;&#1094;&#1080;&#1080;, &#1084;&#1077;&#1088;&#1086;&#1087;&#1088;&#1080;&#1103;&#1090;&#1080;&#1103;, &#1083;&#1072;&#1075;&#1077;&#1088;&#1103; &#1080; &#1090;&#1091;&#1088;&#1085;&#1080;&#1088;&#1099; &#1076;&#1083;&#1103; &#1076;&#1086;&#1089;&#1090;&#1080;&#1078;&#1077;&#1085;&#1080;&#1103; &#1094;&#1077;&#1083;&#1077;&#1081; &#1085;&#1072;&#1096;&#1077;&#1081; &#1084;&#1080;&#1089;&#1089;&#1080;&#1080;.</p>
		</td>
	</tr>
</table>
	</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>