Hugging Face's logo

Spaces:
drmurataltun
/
websayfam
Running

App Files Community
drmurataltun commited on
Commit
ba8d4bf
·
verified ·
1 Parent(s): dea4727

Dr. Murat ALTUN adında yapay zeka eğitimleri veren kitapları olan bir uzman hakkında kişisel web sayfası oluştur - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +657 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Websayfam
3
- emoji: 📉
4
- colorFrom: indigo
5
- colorTo: indigo
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: websayfam
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,657 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="tr">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Dr. Murat ALTUN | Yapay Zeka Uzmanı ve Eğitmen</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ /* Custom animations */
11
+ @keyframes fadeIn {
12
+ from { opacity: 0; transform: translateY(20px); }
13
+ to { opacity: 1; transform: translateY(0); }
14
+ }
15
+
16
+ .animate-fade-in {
17
+ animation: fadeIn 1s ease-out forwards;
18
+ }
19
+
20
+ .delay-100 { animation-delay: 0.1s; }
21
+ .delay-200 { animation-delay: 0.2s; }
22
+ .delay-300 { animation-delay: 0.3s; }
23
+ .delay-400 { animation-delay: 0.4s; }
24
+
25
+ /* Custom gradient */
26
+ .gradient-bg {
27
+ background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #a855f7 100%);
28
+ }
29
+
30
+ /* Book card hover effect */
31
+ .book-card:hover {
32
+ transform: translateY(-10px);
33
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
34
+ }
35
+
36
+ /* Smooth scroll */
37
+ html {
38
+ scroll-behavior: smooth;
39
+ }
40
+ </style>
41
+ </head>
42
+ <body class="font-sans bg-gray-50 text-gray-800">
43
+ <!-- Navigation -->
44
+ <nav class="fixed w-full bg-white shadow-md z-50">
45
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
46
+ <div class="flex justify-between h-16">
47
+ <div class="flex items-center">
48
+ <a href="#" class="text-xl font-bold text-indigo-600">Dr. Murat ALTUN</a>
49
+ </div>
50
+ <div class="hidden md:flex items-center space-x-8">
51
+ <a href="#about" class="text-gray-700 hover:text-indigo-600 transition">Hakkımda</a>
52
+ <a href="#books" class="text-gray-700 hover:text-indigo-600 transition">Kitaplar</a>
53
+ <a href="#courses" class="text-gray-700 hover:text-indigo-600 transition">Eğitimler</a>
54
+ <a href="#contact" class="text-gray-700 hover:text-indigo-600 transition">İletişim</a>
55
+ </div>
56
+ <div class="md:hidden flex items-center">
57
+ <button id="menu-btn" class="text-gray-700">
58
+ <i class="fas fa-bars text-2xl"></i>
59
+ </button>
60
+ </div>
61
+ </div>
62
+ </div>
63
+ <!-- Mobile menu -->
64
+ <div id="mobile-menu" class="hidden md:hidden bg-white py-2 px-4 shadow-lg">
65
+ <a href="#about" class="block py-2 text-gray-700 hover:text-indigo-600 transition">Hakkımda</a>
66
+ <a href="#books" class="block py-2 text-gray-700 hover:text-indigo-600 transition">Kitaplar</a>
67
+ <a href="#courses" class="block py-2 text-gray-700 hover:text-indigo-600 transition">Eğitimler</a>
68
+ <a href="#contact" class="block py-2 text-gray-700 hover:text-indigo-600 transition">İletişim</a>
69
+ </div>
70
+ </nav>
71
+
72
+ <!-- Hero Section -->
73
+ <header class="gradient-bg text-white pt-32 pb-20">
74
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
75
+ <div class="md:flex items-center justify-between">
76
+ <div class="md:w-1/2 mb-10 md:mb-0 animate-fade-in">
77
+ <h1 class="text-4xl md:text-5xl font-bold mb-4">Dr. Murat ALTUN</h1>
78
+ <h2 class="text-2xl md:text-3xl font-semibold mb-6">Yapay Zeka Uzmanı ve Eğitmen</h2>
79
+ <p class="text-lg mb-8 opacity-90">Yapay zeka alanında uzmanlaşmış akademisyen, eğitmen ve yazar. Makine öğrenmesi, derin öğrenme ve yapay zeka uygulamaları konularında kitaplar ve eğitim programları sunuyorum.</p>
80
+ <div class="flex space-x-4">
81
+ <a href="#contact" class="bg-white text-indigo-600 px-6 py-3 rounded-lg font-medium hover:bg-gray-100 transition duration-300">İletişime Geç</a>
82
+ <a href="#courses" class="border-2 border-white text-white px-6 py-3 rounded-lg font-medium hover:bg-white hover:text-indigo-600 transition duration-300">Eğitimler</a>
83
+ </div>
84
+ </div>
85
+ <div class="md:w-1/2 flex justify-center animate-fade-in delay-200">
86
+ <div class="relative w-64 h-64 md:w-80 md:h-80 rounded-full overflow-hidden border-4 border-white shadow-xl">
87
+ <!-- Placeholder for profile image -->
88
+ <div class="w-full h-full bg-gray-300 flex items-center justify-center">
89
+ <i class="fas fa-user-tie text-6xl text-gray-500"></i>
90
+ </div>
91
+ </div>
92
+ </div>
93
+ </div>
94
+ </div>
95
+ </header>
96
+
97
+ <!-- About Section -->
98
+ <section id="about" class="py-20 bg-white">
99
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
100
+ <h2 class="text-3xl font-bold text-center mb-12 animate-fade-in">Hakkımda</h2>
101
+ <div class="md:flex items-center">
102
+ <div class="md:w-1/3 mb-10 md:mb-0 flex justify-center animate-fade-in delay-100">
103
+ <div class="w-64 h-64 rounded-lg overflow-hidden shadow-lg">
104
+ <!-- Placeholder for about image -->
105
+ <div class="w-full h-full bg-gray-200 flex items-center justify-center">
106
+ <i class="fas fa-laptop-code text-6xl text-gray-500"></i>
107
+ </div>
108
+ </div>
109
+ </div>
110
+ <div class="md:w-2/3 md:pl-12 animate-fade-in delay-200">
111
+ <p class="text-lg mb-6">Yapay zeka alanında 15 yılı aşkın deneyime sahip bir akademisyen ve uygulayıcıyım. Hem akademik çalışmalar hem de endüstriyel projelerde yer alarak bu alanda kapsamlı bir bilgi birikimi edindim.</p>
112
+ <p class="text-lg mb-6">Yapay zeka teknolojilerinin daha geniş kitleler tarafından anlaşılması ve uygulanabilmesi için çeşitli eğitim programları düzenliyor ve kitaplar yazıyorum. Özellikle makine öğrenmesi, derin öğrenme ve doğal dil işleme konularında uzmanlaştım.</p>
113
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-8">
114
+ <div class="flex items-center">
115
+ <div class="bg-indigo-100 p-3 rounded-full mr-4">
116
+ <i class="fas fa-graduation-cap text-indigo-600"></i>
117
+ </div>
118
+ <div>
119
+ <h4 class="font-bold">Akademik Kariyer</h4>
120
+ <p class="text-gray-600">Üniversitelerde dersler ve araştırmalar</p>
121
+ </div>
122
+ </div>
123
+ <div class="flex items-center">
124
+ <div class="bg-indigo-100 p-3 rounded-full mr-4">
125
+ <i class="fas fa-book text-indigo-600"></i>
126
+ </div>
127
+ <div>
128
+ <h4 class="font-bold">Yayınlanmış Kitaplar</h4>
129
+ <p class="text-gray-600">10+ yapay zeka konulu kitap</p>
130
+ </div>
131
+ </div>
132
+ <div class="flex items-center">
133
+ <div class="bg-indigo-100 p-3 rounded-full mr-4">
134
+ <i class="fas fa-chalkboard-teacher text-indigo-600"></i>
135
+ </div>
136
+ <div>
137
+ <h4 class="font-bold">Eğitimler</h4>
138
+ <p class="text-gray-600">5000+ öğrenciye eğitim verdim</p>
139
+ </div>
140
+ </div>
141
+ <div class="flex items-center">
142
+ <div class="bg-indigo-100 p-3 rounded-full mr-4">
143
+ <i class="fas fa-project-diagram text-indigo-600"></i>
144
+ </div>
145
+ <div>
146
+ <h4 class="font-bold">Endüstriyel Projeler</h4>
147
+ <p class="text-gray-600">20+ başarılı proje yönettim</p>
148
+ </div>
149
+ </div>
150
+ </div>
151
+ </div>
152
+ </div>
153
+ </div>
154
+ </section>
155
+
156
+ <!-- Books Section -->
157
+ <section id="books" class="py-20 bg-gray-50">
158
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
159
+ <h2 class="text-3xl font-bold text-center mb-4 animate-fade-in">Kitaplarım</h2>
160
+ <p class="text-center text-gray-600 max-w-2xl mx-auto mb-12 animate-fade-in delay-100">Yapay zeka ve makine öğrenmesi konularında yayınlanmış kitaplarım</p>
161
+
162
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
163
+ <!-- Book 1 -->
164
+ <div class="bg-white rounded-xl shadow-md overflow-hidden book-card transition duration-300 animate-fade-in delay-200">
165
+ <div class="h-48 bg-blue-100 flex items-center justify-center">
166
+ <i class="fas fa-book-open text-6xl text-blue-500"></i>
167
+ </div>
168
+ <div class="p-6">
169
+ <h3 class="text-xl font-bold mb-2">Makine Öğrenmesi Temelleri</h3>
170
+ <p class="text-gray-600 mb-4">Yapay zekanın temel taşı olan makine öğrenmesi algoritmalarını detaylı şekilde ele alan kapsamlı bir kaynak.</p>
171
+ <div class="flex justify-between items-center">
172
+ <span class="bg-blue-100 text-blue-600 px-3 py-1 rounded-full text-sm font-medium">Bestseller</span>
173
+ <a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium">Detaylar →</a>
174
+ </div>
175
+ </div>
176
+ </div>
177
+
178
+ <!-- Book 2 -->
179
+ <div class="bg-white rounded-xl shadow-md overflow-hidden book-card transition duration-300 animate-fade-in delay-300">
180
+ <div class="h-48 bg-purple-100 flex items-center justify-center">
181
+ <i class="fas fa-brain text-6xl text-purple-500"></i>
182
+ </div>
183
+ <div class="p-6">
184
+ <h3 class="text-xl font-bold mb-2">Derin Öğrenme Uygulamaları</h3>
185
+ <p class="text-gray-600 mb-4">Derin öğrenme modellerinin gerçek dünya problemlerine nasıl uygulanacağını adım adım anlatan pratik bir rehber.</p>
186
+ <div class="flex justify-between items-center">
187
+ <span class="bg-purple-100 text-purple-600 px-3 py-1 rounded-full text-sm font-medium">Yeni</span>
188
+ <a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium">Detaylar →</a>
189
+ </div>
190
+ </div>
191
+ </div>
192
+
193
+ <!-- Book 3 -->
194
+ <div class="bg-white rounded-xl shadow-md overflow-hidden book-card transition duration-300 animate-fade-in delay-400">
195
+ <div class="h-48 bg-green-100 flex items-center justify-center">
196
+ <i class="fas fa-robot text-6xl text-green-500"></i>
197
+ </div>
198
+ <div class="p-6">
199
+ <h3 class="text-xl font-bold mb-2">Yapay Zeka ile İş Dünyası</h3>
200
+ <p class="text-gray-600 mb-4">İşletmelerin yapay zeka teknolojilerinden nasıl faydalanabileceğini gösteren vaka çalışmaları içeren kitap.</p>
201
+ <div class="flex justify-between items-center">
202
+ <span class="bg-green-100 text-green-600 px-3 py-1 rounded-full text-sm font-medium">Popüler</span>
203
+ <a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium">Detaylar →</a>
204
+ </div>
205
+ </div>
206
+ </div>
207
+ </div>
208
+
209
+ <div class="text-center mt-12 animate-fade-in delay-300">
210
+ <a href="#" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 transition duration-300">
211
+ Tüm Kitapları Gör
212
+ <i class="fas fa-arrow-right ml-2"></i>
213
+ </a>
214
+ </div>
215
+ </div>
216
+ </section>
217
+
218
+ <!-- Courses Section -->
219
+ <section id="courses" class="py-20 bg-white">
220
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
221
+ <h2 class="text-3xl font-bold text-center mb-4 animate-fade-in">Eğitim Programları</h2>
222
+ <p class="text-center text-gray-600 max-w-2xl mx-auto mb-12 animate-fade-in delay-100">Yapay zeka alanında sunduğum eğitim programları</p>
223
+
224
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
225
+ <!-- Course 1 -->
226
+ <div class="bg-gray-50 rounded-xl shadow-md overflow-hidden border border-gray-200 animate-fade-in delay-200">
227
+ <div class="p-6">
228
+ <div class="flex items-center mb-4">
229
+ <div class="bg-indigo-100 p-3 rounded-full mr-4">
230
+ <i class="fas fa-chart-line text-indigo-600"></i>
231
+ </div>
232
+ <h3 class="text-xl font-bold">Temel Makine Öğrenmesi</h3>
233
+ </div>
234
+ <p class="text-gray-600 mb-6">Yapay zekanın temellerini öğrenmek isteyenler için başlangıç seviyesinde bir eğitim programı.</p>
235
+ <ul class="space-y-2 mb-6">
236
+ <li class="flex items-center">
237
+ <i class="fas fa-check text-green-500 mr-2"></i>
238
+ <span>12 saatlik eğitim</span>
239
+ </li>
240
+ <li class="flex items-center">
241
+ <i class="fas fa-check text-green-500 mr-2"></i>
242
+ <span>Uygulamalı projeler</span>
243
+ </li>
244
+ <li class="flex items-center">
245
+ <i class="fas fa-check text-green-500 mr-2"></i>
246
+ <span>Sertifika</span>
247
+ </li>
248
+ </ul>
249
+ <div class="flex justify-between items-center">
250
+ <span class="text-2xl font-bold">₺1,200</span>
251
+ <a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium">Detaylar →</a>
252
+ </div>
253
+ </div>
254
+ </div>
255
+
256
+ <!-- Course 2 -->
257
+ <div class="bg-gray-50 rounded-xl shadow-md overflow-hidden border-2 border-indigo-500 relative animate-fade-in delay-300">
258
+ <div class="absolute top-0 right-0 bg-indigo-500 text-white px-3 py-1 text-sm font-bold rounded-bl-lg">
259
+ Popüler
260
+ </div>
261
+ <div class="p-6">
262
+ <div class="flex items-center mb-4">
263
+ <div class="bg-indigo-100 p-3 rounded-full mr-4">
264
+ <i class="fas fa-network-wired text-indigo-600"></i>
265
+ </div>
266
+ <h3 class="text-xl font-bold">Derin Öğrenme Uzmanlığı</h3>
267
+ </div>
268
+ <p class="text-gray-600 mb-6">Derin öğrenme modellerini uygulamalı olarak öğrenmek isteyenler için kapsamlı bir program.</p>
269
+ <ul class="space-y-2 mb-6">
270
+ <li class="flex items-center">
271
+ <i class="fas fa-check text-green-500 mr-2"></i>
272
+ <span>30 saatlik eğitim</span>
273
+ </li>
274
+ <li class="flex items-center">
275
+ <i class="fas fa-check text-green-500 mr-2"></i>
276
+ <span>Gerçek dünya projeleri</span>
277
+ </li>
278
+ <li class="flex items-center">
279
+ <i class="fas fa-check text-green-500 mr-2"></i>
280
+ <span>Uzmanlık sertifikası</span>
281
+ </li>
282
+ </ul>
283
+ <div class="flex justify-between items-center">
284
+ <span class="text-2xl font-bold">₺2,500</span>
285
+ <a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium">Detaylar →</a>
286
+ </div>
287
+ </div>
288
+ </div>
289
+
290
+ <!-- Course 3 -->
291
+ <div class="bg-gray-50 rounded-xl shadow-md overflow-hidden border border-gray-200 animate-fade-in delay-400">
292
+ <div class="p-6">
293
+ <div class="flex items-center mb-4">
294
+ <div class="bg-indigo-100 p-3 rounded-full mr-4">
295
+ <i class="fas fa-language text-indigo-600"></i>
296
+ </div>
297
+ <h3 class="text-xl font-bold">Doğal Dil İşleme</h3>
298
+ </div>
299
+ <p class="text-gray-600 mb-6">Metin analizi ve dil modelleri üzerine uzmanlaşmak isteyenler için özel bir program.</p>
300
+ <ul class="space-y-2 mb-6">
301
+ <li class="flex items-center">
302
+ <i class="fas fa-check text-green-500 mr-2"></i>
303
+ <span>20 saatlik eğitim</span>
304
+ </li>
305
+ <li class="flex items-center">
306
+ <i class="fas fa-check text-green-500 mr-2"></i>
307
+ <span>Transformer modelleri</span>
308
+ </li>
309
+ <li class="flex items-center">
310
+ <i class="fas fa-check text-green-500 mr-2"></i>
311
+ <span>Sertifika</span>
312
+ </li>
313
+ </ul>
314
+ <div class="flex justify-between items-center">
315
+ <span class="text-2xl font-bold">₺1,800</span>
316
+ <a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium">Detaylar →</a>
317
+ </div>
318
+ </div>
319
+ </div>
320
+ </div>
321
+
322
+ <div class="text-center mt-12 animate-fade-in delay-300">
323
+ <a href="#" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 transition duration-300">
324
+ Tüm Eğitimleri Gör
325
+ <i class="fas fa-arrow-right ml-2"></i>
326
+ </a>
327
+ </div>
328
+ </div>
329
+ </section>
330
+
331
+ <!-- Testimonials -->
332
+ <section class="py-20 bg-indigo-50">
333
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
334
+ <h2 class="text-3xl font-bold text-center mb-12 animate-fade-in">Öğrenci Yorumları</h2>
335
+
336
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
337
+ <!-- Testimonial 1 -->
338
+ <div class="bg-white p-6 rounded-xl shadow-md animate-fade-in delay-100">
339
+ <div class="flex items-center mb-4">
340
+ <div class="w-12 h-12 rounded-full bg-gray-300 mr-4 overflow-hidden">
341
+ <i class="fas fa-user text-3xl text-gray-500 w-full h-full flex items-center justify-center"></i>
342
+ </div>
343
+ <div>
344
+ <h4 class="font-bold">Ahmet Yılmaz</h4>
345
+ <p class="text-gray-600 text-sm">Yazılım Mühendisi</p>
346
+ </div>
347
+ </div>
348
+ <p class="text-gray-700 mb-4">"Dr. Murat ALTUN'un makine öğrenmesi eğitimi sayesinde işimde yapay zeka projeleri geliştirmeye başladım. Anlatımı çok net ve uygulamaya yönelik."</p>
349
+ <div class="flex text-yellow-400">
350
+ <i class="fas fa-star"></i>
351
+ <i class="fas fa-star"></i>
352
+ <i class="fas fa-star"></i>
353
+ <i class="fas fa-star"></i>
354
+ <i class="fas fa-star"></i>
355
+ </div>
356
+ </div>
357
+
358
+ <!-- Testimonial 2 -->
359
+ <div class="bg-white p-6 rounded-xl shadow-md animate-fade-in delay-200">
360
+ <div class="flex items-center mb-4">
361
+ <div class="w-12 h-12 rounded-full bg-gray-300 mr-4 overflow-hidden">
362
+ <i class="fas fa-user text-3xl text-gray-500 w-full h-full flex items-center justify-center"></i>
363
+ </div>
364
+ <div>
365
+ <h4 class="font-bold">Ayşe Demir</h4>
366
+ <p class="text-gray-600 text-sm">Veri Bilimci</p>
367
+ </div>
368
+ </div>
369
+ <p class="text-gray-700 mb-4">"Derin öğrenme kursu gerçekten ufuk açıcıydı. Hem teorik hem de pratik bilgileri mükemmel dengeleyen bir eğitimdi. Kesinlikle tavsiye ederim."</p>
370
+ <div class="flex text-yellow-400">
371
+ <i class="fas fa-star"></i>
372
+ <i class="fas fa-star"></i>
373
+ <i class="fas fa-star"></i>
374
+ <i class="fas fa-star"></i>
375
+ <i class="fas fa-star"></i>
376
+ </div>
377
+ </div>
378
+
379
+ <!-- Testimonial 3 -->
380
+ <div class="bg-white p-6 rounded-xl shadow-md animate-fade-in delay-300">
381
+ <div class="flex items-center mb-4">
382
+ <div class="w-12 h-12 rounded-full bg-gray-300 mr-4 overflow-hidden">
383
+ <i class="fas fa-user text-3xl text-gray-500 w-full h-full flex items-center justify-center"></i>
384
+ </div>
385
+ <div>
386
+ <h4 class="font-bold">Mehmet Kaya</h4>
387
+ <p class="text-gray-600 text-sm">AI Araştırmacısı</p>
388
+ </div>
389
+ </div>
390
+ <p class="text-gray-700 mb-4">"Kitapları ve eğitimleri sayesinde yapay zeka alanında kariyer yapmaya karar verdim. Bilgi birikimi ve öğretme yeteneği gerçekten etkileyici."</p>
391
+ <div class="flex text-yellow-400">
392
+ <i class="fas fa-star"></i>
393
+ <i class="fas fa-star"></i>
394
+ <i class="fas fa-star"></i>
395
+ <i class="fas fa-star"></i>
396
+ <i class="fas fa-star-half-alt"></i>
397
+ </div>
398
+ </div>
399
+ </div>
400
+ </div>
401
+ </section>
402
+
403
+ <!-- Contact Section -->
404
+ <section id="contact" class="py-20 bg-white">
405
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
406
+ <h2 class="text-3xl font-bold text-center mb-4 animate-fade-in">İletişim</h2>
407
+ <p class="text-center text-gray-600 max-w-2xl mx-auto mb-12 animate-fade-in delay-100">Eğitimler, kitaplar veya danışmanlık hakkında bilgi almak için bana ulaşın</p>
408
+
409
+ <div class="md:flex">
410
+ <div class="md:w-1/2 mb-10 md:mb-0 animate-fade-in delay-200">
411
+ <div class="bg-gray-50 p-8 rounded-xl shadow-sm">
412
+ <h3 class="text-xl font-bold mb-6">İletişim Bilgileri</h3>
413
+
414
+ <div class="space-y-6">
415
+ <div class="flex items-start">
416
+ <div class="bg-indigo-100 p-3 rounded-full mr-4">
417
+ <i class="fas fa-envelope text-indigo-600"></i>
418
+ </div>
419
+ <div>
420
+ <h4 class="font-bold mb-1">E-posta</h4>
421
+ <p class="text-gray-600">[email protected]</p>
422
+ </div>
423
+ </div>
424
+
425
+ <div class="flex items-start">
426
+ <div class="bg-indigo-100 p-3 rounded-full mr-4">
427
+ <i class="fas fa-phone-alt text-indigo-600"></i>
428
+ </div>
429
+ <div>
430
+ <h4 class="font-bold mb-1">Telefon</h4>
431
+ <p class="text-gray-600">+90 555 123 45 67</p>
432
+ </div>
433
+ </div>
434
+
435
+ <div class="flex items-start">
436
+ <div class="bg-indigo-100 p-3 rounded-full mr-4">
437
+ <i class="fas fa-map-marker-alt text-indigo-600"></i>
438
+ </div>
439
+ <div>
440
+ <h4 class="font-bold mb-1">Adres</h4>
441
+ <p class="text-gray-600">Yapay Zeka Merkezi, Teknopark İstanbul</p>
442
+ </div>
443
+ </div>
444
+ </div>
445
+
446
+ <div class="mt-8">
447
+ <h4 class="font-bold mb-4">Sosyal Medya</h4>
448
+ <div class="flex space-x-4">
449
+ <a href="#" class="bg-gray-200 p-3 rounded-full hover:bg-indigo-100 transition">
450
+ <i class="fab fa-twitter text-gray-700"></i>
451
+ </a>
452
+ <a href="#" class="bg-gray-200 p-3 rounded-full hover:bg-indigo-100 transition">
453
+ <i class="fab fa-linkedin-in text-gray-700"></i>
454
+ </a>
455
+ <a href="#" class="bg-gray-200 p-3 rounded-full hover:bg-indigo-100 transition">
456
+ <i class="fab fa-youtube text-gray-700"></i>
457
+ </a>
458
+ <a href="#" class="bg-gray-200 p-3 rounded-full hover:bg-indigo-100 transition">
459
+ <i class="fab fa-github text-gray-700"></i>
460
+ </a>
461
+ </div>
462
+ </div>
463
+ </div>
464
+ </div>
465
+
466
+ <div class="md:w-1/2 md:pl-12 animate-fade-in delay-300">
467
+ <form class="bg-gray-50 p-8 rounded-xl shadow-sm">
468
+ <div class="mb-6">
469
+ <label for="name" class="block text-gray-700 font-medium mb-2">Adınız</label>
470
+ <input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent" placeholder="Adınız ve soyadınız">
471
+ </div>
472
+
473
+ <div class="mb-6">
474
+ <label for="email" class="block text-gray-700 font-medium mb-2">E-posta</label>
475
+ <input type="email" id="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent" placeholder="E-posta adresiniz">
476
+ </div>
477
+
478
+ <div class="mb-6">
479
+ <label for="subject" class="block text-gray-700 font-medium mb-2">Konu</label>
480
+ <select id="subject" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
481
+ <option value="">Konu seçiniz</option>
482
+ <option value="course">Eğitimler hakkında</option>
483
+ <option value="book">Kitaplar hakkında</option>
484
+ <option value="consulting">Danışmanlık</option>
485
+ <option value="other">Diğer</option>
486
+ </select>
487
+ </div>
488
+
489
+ <div class="mb-6">
490
+ <label for="message" class="block text-gray-700 font-medium mb-2">Mesajınız</label>
491
+ <textarea id="message" rows="5" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent" placeholder="Mesajınız..."></textarea>
492
+ </div>
493
+
494
+ <button type="submit" class="w-full bg-indigo-600 text-white py-3 px-6 rounded-lg font-medium hover:bg-indigo-700 transition duration-300">
495
+ Mesaj Gönder
496
+ </button>
497
+ </form>
498
+ </div>
499
+ </div>
500
+ </div>
501
+ </section>
502
+
503
+ <!-- Newsletter -->
504
+ <section class="py-16 gradient-bg text-white">
505
+ <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
506
+ <h2 class="text-2xl md:text-3xl font-bold mb-4 animate-fade-in">Yapay Zeka Güncellemeleri</h2>
507
+ <p class="mb-8 max-w-2xl mx-auto animate-fade-in delay-100">Yeni kitaplar, eğitimler ve yapay zeka alanındaki gelişmeler hakkında bilgi almak için e-posta listesine katılın.</p>
508
+
509
+ <form class="flex flex-col sm:flex-row gap-4 max-w-md mx-auto animate-fade-in delay-200">
510
+ <input type="email" placeholder="E-posta adresiniz" class="flex-grow px-4 py-3 rounded-lg focus:outline-none focus:ring-2 focus:ring-white text-gray-900">
511
+ <button type="submit" class="bg-white text-indigo-600 px-6 py-3 rounded-lg font-medium hover:bg-gray-100 transition duration-300 whitespace-nowrap">
512
+ Abone Ol
513
+ </button>
514
+ </form>
515
+ </div>
516
+ </section>
517
+
518
+ <!-- Footer -->
519
+ <footer class="bg-gray-900 text-white py-12">
520
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
521
+ <div class="md:flex md:justify-between">
522
+ <div class="mb-8 md:mb-0">
523
+ <a href="#" class="text-xl font-bold text-white">Dr. Murat ALTUN</a>
524
+ <p class="mt-2 text-gray-400 max-w-xs">Yapay zeka alanında uzmanlaşmış akademisyen, eğitmen ve yazar.</p>
525
+ </div>
526
+
527
+ <div class="grid grid-cols-2 md:grid-cols-3 gap-8">
528
+ <div>
529
+ <h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Bağlantılar</h3>
530
+ <ul class="space-y-2">
531
+ <li><a href="#about" class="text-gray-400 hover:text-white transition">Hakkımda</a></li>
532
+ <li><a href="#books" class="text-gray-400 hover:text-white transition">Kitaplar</a></li>
533
+ <li><a href="#courses" class="text-gray-400 hover:text-white transition">Eğitimler</a></li>
534
+ <li><a href="#contact" class="text-gray-400 hover:text-white transition">İletişim</a></li>
535
+ </ul>
536
+ </div>
537
+
538
+ <div>
539
+ <h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Kaynaklar</h3>
540
+ <ul class="space-y-2">
541
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Blog</a></li>
542
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Araştırmalar</a></li>
543
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Makaleler</a></li>
544
+ <li><a href="#" class="text-gray-400 hover:text-white transition">SSS</a></li>
545
+ </ul>
546
+ </div>
547
+
548
+ <div>
549
+ <h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Yasal</h3>
550
+ <ul class="space-y-2">
551
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Gizlilik Politikası</a></li>
552
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Kullanım Şartları</a></li>
553
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Çerez Politikası</a></li>
554
+ </ul>
555
+ </div>
556
+ </div>
557
+ </div>
558
+
559
+ <div class="mt-12 pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center">
560
+ <p class="text-gray-400 text-sm">© 2023 Dr. Murat ALTUN. Tüm hakları saklıdır.</p>
561
+ <div class="mt-4 md:mt-0 flex space-x-6">
562
+ <a href="#" class="text-gray-400 hover:text-white transition">
563
+ <i class="fab fa-twitter"></i>
564
+ </a>
565
+ <a href="#" class="text-gray-400 hover:text-white transition">
566
+ <i class="fab fa-linkedin-in"></i>
567
+ </a>
568
+ <a href="#" class="text-gray-400 hover:text-white transition">
569
+ <i class="fab fa-youtube"></i>
570
+ </a>
571
+ <a href="#" class="text-gray-400 hover:text-white transition">
572
+ <i class="fab fa-github"></i>
573
+ </a>
574
+ </div>
575
+ </div>
576
+ </div>
577
+ </footer>
578
+
579
+ <!-- Back to top button -->
580
+ <button id="back-to-top" class="fixed bottom-8 right-8 bg-indigo-600 text-white p-3 rounded-full shadow-lg opacity-0 invisible transition-all duration-300">
581
+ <i class="fas fa-arrow-up"></i>
582
+ </button>
583
+
584
+ <script>
585
+ // Mobile menu toggle
586
+ document.getElementById('menu-btn').addEventListener('click', function() {
587
+ const menu = document.getElementById('mobile-menu');
588
+ menu.classList.toggle('hidden');
589
+ });
590
+
591
+ // Back to top button
592
+ const backToTopButton = document.getElementById('back-to-top');
593
+
594
+ window.addEventListener('scroll', function() {
595
+ if (window.pageYOffset > 300) {
596
+ backToTopButton.classList.remove('opacity-0', 'invisible');
597
+ backToTopButton.classList.add('opacity-100', 'visible');
598
+ } else {
599
+ backToTopButton.classList.remove('opacity-100', 'visible');
600
+ backToTopButton.classList.add('opacity-0', 'invisible');
601
+ }
602
+ });
603
+
604
+ backToTopButton.addEventListener('click', function() {
605
+ window.scrollTo({
606
+ top: 0,
607
+ behavior: 'smooth'
608
+ });
609
+ });
610
+
611
+ // Smooth scroll for anchor links
612
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
613
+ anchor.addEventListener('click', function (e) {
614
+ e.preventDefault();
615
+
616
+ const targetId = this.getAttribute('href');
617
+ if (targetId === '#') return;
618
+
619
+ const targetElement = document.querySelector(targetId);
620
+ if (targetElement) {
621
+ // Close mobile menu if open
622
+ const mobileMenu = document.getElementById('mobile-menu');
623
+ if (!mobileMenu.classList.contains('hidden')) {
624
+ mobileMenu.classList.add('hidden');
625
+ }
626
+
627
+ // Scroll to target
628
+ targetElement.scrollIntoView({
629
+ behavior: 'smooth'
630
+ });
631
+ }
632
+ });
633
+ });
634
+
635
+ // Animation on scroll
636
+ function animateOnScroll() {
637
+ const elements = document.querySelectorAll('.animate-fade-in');
638
+
639
+ elements.forEach(element => {
640
+ const elementPosition = element.getBoundingClientRect().top;
641
+ const screenPosition = window.innerHeight / 1.2;
642
+
643
+ if (elementPosition < screenPosition) {
644
+ element.style.opacity = '1';
645
+ element.style.transform = 'translateY(0)';
646
+ }
647
+ });
648
+ }
649
+
650
+ // Run once on page load
651
+ animateOnScroll();
652
+
653
+ // Run on scroll
654
+ window.addEventListener('scroll', animateOnScroll);
655
+ </script>
656
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=drmurataltun/websayfam" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
657
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Dr. Murat ALTUN adında yapay zeka eğitimleri veren kitapları olan bir uzman hakkında kişisel web sayfası oluştur