WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Un code de Metehan
672
Metehan
Ouvrir dans l'éditeur
Publiez votre code
Precisa de um site?
24 June 2025
Un code de Mete
26 May 2025
Lun
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
