D\u0131\u015f Cephe Montaj\u0131 - Profesyonel \u00c7\u00f6z\u00fcmler<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n background: linear-gradient(135deg, #f5f7fa 0{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}, #c3cfe2 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* Header *\/\r\n .header {\r\n background: linear-gradient(135deg, #667eea 0{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}, #764ba2 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n color: white;\r\n padding: 60px 0;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .header::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80') center\/cover;\r\n opacity: 0.3;\r\n z-index: 1;\r\n }\r\n\r\n .header-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .header h1 {\r\n font-size: 3.5rem;\r\n margin-bottom: 20px;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n animation: fadeInUp 1s ease-out;\r\n }\r\n\r\n .header p {\r\n font-size: 1.3rem;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n animation: fadeInUp 1s ease-out 0.3s both;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n padding: 80px 0;\r\n background: white;\r\n }\r\n\r\n .hero-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .hero-content h2 {\r\n font-size: 2.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 30px;\r\n position: relative;\r\n }\r\n\r\n .hero-content h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 0;\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #667eea, #764ba2);\r\n border-radius: 2px;\r\n }\r\n\r\n .hero-content p {\r\n font-size: 1.1rem;\r\n color: #666;\r\n margin-bottom: 30px;\r\n line-height: 1.8;\r\n }\r\n\r\n .hero-image {\r\n position: relative;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .hero-image:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n .hero-image img {\r\n width: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n height: 400px;\r\n object-fit: cover;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .hero-image:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Services Section *\/\r\n .services {\r\n padding: 80px 0;\r\n background: #f8f9fa;\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n font-size: 2.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 60px;\r\n position: relative;\r\n }\r\n\r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -15px;\r\n left: 50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n transform: translateX(-50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n width: 100px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #667eea, #764ba2);\r\n border-radius: 2px;\r\n }\r\n\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 40px;\r\n }\r\n\r\n .service-card {\r\n background: white;\r\n border-radius: 15px;\r\n padding: 40px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n width: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n height: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.1), transparent);\r\n transition: left 0.5s ease;\r\n }\r\n\r\n .service-card:hover::before {\r\n left: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n }\r\n\r\n .service-icon {\r\n width: 80px;\r\n height: 80px;\r\n margin: 0 auto 30px;\r\n background: linear-gradient(135deg, #667eea, #764ba2);\r\n border-radius: 50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n color: white;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .service-card:hover .service-icon {\r\n transform: scale(1.1) rotate(5deg);\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 1.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .service-card p {\r\n color: #666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Gallery Section *\/\r\n .gallery {\r\n padding: 80px 0;\r\n background: white;\r\n }\r\n\r\n .gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n }\r\n\r\n .gallery-item {\r\n position: relative;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.2);\r\n }\r\n\r\n .gallery-item img {\r\n width: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n height: 250px;\r\n object-fit: cover;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .gallery-item:hover img {\r\n transform: scale(1.1);\r\n }\r\n\r\n .gallery-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: linear-gradient(transparent, rgba(0,0,0,0.7));\r\n color: white;\r\n padding: 20px;\r\n transform: translateY(100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .gallery-item:hover .gallery-overlay {\r\n transform: translateY(0);\r\n }\r\n\r\n .gallery-overlay h3 {\r\n font-size: 1.2rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* Process Section *\/\r\n .process {\r\n padding: 80px 0;\r\n background: #f8f9fa;\r\n }\r\n\r\n .process-steps {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 40px;\r\n margin-top: 60px;\r\n }\r\n\r\n .step {\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .step-number {\r\n width: 60px;\r\n height: 60px;\r\n background: linear-gradient(135deg, #667eea, #764ba2);\r\n color: white;\r\n border-radius: 50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n margin: 0 auto 30px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .step:hover .step-number {\r\n transform: scale(1.1);\r\n }\r\n\r\n .step h3 {\r\n font-size: 1.3rem;\r\n color: #2c3e50;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .step p {\r\n color: #666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* CTA Section *\/\r\n .cta {\r\n padding: 80px 0;\r\n background: linear-gradient(135deg, #667eea 0{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}, #764ba2 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n color: white;\r\n text-align: center;\r\n }\r\n\r\n .cta h2 {\r\n font-size: 2.5rem;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .cta p {\r\n font-size: 1.2rem;\r\n margin-bottom: 40px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .cta-button {\r\n display: inline-block;\r\n padding: 15px 40px;\r\n background: white;\r\n color: #667eea;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-size: 1.1rem;\r\n font-weight: bold;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n }\r\n\r\n .cta-button:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(0,0,0,0.3);\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .header h1 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .header p {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .hero-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .hero-content h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .gallery-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n }\r\n\r\n .process-steps {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cta h2 {\r\n font-size: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .container {\r\n padding: 0 15px;\r\n }\r\n\r\n .header h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .service-card {\r\n padding: 30px 20px;\r\n }\r\n\r\n .gallery-item img {\r\n height: 200px;\r\n }\r\n }\r\n\r\n \/* Smooth scrolling *\/\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n \/* Loading animation *\/\r\n .loading {\r\n opacity: 0;\r\n animation: fadeIn 0.5s ease-in forwards;\r\n }\r\n\r\n @keyframes fadeIn {\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <header class=\"header\">\r\n <div class=\"container\">\r\n <div class=\"header-content\">\r\n <h1>D\u0131\u015f Cephe Montaj\u0131<\/h1>\r\n <p>Profesyonel d\u0131\u015f cephe montaj \u00e7\u00f6z\u00fcmleri ile binan\u0131z\u0131 yenileyin ve de\u011ferini art\u0131r\u0131n<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-grid\">\r\n <div class=\"hero-content\">\r\n <h2>Modern D\u0131\u015f Cephe Montaj Hizmetleri<\/h2>\r\n <p>15 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle, binalar\u0131n\u0131z\u0131n d\u0131\u015f cephe montaj\u0131n\u0131 en y\u00fcksek kalite standartlar\u0131nda ger\u00e7ekle\u015ftiriyoruz. Is\u0131 yal\u0131t\u0131m\u0131ndan estetik g\u00f6r\u00fcn\u00fcme kadar her detay\u0131 d\u00fc\u015f\u00fcn\u00fcyoruz.<\/p>\r\n <p>Uzman ekibimiz, en son teknolojileri kullanarak projelerinizi zaman\u0131nda ve b\u00fct\u00e7e dahilinde tamaml\u0131yor.<\/p>\r\n <\/div>\r\n <div class=\"hero-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"D\u0131\u015f Cephe Montaj\u0131\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"services\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Hizmetlerimiz<\/h2>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n <h3>D\u0131\u015f Cephe Kaplama<\/h3>\r\n <p>Modern malzemelerle binalar\u0131n\u0131z\u0131n d\u0131\u015f cephesini yenileyin. Is\u0131 yal\u0131t\u0131m\u0131 ve estetik g\u00f6r\u00fcn\u00fcm\u00fc bir arada sunuyoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udd27<\/div>\r\n <h3>Montaj ve Kurulum<\/h3>\r\n <p>Profesyonel montaj ekibimiz ile g\u00fcvenli ve h\u0131zl\u0131 kurulum hizmeti sa\u011fl\u0131yoruz. Her proje i\u00e7in \u00f6zel \u00e7\u00f6z\u00fcmler \u00fcretiyoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfa8<\/div>\r\n <h3>Renk ve Tasar\u0131m<\/h3>\r\n <p>Binan\u0131z\u0131n mimarisine uygun renk ve tasar\u0131m se\u00e7enekleri sunuyoruz. Modern ve \u015f\u0131k g\u00f6r\u00fcn\u00fcm garantisi veriyoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udee1\ufe0f<\/div>\r\n <h3>Is\u0131 Yal\u0131t\u0131m\u0131<\/h3>\r\n <p>Enerji tasarrufu sa\u011flayan \u0131s\u0131 yal\u0131t\u0131m sistemleri ile k\u0131\u015f\u0131n s\u0131cak, yaz\u0131n serin ortamlar yarat\u0131yoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udd0d<\/div>\r\n <h3>Bak\u0131m ve Onar\u0131m<\/h3>\r\n <p>D\u00fczenli bak\u0131m ve onar\u0131m hizmetleri ile d\u0131\u015f cephenizin uzun y\u0131llar dayan\u0131kl\u0131 kalmas\u0131n\u0131 sa\u011fl\u0131yoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udccb<\/div>\r\n <h3>Proje Y\u00f6netimi<\/h3>\r\n <p>Ba\u015ftan sona proje y\u00f6netimi ile s\u00fcre\u00e7lerinizi takip ediyor, zaman\u0131nda teslim garantisi veriyoruz.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"gallery\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Projelerimizden \u00d6rnekler<\/h2>\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Modern Bina Cephesi\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Modern Bina Cephesi<\/h3>\r\n <p>\u00c7a\u011fda\u015f tasar\u0131m anlay\u0131\u015f\u0131<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Is\u0131 Yal\u0131t\u0131ml\u0131 Cephe\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Is\u0131 Yal\u0131t\u0131ml\u0131 Cephe<\/h3>\r\n <p>Enerji tasarrufu odakl\u0131<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Kurumsal Bina\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Kurumsal Bina<\/h3>\r\n <p>Profesyonel g\u00f6r\u00fcn\u00fcm<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1449824913935-59a10b8d2000?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Konut Projesi\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Konut Projesi<\/h3>\r\n <p>Konforlu ya\u015fam alanlar\u0131<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Renovasyon Projesi\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Renovasyon Projesi<\/h3>\r\n <p>Eski binalar\u0131 yenileme<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"L\u00fcks Proje\">\r\n <div class=\"gallery-overlay\">\r\n <h3>L\u00fcks Proje<\/h3>\r\n <p>Premium malzemeler<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"process\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">\u00c7al\u0131\u015fma S\u00fcrecimiz<\/h2>\r\n <div class=\"process-steps\">\r\n <div class=\"step\">\r\n <div class=\"step-number\">1<\/div>\r\n <h3>Ke\u015fif ve Planlama<\/h3>\r\n <p>Projenizi detayl\u0131 olarak inceliyor, en uygun \u00e7\u00f6z\u00fcmleri planl\u0131yoruz. B\u00fct\u00e7e ve zaman \u00e7izelgesi belirliyoruz.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">2<\/div>\r\n <h3>Malzeme Se\u00e7imi<\/h3>\r\n <p>Kaliteli ve dayan\u0131kl\u0131 malzemeler se\u00e7iyoruz. Binan\u0131z\u0131n ihtiya\u00e7lar\u0131na g\u00f6re \u00f6zel \u00e7\u00f6z\u00fcmler sunuyoruz.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">3<\/div>\r\n <h3>Profesyonel Montaj<\/h3>\r\n <p>Uzman ekibimiz ile g\u00fcvenli ve h\u0131zl\u0131 montaj ger\u00e7ekle\u015ftiriyoruz. Her a\u015famay\u0131 titizlikle takip ediyoruz.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">4<\/div>\r\n <h3>Kalite Kontrol<\/h3>\r\n <p>Proje tamamland\u0131ktan sonra detayl\u0131 kalite kontrol\u00fc yap\u0131yor, m\u00fckemmel sonu\u00e7 garantisi veriyoruz.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"cta\">\r\n <div class=\"container\">\r\n <h2>Projenizi Hayata Ge\u00e7irelim<\/h2>\r\n <p>D\u0131\u015f cephe montaj\u0131 konusunda uzman ekibimizle tan\u0131\u015f\u0131n. \u00dccretsiz ke\u015fif i\u00e7in hemen ileti\u015fime ge\u00e7in.<\/p>\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=905364208867&text&type=phone_number&app_absent=0\" class=\"cta-button\">\u00dccretsiz Ke\u015fif Talep Et<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Smooth scrolling for anchor links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n }\r\n });\r\n });\r\n\r\n \/\/ Intersection Observer for animations\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('loading');\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Observe all sections\r\n document.querySelectorAll('section').forEach(section => {\r\n observer.observe(section);\r\n });\r\n\r\n \/\/ Parallax effect for header\r\n window.addEventListener('scroll', () => {\r\n const scrolled = window.pageYOffset;\r\n const header = document.querySelector('.header');\r\n const rate = scrolled * -0.5;\r\n header.style.transform = `translateY(${rate}px)`;\r\n });\r\n\r\n \/\/ Gallery lightbox effect (simple)\r\n document.querySelectorAll('.gallery-item').forEach(item => {\r\n item.addEventListener('click', function() {\r\n const img = this.querySelector('img');\r\n const overlay = this.querySelector('.gallery-overlay');\r\n \r\n \/\/ Toggle overlay visibility\r\n if (overlay.style.transform === 'translateY(0px)') {\r\n overlay.style.transform = 'translateY(100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531})';\r\n } else {\r\n overlay.style.transform = 'translateY(0px)';\r\n }\r\n });\r\n });\r\n\r\n \/\/ Service card hover effects\r\n document.querySelectorAll('.service-card').forEach(card => {\r\n card.addEventListener('mouseenter', function() {\r\n this.style.transform = 'translateY(-10px) scale(1.02)';\r\n });\r\n \r\n card.addEventListener('mouseleave', function() {\r\n this.style.transform = 'translateY(0) scale(1)';\r\n });\r\n });\r\n\r\n \/\/ Step number animation\r\n document.querySelectorAll('.step-number').forEach(number => {\r\n number.addEventListener('mouseenter', function() {\r\n this.style.transform = 'scale(1.1) rotate(5deg)';\r\n });\r\n \r\n number.addEventListener('mouseleave', function() {\r\n this.style.transform = 'scale(1) rotate(0deg)';\r\n });\r\n });\r\n\r\n \/\/ Add loading animation to page elements\r\n window.addEventListener('load', () => {\r\n document.body.classList.add('loaded');\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>D\u0131\u015f Cephe Montaj\u0131 – Profesyonel \u00c7\u00f6z\u00fcmler D\u0131\u015f Cephe Montaj\u0131 Profesyonel d\u0131\u015f cephe montaj \u00e7\u00f6z\u00fcmleri ile binan\u0131z\u0131 yenileyin ve de\u011ferini art\u0131r\u0131n Modern D\u0131\u015f Cephe Montaj Hizmetleri 15 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle, binalar\u0131n\u0131z\u0131n d\u0131\u015f cephe montaj\u0131n\u0131 en y\u00fcksek kalite standartlar\u0131nda ger\u00e7ekle\u015ftiriyoruz. Is\u0131 yal\u0131t\u0131m\u0131ndan estetik g\u00f6r\u00fcn\u00fcme kadar her detay\u0131 d\u00fc\u015f\u00fcn\u00fcyoruz. Uzman ekibimiz, en son teknolojileri kullanarak projelerinizi zaman\u0131nda ve […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2461","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2461"}],"version-history":[{"count":7,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2461\/revisions"}],"predecessor-version":[{"id":2548,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2461\/revisions\/2548"}],"wp:attachment":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n D\u0131\u015f Cephe Montaj\u0131 - Profesyonel \u00c7\u00f6z\u00fcmler<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n background: linear-gradient(135deg, #f5f7fa 0{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}, #c3cfe2 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* Header *\/\r\n .header {\r\n background: linear-gradient(135deg, #667eea 0{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}, #764ba2 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n color: white;\r\n padding: 60px 0;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .header::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80') center\/cover;\r\n opacity: 0.3;\r\n z-index: 1;\r\n }\r\n\r\n .header-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .header h1 {\r\n font-size: 3.5rem;\r\n margin-bottom: 20px;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n animation: fadeInUp 1s ease-out;\r\n }\r\n\r\n .header p {\r\n font-size: 1.3rem;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n animation: fadeInUp 1s ease-out 0.3s both;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n padding: 80px 0;\r\n background: white;\r\n }\r\n\r\n .hero-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n .hero-content h2 {\r\n font-size: 2.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 30px;\r\n position: relative;\r\n }\r\n\r\n .hero-content h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 0;\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #667eea, #764ba2);\r\n border-radius: 2px;\r\n }\r\n\r\n .hero-content p {\r\n font-size: 1.1rem;\r\n color: #666;\r\n margin-bottom: 30px;\r\n line-height: 1.8;\r\n }\r\n\r\n .hero-image {\r\n position: relative;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .hero-image:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n .hero-image img {\r\n width: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n height: 400px;\r\n object-fit: cover;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .hero-image:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Services Section *\/\r\n .services {\r\n padding: 80px 0;\r\n background: #f8f9fa;\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n font-size: 2.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 60px;\r\n position: relative;\r\n }\r\n\r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -15px;\r\n left: 50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n transform: translateX(-50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n width: 100px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #667eea, #764ba2);\r\n border-radius: 2px;\r\n }\r\n\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 40px;\r\n }\r\n\r\n .service-card {\r\n background: white;\r\n border-radius: 15px;\r\n padding: 40px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n width: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n height: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.1), transparent);\r\n transition: left 0.5s ease;\r\n }\r\n\r\n .service-card:hover::before {\r\n left: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n }\r\n\r\n .service-icon {\r\n width: 80px;\r\n height: 80px;\r\n margin: 0 auto 30px;\r\n background: linear-gradient(135deg, #667eea, #764ba2);\r\n border-radius: 50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n color: white;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .service-card:hover .service-icon {\r\n transform: scale(1.1) rotate(5deg);\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 1.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .service-card p {\r\n color: #666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Gallery Section *\/\r\n .gallery {\r\n padding: 80px 0;\r\n background: white;\r\n }\r\n\r\n .gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n }\r\n\r\n .gallery-item {\r\n position: relative;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.2);\r\n }\r\n\r\n .gallery-item img {\r\n width: 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n height: 250px;\r\n object-fit: cover;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .gallery-item:hover img {\r\n transform: scale(1.1);\r\n }\r\n\r\n .gallery-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: linear-gradient(transparent, rgba(0,0,0,0.7));\r\n color: white;\r\n padding: 20px;\r\n transform: translateY(100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .gallery-item:hover .gallery-overlay {\r\n transform: translateY(0);\r\n }\r\n\r\n .gallery-overlay h3 {\r\n font-size: 1.2rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* Process Section *\/\r\n .process {\r\n padding: 80px 0;\r\n background: #f8f9fa;\r\n }\r\n\r\n .process-steps {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 40px;\r\n margin-top: 60px;\r\n }\r\n\r\n .step {\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .step-number {\r\n width: 60px;\r\n height: 60px;\r\n background: linear-gradient(135deg, #667eea, #764ba2);\r\n color: white;\r\n border-radius: 50{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531};\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n margin: 0 auto 30px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .step:hover .step-number {\r\n transform: scale(1.1);\r\n }\r\n\r\n .step h3 {\r\n font-size: 1.3rem;\r\n color: #2c3e50;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .step p {\r\n color: #666;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* CTA Section *\/\r\n .cta {\r\n padding: 80px 0;\r\n background: linear-gradient(135deg, #667eea 0{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}, #764ba2 100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531});\r\n color: white;\r\n text-align: center;\r\n }\r\n\r\n .cta h2 {\r\n font-size: 2.5rem;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .cta p {\r\n font-size: 1.2rem;\r\n margin-bottom: 40px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .cta-button {\r\n display: inline-block;\r\n padding: 15px 40px;\r\n background: white;\r\n color: #667eea;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-size: 1.1rem;\r\n font-weight: bold;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n }\r\n\r\n .cta-button:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(0,0,0,0.3);\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .header h1 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .header p {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .hero-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .hero-content h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .gallery-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n }\r\n\r\n .process-steps {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cta h2 {\r\n font-size: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .container {\r\n padding: 0 15px;\r\n }\r\n\r\n .header h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .service-card {\r\n padding: 30px 20px;\r\n }\r\n\r\n .gallery-item img {\r\n height: 200px;\r\n }\r\n }\r\n\r\n \/* Smooth scrolling *\/\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n \/* Loading animation *\/\r\n .loading {\r\n opacity: 0;\r\n animation: fadeIn 0.5s ease-in forwards;\r\n }\r\n\r\n @keyframes fadeIn {\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <header class=\"header\">\r\n <div class=\"container\">\r\n <div class=\"header-content\">\r\n <h1>D\u0131\u015f Cephe Montaj\u0131<\/h1>\r\n <p>Profesyonel d\u0131\u015f cephe montaj \u00e7\u00f6z\u00fcmleri ile binan\u0131z\u0131 yenileyin ve de\u011ferini art\u0131r\u0131n<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-grid\">\r\n <div class=\"hero-content\">\r\n <h2>Modern D\u0131\u015f Cephe Montaj Hizmetleri<\/h2>\r\n <p>15 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle, binalar\u0131n\u0131z\u0131n d\u0131\u015f cephe montaj\u0131n\u0131 en y\u00fcksek kalite standartlar\u0131nda ger\u00e7ekle\u015ftiriyoruz. Is\u0131 yal\u0131t\u0131m\u0131ndan estetik g\u00f6r\u00fcn\u00fcme kadar her detay\u0131 d\u00fc\u015f\u00fcn\u00fcyoruz.<\/p>\r\n <p>Uzman ekibimiz, en son teknolojileri kullanarak projelerinizi zaman\u0131nda ve b\u00fct\u00e7e dahilinde tamaml\u0131yor.<\/p>\r\n <\/div>\r\n <div class=\"hero-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"D\u0131\u015f Cephe Montaj\u0131\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"services\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Hizmetlerimiz<\/h2>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n <h3>D\u0131\u015f Cephe Kaplama<\/h3>\r\n <p>Modern malzemelerle binalar\u0131n\u0131z\u0131n d\u0131\u015f cephesini yenileyin. Is\u0131 yal\u0131t\u0131m\u0131 ve estetik g\u00f6r\u00fcn\u00fcm\u00fc bir arada sunuyoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udd27<\/div>\r\n <h3>Montaj ve Kurulum<\/h3>\r\n <p>Profesyonel montaj ekibimiz ile g\u00fcvenli ve h\u0131zl\u0131 kurulum hizmeti sa\u011fl\u0131yoruz. Her proje i\u00e7in \u00f6zel \u00e7\u00f6z\u00fcmler \u00fcretiyoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfa8<\/div>\r\n <h3>Renk ve Tasar\u0131m<\/h3>\r\n <p>Binan\u0131z\u0131n mimarisine uygun renk ve tasar\u0131m se\u00e7enekleri sunuyoruz. Modern ve \u015f\u0131k g\u00f6r\u00fcn\u00fcm garantisi veriyoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udee1\ufe0f<\/div>\r\n <h3>Is\u0131 Yal\u0131t\u0131m\u0131<\/h3>\r\n <p>Enerji tasarrufu sa\u011flayan \u0131s\u0131 yal\u0131t\u0131m sistemleri ile k\u0131\u015f\u0131n s\u0131cak, yaz\u0131n serin ortamlar yarat\u0131yoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udd0d<\/div>\r\n <h3>Bak\u0131m ve Onar\u0131m<\/h3>\r\n <p>D\u00fczenli bak\u0131m ve onar\u0131m hizmetleri ile d\u0131\u015f cephenizin uzun y\u0131llar dayan\u0131kl\u0131 kalmas\u0131n\u0131 sa\u011fl\u0131yoruz.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udccb<\/div>\r\n <h3>Proje Y\u00f6netimi<\/h3>\r\n <p>Ba\u015ftan sona proje y\u00f6netimi ile s\u00fcre\u00e7lerinizi takip ediyor, zaman\u0131nda teslim garantisi veriyoruz.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"gallery\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Projelerimizden \u00d6rnekler<\/h2>\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Modern Bina Cephesi\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Modern Bina Cephesi<\/h3>\r\n <p>\u00c7a\u011fda\u015f tasar\u0131m anlay\u0131\u015f\u0131<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Is\u0131 Yal\u0131t\u0131ml\u0131 Cephe\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Is\u0131 Yal\u0131t\u0131ml\u0131 Cephe<\/h3>\r\n <p>Enerji tasarrufu odakl\u0131<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Kurumsal Bina\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Kurumsal Bina<\/h3>\r\n <p>Profesyonel g\u00f6r\u00fcn\u00fcm<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1449824913935-59a10b8d2000?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Konut Projesi\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Konut Projesi<\/h3>\r\n <p>Konforlu ya\u015fam alanlar\u0131<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"Renovasyon Projesi\">\r\n <div class=\"gallery-overlay\">\r\n <h3>Renovasyon Projesi<\/h3>\r\n <p>Eski binalar\u0131 yenileme<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531}3D&auto=format&fit=crop&w=2070&q=80\" alt=\"L\u00fcks Proje\">\r\n <div class=\"gallery-overlay\">\r\n <h3>L\u00fcks Proje<\/h3>\r\n <p>Premium malzemeler<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"process\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">\u00c7al\u0131\u015fma S\u00fcrecimiz<\/h2>\r\n <div class=\"process-steps\">\r\n <div class=\"step\">\r\n <div class=\"step-number\">1<\/div>\r\n <h3>Ke\u015fif ve Planlama<\/h3>\r\n <p>Projenizi detayl\u0131 olarak inceliyor, en uygun \u00e7\u00f6z\u00fcmleri planl\u0131yoruz. B\u00fct\u00e7e ve zaman \u00e7izelgesi belirliyoruz.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">2<\/div>\r\n <h3>Malzeme Se\u00e7imi<\/h3>\r\n <p>Kaliteli ve dayan\u0131kl\u0131 malzemeler se\u00e7iyoruz. Binan\u0131z\u0131n ihtiya\u00e7lar\u0131na g\u00f6re \u00f6zel \u00e7\u00f6z\u00fcmler sunuyoruz.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">3<\/div>\r\n <h3>Profesyonel Montaj<\/h3>\r\n <p>Uzman ekibimiz ile g\u00fcvenli ve h\u0131zl\u0131 montaj ger\u00e7ekle\u015ftiriyoruz. Her a\u015famay\u0131 titizlikle takip ediyoruz.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">4<\/div>\r\n <h3>Kalite Kontrol<\/h3>\r\n <p>Proje tamamland\u0131ktan sonra detayl\u0131 kalite kontrol\u00fc yap\u0131yor, m\u00fckemmel sonu\u00e7 garantisi veriyoruz.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"cta\">\r\n <div class=\"container\">\r\n <h2>Projenizi Hayata Ge\u00e7irelim<\/h2>\r\n <p>D\u0131\u015f cephe montaj\u0131 konusunda uzman ekibimizle tan\u0131\u015f\u0131n. \u00dccretsiz ke\u015fif i\u00e7in hemen ileti\u015fime ge\u00e7in.<\/p>\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=905364208867&text&type=phone_number&app_absent=0\" class=\"cta-button\">\u00dccretsiz Ke\u015fif Talep Et<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Smooth scrolling for anchor links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n }\r\n });\r\n });\r\n\r\n \/\/ Intersection Observer for animations\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('loading');\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Observe all sections\r\n document.querySelectorAll('section').forEach(section => {\r\n observer.observe(section);\r\n });\r\n\r\n \/\/ Parallax effect for header\r\n window.addEventListener('scroll', () => {\r\n const scrolled = window.pageYOffset;\r\n const header = document.querySelector('.header');\r\n const rate = scrolled * -0.5;\r\n header.style.transform = `translateY(${rate}px)`;\r\n });\r\n\r\n \/\/ Gallery lightbox effect (simple)\r\n document.querySelectorAll('.gallery-item').forEach(item => {\r\n item.addEventListener('click', function() {\r\n const img = this.querySelector('img');\r\n const overlay = this.querySelector('.gallery-overlay');\r\n \r\n \/\/ Toggle overlay visibility\r\n if (overlay.style.transform === 'translateY(0px)') {\r\n overlay.style.transform = 'translateY(100{31b4ee6043dac3064ba28a6c9fd4124a802f65bccf2a4e16a2a3d8aec0760531})';\r\n } else {\r\n overlay.style.transform = 'translateY(0px)';\r\n }\r\n });\r\n });\r\n\r\n \/\/ Service card hover effects\r\n document.querySelectorAll('.service-card').forEach(card => {\r\n card.addEventListener('mouseenter', function() {\r\n this.style.transform = 'translateY(-10px) scale(1.02)';\r\n });\r\n \r\n card.addEventListener('mouseleave', function() {\r\n this.style.transform = 'translateY(0) scale(1)';\r\n });\r\n });\r\n\r\n \/\/ Step number animation\r\n document.querySelectorAll('.step-number').forEach(number => {\r\n number.addEventListener('mouseenter', function() {\r\n this.style.transform = 'scale(1.1) rotate(5deg)';\r\n });\r\n \r\n number.addEventListener('mouseleave', function() {\r\n this.style.transform = 'scale(1) rotate(0deg)';\r\n });\r\n });\r\n\r\n \/\/ Add loading animation to page elements\r\n window.addEventListener('load', () => {\r\n document.body.classList.add('loaded');\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>D\u0131\u015f Cephe Montaj\u0131 – Profesyonel \u00c7\u00f6z\u00fcmler D\u0131\u015f Cephe Montaj\u0131 Profesyonel d\u0131\u015f cephe montaj \u00e7\u00f6z\u00fcmleri ile binan\u0131z\u0131 yenileyin ve de\u011ferini art\u0131r\u0131n Modern D\u0131\u015f Cephe Montaj Hizmetleri 15 y\u0131l\u0131 a\u015fk\u0131n deneyimimizle, binalar\u0131n\u0131z\u0131n d\u0131\u015f cephe montaj\u0131n\u0131 en y\u00fcksek kalite standartlar\u0131nda ger\u00e7ekle\u015ftiriyoruz. Is\u0131 yal\u0131t\u0131m\u0131ndan estetik g\u00f6r\u00fcn\u00fcme kadar her detay\u0131 d\u00fc\u015f\u00fcn\u00fcyoruz. Uzman ekibimiz, en son teknolojileri kullanarak projelerinizi zaman\u0131nda ve […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2461","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2461"}],"version-history":[{"count":7,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2461\/revisions"}],"predecessor-version":[{"id":2548,"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/2461\/revisions\/2548"}],"wp:attachment":[{"href":"https:\/\/kalayciogludekorasyon.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}