WEBLEB
Home
AI Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
A Code by Metehan
1438
Metehan
Open In Editor
Video
Publish Your Code
0
Recommended
28 July 2025
code bloom
1 September 2024
Registration
4 December 2025
Bad Parenting
HTML
Copy
<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Dr. Emre Yılmaz | Beyin Cerrahisi Uzmanı</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> body { font-family: 'Open Sans', sans-serif; } h1, h2, h3, h4 { font-family: 'Merriweather', serif; } .hero-gradient { background: linear-gradient(135deg, #1e3a8a 0%, #0ea5e9 100%); } .card-hover:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .nav-link:hover { color: #0ea5e9; } .transition-slow { transition: all 0.3s ease; } </style> </head> <body class="bg-gray-50"> <!-- Navigation --> <nav class="bg-white shadow-md sticky top-0 z-50"> <div class="container mx-auto px-6 py-3"> <div class="flex justify-between items-center"> <div class="flex items-center"> <div class="w-12 h-12 rounded-full bg-blue-900 flex items-center justify-center text-white font-bold text-xl"> EY </div> <a href="#" class="ml-3 text-xl font-bold text-blue-900">Dr. Emre Yılmaz</a> </div> <div class="hidden md:flex space-x-8"> <a href="#" class="nav-link text-gray-700 hover:text-blue-500 transition-slow">Ana Sayfa</a> <a href="#" class="nav-link text-gray-700 hover:text-blue-500 transition-slow">Hakkımda</a> <a href="#" class="nav-link text-gray-700 hover:text-blue-500 transition-slow">Blog</a> <a href="#" class="nav-link text-gray-700 hover:text-blue-500 transition-slow">Vakalar</a> <a href="#" class="nav-link text-gray-700 hover:text-blue-500 transition-slow">Araştırmalar</a> <a href="#" class="nav-link text-gray-700 hover:text-blue-500 transition-slow">İletişim</a> </div> <button class="md:hidden focus:outline-none"> <i class="fas fa-bars text-gray-700 text-xl"></i> </button> </div> </div> </nav> <!-- Hero Section --> <section class="hero-gradient text-white py-20"> <div class="container mx-auto px-6 flex flex-col md:flex-row items-center"> <div class="md:w-1/2 mb-10 md:mb-0"> <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-4">Dr. Emre Yılmaz'ın Nöroşirürji Yolculuğu</h1> <p class="text-xl mb-8">Beyin Cerrahisinin İncelikleri ve İnsan Hayatına Dokunuşlar</p> <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> <a href="#" class="bg-white text-blue-900 px-6 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-slow text-center">Hikayemi Oku</a> <a href="#" class="border-2 border-white px-6 py-3 rounded-lg font-semibold hover:bg-white hover:text-blue-900 transition-slow text-center">Vaka Çalışmaları</a> </div> </div> <div class="md:w-1/2 flex justify-center"> <div class="relative w-64 h-64 md:w-80 md:h-80 rounded-full overflow-hidden border-4 border-white shadow-xl"> <img src="https://images.unsplash.com/photo-1551601651-bc60f254d532?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=880&q=80" alt="Dr. Emre Yılmaz" class="w-full h-full object-cover"> </div> </div> </div> </section> <!-- Featured Posts --> <section class="py-16 bg-white"> <div class="container mx-auto px-6"> <h2 class="text-3xl font-bold text-center text-blue-900 mb-12">Öne Çıkan Yazılar</h2> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <!-- Post 1 --> <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition-slow"> <div class="h-48 overflow-hidden"> <img src="https://images.unsplash.com/photo-1579684385127-1ef15d508118?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=880&q=80" alt="Ameliyathane" class="w-full h-full object-cover"> </div> <div class="p-6"> <div class="text-xs text-blue-500 font-semibold mb-2">AMELİYATHANE HİKAYELERİ</div> <h3 class="text-xl font-bold mb-3">İlk Bağımsız Beyin Ameliyatımı Gerçekleştirdiğim Gün</h3> <p class="text-gray-600 mb-4">Başarısızlık korkusuyla nasıl yüzleştim ve bu deneyim mesleki gelişimimi nasıl şekillendirdi...</p> <div class="flex justify-between items-center"> <span class="text-sm text-gray-500">5 Haziran 2023</span> <a href="#" class="text-blue-500 hover:text-blue-700 font-medium">Devamını Oku <i class="fas fa-arrow-right ml-1"></i></a> </div> </div> </div> <!-- Post 2 --> <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition-slow"> <div class="h-48 overflow-hidden"> <img src="https://images.unsplash.com/photo-1576091160550-2173dba999ef?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="Beyin Modeli" class="w-full h-full object-cover"> </div> <div class="p-6"> <div class="text-xs text-blue-500 font-semibold mb-2">NÖROŞİRÜRJİ TEKNOLOJİLERİ</div> <h3 class="text-xl font-bold mb-3">Robotik Cerrahide Yeni Ufuklar</h3> <p class="text-gray-600 mb-4">Son teknoloji robotik sistemlerin beyin cerrahisinde kullanımı ve hasta sonuçlarına etkisi...</p> <div class="flex justify-between items-center"> <span class="text-sm text-gray-500">22 Mayıs 2023</span> <a href="#" class="text-blue-500 hover:text-blue-700 font-medium">Devamını Oku <i class="fas fa-arrow-right ml-1"></i></a> </div> </div> </div> <!-- Post 3 --> <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition-slow"> <div class="h-48 overflow-hidden"> <img src="https://images.unsplash.com/photo-1581595219315-a187dd40c322?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="Hasta Görüşmesi" class="w-full h-full object-cover"> </div> <div class="p-6"> <div class="text-xs text-blue-500 font-semibold mb-2">HASTA İLİŞKİLERİ</div> <h3 class="text-xl font-bold mb-3">Zor Haberleri Verme Sanatı</h3> <p class="text-gray-600 mb-4">Beyin tümörü teşhisi konan hastalarla iletişim stratejileri ve empati yöntemleri...</p> <div class="flex justify-between items-center"> <span class="text-sm text-gray-500">10 Mayıs 2023</span> <a href="#" class="text-blue-500 hover:text-blue-700 font-medium">Devamını Oku <i class="fas fa-arrow-right ml-1"></i></a> </div> </div> </div> </div> <div class="text-center mt-10"> <a href="#" class="inline-block bg-blue-900 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-700 transition-slow">Tüm Yazıları Gör</a> </div> </div> </section> <!-- About Section --> <section class="py-16 bg-gray-50"> <div class="container mx-auto px-6"> <div class="flex flex-col md:flex-row items-center"> <div class="md:w-1/3 mb-10 md:mb-0 flex justify-center"> <div class="relative w-64 h-64 rounded-full overflow-hidden border-4 border-white shadow-lg"> <img src="https://images.unsplash.com/photo-1551601651-bc60f254d532?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=880&q=80" alt="Dr. Emre Yılmaz" class="w-full h-full object-cover"> </div> </div> <div class="md:w-2/3 md:pl-12"> <h2 class="text-3xl font-bold text-blue-900 mb-6">Hakkımda</h2> <p class="text-gray-700 mb-6">20 yılı aşkın deneyimimle, beyin cerrahisinin en karmaşık vakalarına çözümler üretiyor ve bu alanda yeni nesil cerrahlar yetiştiriyorum. Her hasta hikayesi benim için bir öğrenme ve gelişim fırsatıdır.</p> <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8"> <div class="flex items-start"> <div class="bg-blue-100 p-3 rounded-full mr-4"> <i class="fas fa-graduation-cap text-blue-900"></i> </div> <div> <h4 class="font-bold text-gray-800 mb-1">Eğitim</h4> <p class="text-gray-600">İstanbul Üniversitesi Tıp Fakültesi, Nöroşirürji Uzmanlık Eğitimi, Harvard Tıp Okulu Fellowship</p> </div> </div> <div class="flex items-start"> <div class="bg-blue-100 p-3 rounded-full mr-4"> <i class="fas fa-hospital text-blue-900"></i> </div> <div> <h4 class="font-bold text-gray-800 mb-1">Deneyim</h4> <p class="text-gray-600">Memorial Hastanesi Başhekim Yardımcısı, Acıbadem Üniversitesi Öğretim Üyesi</p> </div> </div> <div class="flex items-start"> <div class="bg-blue-100 p-3 rounded-full mr-4"> <i class="fas fa-trophy text-blue-900"></i> </div> <div> <h4 class="font-bold text-gray-800 mb-1">Başarılar</h4> <p class="text-gray-600">Uluslararası Nöroşirürji Derneği Ödülü, En İyi Araştırma Makalesi Ödülü</p> </div> </div> <div class="flex items-start"> <div class="bg-blue-100 p-3 rounded-full mr-4"> <i class="fas fa-brain text-blue-900"></i> </div> <div> <h4 class="font-bold text-gray-800 mb-1">Uzmanlık Alanları</h4> <p class="text-gray-600">Beyin Tümörleri, Vasküler Cerrahi, Pediatrik Nöroşirürji, Omurga Cerrahisi</p> </div> </div> </div> <a href="#" class="inline-block bg-blue-900 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-700 transition-slow">Profesyonel Özgeçmişim</a> </div> </div> </div> </section> <!-- Blog Categories --> <section class="py-16 bg-white"> <div class="container mx-auto px-6"> <h2 class="text-3xl font-bold text-center text-blue-900 mb-12">Blog Kategorileri</h2> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"> <!-- Category 1 --> <div class="bg-gray-50 rounded-lg p-6 border border-gray-200 hover:border-blue-300 transition-slow"> <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mb-4"> <i class="fas fa-procedures text-blue-900 text-xl"></i> </div> <h3 class="text-xl font-bold mb-3 text-blue-900">Ameliyathane Hikayeleri</h3> <p class="text-gray-600 mb-4">Zorlayıcı vakalar, unutulmaz hastalar, ameliyat teknikleri ve beklenmedik durumlarla başa çıkma stratejileri.</p> <a href="#" class="text-blue-500 hover:text-blue-700 font-medium">Kategoriyi Gör <i class="fas fa-arrow-right ml-1"></i></a> </div> <!-- Category 2 --> <div class="bg-gray-50 rounded-lg p-6 border border-gray-200 hover:border-blue-300 transition-slow"> <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mb-4"> <i class="fas fa-calendar-day text-blue-900 text-xl"></i> </div> <h3 class="text-xl font-bold mb-3 text-blue-900">Beyin Cerrahisinin Günlük Hayatı</h3> <p class="text-gray-600 mb-4">Tipik bir günün zaman çizelgesi, iş-yaşam dengesi zorlukları, nöbet hikayeleri ve stres yönetimi.</p> <a href="#" class="text-blue-500 hover:text-blue-700 font-medium">Kategoriyi Gör <i class="fas fa-arrow-right ml-1"></i></a> </div> <!-- Category 3 --> <div class="bg-gray-50 rounded-lg p-6 border border-gray-200 hover:border-blue-300 transition-slow"> <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mb-4"> <i class="fas fa-chalkboard-teacher text-blue-900 text-xl"></i> </div> <h3 class="text-xl font-bold mb-3 text-blue-900">Tıbbi Eğitim ve Mentorluk</h3> <p class="text-gray-600 mb-4">Genç cerrahi asistanlarına tavsiyeler, eğitimci olarak deneyimler ve sürekli gelişim süreci.</p> <a href="#" class="text-blue-500 hover:text-blue-700 font-medium">Kategoriyi Gör <i class="fas fa-arrow-right ml-1"></i></a> </div> <!-- Category 4 --> <div class="bg-gray-50 rounded-lg p-6 border border-gray-200 hover:border-blue-300 transition-slow"> <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mb-4"> <i class="fas fa-microscope text-blue-900 text-xl"></i> </div> <h3 class="text-xl font-bold mb-3 text-blue-900">Nöroşirürji Teknolojileri</h3> <p class="text-gray-600 mb-4">En son cerrahi teknolojiler, robotik cerrahi deneyimleri, yapay zeka ve gelecekteki trendler.</p> <a href="#" class="text-blue-500 hover:text-blue-700 font-medium">Kategoriyi Gör <i class="fas fa-arrow-right ml-1"></i></a> </div> <!-- Category 5 --> <div class="bg-gray-50 rounded-lg p-6 border border-gray-200 hover:border-blue-300 transition-slow"> <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mb-4"> <i class="fas fa-hand-holding-heart text-blue-900 text-xl"></i> </div> <h3 class="text-xl font-bold mb-3 text-blue-900">Hasta İlişkileri</h3> <p class="text-gray-600 mb-4">Zor haberleri verme sanatı, hasta ve aile danışmanlığı, iletişim teknikleri ve başarı hikayeleri.</p> <a href="#" class="text-blue-500 hover:text-blue-700 font-medium">Kategoriyi Gör <i class="fas fa-arrow-right ml-1"></i></a> </div> <!-- Category 6 --> <div class="bg-gray-50 rounded-lg p-6 border border-gray-200 hover:border-blue-300 transition-slow"> <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mb-4"> <i class="fas fa-book-medical text-blue-900 text-xl"></i> </div> <h3 class="text-xl font-bold mb-3 text-blue-900">Araştırma ve Yayınlar</h3> <p class="text-gray-600 mb-4">Akademik makaleler, devam eden araştırma projeleri, konferans sunumları ve bilimsel katkılar.</p> <a href="#" class="text-blue-500 hover:text-blue-700 font-medium">Kategoriyi Gör <i class="fas fa-arrow-right ml-1"></i></a> </div> </div> </div> </section> <!-- Case Studies --> <section class="py-16 bg-gray-50"> <div class="container mx-auto px-6"> <h2 class="text-3xl font-bold text-center text-blue-900 mb-12">Vaka Çalışmaları</h2> <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> <!-- Case 1 --> <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition-slow"> <div class="h-64 overflow-hidden relative"> <img src="https://images.unsplash.com/photo-1576091160399-112ba8a25d7b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="Beyin MR" class="w-full h-full object-cover"> <div class="absolute inset-0 bg-blue-900 bg-opacity-40 flex items-center justify-center"> <button class="bg-white text-blue-900 rounded-full w-16 h-16 flex items-center justify-center hover:bg-blue-100 transition-slow"> <i class="fas fa-play text-xl"></i> </button> </div> </div> <div class="p-6"> <div class="text-xs text-blue-500 font-semibold mb-2">BEYİN TÜMÖRÜ</div> <h3 class="text-xl font-bold mb-3">Kompleks Glioblastoma Multiforme Vakası</h3> <p class="text-gray-600 mb-4">60 yaşındaki erkek hasta, sol frontal lobda 5.5 cm boyutunda tümör. Uyandırma cerrahisi ile total rezeksiyon...</p> <div class="flex justify-between items-center"> <span class="text-sm text-gray-500">15 Nisan 2023</span> <a href="#" class="text-blue-500 hover:text-blue-700 font-medium">Vaka Detayları <i class="fas fa-arrow-right ml-1"></i></a> </div> </div> </div> <!-- Case 2 --> <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition-slow"> <div class="h-64 overflow-hidden relative"> <img src="https://images.unsplash.com/photo-1579154344580-2e9b464ad130?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="Omurga Cerrahisi" class="w-full h-full object-cover"> <div class="absolute inset-0 bg-blue-900 bg-opacity-40 flex items-center justify-center"> <button class="bg-white text-blue-900 rounded-full w-16 h-16 flex items-center justify-center hover:bg-blue-100 transition-slow"> <i class="fas fa-images text-xl"></i> </button> </div> </div> <div class="p-6"> <div class="text-xs text-blue-500 font-semibold mb-2">OMURGA CERRAHİSİ</div> <h3 class="text-xl font-bold mb-3">Minimal İnvazif Spinal Deformite Düzeltme</h3> <p class="text-gray-600 mb-4">18 yaşındaki kadın hasta, 75 derece skolyoz. Robotik navigasyon eşliğinde minimal invazif yaklaşım...</p> <div class="flex justify-between items-center"> <span class="text-sm text-gray-500">2 Mart 2023</span> <a href="#" class="text-blue-500 hover:text-blue-700 font-medium">Vaka Detayları <i class="fas fa-arrow-right ml-1"></i></a> </div> </div> </div> </div> <div class="text-center mt-10"> <a href="#" class="inline-block bg-blue-900 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-700 transition-slow">Tüm Vaka Çalışmaları</a> </div> </div> </section> <!-- Testimonials --> <section class="py-16 bg-white"> <div class="container mx-auto px-6"> <h2 class="text-3xl font-bold text-center text-blue-900 mb-12">Hasta ve Meslektaş Görüşleri</h2> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <!-- Testimonial 1 --> <div class="bg-gray-50 p-6 rounded-lg"> <div class="flex items-center mb-4"> <div class="w-12 h-12 rounded-full overflow-hidden"> <img src="https://randomuser.me/api/portraits/women/43.jpg" alt="Hasta" class="w-full h-full object-cover"> </div> <div class="ml-4"> <h4 class="font-bold">Ayşe K.</h4> <p class="text-sm text-gray-500">Beyin Tümörü Hastası</p> </div> </div> <p class="text-gray-700 italic">"Dr. Emre Yılmaz sadece mükemmel bir cerrah değil, aynı zamanda harika bir insan. Zor bir ameliyat sürecinde bana ve aileme verdiği güven paha biçilmezdi. Kendisine minnettarım."</p> <div class="mt-4 text-yellow-400"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> </div> </div> <!-- Testimonial 2 --> <div class="bg-gray-50 p-6 rounded-lg"> <div class="flex items-center mb-4"> <div class="w-12 h-12 rounded-full overflow-hidden"> <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Meslektaş" class="w-full h-full object-cover"> </div> <div class="ml-4"> <h4 class="font-bold">Dr. Mehmet A.</h4> <p class="text-sm text-gray-500">Nöroloji Uzmanı</p> </div> </div> <p class="text-gray-700 italic">"Dr. Yılmaz ile 10 yıldır birlikte çalışıyorum. Teknik becerileri, karar verme yeteneği ve hastalara yaklaşımı gerçekten örnek alınası. Ekip çalışmasına verdiği önem sayesinde zor vakalarda birlikte başarılı sonuçlar alıyoruz."</p> <div class="mt-4 text-yellow-400"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> </div> </div> <!-- Testimonial 3 --> <div class="bg-gray-50 p-6 rounded-lg"> <div class="flex items-center mb-4"> <div class="w-12 h-12 rounded-full overflow-hidden"> <img src="https://randomuser.me/api/portraits/men/75.jpg" alt="Hasta" class="w-full h-full object-cover"> </div> <div class="ml-4"> <h4 class="font-bold">Can D.</h4> <p class="text-sm text-gray-500">Omurga Cerrahisi Hastası</p> </div> </div> <p class="text-gray-700 italic">"10 yıldır çektiğim bel ağrılarından Dr. Yılmaz sayesinde kurtuldum. Ameliyat sonrası süreçte gösterdiği ilgi ve takip beni çok etkiledi. Kendisini herkese gönül rahatlığıyla tavsiye ederim."</p> <div class="mt-4 text-yellow-400"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> </div> </div> </div> </div> </section> <!-- Newsletter --> <section class="py-16 bg-blue-900 text-white"> <div class="container mx-auto px-6 text-center"> <h2 class="text-3xl font-bold mb-4">Yeniliklerden Haberdar Olun</h2> <p class="text-xl mb-8 max-w-2xl mx-auto">Beyin cerrahisi alanındaki en son gelişmeler, yeni blog yazılarım ve eğitim fırsatları hakkında bilgi almak için e-posta listeme kaydolun.</p> <form class="max-w-md mx-auto flex flex-col sm:flex-row gap-4"> <input type="email" placeholder="E-posta adresiniz" class="flex-grow px-4 py-3 rounded-lg focus:outline-none text-gray-900"> <button type="submit" class="bg-white text-blue-900 px-6 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-slow">Abone Ol</button> </form> <p class="text-sm mt-4 text-blue-200">Gizliliğinize saygı duyuyoruz. Bilgileriniz asla paylaşılmaz.</p> </div> </section> <!-- Contact --> <section class="py-16 bg-white"> <div class="container mx-auto px-6"> <h2 class="text-3xl font-bold text-center text-blue-900 mb-12">İletişim</h2> <div class="grid grid-cols-1 md:grid-cols-2 gap-12"> <div> <h3 class="text-xl font-bold mb-6 text-blue-900">Randevu ve Danışmanlık</h3> <div class="space-y-6"> <div class="flex items-start"> <div class="bg-blue-100 p-3 rounded-full mr-4"> <i class="fas fa-map-marker-alt text-blue-900"></i> </div> <div> <h4 class="font-bold text-gray-800 mb-1">Muayenehane Adresi</h4> <p class="text-gray-600">Levent Mah. Akatlar Cad. No:12<br>Beşiktaş/İstanbul</p> </div> </div> <div class="flex items-start"> <div class="bg-blue-100 p-3 rounded-full mr-4"> <i class="fas fa-phone-alt text-blue-900"></i> </div> <div> <h4 class="font-bold text-gray-800 mb-1">Telefon</h4> <p class="text-gray-600">+90 212 123 45 67<br>Randevu hattı: +90 555 123 45 67</p> </div> </div> <div class="flex items-start"> <div class="bg-blue-100 p-3 rounded-full mr-4"> <i class="fas fa-envelope text-blue-900"></i> </div> <div> <h4 class="font-bold text-gray-800 mb-1">E-posta</h4> <p class="text-gray-600">info@dremreyilmaz.com<br>randevu@dremreyilmaz.com</p> </div> </div> <div class="flex items-start"> <div class="bg-blue-100 p-3 rounded-full mr-4"> <i class="fas fa-clock text-blue-900"></i> </div> <div> <h4 class="font-bold text-gray-800 mb-1">Çalışma Saatleri</h4> <p class="text-gray-600">Pazartesi-Cuma: 09:00-17:00<br>Cumartesi: 09:00-13:00</p> </div> </div> </div> <div class="mt-8"> <h4 class="font-bold text-gray-800 mb-4">Sosyal Medya</h4> <div class="flex space-x-4"> <a href="#" class="bg-blue-100 w-10 h-10 rounded-full flex items-center justify-center text-blue-900 hover:bg-blue-200 transition-slow"> <i class="fab fa-linkedin-in"></i> </a> <a href="#" class="bg-blue-100 w-10 h-10 rounded-full flex items-center justify-center text-blue-900 hover:bg-blue-200 transition-slow"> <i class="fab fa-twitter"></i> </a> <a href="#" class="bg-blue-100 w-10 h-10 rounded-full flex items-center justify-center text-blue-900 hover:bg-blue-200 transition-slow"> <i class="fab fa-instagram"></i> </a> <a href="#" class="bg-blue-100 w-10 h-10 rounded-full flex items-center justify-center text-blue-900 hover:bg-blue-200 transition-slow"> <i class="fab fa-youtube"></i> </a> </div> </div> </div> <div> <h3 class="text-xl font-bold mb-6 text-blue-900">İletişim Formu</h3> <form class="space-y-4"> <div> <label for="name" class="block text-gray-700 mb-2">Adınız Soyadınız</label> <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"> </div> <div> <label for="email" class="block text-gray-700 mb-2">E-posta Adresiniz</label> <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"> </div> <div> <label for="phone" class="block text-gray-700 mb-2">Telefon Numaranız</label> <input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"> </div> <div> <label for="subject" class="block text-gray-700 mb-2">Konu</label> <select id="subject" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"> <option value="">Konu seçiniz</option> <option value="randevu">Randevu Talebi</option> <option value="soru">Tıbbi Soru</option> <option value="ikinci-gorus">İkinci Görüş</option> <option value="diger">Diğer</option> </select> </div> <div> <label for="message" class="block text-gray-700 mb-2">Mesajınız</label> <textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
Mesaj Gönder
