departmanlarımz kısımında departmanların altında personel sayısı ve departman başkanları yazsın çerçeveli modern şekilde
Browse files- index.html +62 -22
index.html
CHANGED
|
@@ -56,10 +56,10 @@
|
|
| 56 |
<a href="blog.html" class="text-gray-300 hover:bg-blue-900 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Blog</a>
|
| 57 |
<a href="activities.html" class="text-gray-300 hover:bg-blue-900 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Etkinlikler</a>
|
| 58 |
<a href="magazine.html" class="text-gray-300 hover:bg-blue-900 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Dergi</a>
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
<button id="theme-toggle" class="p-2 rounded-full hover:bg-blue-900">
|
| 64 |
<i data-feather="moon" class="w-5 h-5 text-blue-400"></i>
|
| 65 |
</button>
|
|
@@ -89,7 +89,7 @@
|
|
| 89 |
</div>
|
| 90 |
<div class="md:w-1/2 flex justify-center mt-10 md:mt-0">
|
| 91 |
<div class="rounded-full border-8 border-blue-900/30 p-2 bg-slate-800/50">
|
| 92 |
-
<img src="https://
|
| 93 |
class="w-64 h-64 md:w-80 md:h-80 rounded-full object-cover"
|
| 94 |
alt="Kimya Kulübü Logo">
|
| 95 |
</div>
|
|
@@ -109,41 +109,81 @@
|
|
| 109 |
|
| 110 |
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
|
| 111 |
<!-- IT Department -->
|
| 112 |
-
<div class="
|
| 113 |
-
<div class="mx-auto h-
|
| 114 |
<img src="https://i.hizliresim.com/nq0lykd.png" class="h-full w-full object-cover" alt="IT">
|
| 115 |
</div>
|
| 116 |
-
<h3 class="text-xl font-bold text-white mb-2">IT</h3>
|
| 117 |
-
<p class="text-gray-300">Teknoloji ve yazılım altyapımızı yöneten departman</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 118 |
</div>
|
| 119 |
|
| 120 |
<!-- Academy & Finance -->
|
| 121 |
-
<div class="
|
| 122 |
-
<div class="mx-auto h-
|
| 123 |
<img src="https://i.hizliresim.com/7ypipbo.png" class="h-full w-full object-cover" alt="Finance">
|
| 124 |
</div>
|
| 125 |
-
<h3 class="text-xl font-bold text-white mb-2">AKADEMİ VE FİNANS</h3>
|
| 126 |
-
<p class="text-gray-300">Akademik çalışmalar ve finansal yönetim</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 127 |
</div>
|
| 128 |
|
| 129 |
<!-- Public Relations -->
|
| 130 |
-
<div class="
|
| 131 |
-
<div class="mx-auto h-
|
| 132 |
<img src="https://i.hizliresim.com/qtjpsgi.png" class="h-full w-full object-cover" alt="PR">
|
| 133 |
</div>
|
| 134 |
-
<h3 class="text-xl font-bold text-white mb-2">HALKLA İLİŞKİLER</h3>
|
| 135 |
-
<p class="text-gray-300">İletişim ve organizasyon yönetimi</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 136 |
</div>
|
| 137 |
|
| 138 |
<!-- Media & Design -->
|
| 139 |
-
<div class="
|
| 140 |
-
<div class="mx-auto h-
|
| 141 |
<img src="https://i.hizliresim.com/dd1g9hz.png" class="h-full w-full object-cover" alt="Design">
|
| 142 |
</div>
|
| 143 |
-
<h3 class="text-xl font-bold text-white mb-2">MEDYA VE TASARIM</h3>
|
| 144 |
-
<p class="text-gray-300">Görsel ve dijital içerik üretimi</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 145 |
</div>
|
| 146 |
-
|
| 147 |
</div>
|
| 148 |
</div>
|
| 149 |
|
|
|
|
| 56 |
<a href="blog.html" class="text-gray-300 hover:bg-blue-900 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Blog</a>
|
| 57 |
<a href="activities.html" class="text-gray-300 hover:bg-blue-900 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Etkinlikler</a>
|
| 58 |
<a href="magazine.html" class="text-gray-300 hover:bg-blue-900 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Dergi</a>
|
| 59 |
+
</div>
|
| 60 |
+
</div>
|
| 61 |
+
</div>
|
| 62 |
+
<div class="flex items-center">
|
| 63 |
<button id="theme-toggle" class="p-2 rounded-full hover:bg-blue-900">
|
| 64 |
<i data-feather="moon" class="w-5 h-5 text-blue-400"></i>
|
| 65 |
</button>
|
|
|
|
| 89 |
</div>
|
| 90 |
<div class="md:w-1/2 flex justify-center mt-10 md:mt-0">
|
| 91 |
<div class="rounded-full border-8 border-blue-900/30 p-2 bg-slate-800/50">
|
| 92 |
+
<img src="https://i.hizliresim.com/i0b4yd7.png"
|
| 93 |
class="w-64 h-64 md:w-80 md:h-80 rounded-full object-cover"
|
| 94 |
alt="Kimya Kulübü Logo">
|
| 95 |
</div>
|
|
|
|
| 109 |
|
| 110 |
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
|
| 111 |
<!-- IT Department -->
|
| 112 |
+
<div class="bg-slate-800 p-6 rounded-xl border border-blue-900/30 hover:border-blue-500 transition-colors">
|
| 113 |
+
<div class="mx-auto h-32 w-32 rounded-full bg-blue-900 flex items-center justify-center mb-4 overflow-hidden">
|
| 114 |
<img src="https://i.hizliresim.com/nq0lykd.png" class="h-full w-full object-cover" alt="IT">
|
| 115 |
</div>
|
| 116 |
+
<h3 class="text-xl font-bold text-white mb-2 text-center">IT</h3>
|
| 117 |
+
<p class="text-gray-300 text-center mb-4">Teknoloji ve yazılım altyapımızı yöneten departman</p>
|
| 118 |
+
<div class="bg-slate-700/50 p-3 rounded-lg border border-slate-600">
|
| 119 |
+
<div class="flex justify-between text-sm">
|
| 120 |
+
<span class="text-gray-400">Personel:</span>
|
| 121 |
+
<span class="text-blue-300">8</span>
|
| 122 |
+
</div>
|
| 123 |
+
<div class="flex justify-between text-sm mt-1">
|
| 124 |
+
<span class="text-gray-400">Başkan:</span>
|
| 125 |
+
<span class="text-blue-300">Ahmet Yılmaz</span>
|
| 126 |
+
</div>
|
| 127 |
+
</div>
|
| 128 |
</div>
|
| 129 |
|
| 130 |
<!-- Academy & Finance -->
|
| 131 |
+
<div class="bg-slate-800 p-6 rounded-xl border border-blue-900/30 hover:border-blue-500 transition-colors">
|
| 132 |
+
<div class="mx-auto h-32 w-32 rounded-full bg-blue-900 flex items-center justify-center mb-4 overflow-hidden">
|
| 133 |
<img src="https://i.hizliresim.com/7ypipbo.png" class="h-full w-full object-cover" alt="Finance">
|
| 134 |
</div>
|
| 135 |
+
<h3 class="text-xl font-bold text-white mb-2 text-center">AKADEMİ VE FİNANS</h3>
|
| 136 |
+
<p class="text-gray-300 text-center mb-4">Akademik çalışmalar ve finansal yönetim</p>
|
| 137 |
+
<div class="bg-slate-700/50 p-3 rounded-lg border border-slate-600">
|
| 138 |
+
<div class="flex justify-between text-sm">
|
| 139 |
+
<span class="text-gray-400">Personel:</span>
|
| 140 |
+
<span class="text-blue-300">6</span>
|
| 141 |
+
</div>
|
| 142 |
+
<div class="flex justify-between text-sm mt-1">
|
| 143 |
+
<span class="text-gray-400">Başkan:</span>
|
| 144 |
+
<span class="text-blue-300">Elif Demir</span>
|
| 145 |
+
</div>
|
| 146 |
+
</div>
|
| 147 |
</div>
|
| 148 |
|
| 149 |
<!-- Public Relations -->
|
| 150 |
+
<div class="bg-slate-800 p-6 rounded-xl border border-blue-900/30 hover:border-blue-500 transition-colors">
|
| 151 |
+
<div class="mx-auto h-32 w-32 rounded-full bg-blue-900 flex items-center justify-center mb-4 overflow-hidden">
|
| 152 |
<img src="https://i.hizliresim.com/qtjpsgi.png" class="h-full w-full object-cover" alt="PR">
|
| 153 |
</div>
|
| 154 |
+
<h3 class="text-xl font-bold text-white mb-2 text-center">HALKLA İLİŞKİLER</h3>
|
| 155 |
+
<p class="text-gray-300 text-center mb-4">İletişim ve organizasyon yönetimi</p>
|
| 156 |
+
<div class="bg-slate-700/50 p-3 rounded-lg border border-slate-600">
|
| 157 |
+
<div class="flex justify-between text-sm">
|
| 158 |
+
<span class="text-gray-400">Personel:</span>
|
| 159 |
+
<span class="text-blue-300">5</span>
|
| 160 |
+
</div>
|
| 161 |
+
<div class="flex justify-between text-sm mt-1">
|
| 162 |
+
<span class="text-gray-400">Başkan:</span>
|
| 163 |
+
<span class="text-blue-300">Mehmet Kaya</span>
|
| 164 |
+
</div>
|
| 165 |
+
</div>
|
| 166 |
</div>
|
| 167 |
|
| 168 |
<!-- Media & Design -->
|
| 169 |
+
<div class="bg-slate-800 p-6 rounded-xl border border-blue-900/30 hover:border-blue-500 transition-colors">
|
| 170 |
+
<div class="mx-auto h-32 w-32 rounded-full bg-blue-900 flex items-center justify-center mb-4 overflow-hidden">
|
| 171 |
<img src="https://i.hizliresim.com/dd1g9hz.png" class="h-full w-full object-cover" alt="Design">
|
| 172 |
</div>
|
| 173 |
+
<h3 class="text-xl font-bold text-white mb-2 text-center">MEDYA VE TASARIM</h3>
|
| 174 |
+
<p class="text-gray-300 text-center mb-4">Görsel ve dijital içerik üretimi</p>
|
| 175 |
+
<div class="bg-slate-700/50 p-3 rounded-lg border border-slate-600">
|
| 176 |
+
<div class="flex justify-between text-sm">
|
| 177 |
+
<span class="text-gray-400">Personel:</span>
|
| 178 |
+
<span class="text-blue-300">7</span>
|
| 179 |
+
</div>
|
| 180 |
+
<div class="flex justify-between text-sm mt-1">
|
| 181 |
+
<span class="text-gray-400">Başkan:</span>
|
| 182 |
+
<span class="text-blue-300">Zeynep Aydın</span>
|
| 183 |
+
</div>
|
| 184 |
+
</div>
|
| 185 |
</div>
|
| 186 |
+
</div>
|
| 187 |
</div>
|
| 188 |
</div>
|
| 189 |
|