Dil ID: 1<br>Dil Adı: english<br>Dil Kodu: en<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Undefined array key "referans_id" in <b>/home/admin/domains/manualu.com/public_html/site/fonksiyonlar.php</b> on line <b>351</b><br />
1Array
(
    [0] => brands
    [1] => pioneer
    [2] => Television
    [3] => pdp-5080hd
    [4] => 44870
    [5] => bg32.webp
)
gerliyor<br />
<b>Warning</b>:  Undefined variable $alternates in <b>/home/admin/domains/manualu.com/public_html/site/sayfalar/brands.php</b> on line <b>204</b><br />

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Brands (pioneer)</title>
    <meta name="description" content=".">
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@900&display=swap" rel="stylesheet">


	<style>
	@keyframes buttonGradient {
		0% {
			background-position: 0% 50%;
		}
		50% {
			background-position: 100% 50%;
		}
		100% {
			background-position: 0% 50%;
		}
	}
	p,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
	.whitebackground {
		background:#FFF;
	}


	
	.graybackground {
		background:#f8f8f8;
	}
	
	
	.blackscolor {
		color:#222222;
	}
	
	.gri {
		color:#26aa2b;
	}
	
	.fleft {
		float:left;
	}
	
	.width100 {
		width:100%;
	}
	
	.width70 {
		width:70%;
	}
	
	.width30 {
		width:30%;
	}	
	
	.mauto {
		margin:0 auto;
	}
	
	.texaligncenter {
		text-align:center;
	}
	
	.ptop1rem {
		padding-top:1rem;
	}
	
	.ptop25 {
		padding-top:25px;
	}	
	
	.pbottom50 {
		padding-bottom:50px;
	}
	
	.line {
		border-top: none; border-bottom: 1px dashed #ECE4E4;
	}
	
    .width100 {
        width: 100%;
    }
    .graybackground {
        background: #f8f8f8;
    }
    .green {
        color: #26aa2b;
    }   
    .fleft {
        float: left;
    }
 

	.ptop50 {
		padding-top:50px;
	}		
	
	.headerimg {
		max-width:40%; height:auto;
		padding-top:2rem;
	}
	.brand-number 
	{
		padding-top:1rem;
		font-family: 'Roboto', Sans-serif;  font-size: 18px;  font-weight: 700; color: #0c82ea;  letter-spacing: 0.047em;
	}
	.brandtitle
	{
		font-family: 'Roboto', Sans-serif;  font-size: 18px;  font-weight: 700; color: #0c82ea;  letter-spacing: 0.047em;
	}
	.brand-text
	{
		font-family: 'Roboto', Sans-serif;  font-size: 18px;  font-weight: 400;  color: #57585F;
		padding:1rem;
	}
	.titlearea {
		padding-right:15px;
	}
 
	.welcometext {
		margin-top:45px;margin-bottom:45px;
	}   
	.selectmodeltext {
	font-family: 'Roboto', Sans-serif;  font-size: 20px;  font-weight: 400;  line-height: 32px;  color: #57585F;
	}
	.selectlanguage {
		padding-top:45px;padding-bottom:15px;
		font-family: 'Roboto', Sans-serif;
		  font-size: 1.3rem;
		  font-weight: 400;
		  line-height: 32px;
	}
    .blackscolor {
        color: #222222;
    }	
    .kapsayici {
        width: 100%;
    }
    .container {
        margin: 0 auto;
        width: 70%;
    }
 
    
    .sol, .sag {
        float: left;
        width: 50%;
    }
	
    .box {
        width: calc(50% - 10px); /* Adjusting width to account for margin */
        float: left;
        min-height:20rem; /* Fixed height for boxes */
        background-color: #FFF; /* Color for visibility */
        margin-bottom: 20px; /* Space between vertical boxes */
        box-shadow: 0 2px 24px 0 rgba(0,0,0,.05);
        border-radius: 10px; /* Rounded corners */
        margin-right: 20px; /* Space only on the right side */
        text-align: center; /* Center text and content */
		overflow:hidden;
    }
    .box:nth-child(even) {
        margin-right: 0; /* Removing margin from even boxes */
    }
	.mainflags img {
		width: 50px;
		border: 1px solid #1ac375;
		border-radius: 50%;
		padding: 2px;
		opacity: 1; /* Orijinal durumda tam opak */
		transition: opacity 0.1s ease-in-out; /* Hızlı geçiş efekti */
	}
	.mainflags img:hover {
		opacity: 0.4; /* Hover durumunda opaklık azalıyor */
		transition: opacity 0.1s ease-in-out; /* Geri dönüş de hızlı olacak */
	}	
	
	.searchbar {
		border:2px solid #26aa2b; width:85%; padding:10px; border-radius:10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	}	
	
	.title1{
        font-family: 'Barlow', Sans-serif; 
		font-size: 3rem;
		font-weight: 700;
		color: #222222;
		letter-spacing: 0.047em;
        color: #222222;
        display: block;
		overflow:hidden;
	}	
	
	.title2{
		font-family: 'Roboto', Sans-serif;
		font-size: 1.4rem;
		font-weight: 400;
		color: #757682;
	}
	
	.title55{
		font-family: 'Roboto', Sans-serif;
		font-size: 1.4rem;
		font-weight: 400;
		color: red;
	}	
	
	.title3
	{
		font-size: 20px;  
		color:#26aa2b;
		font-weight:bold;
	}
    .containers {
      display: grid;
      place-items: center;
      height: 100vh;
      grid-template-columns: 1fr;
    }
    .containers > div {
      background-color: #f0f0f0;
      padding: 20px;
      border-radius: 5px;
    }
	
    .breadcrumb {
      padding: 10px;
      font-family: sans-serif;
      display: flex; /* Flexbox kullanarak öğeleri satır yönünde hizala */
    }
    .breadcrumb a {
      text-decoration: none;
		font-family: 'Roboto'; 
      color: #26aa2b;
      font-size: 16px;
      transition: color 0.3s ease;
      position: relative;
    }
    .breadcrumb .active {
      color: #007bff;
      font-weight: bold;
    }
    /* Hover efektini ekliyoruz */
    .breadcrumb a:hover {
      color: #007bff; /* Link rengini maviye çeviriyor */
    }
    .breadcrumb a::before {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 50%;
      transform: translateX(-50%);
      width: 0%;
      height: 2px;
      background-color: #007bff;
      transition: width 0.3s ease;
    }
    .breadcrumb a:hover::before {
      width: 100%; /* Alt çizgiyi dolduracak şekilde genişletiyor */
    }
    .breadcrumb .active a::before {
      width: 100%;
      background-color: #ccc;
    }
    .breadcrumb .active a:hover::before {
      background-color: #ccc;
    }
    .breadcrumb .separator {
      color: #26aa2b;
      margin: 0 5px; /* Ayırıcıyı sol ve sağda eşit şekilde boşlukla */
    }	
	.button {
		background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
		background-size: 400% 400%;
		animation: buttonGradient 15s ease infinite;
		width: 190px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 5px;
	}
	.button a {
		color: #FFF;
		text-decoration: none;
		font-family: Arial;
		font-size: 24px;
	}	
		
	body {
		font-family: Arial, sans-serif;
		margin: 0;
		padding: 0;
		color: #333;
	}
	
	.brand-section div a {
		color: #121F84; 
		font-family: 'Roboto'; 
		font-size: 18px; 
		font-weight: 500;
		line-height: 20px;
		text-decoration:none;
	}
			
	header {
		background-color: #4CAF50;
		color: white;
		text-align: center;
		padding: 1em 0;
	}
	nav a {
		margin: 0 10px;
		color: white;
		text-decoration: none;
	}
	.search-container {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 20px;
	}
	.search-input {
		padding: 10px;
		font-size: 1rem;
		border: 0;
		border-radius: 4px 0 0 4px; /* Yuvarlatılmış köşeler sadece sol tarafta */
		outline: none;
		width: 250px;
	}
	.category-select {
		padding: 10px;
		font-size: 1rem;
		border: 1px solid #ccc;
		border-left: none; /* Sol taraftaki çerçeveyi kaldır */
		border-radius: 0;
		background: white;
		outline: none;
		-moz-appearance: none; /* Firefox için varsayılan oku kaldır */
		-webkit-appearance: none; /* Chrome ve Safari için varsayılan oku kaldır */
	}
	.search-btn {
		padding: 10px 20px;
		font-size: 1rem;
		border: none;
		border-radius: 0 4px 4px 0; /* Yuvarlatılmış köşeler sadece sağ tarafta */
		background-color: #7e57c2; /* Mor arka plan rengi */
		color: white;
		cursor: pointer;
		outline: none;
	}
	/* Ok simgesi için ekstra stil */
	.category-select {
		position: relative;
	}
	.category-select:after {
		content: '▼';
		position: absolute;
		right: 10px;
		top: 12px;
		pointer-events: none;
		color: #333;
	}
	.alphabet {
		text-align: center;
		padding: 1em;
		font-size: 28px;
	}

	.alphabet a {
		display: inline-block;  /* Inline-block olarak görüntüleme */
		margin: 0 0.3em;
		text-decoration: none;
		color: #4CAF50;
	}

	.alphabet a.selected {
		color: #27a5f0 !important;  /* Seçilen harfin rengi ve kalınlığı */
		font-weight: bold;
	}

	.brand-section {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		padding: 2em;
		max-width: 70%;
		margin: 0 auto;			
	}
	.brand-section div {
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #ECE4E4;
		margin: 10px;
		padding: 15px;
		text-align: center;
		flex-basis: 20%;
	}
			
	.lms-section {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20px;
		background-color: #f8f8f8;
	}
	.lms-details {
		flex-basis: 60%;
	}
	.lms-details h1 {
		font-size: 2.5em;
		color: #333;
	}
	.lms-details p {
		color: #666;
	}
	.lms-interaction {
		flex-basis: 40%;
		text-align: right;
	}
	.lms-interaction img {
		max-width: 100%;
		height: auto;
	}
	
ul.pagination {
    list-style-type: none;
	font-family: 'Roboto', Sans-serif;  
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.pagination li {
    width: 33px;
	padding:18px 10px;
	font-weight:bold;
    background-color: #26aa2b;
    color: #fff;
    align-items: center;
    justify-content: center;
		border-radius:100%;
      list-style:none;
      display:inline-block;
		margin-left:10px;
      cursor:pointer;	
}
ul.pagination li:hover{
    background-color: #222;
}
ul.pagination li.active {
    background-color: #222;
}
ul.pagination li.dots {
    background-color: transparent;
    color: #000;
	font-size:55px;
	margin-left:0;
	color:#26aa2b;
}
ul.pagination li a {
    display: block;
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}	
        .specialTable {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }
        .specialTable th, .specialTable td {
            border: 1px solid #ddd;
            padding: 12px;
            text-align: left;
        }
		
		.specialTable td a{
			color:red;
			text-decoration:none;
            color: #11A0FF;
            font-size: 1.2em;
		}
        .specialTable th {
            background-color: #4CAF50;
            color: white;
        }
        /* Renk geçişleri için */
        .specialTable tr:nth-child(even) {
            background-color: #FFF;
        }
        .specialTable tr:nth-child(odd) {
            background-color: #f7fbf6; 
        }
        /* Fare üzerine gelince renk geçiş efekti */
        .specialTable tr:hover {
            background-color: #c8e6c9;
            transition: background-color 0.3s ease;
        }	
	
	.flagimg {
		width:30px;
		border:1px solid;
		border-radius:50%;
		padding:2px;
		border-color:#DDD;
	}
	
	.flagimg:hover {
		border-color:green;
	}	
	
	.ccontainer {
	width:70%;
	text-align: center;
	}
	footer {
		background-color: #333;
		color: white;
		text-align: center;
		flex-wrap: wrap; /* Ekran küçüldüğünde içerikleri alt alta sıralamak için */
	}
	footer div {
		flex-basis: 30%;
		margin-bottom: 10px; /* Bloklar arasında biraz boşluk bırakır */
	}
	
	.titleintitle {
		font-family: 'Barlow', Sans-serif;
		font-size: 48px;
		font-weight: 700;
		line-height: 62px;
		color: #222222;
		margin: 0px 0px 20px 0px;
		letter-spacing: 0.047em;		
	}
	@media screen and (max-width: 600px) {
		.brand-section div {
			flex-basis: 100%;
		}
        .container {
            width: 100%;
        }
        .sol, .sag {
            float: none;
            margin: 0 auto;
            width: 90%;
            clear: both; 
			
        }  
		.box {
			width: 100%;
			float: none;
			clear: both;
		}
		.searchbar {		
			width: 95%;
		}
		footer div {
			flex-basis: 100%;
		}
		.search-box input {
			width: 90%;
		}
		
		.lms-section {
			flex-direction: column;
			text-align: center;
		}
		.lms-details {
			flex-basis: 100%;
			margin-bottom: 20px;
		}
		.lms-interaction {
			flex-basis: 100%;
		}
		.lms-interaction img {
			max-width: 80%;
			margin: 0 auto; /* Center image */
		}			
	}
		</style>
	</head>
	<body>	
		<div class="languageselectareatop" style="text-align: right;">		
				<a href="https://manualu.com"><img src="https://manualu.com/site/images/united-kingdom.png" class="flagimg"></a>
				<a href="https://manualu.com/tr"><img src="https://manualu.com/site/images/turkish.png" class="flagimg"></a>
				<a href="https://manualu.com/it"><img src="https://manualu.com/site/images/italy.png" class="flagimg"></a>
				<a href="https://manualu.com/fr"><img src="https://manualu.com/site/images/france.png" class="flagimg"></a>
				<a href="https://manualu.com/de"><img src="https://manualu.com/site/images/germany.png" class="flagimg"></a>
				<a href="https://manualu.com/es"><img src="https://manualu.com/site/images/spain.png" class="flagimg"></a>
				<a href="https://manualu.com/ru"><img src="https://manualu.com/site/images/russia.png" class="flagimg"></a>
				<a href="https://manualu.com/pt"><img src="https://manualu.com/site/images/portugal.png" class="flagimg"></a>
				<a href="https://manualu.com/ro"><img src="https://manualu.com/site/images/romania.png" class="flagimg"></a>
				<a href="https://manualu.com/sk"><img src="https://manualu.com/site/images/slovakia.png" class="flagimg"></a>				
		</div>
		<header>
			<nav>
				<a href="https://manualu.com/" title="Homepage">Homepage</a>
				<a href="https://manualu.com/brands" title="All Brands">Brands</a>
				<a href="https://manualu.com/" title="All Products Listed on Manualu.com">Products</a>
				<a href="https://manualu.com/" title="Contact Manualu.com">Contact</a>
			</nav>
		</header>	
	
		<section>
			<div style="background:#f8f8f8;width:100%;padding-top:45px;padding-bottom:45px;">
				<div style="background:#f8f8f8;width:70%;margin:0 auto;">
					<div style="float:left;width:100%">
						<span style="font-family: 'Barlow', Sans-serif;  font-size: 48px;  font-weight: 700;  line-height: 62px;  color: #222222;  margin: 0px 0px 20px 0px;letter-spacing: 0.047em;">Dünyanın <span style="color:#26aa2b">En Büyük</span> <br> Elektronik Bilgi Kütüphanesi</span>
						<br>
					</div>
					<div style="clear:both;"></div>
				</div>
			</div>
		</section>	
	
	<hr style="border-top: none; border-bottom: 1px dashed #ECE4E4;">
	<div style="width:100%;">
		<div style="width:70%; margin:0 auto;">
			<div class="breadcrumb">
				<a href="https://manualu.com/" title="Manualu Homepage">Homepage</a>
				<span class="separator">></span>
				<a href="https://manualu.com/brands" title="">Brands</a>
				<span class="separator">></span>
				<a href="https://manualu.com/brands/pioneer" title="">Brands (pioneer)</a>
			</div>
		</div>
	</div>
	<hr style="border-top: none; border-bottom: 1px dashed #ECE4E4;">
        <section>
            <div class="width100 whitebackground">
                <div class="whitebackground width70 mauto texaligncenter">
                    <div style="margin-bottom:20px;padding-top:30px;padding-bottom:20px;border-bottom-width: 1px;
                        border-bottom-style: dashed;
                        border-bottom-color: #ECE4E4;">
                        <h1 class="title1"><span style="color:#26aa2b">Manualu</span>'s Latest Additions</h1>
                        <h3 class="title2 ptop1rem">You can find the brand you want by selecting the initial letter of the brand or by using the search box.</h3>
                    </div>     
                </div>
                <div class="search-container">
                    <input type="text" id="search-input" placeholder="Search Brand...">
                </div>
                <div class="alphabet"><a class="" href="https://manualu.com/brands">Tümü</a><a class="" href="https://manualu.com/brands/A">A</a><a class="" href="https://manualu.com/brands/B">B</a><a class="" href="https://manualu.com/brands/C">C</a><a class="" href="https://manualu.com/brands/D">D</a><a class="" href="https://manualu.com/brands/E">E</a><a class="" href="https://manualu.com/brands/F">F</a><a class="" href="https://manualu.com/brands/G">G</a><a class="" href="https://manualu.com/brands/H">H</a><a class="" href="https://manualu.com/brands/I">I</a><a class="" href="https://manualu.com/brands/J">J</a><a class="" href="https://manualu.com/brands/K">K</a><a class="" href="https://manualu.com/brands/L">L</a><a class="" href="https://manualu.com/brands/M">M</a><a class="" href="https://manualu.com/brands/N">N</a><a class="" href="https://manualu.com/brands/O">O</a><a class="" href="https://manualu.com/brands/P">P</a><a class="" href="https://manualu.com/brands/Q">Q</a><a class="" href="https://manualu.com/brands/R">R</a><a class="" href="https://manualu.com/brands/S">S</a><a class="" href="https://manualu.com/brands/T">T</a><a class="" href="https://manualu.com/brands/U">U</a><a class="" href="https://manualu.com/brands/V">V</a><a class="" href="https://manualu.com/brands/W">W</a><a class="" href="https://manualu.com/brands/X">X</a><a class="" href="https://manualu.com/brands/Y">Y</a><a class="" href="https://manualu.com/brands/Z">Z</a></div>
            </div>  
        </section>  
        <main>
            <section>
                <div class="brand-section" id="markalar">
                    <div><a href="https://manualu.com/pioneer">Pioneer</a></div>
<div><a href="https://manualu.com/pioneer-industrial">Pioneer Industrial</a></div>
<div><a href="https://manualu.com/pioneerpos">Pioneerpos</a></div>

                </div>
            </section>
        </main>
		<footer style="background:#282143;">
		<div style="background-color: #282143; width: 70%; margin: 0 auto; text-align: center; padding: 20px 0;">
			<div style="display: flex; flex-wrap: wrap; justify-content: center;">
				<div style="flex: 1; padding: 0 10px; color: white;">
					<h3>Son Eklenen 5 Kılavuz</h3>
					<ul style="list-style: none; padding: 0;">
						<li>Kılavuz 1</li>
						<li>Kılavuz 2</li>
						<li>Kılavuz 3</li>
						<li>Kılavuz 4</li>
						<li>Kılavuz 5</li>
					</ul>
				</div>
				<div style="flex: 1; padding: 0 10px; color: white;">
					<h3>Son Eklenen 5 Marka</h3>
					<ul style="list-style: none; padding: 0;">
						<li>Marka A</li>
						<li>Marka B</li>
						<li>Marka C</li>
						<li>Marka D</li>
						<li>Marka E</li>
					</ul>
				</div>
				<div style="flex: 1; padding: 0 10px; color: white;">
					<h3>Son Eklenen 5 Marka</h3>
					<ul style="list-style: none; padding: 0;">
						<li>Marka A</li>
						<li>Marka B</li>
						<li>Marka C</li>
						<li>Marka D</li>
						<li>Marka E</li>
					</ul>
				</div>
				<div style="flex: 1; padding: 0 10px; color: white;">
					<h3>Son Eklenen 5 Marka</h3>
					<ul style="list-style: none; padding: 0;">
						<li>Marka A</li>
						<li>Marka B</li>
						<li>Marka C</li>
						<li>Marka D</li>
						<li>Marka E</li>
					</ul>
				</div>			
				<div style="flex: 1; padding: 0 10px; color: white;">
					<h3>Bizimle İletişime Geçin</h3>
					<p>İletişim bilgileri ve formu...</p>
				</div>
			</div>	
			</div>		
		</footer>
	</body>
	</html>	
	<style>
.search-container {
    text-align: center;
    margin: 20px;
}

.search-container input {
    padding: 10px 20px;
    font-size: 20px;
    width: 400px;
    border: 2px solid #4CAF50;
    border-radius: 25px;
    outline: none;
    transition: all 0.3s ease;
}

.search-container input:focus {
    border-color: #26aa2b;
    box-shadow: 0 0 10px rgba(38, 170, 43, 0.5);
}

.search-container input::placeholder {
    color: #999;
}

.search-container input:focus::placeholder {
    color: #4CAF50;
}

</style><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    /**
     * Marka Arama Fonksiyonu
     *
     * Bu fonksiyon, arama kutusuna girilen sorguya göre markaları
     * filtreler ve sonuçları #markalar bölümünde görüntüler.
     */
    function searchBrands() {
        var query = $("#search-input").val();
        var harf = "pioneer";
        $.ajax({
            url: "", // Aynı sayfaya istek gönderir
            method: "GET",
            data: { q: query, h: harf },
            success: function(response) {
                $("#markalar").html(response);
            }
        });
    }

    $(document).ready(function() {
        // Arama kutusuna her tuşa basıldığında arama işlemini başlat
        $("#search-input").on("keyup", function() {
            searchBrands();
        });
    });
</script>