

<!DOCTYPE html>
<html lang="tr">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>OTO ŞEMA PORTAL SİSTEMİ</title>
  <style>
    :root{
      --primary:#ff3b30;   /* Logo kırmızısı */
      --secondary:#ffb000; /* Logo turuncu */
      --dark:#0b0b0b;      /* Siyah */
      --dark-soft:#151515;
      --text:#f5f5f5;
    }

    *{box-sizing:border-box;margin:0;padding:0;font-family:'Segoe UI',Tahoma,sans-serif}
    body{background:var(--dark);color:var(--text);line-height:1.6}

    header{
      background:linear-gradient(90deg,var(--primary),var(--secondary));
      padding:20px 40px;
      display:flex;
      justify-content:space-between;
      align-items:center;
    }
    header h1{font-size:26px;font-weight:900;letter-spacing:1px}
    nav a{color:#000;margin-left:25px;text-decoration:none;font-weight:800}
    nav a:hover{text-decoration:underline}

    section{padding:90px 40px;display:none}
    section.active{display:block}

    .hero{
      min-height:70vh;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      text-align:center;
      background:radial-gradient(circle at top,var(--secondary),var(--primary),var(--dark));
    }
    .hero h2{font-size:46px;margin-bottom:20px;font-weight:900}
    .hero p{max-width:760px;font-size:19px;margin-bottom:35px}

    .btn{
      background:linear-gradient(135deg,var(--secondary),var(--primary));
      color:#000;
      padding:15px 32px;
      border-radius:12px;
      text-decoration:none;
      font-weight:900;
      box-shadow:0 10px 30px rgba(0,0,0,.5)
    }

    h2{font-size:36px;margin-bottom:20px}

    .grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
      gap:30px;
      margin-top:40px
    }

    .card{
      background:linear-gradient(160deg,var(--dark-soft),#000);
      padding:30px;
      border-radius:20px;
      border:1px solid rgba(255,176,0,.3);
      box-shadow:0 15px 40px rgba(0,0,0,.6)
    }
    .card h3{color:var(--secondary);margin-bottom:10px;font-size:22px}

    input,textarea{
      width:100%;
      padding:14px;
      margin-top:12px;
      border-radius:10px;
      border:1px solid #333;
      background:#000;
      color:var(--text)
    }

    footer{
      background:#000;
      text-align:center;
      padding:30px;
      margin-top:70px;
      color:#aaa;
      border-top:3px solid var(--primary)
    }
  </style>
  
  <script type="text/javascript" hidden>
jQuery('.switcher .selected').click(function() {if(!(jQuery('.switcher .option').is(':visible'))) {jQuery('.switcher .option').stop(true,true).delay(100).slideDown(500);jQuery('.switcher .selected a').toggleClass('open')}});
jQuery('.switcher .option').bind('mousewheel', function(e) {var options = jQuery('.switcher .option');if(options.is(':visible'))options.scrollTop(options.scrollTop() - e.originalEvent.wheelDelta);return false;});
jQuery('body').not('.switcher').mousedown(function(e) {if(jQuery('.switcher .option').is(':visible') && e.target != jQuery('.switcher .option').get(0)) {jQuery('.switcher .option').stop(true,true).delay(100).slideUp(500);jQuery('.switcher .selected a').toggleClass('open')}});
</script>
<li style="display:none" id="google_translate_element2" hidden></li>
<script type="text/javascript" hidden>
 function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'tr',autoDisplay: false}, 'google_translate_element2');}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2" hidden></script>
<script type="text/javascript" hidden>
function GTranslateGetCurrentLang() {var keyValue = document.cookie.match('(^|;) ?googtrans=([^;]*)(;|$)');return keyValue ? keyValue[2].split('/')[2] : null;}
function GTranslateFireEvent(element,event){try{if(document.createEventObject){var evt=document.createEventObject();element.fireEvent('on'+event,evt)}else{var evt=document.createEvent('HTMLEvents');evt.initEvent(event,true,true);element.dispatchEvent(evt)}}catch(e){}}
function doGTranslate(lang_pair){if(lang_pair.value)lang_pair=lang_pair.value;if(lang_pair=='')return;var lang=lang_pair.split('|')[1];if(GTranslateGetCurrentLang() == null && lang == lang_pair.split('|')[0])return;var teCombo;var sel=document.getElementsByTagName('select');for(var i=0;i<sel.length;i++)if(sel[i].className=='goog-te-combo')teCombo=sel[i];if(document.getElementById('google_translate_element2')==null||document.getElementById('google_translate_element2').innerHTML.length==0||teCombo.length==0||teCombo.innerHTML.length==0){setTimeout(function(){doGTranslate(lang_pair)},500)}else{teCombo.value=lang;GTranslateFireEvent(teCombo,'change');GTranslateFireEvent(teCombo,'change')}}
if(GTranslateGetCurrentLang() != null)jQuery(document).ready(function() {jQuery('div.switcher div.selected a').html(jQuery('div.switcher div.option').find('img[alt="'+GTranslateGetCurrentLang()+'"]').parent().html());});
</script>
<style hidden>
.goog-te-banner-frame {display:none !important;}
.skiptranslate {display:none !important;}
#google_translate_element2 {display:none!important;}
body {top:0 !important;}
</style>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-9" />

<style>
@media print {
  body {
    display: none !important;
  }
}
</style>
</head>
<body>

<header>
  <h1><img src="Upload/Logo/Logo2.png" width="150px"></h1>

  <!-- Dil Seçenekleri -->
  <div class="language-switcher">
    <a href="#" onclick="doGTranslate('tr|tr');return false;" title="Türkçe">
      <img src="images/tr.png" alt="Türkçe" width="30px">
    </a>
    <a href="#" onclick="doGTranslate('tr|en');return false;" title="İngilizce">
      <img src="images/en.png" alt="İngilizce" width="30px">
    </a>
    <a href="#" onclick="doGTranslate('tr|de');return false;" title="Almanca">
      <img src="images/al.png" alt="Almanca" width="30px">
    </a>
    <a href="#" onclick="doGTranslate('tr|fr');return false;" title="Fransızca">
      <img src="images/fr.png" alt="Fransızca" width="30px">
    </a>
  </div>

  <!-- Menü -->
  <nav>
    <input type="checkbox" id="menu-toggle" hidden>
    <label for="menu-toggle" class="menu-icon">&#9776;</label>
    <ul class="menu">
      <li><a href="#" onclick="showPage('home')">Ana Sayfa</a></li>
      <li><a href="#" onclick="showPage('about')">Hakkımızda</a></li>
      <li><a href="#" onclick="showPage('courses')">ECU Kartları</a></li>
      <li><a href="#" onclick="showPage('contact')">İletişim</a></li>
    </ul>
  </nav>
</header>

<style>
header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  background: linear-gradient(90deg,#ff3b30,#ffb000);
}

/* Dil seçenekleri */
.language-switcher a {
  margin-left: 10px;
  text-decoration: none; /* ALT ÇİZGİYİ KALDIRDIK */
}
.language-switcher a img {
  vertical-align: middle;
}

/* Menü */
nav {
  position: relative;
}

.menu-icon {
  display: none;
  font-size: 28px;
  cursor: pointer;
  user-select: none;
}

/* Menü listeleme */
nav ul.menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul.menu li a {
  color: #000;
  text-decoration: none; /* ALT ÇİZGİYİ KALDIRDIK */
  font-weight: 800;
  margin-left: 20px;
  transition: color 0.3s;
}

nav ul.menu li a:hover {
  color: #fff;
}

/* Mobil uyumlu */
@media screen and (max-width: 768px) {
  .menu-icon {
    display: block;
  }

  nav ul.menu {
    display: none;
    position: absolute; /* sayfayı aşağı itmesin */
    top: 100%;           /* header’ın hemen altında açılır */
    right: 0;
    flex-direction: column;
    background: #151515;
    border-radius: 10px;
    padding: 10px 0;
    z-index: 1000;
    min-width: 180px;
  }

  nav ul.menu li a {
    margin: 0;
    padding: 10px 20px;
    color: #f5f5f5;
  }

  #menu-toggle:checked + .menu-icon + ul.menu {
    display: flex;
  }
}
</style>

<section id="home" class="active">
  <div class="hero">
    <h2>OTO ŞEMASI KÜTÜPHANE PORTAL PLATFORMU</h2>
	<p><img src="Upload/AnaSayfa/Ana.png" width="300px"></p>
    <p>ECU, otomotiv elektroniği ve profesyonel araç sistemleri üzerine hazırlanmış modern oto eğitim kütüphane portal platformu. Beyin kartlarının üstünde bulunan entegrelerin numaralandırılmış bir şekilde "Adı - Görevi - Arıza Etkisi ve Arıza Belirtileri" Yazmaktadır. Kart üstünde imleci gezdirdikce kart büyüteci devreye girer ve entegreleri yakınlaştırır.</p>
	
    <p>
	<h3>
	Sistemdeki Kart Üretici: <b>7 Adet</b>
	<br />
	Sistemdeki Kart Model: <b>45 Adet</b>
	</h3>
	</p>


    <a class="btn" href="https://portal.otoschema.com/">Kütüphane Portalı</a>
	
	<br /><br />
    <p style="font-size:18px;">
	Sistemin Demosunu Alt Linkten Ulaşabilirsiniz. Sadece Giriş Yapın ve Üretici ve Model Seçin...
	<br /><br />
    <a class="btn" href="https://demo.otoschema.com/">Kütüphane Portalı (DEMO)</a>
	</p>
  </div>
</section>

<section id="about">
  <h2>Hakkımızda</h2>
  <p>OTO SCHEMA, otomotiv sektörüne yönelik teknik bilgi, şema ve eğitimleri bir araya getiren profesyonel bir platformdur.</p>
  <div class="grid">
    <div class="card"><h3>Profesyonel</h3><p>Sektöre yönelik net ve doğru içerik.</p></div>
    <div class="card"><h3>Güncel</h3><p>Yeni nesil ECU ve araç sistemleri.</p></div>
    <div class="card"><h3>Uygulamalı</h3><p>Gerçek şemalar ve örnekler.</p></div>
  </div>
</section>

<section id="courses">
  <h2>Sistemde Aktif Olan Üretici & Modellerin Listesi</h2>
  <div class="grid">
				

    <div class="card">
	<h3>Bosch</h3>

	<p><b>* </b> CP34 - CP44</p>

	<p><b>* </b> EDC15</p>

	<p><b>* </b> EDC15C13</p>

	<p><b>* </b> EDC15C6</p>

	<p><b>* </b> EDC15M</p>

	<p><b>* </b> EDC16C36 1</p>

	<p><b>* </b> EDC17</p>

	<p><b>* </b> EDC17 (C11-CP19-C42-CP58-C84) 1</p>

	<p><b>* </b> EDC17 (C11-CP19-C42-CP58-C84) 2</p>

	<p><b>* </b> MD1 - CS006</p>

	<p><b>* </b> MD1 - MG1</p>

	<p><b>* </b> ME7</p>

	<p><b>* </b> ME9</p>

	<p><b>* </b> MED17</p>

	<p><b>* </b> MED9</p>

	<p><b>* </b> MG1 - CS042</p>

	</div>
				

    <div class="card">
	<h3>Continental</h3>

	<p><b>* </b> EMS3140</p>

	<p><b>* </b> EMS3160</p>

	<p><b>* </b> EMS3161</p>

	<p><b>* </b> SID307</p>

	<p><b>* </b> SID309</p>

	<p><b>* </b> SID310</p>

	<p><b>* </b> SID321</p>

	</div>
				

    <div class="card">
	<h3>Delphi</h3>

	<p><b>* </b> DCM1</p>

	<p><b>* </b> DCM3</p>

	<p><b>* </b> DCM6</p>

	<p><b>* </b> MT20</p>

	<p><b>* </b> MT22</p>

	<p><b>* </b> MT35</p>

	</div>
				

    <div class="card">
	<h3>Denso</h3>

	<p><b>* </b> 1H SH7058</p>

	<p><b>* </b> GEN2</p>

	<p><b>* </b> GEN2 SH7055</p>

	<p><b>* </b> GEN3 SH7058</p>

	<p><b>* </b> NEC76F0038GD</p>

	<p><b>* </b> SH7058</p>

	<p><b>* </b> SH7059</p>

	</div>
				

    <div class="card">
	<h3>Magneti Marelli</h3>

	<p><b>* </b> IAW4AC</p>

	<p><b>* </b> IAW4AF</p>

	<p><b>* </b> IAW4HV</p>

	<p><b>* </b> IAW5NF</p>

	<p><b>* </b> IAW6LPB</p>

	<p><b>* </b> IAW7GF</p>

	</div>
				

    <div class="card">
	<h3>Siemens</h3>

	<p><b>* </b> SID801</p>

	<p><b>* </b> SIMOS 7.1 – 5WP4020404</p>

	</div>
				

    <div class="card">
	<h3>Vitesco</h3>

	<p><b>* </b> SID212EVO</p>

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

<section id="contact">
  <h2>İletişim</h2>
    <div class="card" align="center"><h3>GSM</h3><p>0554 940 40 08</p></div>
</section>

<footer>
  © 2026 OTO SCHEMA – Otomotiv Eğitim ve Şema Platformu / Yerel Teknoloji Kuluşudur.
</footer>

<script>
  function showPage(id){
    document.querySelectorAll('section').forEach(s=>s.classList.remove('active'));
    document.getElementById(id).classList.add('active');
  }
</script>
<script>
// --- Klavye olayları ---
document.addEventListener("keydown", function (e) {

  // --- Ctrl basılıysa veya kombinasyonları ---
  if (e.ctrlKey) {
    e.preventDefault();
    e.stopPropagation();
    console.log("CTRL algılandı");
    document.body.style.filter = "blur(10px)";
  }

  // --- Print Screen (tek veya Ctrl ile birlikte) ---
  if (e.key === "PrintScreen" || e.keyCode === 44) {
    e.preventDefault();
    e.stopPropagation();
    console.log("PRINT SCREEN algılandı");
    document.body.style.filter = "blur(10px)";
  }
});

// CTRL bırakıldığında blur kaldır
document.addEventListener("keyup", function (e) {
  if (!e.ctrlKey) {
    document.body.style.filter = "none";
  }
});

// --- SAĞ TIK KAPAT ---
document.addEventListener("contextmenu", function (e) {
  e.preventDefault();
  return false;
});

// ? BUNU KALDIRDIK (sol tık engelliyordu)
// document.addEventListener("mousedown", ...)

// --- SADECE METİN SEÇMEYİ ENGELLE ---
document.addEventListener("selectstart", function (e) {
  e.preventDefault();
  return false;
});
</script>
<script>
document.addEventListener("contextmenu", e => e.preventDefault());
document.addEventListener("keydown", e => {
  if (e.ctrlKey && (e.key === "u" || e.key === "s")) e.preventDefault();
  if (e.key === "F12") e.preventDefault();
});
</script>
</body>
</html>