<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Toshkent Kimyo-Texnologiya Instituti</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
line-height: 1.6;
background: #f9f9f9;
}
header, footer {
background: #264653;
color: white;
padding: 1rem;
text-align: center;
}
nav {
text-align: center;
margin: 1rem 0;
}
.container {
max-width: 1000px;
margin: auto;
padding: 1rem;
background: white;
}
h2 {
color: #264653;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 1rem;
}
th, td {
border: 1px solid #ccc;
padding: 8px;
text-align: left;
}
th {
background: #2a9d8f;
color: white;
}
input[type="text"] {
width: 100%;
padding: 0.5rem;
margin-top: 0.5rem;
margin-bottom: 1rem;
border: 1px solid #ccc;
border-radius: 5px;
}
ul {
list-style-type: square;
padding-left: 20px;
}
@media (max-width: 600px) {
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
display: none;
}
td {
position: relative;
padding-left: 50%;
border: none;
border-bottom: 1px solid #eee;
}
td::before {
position: absolute;
left: 10px;
top: 10px;
width: 45%;
font-weight: bold;
white-space: nowrap;
}
td:nth-of-type(1)::before { content: "Yo‘nalish"; }
td:nth-of-type(2)::before { content: "Grant"; }
td:nth-of-type(3)::before { content: "Kontrakt"; }
}
</style>
</head>
<body>
<header>
<h1>Toshkent Kimyo-Texnologiya Instituti</h1>
</header>
<div class="container">
<section>
<h2>Aloqa ma’lumotlari</h2>
<p><strong>Manzil:</strong> Toshkent shahri, Shayhontohur tumani, Navoiy shoh ko‘chasi, 32-uy, 100011</p>
<p><strong>Telefon:</strong> <a href="tel:+9983712447920">+998 (71) 244-79-20</a></p>
<p><strong>Email:</strong> <a href="mailto:info@abt.uz">info@abt.uz</a></p>
</section>
<section>
<h2>Fakultetlar</h2>
<ul>
<li>Menejment va kasb ta’limi</li>
<li>Oziq-ovqat mahsulotlari texnologiyasi</li>
<li>Noorganik moddalar kimyoviy texnologiyasi</li>
<li>Yoqilg‘i va organik birikmalar kimyoviy texnologiyasi</li>
</ul>
</section>
<section>
<h2>Kirish ballari (2024)</h2>
<input type="text" id="search" placeholder="Yo‘nalishni qidiring...">
<table id="scores">
<thead>
<tr>
<th>Yo‘nalish</th>
<th>Grant</th>
<th>Kontrakt</th>
</tr>
</thead>
<tbody>
<!-- JavaScript orqali to‘ldiriladi -->
</tbody>
</table>
</section>
</div>
<footer>
<p>© 2025 Toshkent Kimyo-Texnologiya Instituti</p>
</footer>
<script>
const data = [
{ name: "Axborot tizimlari va texnologiyalari (tarmoqlar va sohalar bo‘yicha)", grant: 90.1, cont: 64.9 },
{ name: "Biotexnologiya (faoliyat turlari bo‘yicha)", grant: 122.4, cont: 115.3 },
{ name: "Biznesni boshqarish (tarmoqlar va sohalar bo‘yicha)", grant: 151.7, cont: 76.7 },
{ name: "Dorivor o‘simliklarni qayta ishlash texnologiyasi", grant: 111.0, cont: 102.7 },
{ name: "Ekologiya va atrof-muhit muhofazasi (tarmoqlar bo‘yicha)", grant: 92.8, cont: 86.1 },
{ name: "Energetika muhandisligi (yo‘nalishlar bo‘yicha)", grant: 83.3, cont: 67.2 },
{ name: "Gazni chuqur qayta ishlash kimyoviy texnologiyasi", grant: 69.4, cont: 59.1 },
{ name: "Hayot faoliyati xavfsizligi", grant: 73.3, cont: 56.8 },
{ name: "Inson resurslarini boshqarish", grant: 151.2, cont: 69.7 },
{ name: "Iqtisodiyot (tarmoqlar va sohalar bo‘yicha)", grant: 156.5, cont: 90.5 },
{ name: "Kimyo muhandisligi", grant: 68.3, cont: 56.7 },
{ name: "Logistika (tarmoqlar va sohalar bo‘yicha)", grant: 130.4, cont: 60.1 },
{ name: "Marketing (faoliyat turlari bo‘yicha)", grant: 143.7, cont: 77.6 },
{ name: "Materialshunoslik va yangi materiallar kimyoviy texnologiyasi", grant: 72.3, cont: 56.7 },
{ name: "Mehnat muhofazasi", grant: 69.4, cont: 56.7 },
{ name: "Menejment (tarmoqlar va sohalar bo‘yicha)", grant: 152.3, cont: 94.8 },
{ name: "Metrologiya, standartlashtirish va mahsulot sifati menejmenti", grant: 69.4, cont: 56.8 },
{ name: "Meva-sabzavotchilik va uzumchilik mahsulotlarini saqlash va dastlabki qayta ishlash texnologiyasi", grant: 88.3, cont: 79.0 },
{ name: "Neft va gaz ishi", grant: 68.8, cont: 56.9 },
{ name: "Neft va neft-gazni qayta ishlash kimyoviy texnologiyasi", grant: 71.6, cont: 60.3 },
{ name: "Oziq-ovqat mahsulotlari texnologiyasi (turlari bo‘yicha)", grant: 80.9, cont: 69.3 },
{ name: "Parfyumeriya-kosmetika mahsulotlari texnologiyasi", grant: 88.7, cont: 80.9 },
{ name: "Qishloq xo‘jalik mahsulotlarini saqlash va dastlabki qayta ishlash texnologiyasi", grant: 68.6, cont: 56.7 },
{ name: "Texnologik jarayonlar va ishlab chiqarishni avtomatlashtirish", grant: 68.3, cont: 56.9 },
{ name: "Texnologik mashinalar va jihozlar (tarmoqlar bo‘yicha)", grant: 68.5, cont: 56.7 },
{ name: "Texnologik mashinalar va jihozlar (yog‘ochni qayta ishlash)", grant: 89.2, cont: 58.8 }
];
const tbody = document.querySelector('#scores tbody');
const render = (rows) => {
tbody.innerHTML = rows.map(r => `
<tr>
<td>${r.name}</td>
<td>${r.grant}</td>
<td>${r.cont}</td>
</tr>
`).join('');
};
render(data);
document.getElementById('search').addEventListener('input', (e) => {
const term = e.target.value.toLowerCase();
render(data.filter(r => r.name.toLowerCase().includes(term)));
});
</script>
</body>
</html>
