\u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u0645\u0631\u06cc\u0645 - \u0641\u0631\u0634\u062a\u0647 \u062a\u0647\u0631\u0627\u0646<\/title>\n <style>\n \/* ===== RESET & BASE ===== *\/\n *, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'IRANSans', 'Tahoma', sans-serif;\n background: #f9f5fe;\n color: #2d1b3d;\n line-height: 1.8;\n overflow-x: hidden;\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n img {\n max-width: 100%;\n height: auto;\n display: block;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* ===== COLORS ===== *\/\n :root {\n --primary: #7b2d8b;\n --primary-light: #b57edc;\n --primary-dark: #4a1c5e;\n --accent: #e5b8f5;\n --light: #f9f5fe;\n --dark: #2d1b3d;\n --text: #3e2a4e;\n --white: #ffffff;\n --shadow: 0 10px 30px rgba(123, 45, 139, 0.15);\n }\n\n \/* ===== ANIMATION UTILITIES ===== *\/\n .fade-up {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .fade-left {\n opacity: 0;\n transform: translateX(-40px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .fade-right {\n opacity: 0;\n transform: translateX(40px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .scale-in {\n opacity: 0;\n transform: scale(0.85);\n transition: opacity 0.6s ease, transform 0.6s ease;\n }\n\n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n\n \/* ===== HEADER \/ HERO ===== *\/\n .hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #4a1c5e 0%, #7b2d8b 50%, #b57edc 100%);\n overflow: hidden;\n padding: 80px 20px 60px;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,0.08) 0%, transparent 50%);\n animation: heroGlow 8s infinite alternate;\n }\n\n @keyframes heroGlow {\n 0% { transform: translate(0, 0); }\n 100% { transform: translate(-20px, -20px); }\n }\n\n .hero-content {\n text-align: center;\n color: white;\n position: relative;\n z-index: 2;\n }\n\n .hero-logo {\n font-size: 4rem;\n font-weight: 900;\n letter-spacing: -2px;\n margin-bottom: 10px;\n animation: fadeInDown 1s ease both;\n }\n\n .hero-logo span {\n color: #e5b8f5;\n display: inline-block;\n }\n\n .hero-subtitle {\n font-size: 1.4rem;\n opacity: 0.9;\n margin-bottom: 20px;\n animation: fadeInUp 1s ease both 0.2s;\n }\n\n .hero-tagline {\n font-size: 1.1rem;\n background: rgba(255,255,255,0.15);\n backdrop-filter: blur(5px);\n padding: 8px 25px;\n border-radius: 50px;\n display: inline-block;\n margin-bottom: 30px;\n animation: fadeInUp 1s ease both 0.4s;\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .hero-cta {\n display: inline-block;\n background: white;\n color: #7b2d8b;\n padding: 16px 40px;\n border-radius: 50px;\n font-weight: bold;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n animation: fadeInUp 1s ease both 0.6s;\n }\n\n .hero-cta:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 15px 40px rgba(0,0,0,0.25);\n }\n\n @keyframes fadeInDown {\n from { opacity: 0; transform: translateY(-30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* ===== SECTION GENERAL ===== *\/\n section {\n padding: 80px 0;\n }\n\n .section-title {\n font-size: 2.2rem;\n text-align: center;\n margin-bottom: 15px;\n color: var(--primary-dark);\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1.1rem;\n color: #6a5078;\n margin-bottom: 50px;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* ===== ABOUT ===== *\/\n .about {\n background: var(--white);\n }\n\n .about-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 50px;\n align-items: center;\n }\n\n .about-image {\n border-radius: 20px;\n overflow: hidden;\n box-shadow: var(--shadow);\n }\n\n .about-image img {\n width: 100%;\n height: 450px;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\n\n .about-image:hover img {\n transform: scale(1.03);\n }\n\n .about-text h2 {\n font-size: 2rem;\n color: var(--primary);\n margin-bottom: 15px;\n }\n\n .about-text h2 span {\n color: var(--primary-dark);\n display: block;\n font-size: 1.2rem;\n font-weight: normal;\n margin-top: 5px;\n }\n\n .about-text p {\n color: var(--text);\n margin-bottom: 20px;\n line-height: 2;\n }\n\n .badge {\n display: inline-block;\n background: var(--accent);\n color: var(--primary-dark);\n padding: 5px 20px;\n border-radius: 30px;\n font-weight: bold;\n font-size: 0.9rem;\n }\n\n \/* ===== SERVICES ===== *\/\n .services {\n background: var(--light);\n }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n }\n\n .service-card {\n background: var(--white);\n border-radius: 20px;\n padding: 30px 20px;\n text-align: center;\n box-shadow: var(--shadow);\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n cursor: default;\n }\n\n .service-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(123, 45, 139, 0.2);\n }\n\n .service-icon {\n font-size: 3rem;\n margin-bottom: 15px;\n display: block;\n }\n\n .service-card h3 {\n font-size: 1.3rem;\n color: var(--primary);\n margin-bottom: 10px;\n }\n\n .service-card p {\n color: #6a5078;\n font-size: 0.95rem;\n }\n\n \/* ===== GALLERY ===== *\/\n .gallery {\n background: var(--white);\n }\n\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n }\n\n .gallery-item {\n border-radius: 15px;\n overflow: hidden;\n position: relative;\n box-shadow: var(--shadow);\n }\n\n .gallery-item img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .gallery-item:hover img {\n transform: scale(1.08);\n }\n\n .gallery-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: linear-gradient(transparent, rgba(74,28,94,0.8));\n color: white;\n padding: 15px;\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .gallery-item:hover .gallery-overlay {\n opacity: 1;\n }\n\n \/* ===== CONTACT ===== *\/\n .contact {\n background: var(--primary);\n color: white;\n }\n\n .contact .section-title {\n color: white;\n }\n\n .contact .section-subtitle {\n color: rgba(255,255,255,0.85);\n }\n\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n }\n\n .contact-info {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n gap: 15px;\n background: rgba(255,255,255,0.1);\n padding: 15px 20px;\n border-radius: 15px;\n backdrop-filter: blur(5px);\n }\n\n .contact-item .emoji {\n font-size: 1.8rem;\n }\n\n .contact-item h4 {\n font-size: 1rem;\n margin-bottom: 3px;\n }\n\n .contact-item p {\n font-size: 0.9rem;\n opacity: 0.9;\n }\n\n .contact-map {\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n min-height: 300px;\n background: #e0d0f0;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--primary-dark);\n font-size: 1.2rem;\n }\n\n \/* ===== FOOTER ===== *\/\n .footer {\n background: var(--primary-dark);\n color: rgba(255,255,255,0.7);\n text-align: center;\n padding: 40px 0;\n }\n\n .footer p {\n font-size: 0.95rem;\n }\n\n .footer-social {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin-bottom: 15px;\n }\n\n .footer-social a {\n display: inline-block;\n width: 45px;\n height: 45px;\n background: rgba(255,255,255,0.1);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.4rem;\n transition: all 0.3s ease;\n }\n\n .footer-social a:hover {\n background: var(--primary-light);\n transform: translateY(-3px);\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 992px) {\n .about-grid {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .about-image img {\n height: 300px;\n }\n\n .contact-grid {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 768px) {\n .hero-logo {\n font-size: 2.8rem;\n }\n\n .hero-subtitle {\n font-size: 1.1rem;\n }\n\n section {\n padding: 60px 0;\n }\n\n .section-title {\n font-size: 1.8rem;\n }\n\n .services-grid {\n grid-template-columns: 1fr;\n }\n\n .gallery-grid {\n grid-template-columns: 1fr 1fr;\n }\n }\n\n @media (max-width: 480px) {\n .hero-logo {\n font-size: 2rem;\n }\n\n .hero-cta {\n padding: 14px 30px;\n font-size: 1rem;\n }\n\n .gallery-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"hero\">\n <div class=\"hero-content container\">\n <h1 class=\"hero-logo\">\n <span>\u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647<\/span> \u0645\u0631\u06cc\u0645\n <\/h1>\n <p class=\"hero-subtitle\">\u0634\u06cc\u06a9\u200c\u062a\u0631\u06cc\u0646 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u062f\u0631 \u0641\u0631\u0634\u062a\u0647 \u062a\u0647\u0631\u0627\u0646<\/p>\n <div class=\"hero-tagline\">\n \ud83c\udf1f \u0628\u0647\u062a\u0631\u06cc\u0646 \u062f\u0631 \u0645\u0646\u0637\u0642\u0647 \u2013 \u0645\u062f\u06cc\u0631\u06cc\u062a: \u062e\u0627\u0646\u0645 \u0645\u0631\u06cc\u0645\n <\/div>\n <a href=\"#services\" class=\"hero-cta\">\u0645\u0634\u0627\u0647\u062f\u0647 \u062e\u062f\u0645\u0627\u062a \u0645\u0627<\/a>\n <\/div>\n <\/header>\n\n \n <section class=\"about\" id=\"about\">\n <div class=\"container\">\n <div class=\"about-grid\">\n <div class=\"about-image fade-left\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\u062f\u0627\u062e\u0644 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647\" loading=\"lazy\">\n <\/div>\n <div class=\"about-text fade-right\">\n <span class=\"badge\">\u2728 \u0628\u0647\u062a\u0631\u06cc\u0646 \u062f\u0631 \u0641\u0631\u0634\u062a\u0647<\/span>\n <h2>\n \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u0645\u0631\u06cc\u0645\n <span>\u0645\u062f\u06cc\u0631\u06cc\u062a: \u062e\u0627\u0646\u0645 \u0645\u0631\u06cc\u0645<\/span>\n <\/h2>\n <p>\n \u0628\u0627 \u0628\u06cc\u0634 \u0627\u0632 \u06f1\u06f0 \u0633\u0627\u0644 \u062a\u062c\u0631\u0628\u0647 \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u0622\u0631\u0627\u06cc\u0634 \u0648 \u0632\u06cc\u0628\u0627\u06cc\u06cc\u060c \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0645\u0631\u06cc\u0645 \u062f\u0631 \u0642\u0644\u0628 \u0641\u0631\u0634\u062a\u0647 \u062a\u0647\u0631\u0627\u0646\u060c \n \u0622\u0645\u0627\u062f\u0647 \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u062e\u062f\u0645\u0627\u062a \u0628\u0647 \u0634\u0645\u0627 \u0628\u0627\u0646\u0648\u0627\u0646 \u0639\u0632\u06cc\u0632 \u0627\u0633\u062a. \u0641\u0636\u0627\u06cc\u06cc \u0645\u062f\u0631\u0646\u060c \u062a\u06cc\u0645\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0648 \n \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0628\u0631\u062a\u0631\u06cc\u0646 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0631\u0648\u0632 \u062f\u0646\u06cc\u0627\u060c \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0631\u0642\u0645 \u0645\u06cc\u200c\u0632\u0646\u062f.\n <\/p>\n <p>\n \u0645\u0627 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u062f\u0631 \u0645\u0646\u0637\u0642\u0647\u060c \u0647\u0645\u0648\u0627\u0631\u0647 \u0631\u0636\u0627\u06cc\u062a \u0634\u0645\u0627 \u0631\u0627 \u0627\u0648\u0644\u0648\u06cc\u062a \u062e\u0648\u062f \u0645\u06cc\u200c\u062f\u0627\u0646\u06cc\u0645. \n \u0627\u0632 \u06a9\u0648\u062a\u0627\u0647\u06cc \u0645\u0648 \u062a\u0627 \u0645\u06cc\u06a9\u0627\u067e \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c \u0647\u0645\u0647 \u0686\u06cc\u0632 \u062f\u0631 \u06cc\u06a9 \u0645\u06a9\u0627\u0646.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"services\" id=\"services\">\n <div class=\"container\">\n <h2 class=\"section-title fade-up\">\u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0645\u0627<\/h2>\n <p class=\"section-subtitle fade-up\">\u0647\u0645\u0647 \u062e\u062f\u0645\u0627\u062a \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0634\u0645\u0627 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u0638\u0627\u0647\u0631 \u0628\u06cc\u200c\u0646\u0642\u0635<\/p>\n\n <div class=\"services-grid\">\n \n <div class=\"service-card scale-in\">\n <span class=\"service-icon\">\ud83d\udc87\u200d\u2640\ufe0f<\/span>\n <h3>\u06a9\u0648\u062a\u0627\u0647\u06cc \u0648 \u0641\u0631\u0645\u200c\u062f\u0647\u06cc \u0645\u0648<\/h3>\n <p>\u0645\u062f\u0644\u200c\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u0648 \u06a9\u0644\u0627\u0633\u06cc\u06a9 \u0628\u0627 \u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u06a9\u0648\u062a\u0627\u0647\u06cc<\/p>\n <\/div>\n <div class=\"service-card scale-in\">\n <span class=\"service-icon\">\ud83c\udfa8<\/span>\n <h3>\u0631\u0646\u06af\u060c \u0645\u0634 \u0648 \u0647\u0627\u06cc\u0644\u0627\u06cc\u062a<\/h3>\n <p>\u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u06a9\u0631\u0645\u060c \u062f\u06a9\u0644\u0631\u0647\u060c \u0622\u0645\u0628\u0631\u0647 \u0648 \u0645\u0634\u200c\u0647\u0627\u06cc \u0637\u0628\u06cc\u0639\u06cc<\/p>\n <\/div>\n <div class=\"service-card scale-in\">\n <span class=\"service-icon\">\ud83d\udc85<\/span>\n <h3>\u06a9\u0627\u0634\u062a \u0648 \u0637\u0631\u0627\u062d\u06cc \u0646\u0627\u062e\u0646<\/h3>\n <p>\u06a9\u0627\u0634\u062a \u0698\u0644\u060c \u067e\u0648\u062f\u0631\u060c \u0644\u0627\u06a9 \u0698\u0644 \u0648 \u0627\u0646\u0648\u0627\u0639 \u0647\u0646\u0631 \u0646\u0627\u062e\u0646<\/p>\n <\/div>\n <div class=\"service-card scale-in\">\n <span class=\"service-icon\">\ud83d\udc84<\/span>\n <h3>\u0645\u06cc\u06a9\u0627\u067e \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/h3>\n <p>\u0645\u06cc\u06a9\u0627\u067e \u0639\u0631\u0648\u0633\u060c \u0645\u06cc\u06a9\u0627\u067e \u0631\u0648\u0632\u0627\u0646\u0647 \u0648 \u0645\u06cc\u06a9\u0627\u067e \u0645\u0647\u0645\u0627\u0646\u06cc<\/p>\n <\/div>\n <div class=\"service-card scale-in\">\n <span class=\"service-icon\">\ud83e\uddf4<\/span>\n <h3>\u067e\u0627\u06a9\u0633\u0627\u0632\u06cc \u0648 \u0645\u0631\u0627\u0642\u0628\u062a \u067e\u0648\u0633\u062a<\/h3>\n <p>\u0641\u06cc\u0634\u06cc\u0627\u0644\u060c \u0647\u06cc\u062f\u0631\u0648\u0641\u06cc\u0634\u06cc\u0627\u0644\u060c \u0645\u06cc\u06a9\u0631\u0648\u0646\u06cc\u062f\u0644\u06cc\u0646\u06af \u0648 \u0644\u06cc\u0641\u062a<\/p>\n <\/div>\n <div class=\"service-card scale-in\">\n <span class=\"service-icon\">\u2728<\/span>\n <h3>\u0627\u06a9\u0633\u062a\u0646\u0634\u0646 \u0648 \u0628\u0627\u0641\u062a \u0645\u0648<\/h3>\n <p>\u0627\u06a9\u0633\u062a\u0646\u0634\u0646 \u0637\u0628\u06cc\u0639\u06cc\u060c \u0628\u0627\u0641\u062a\u200c\u0647\u0627\u06cc \u0645\u062c\u0644\u0633\u06cc \u0648 \u06a9\u0627\u0634\u062a \u0645\u0698\u0647<\/p>\n <\/div>\n <div class=\"service-card scale-in\">\n <span class=\"service-icon\">\ud83c\udf3f<\/span>\n <h3>\u0628\u0648\u062a\u0627\u06a9\u0633 \u0648 \u06a9\u0631\u0627\u062a\u06cc\u0646\u0647 \u0645\u0648<\/h3>\n <p>\u0635\u0627\u0641\u06cc \u0648 \u062f\u0631\u062e\u0634\u0646\u062f\u06af\u06cc \u0645\u0648 \u0628\u0627 \u0645\u0648\u0627\u062f \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a<\/p>\n <\/div>\n <div class=\"service-card scale-in\">\n <span class=\"service-icon\">\ud83d\udc41\ufe0f<\/span>\n <h3>\u06a9\u0627\u0634\u062a \u0648 \u0644\u06cc\u0641\u062a \u0645\u0698\u0647<\/h3>\n <p>\u0645\u0698\u0647\u200c\u0647\u0627\u06cc \u062d\u062c\u0645\u06cc \u0648 \u0641\u0631\u0647\u0627\u06cc \u062c\u0630\u0627\u0628<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"gallery\" id=\"gallery\">\n <div class=\"container\">\n <h2 class=\"section-title fade-up\">\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u0627<\/h2>\n <p class=\"section-subtitle fade-up\">\u062a\u0635\u0627\u0648\u06cc\u0631\u06cc \u0627\u0632 \u06a9\u0627\u0631\u0647\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0634\u062f\u0647 \u062f\u0631 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0645\u0631\u06cc\u0645<\/p>\n\n <div class=\"gallery-grid\">\n <div class=\"gallery-item scale-in\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u06f1\" loading=\"lazy\">\n <div class=\"gallery-overlay\">\u06a9\u0648\u062a\u0627\u0647\u06cc \u0648 \u0631\u0646\u06af<\/div>\n <\/div>\n <div class=\"gallery-item scale-in\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522337360788-8b13dee7a37e?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u06f2\" loading=\"lazy\">\n <div class=\"gallery-overlay\">\u0645\u06cc\u06a9\u0627\u067e \u0639\u0631\u0648\u0633<\/div>\n <\/div>\n <div class=\"gallery-item scale-in\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1607779097040-26e80aa78e66?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u06f3\" loading=\"lazy\">\n <div class=\"gallery-overlay\">\u0637\u0631\u0627\u062d\u06cc \u0646\u0627\u062e\u0646<\/div>\n <\/div>\n <div class=\"gallery-item scale-in\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580618672591-eb180b1a973f?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u06f4\" loading=\"lazy\">\n <div class=\"gallery-overlay\">\u0627\u06a9\u0633\u062a\u0646\u0634\u0646 \u0645\u0648<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"contact\" id=\"contact\">\n <div class=\"container\">\n <h2 class=\"section-title fade-up\">\u0628\u0627 \u0645\u0627 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f<\/h2>\n <p class=\"section-subtitle fade-up\">\u0647\u0645\u06cc\u0646 \u0627\u0645\u0631\u0648\u0632 \u0648\u0642\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u06cc\u0627 \u0646\u0648\u0628\u062a \u062e\u0648\u062f \u0631\u0627 \u0631\u0632\u0631\u0648 \u06a9\u0646\u06cc\u062f<\/p>\n\n <div class=\"contact-grid\">\n <div class=\"contact-info\">\n <div class=\"contact-item fade-right\">\n <span class=\"emoji\">\ud83d\udccd<\/span>\n <div>\n <h4>\u0622\u062f\u0631\u0633<\/h4>\n <p>\u062a\u0647\u0631\u0627\u0646\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0641\u0631\u0634\u062a\u0647\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0641\u0644\u0627\u0646\u06cc\u060c \u067e\u0644\u0627\u06a9 \u06f1\u06f2\u06f3<\/p>\n <\/div>\n <\/div>\n <div class=\"contact-item fade-right\">\n <span class=\"emoji\">\ud83d\udcde<\/span>\n <div>\n <h4>\u062a\u0644\u0641\u0646<\/h4>\n <p>\u06f0\u06f2\u06f1-\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8<\/p>\n <\/div>\n <\/div>\n <div class=\"contact-item fade-right\">\n \t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7723248 e-con e-atomic-element e-flexbox-base e-2631bfb \" data-id=\"7723248\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7723248\">\n \t\t<div class=\"elementor-element elementor-element-8fa6887 elementor-widget elementor-widget-html\" data-id=\"8fa6887\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t```html\n<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title>\u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u0645\u0631\u06cc\u0645 - \u0641\u0631\u0634\u062a\u0647 \u062a\u0647\u0631\u0627\u0646<\/title>\n <style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'IRANSans', 'Tahoma', sans-serif; background: #f9f5fe; color: #2d1b3d; line-height: 1.8; overflow-x: hidden; }\n a { text-decoration: none; color: inherit; }\n img { max-width: 100%; height: auto; display: block; }\n .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\n :root { --primary: #7b2d8b; --primary-light: #b57edc; --primary-dark: #4a1c5e; --accent: #e5b8f5; --light: #f9f5fe; --dark: #2d1b3d; --text: #3e2a4e; --white: #ffffff; --shadow: 0 10px 30px rgba(123,45,139,0.15); }\n .fade-up { opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease, transform 0.8s ease; }\n .fade-up.visible { opacity: 1; transform: translateY(0); }\n .fade-left { opacity: 0; transform: translateX(-40px); transition: opacity 0.8s ease, transform 0.8s ease; }\n .fade-left.visible { opacity: 1; transform: translateX(0); }\n .fade-right { opacity: 0; transform: translateX(40px); transition: opacity 0.8s ease, transform 0.8s ease; }\n .fade-right.visible { opacity: 1; transform: translateX(0); }\n .scale-in { opacity: 0; transform: scale(0.85); transition: opacity 0.6s ease, transform 0.6s ease; }\n .scale-in.visible { opacity: 1; transform: scale(1); }\n .hero { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #4a1c5e 0%, #7b2d8b 50%, #b57edc 100%); overflow: hidden; padding: 80px 20px 60px; }\n .hero::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at 30% 70%, rgba(255,255,255,0.08) 0%, transparent 50%); animation: heroGlow 8s infinite alternate; }\n @keyframes heroGlow { 0% { transform: translate(0, 0); } 100% { transform: translate(-20px, -20px); } }\n .hero-content { text-align: center; color: white; position: relative; z-index: 2; }\n .hero-logo { font-size: 4rem; font-weight: 900; letter-spacing: -2px; margin-bottom: 10px; animation: fadeInDown 1s ease both; }\n .hero-logo span { color: #e5b8f5; display: inline-block; }\n .hero-subtitle { font-size: 1.4rem; opacity: 0.9; margin-bottom: 20px; animation: fadeInUp 1s ease both 0.2s; }\n .hero-tagline { font-size: 1.1rem; background: rgba(255,255,255,0.15); backdrop-filter: blur(5px); padding: 8px 25px; border-radius: 50px; display: inline-block; margin-bottom: 30px; animation: fadeInUp 1s ease both 0.4s; border: 1px solid rgba(255,255,255,0.2); }\n .hero-cta { display: inline-block; background: white; color: #7b2d8b; padding: 16px 40px; border-radius: 50px; font-weight: bold; font-size: 1.1rem; transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0,0,0,0.15); animation: fadeInUp 1s ease both 0.6s; }\n .hero-cta:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 15px 40px rgba(0,0,0,0.25); }\n @keyframes fadeInDown { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } }\n @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n section { padding: 80px 0; }\n .section-title { font-size: 2.2rem; text-align: center; margin-bottom: 15px; color: var(--primary-dark); }\n .section-subtitle { text-align: center; font-size: 1.1rem; color: #6a5078; margin-bottom: 50px; max-width: 600px; margin-left: auto; margin-right: auto; }\n .about { background: var(--white); }\n .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }\n .about-image { border-radius: 20px; overflow: hidden; box-shadow: var(--shadow); }\n .about-image img { width: 100%; height: 450px; object-fit: cover; transition: transform 0.6s ease; }\n .about-image:hover img { transform: scale(1.03); }\n .about-text h2 { font-size: 2rem; color: var(--primary); margin-bottom: 15px; }\n .about-text h2 span { color: var(--primary-dark); display: block; font-size: 1.2rem; font-weight: normal; margin-top: 5px; }\n .about-text p { color: var(--text); margin-bottom: 20px; line-height: 2; }\n .badge { display: inline-block; background: var(--accent); color: var(--primary-dark); padding: 5px 20px; border-radius: 30px; font-weight: bold; font-size: 0.9rem; }\n .services { background: var(--light); }\n .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\n .service-card { background: var(--white); border-radius: 20px; padding: 30px 20px; text-align: center; box-shadow: var(--shadow); transition: transform 0.4s ease, box-shadow 0.4s ease; cursor: default; }\n .service-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(123,45,139,0.2); }\n .service-icon { font-size: 3rem; margin-bottom: 15px; display: block; }\n .service-card h3 { font-size: 1.3rem; color: var(--primary); margin-bottom: 10px; }\n .service-card p { color: #6a5078; font-size: 0.95rem; }\n .gallery { background: var(--white); }\n .gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }\n .gallery-item { border-radius: 15px; overflow: hidden; position: relative; box-shadow: var(--shadow); }\n .gallery-item img { width: 100%; height: 300px; object-fit: cover; transition: transform 0.5s ease; }\n .gallery-item:hover img { transform: scale(1.08); }\n .gallery-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(74,28,94,0.8)); color: white; padding: 15px; opacity: 0; transition: opacity 0.4s ease; }\n .gallery-item:hover .gallery-overlay { opacity: 1; }\n .contact { background: var(--primary); color: white; }\n .contact .section-title { color: white; }\n .contact .section-subtitle { color: rgba(255,255,255,0.85); }\n .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }\n .contact-info { display: flex; flex-direction: column; gap: 20px; }\n .contact-item { display: flex; align-items: center; gap: 15px; background: rgba(255,255,255,0.1); padding: 15px 20px; border-radius: 15px; backdrop-filter: blur(5px); }\n .contact-item .emoji { font-size: 1.8rem; }\n .contact-item h4 { font-size: 1rem; margin-bottom: 3px; }\n .contact-item p { font-size: 0.9rem; opacity: 0.9; }\n .contact-map { border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.2); min-height: 300px; background: #e0d0f0; display: flex; align-items: center; justify-content: center; color: var(--primary-dark); font-size: 1.2rem; }\n .footer { background: var(--primary-dark); color: rgba(255,255,255,0.7); text-align: center; padding: 40px 0; }\n .footer p { font-size: 0.95rem; }\n .footer-social { display: flex; justify-content: center; gap: 20px; margin-bottom: 15px; }\n .footer-social a { display: inline-flex; width: 45px; height: 45px; background: rgba(255,255,255,0.1); border-radius: 50%; align-items: center; justify-content: center; font-size: 1.4rem; transition: all 0.3s ease; }\n .footer-social a:hover { background: var(--primary-light); transform: translateY(-3px); }\n @media (max-width: 992px) { .about-grid { grid-template-columns: 1fr; gap: 30px; } .about-image img { height: 300px; } .contact-grid { grid-template-columns: 1fr; } }\n @media (max-width: 768px) { .hero-logo { font-size: 2.8rem; } .hero-subtitle { font-size: 1.1rem; } section { padding: 60px 0; } .section-title { font-size: 1.8rem; } .services-grid { grid-template-columns: 1fr; } .gallery-grid { grid-template-columns: 1fr 1fr; } }\n @media (max-width: 480px) { .hero-logo { font-size: 2rem; } .hero-cta { padding: 14px 30px; font-size: 1rem; } .gallery-grid { grid-template-columns: 1fr; } }\n <\/style>\n<\/head>\n<body>\n <header class=\"hero\">\n <div class=\"hero-content container\">\n <h1 class=\"hero-logo\"><span>\u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647<\/span> \u0645\u0631\u06cc\u0645<\/h1>\n <p class=\"hero-subtitle\">\u0634\u06cc\u06a9\u200c\u062a\u0631\u06cc\u0646 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u062f\u0631 \u0641\u0631\u0634\u062a\u0647 \u062a\u0647\u0631\u0627\u0646<\/p>\n <div class=\"hero-tagline\">\ud83c\udf1f \u0628\u0647\u062a\u0631\u06cc\u0646 \u062f\u0631 \u0645\u0646\u0637\u0642\u0647 \u2013 \u0645\u062f\u06cc\u0631\u06cc\u062a: \u062e\u0627\u0646\u0645 \u0645\u0631\u06cc\u0645<\/div>\n <a href=\"#services\" class=\"hero-cta\">\u0645\u0634\u0627\u0647\u062f\u0647 \u062e\u062f\u0645\u0627\u062a \u0645\u0627<\/a>\n <\/div>\n <\/header>\n <section class=\"about\" id=\"about\">\n <div class=\"container\">\n <div class=\"about-grid\">\n <div class=\"about-image fade-left\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\u062f\u0627\u062e\u0644 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647\" loading=\"lazy\"><\/div>\n <div class=\"about-text fade-right\">\n <span class=\"badge\">\u2728 \u0628\u0647\u062a\u0631\u06cc\u0646 \u062f\u0631 \u0641\u0631\u0634\u062a\u0647<\/span>\n <h2>\u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u0645\u0631\u06cc\u0645<span>\u0645\u062f\u06cc\u0631\u06cc\u062a: \u062e\u0627\u0646\u0645 \u0645\u0631\u06cc\u0645<\/span><\/h2>\n <p>\u0628\u0627 \u0628\u06cc\u0634 \u0627\u0632 \u06f1\u06f0 \u0633\u0627\u0644 \u062a\u062c\u0631\u0628\u0647 \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u0622\u0631\u0627\u06cc\u0634 \u0648 \u0632\u06cc\u0628\u0627\u06cc\u06cc\u060c \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0645\u0631\u06cc\u0645 \u062f\u0631 \u0642\u0644\u0628 \u0641\u0631\u0634\u062a\u0647 \u062a\u0647\u0631\u0627\u0646\u060c \u0622\u0645\u0627\u062f\u0647 \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u062e\u062f\u0645\u0627\u062a \u0628\u0647 \u0634\u0645\u0627 \u0628\u0627\u0646\u0648\u0627\u0646 \u0639\u0632\u06cc\u0632 \u0627\u0633\u062a. \u0641\u0636\u0627\u06cc\u06cc \u0645\u062f\u0631\u0646\u060c \u062a\u06cc\u0645\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0628\u0631\u062a\u0631\u06cc\u0646 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0631\u0648\u0632 \u062f\u0646\u06cc\u0627\u060c \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0631\u0642\u0645 \u0645\u06cc\u200c\u0632\u0646\u062f.<\/p>\n <p>\u0645\u0627 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u062f\u0631 \u0645\u0646\u0637\u0642\u0647\u060c \u0647\u0645\u0648\u0627\u0631\u0647 \u0631\u0636\u0627\u06cc\u062a \u0634\u0645\u0627 \u0631\u0627 \u0627\u0648\u0644\u0648\u06cc\u062a \u062e\u0648\u062f \u0645\u06cc\u200c\u062f\u0627\u0646\u06cc\u0645. \u0627\u0632 \u06a9\u0648\u062a\u0627\u0647\u06cc \u0645\u0648 \u062a\u0627 \u0645\u06cc\u06a9\u0627\u067e \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c \u0647\u0645\u0647 \u0686\u06cc\u0632 \u062f\u0631 \u06cc\u06a9 \u0645\u06a9\u0627\u0646.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"services\" id=\"services\">\n <div class=\"container\">\n <h2 class=\"section-title fade-up\">\u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0645\u0627<\/h2>\n <p class=\"section-subtitle fade-up\">\u0647\u0645\u0647 \u062e\u062f\u0645\u0627\u062a \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0634\u0645\u0627 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u0638\u0627\u0647\u0631 \u0628\u06cc\u200c\u0646\u0642\u0635<\/p>\n <div class=\"services-grid\">\n <div class=\"service-card scale-in\"><span class=\"service-icon\">\ud83d\udc87\u200d\u2640\ufe0f<\/span><h3>\u06a9\u0648\u062a\u0627\u0647\u06cc \u0648 \u0641\u0631\u0645\u200c\u062f\u0647\u06cc \u0645\u0648<\/h3><p>\u0645\u062f\u0644\u200c\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u0648 \u06a9\u0644\u0627\u0633\u06cc\u06a9 \u0628\u0627 \u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u06a9\u0648\u062a\u0627\u0647\u06cc<\/p><\/div>\n <div class=\"service-card scale-in\"><span class=\"service-icon\">\ud83c\udfa8<\/span><h3>\u0631\u0646\u06af\u060c \u0645\u0634 \u0648 \u0647\u0627\u06cc\u0644\u0627\u06cc\u062a<\/h3><p>\u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u06a9\u0631\u0645\u060c \u062f\u06a9\u0644\u0631\u0647\u060c \u0622\u0645\u0628\u0631\u0647 \u0648 \u0645\u0634\u200c\u0647\u0627\u06cc \u0637\u0628\u06cc\u0639\u06cc<\/p><\/div>\n <div class=\"service-card scale-in\"><span class=\"service-icon\">\ud83d\udc85<\/span><h3>\u06a9\u0627\u0634\u062a \u0648 \u0637\u0631\u0627\u062d\u06cc \u0646\u0627\u062e\u0646<\/h3><p>\u06a9\u0627\u0634\u062a \u0698\u0644\u060c \u067e\u0648\u062f\u0631\u060c \u0644\u0627\u06a9 \u0698\u0644 \u0648 \u0627\u0646\u0648\u0627\u0639 \u0647\u0646\u0631 \u0646\u0627\u062e\u0646<\/p><\/div>\n <div class=\"service-card scale-in\"><span class=\"service-icon\">\ud83d\udc84<\/span><h3>\u0645\u06cc\u06a9\u0627\u067e \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/h3><p>\u0645\u06cc\u06a9\u0627\u067e \u0639\u0631\u0648\u0633\u060c \u0645\u06cc\u06a9\u0627\u067e \u0631\u0648\u0632\u0627\u0646\u0647 \u0648 \u0645\u06cc\u06a9\u0627\u067e \u0645\u0647\u0645\u0627\u0646\u06cc<\/p><\/div>\n <div class=\"service-card scale-in\"><span class=\"service-icon\">\ud83e\uddf4<\/span><h3>\u067e\u0627\u06a9\u0633\u0627\u0632\u06cc \u0648 \u0645\u0631\u0627\u0642\u0628\u062a \u067e\u0648\u0633\u062a<\/h3><p>\u0641\u06cc\u0634\u06cc\u0627\u0644\u060c \u0647\u06cc\u062f\u0631\u0648\u0641\u06cc\u0634\u06cc\u0627\u0644\u060c \u0645\u06cc\u06a9\u0631\u0648\u0646\u06cc\u062f\u0644\u06cc\u0646\u06af \u0648 \u0644\u06cc\u0641\u062a<\/p><\/div>\n <div class=\"service-card scale-in\"><span class=\"service-icon\">\u2728<\/span><h3>\u0627\u06a9\u0633\u062a\u0646\u0634\u0646 \u0648 \u0628\u0627\u0641\u062a \u0645\u0648<\/h3><p>\u0627\u06a9\u0633\u062a\u0646\u0634\u0646 \u0637\u0628\u06cc\u0639\u06cc\u060c \u0628\u0627\u0641\u062a\u200c\u0647\u0627\u06cc \u0645\u062c\u0644\u0633\u06cc \u0648 \u06a9\u0627\u0634\u062a \u0645\u0698\u0647<\/p><\/div>\n <div class=\"service-card scale-in\"><span class=\"service-icon\">\ud83c\udf3f<\/span><h3>\u0628\u0648\u062a\u0627\u06a9\u0633 \u0648 \u06a9\u0631\u0627\u062a\u06cc\u0646\u0647 \u0645\u0648<\/h3><p>\u0635\u0627\u0641\u06cc \u0648 \u062f\u0631\u062e\u0634\u0646\u062f\u06af\u06cc \u0645\u0648 \u0628\u0627 \u0645\u0648\u0627\u062f \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a<\/p><\/div>\n <div class=\"service-card scale-in\"><span class=\"service-icon\">\ud83d\udc41\ufe0f<\/span><h3>\u06a9\u0627\u0634\u062a \u0648 \u0644\u06cc\u0641\u062a \u0645\u0698\u0647<\/h3><p>\u0645\u0698\u0647\u200c\u0647\u0627\u06cc \u062d\u062c\u0645\u06cc \u0648 \u0641\u0631\u0647\u0627\u06cc \u062c\u0630\u0627\u0628<\/p><\/div>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"gallery\" id=\"gallery\">\n <div class=\"container\">\n <h2 class=\"section-title fade-up\">\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u0627<\/h2>\n <p class=\"section-subtitle fade-up\">\u062a\u0635\u0627\u0648\u06cc\u0631\u06cc \u0627\u0632 \u06a9\u0627\u0631\u0647\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0634\u062f\u0647 \u062f\u0631 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0645\u0631\u06cc\u0645<\/p>\n <div class=\"gallery-grid\">\n <div class=\"gallery-item scale-in\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u06f1\" loading=\"lazy\"><div class=\"gallery-overlay\">\u06a9\u0648\u062a\u0627\u0647\u06cc \u0648 \u0631\u0646\u06af<\/div><\/div>\n <div class=\"gallery-item scale-in\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522337360788-8b13dee7a37e?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u06f2\" loading=\"lazy\"><div class=\"gallery-overlay\">\u0645\u06cc\u06a9\u0627\u067e \u0639\u0631\u0648\u0633<\/div><\/div>\n <div class=\"gallery-item scale-in\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1607779097040-26e80aa78e66?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u06f3\" loading=\"lazy\"><div class=\"gallery-overlay\">\u0637\u0631\u0627\u062d\u06cc \u0646\u0627\u062e\u0646<\/div><\/div>\n <div class=\"gallery-item scale-in\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580618672591-eb180b1a973f?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u06f4\" loading=\"lazy\"><div class=\"gallery-overlay\">\u0627\u06a9\u0633\u062a\u0646\u0634\u0646 \u0645\u0648<\/div><\/div>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"contact\" id=\"contact\">\n <div class=\"container\">\n <h2 class=\"section-title fade-up\">\u0628\u0627 \u0645\u0627 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f<\/h2>\n <p class=\"section-subtitle fade-up\">\u0647\u0645\u06cc\u0646 \u0627\u0645\u0631\u0648\u0632 \u0648\u0642\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u06cc\u0627 \u0646\u0648\u0628\u062a \u062e\u0648\u062f \u0631\u0627 \u0631\u0632\u0631\u0648 \u06a9\u0646\u06cc\u062f<\/p>\n <div class=\"contact-grid\">\n <div class=\"contact-info\">\n <div class=\"contact-item fade-right\"><span class=\"emoji\">\ud83d\udccd<\/span><div><h4>\u0622\u062f\u0631\u0633<\/h4><p>\u062a\u0647\u0631\u0627\u0646\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0641\u0631\u0634\u062a\u0647\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0641\u0644\u0627\u0646\u06cc\u060c \u067e\u0644\u0627\u06a9 \u06f1\u06f2\u06f3<\/p><\/div><\/div>\n <div class=\"contact-item fade-right\"><span class=\"emoji\">\ud83d\udcde<\/span><div><h4>\u062a\u0644\u0641\u0646<\/h4><p>\u06f0\u06f2\u06f1-\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8<\/p><\/div><\/div>\n <div class=\"contact-item fade-right\"><span class=\"emoji\">\ud83d\udcf1<\/span><div><h4>\u0645\u0648\u0628\u0627\u06cc\u0644 (\u0648\u0627\u062a\u0633\u0627\u067e)<\/h4><p>\u06f0\u06f9\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8\u06f9<\/p><\/div><\/div>\n <div class=\"contact-item fade-right\"><span class=\"emoji\">\u23f0<\/span><div><h4>\u0633\u0627\u0639\u0627\u062a \u06a9\u0627\u0631\u06cc<\/h4><p>\u0647\u0645\u0647 \u0631\u0648\u0632\u0647 \u06f9 \u0635\u0628\u062d \u062a\u0627 \u06f9 \u0634\u0628 (\u0628\u0647 \u062c\u0632 \u062a\u0639\u0637\u06cc\u0644\u0627\u062a \u0631\u0633\u0645\u06cc)<\/p><\/div><\/div>\n <\/div>\n <div class=\"contact-map fade-left\"><p style=\"padding:20px; text-align:center;\">\ud83d\uddfa\ufe0f \u0646\u0642\u0634\u0647 \u06af\u0648\u06af\u0644 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f<br><small>(\u06a9\u062f iframe \u062e\u0648\u062f \u0631\u0627 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f)<\/small><\/p><\/div>\n <\/div>\n <\/div>\n <\/section>\n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-social\"><a href=\"#\" title=\"\u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645\">\ud83d\udcf8<\/a><a href=\"#\" title=\"\u062a\u0644\u06af\u0631\u0627\u0645\">\u2708\ufe0f<\/a><a href=\"#\" title=\"\u0648\u0627\u062a\u0633\u0627\u067e\">\ud83d\udcac<\/a><a href=\"#\" title=\"\u0627\u06cc\u062a\u0627\">\ud83d\udcf2<\/a><\/div>\n <p>\u00a9 \u06f1\u06f4\u06f0\u06f4 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u0645\u0631\u06cc\u0645 \u2013 \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a.<\/p>\n <p style=\"margin-top:5px; font-size:0.8rem;\">\u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0628\u0627 \ud83d\udc9c \u0628\u0631\u0627\u06cc \u0628\u0647\u062a\u0631\u06cc\u0646 \u062a\u062c\u0631\u0628\u0647 \u0632\u06cc\u0628\u0627\u06cc\u06cc<\/p>\n <\/div>\n <\/footer>\n <script>\n const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); } }); }, { threshold: 0.1 });\n document.querySelectorAll('.fade-up, .fade-left, .fade-right, .scale-in').forEach(el => { observer.observe(el); });\n <\/script>\n<\/body>\n<\/html>\n```\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u0644\u0646\u062f\u06cc\u0646\u06af \u067e\u06cc\u062c \u0645\u062f\u0631\u0646 \u0648 \u062a\u06a9\u200c\u0635\u0641\u062d\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u062f\u0631 \u0641\u0631\u0634\u062a\u0647 \u062a\u0647\u0631\u0627\u0646 \u0628\u0627 \u062a\u0645 \u0628\u0646\u0641\u0634 \u0634\u06cc\u06a9 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0631\u062f\u0647\u200c\u0627\u0645. \u06a9\u062f \u0628\u0647 \u0635\u0648\u0631\u062a HTML + CSS (\u062f\u0627\u062e\u0644\u06cc) \u0648 \u0628\u0627 \u0642\u0627\u0628\u0644\u06cc\u062a \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0648 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u062c\u0630\u0627\u0628 \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a. \u062a\u0645\u0627\u0645\u06cc \u0645\u062a\u0646\u200c\u0647\u0627 \u0628\u0647 \u0641\u0627\u0631\u0633\u06cc \u0648 \u0645\u0646\u0627\u0633\u0628 \u0648\u0631\u062f\u067e\u0631\u0633 (\u0628\u0627 \u062a\u06af HTML) \u0627\u0633\u062a. \u0627\u0632 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648\u0627\u0642\u0639\u06cc (Unsplash) \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 placeholder \u0627\u0633\u062a\u0641\u0627\u062f\u0647 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/apanews.ir\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apanews.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/apanews.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/apanews.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apanews.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":142,"href":"https:\/\/apanews.ir\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":161,"href":"https:\/\/apanews.ir\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/161"}],"wp:attachment":[{"href":"https:\/\/apanews.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u0644\u0646\u062f\u06cc\u0646\u06af \u067e\u06cc\u062c \u0645\u062f\u0631\u0646 \u0648 \u062a\u06a9\u200c\u0635\u0641\u062d\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u062f\u0631 \u0641\u0631\u0634\u062a\u0647 \u062a\u0647\u0631\u0627\u0646 \u0628\u0627 \u062a\u0645 \u0628\u0646\u0641\u0634 \u0634\u06cc\u06a9 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0631\u062f\u0647\u200c\u0627\u0645. \u06a9\u062f \u0628\u0647 \u0635\u0648\u0631\u062a HTML + CSS (\u062f\u0627\u062e\u0644\u06cc) \u0648 \u0628\u0627 \u0642\u0627\u0628\u0644\u06cc\u062a \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0648 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u062c\u0630\u0627\u0628 \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a. \u062a\u0645\u0627\u0645\u06cc \u0645\u062a\u0646\u200c\u0647\u0627 \u0628\u0647 \u0641\u0627\u0631\u0633\u06cc \u0648 \u0645\u0646\u0627\u0633\u0628 \u0648\u0631\u062f\u067e\u0631\u0633 (\u0628\u0627 \u062a\u06af HTML) \u0627\u0633\u062a. \u0627\u0632 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648\u0627\u0642\u0639\u06cc (Unsplash) \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 placeholder \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u062f\u0647 \u062a\u0627 \u0628\u0639\u062f\u0627\u064b \u062e\u0648\u062f\u062a\u0627\u0646 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f.\n\n```html\n\n\n\n \n \n \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u0645\u0631\u06cc\u0645 - \u0641\u0631\u0634\u062a\u0647 \u062a\u0647\u0631\u0627\u0646<\/title>\n <style>\n \/* ===== RESET & BASE ===== *\/\n *, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'IRANSans', 'Tahoma', sans-serif;\n background: #f9f5fe;\n color: #2d1b3d;\n line-height: 1.8;\n overflow-x: hidden;\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n img {\n max-width: 100%;\n height: auto;\n display: block;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* ===== COLORS ===== *\/\n :root {\n --primary: #7b2d8b;\n --primary-light: #b57edc;\n --primary-dark: #4a1c5e;\n --accent: #e5b8f5;\n --light: #f9f5fe;\n --dark: #2d1b3d;\n --text: #3e2a4e;\n --white: #ffffff;\n --shadow: 0 10px 30px rgba(123, 45, 139, 0.15);\n }\n\n \/* ===== ANIMATION UTILITIES ===== *\/\n .fade-up {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .fade-left {\n opacity: 0;\n transform: translateX(-40px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .fade-right {\n opacity: 0;\n transform: translateX(40px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\n\n .scale-in {\n opacity: 0;\n transform: scale(0.85);\n transition: opacity 0.6s ease, transform 0.6s ease;\n }\n\n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n\n \/* ===== HEADER \/ HERO ===== *\/\n .hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #4a1c5e 0%, #7b2d8b 50%, #b57edc 100%);\n overflow: hidden;\n padding: 80px 20px 60px;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,0.08) 0%, transparent 50%);\n animation: heroGlow 8s infinite alternate;\n }\n\n @keyframes heroGlow {\n 0% { transform: translate(0, 0); }\n 100% { transform: translate(-20px, -20px); }\n }\n\n .hero-content {\n text-align: center;\n color: white;\n position: relative;\n z-index: 2;\n }\n\n .hero-logo {\n font-size: 4rem;\n font-weight: 900;\n letter-spacing: -2px;\n margin-bottom: 10px;\n animation: fadeInDown 1s ease both;\n }\n\n .hero-logo span {\n color: #e5b8f5;\n display: inline-block;\n }\n\n .hero-subtitle {\n font-size: 1.4rem;\n opacity: 0.9;\n margin-bottom: 20px;\n animation: fadeInUp 1s ease both 0.2s;\n }\n\n .hero-tagline {\n font-size: 1.1rem;\n background: rgba(255,255,255,0.15);\n backdrop-filter: blur(5px);\n padding: 8px 25px;\n border-radius: 50px;\n display: inline-block;\n margin-bottom: 30px;\n animation: fadeInUp 1s ease both 0.4s;\n border: 1px solid rgba(255,255,255,0.2);\n }\n\n .hero-cta {\n display: inline-block;\n background: white;\n color: #7b2d8b;\n padding: 16px 40px;\n border-radius: 50px;\n font-weight: bold;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n animation: fadeInUp 1s ease both 0.6s;\n }\n\n .hero-cta:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 15px 40px rgba(0,0,0,0.25);\n }\n\n @keyframes fadeInDown {\n from { opacity: 0; transform: translateY(-30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* ===== SECTION GENERAL ===== *\/\n section {\n padding: 80px 0;\n }\n\n .section-title {\n font-size: 2.2rem;\n text-align: center;\n margin-bottom: 15px;\n color: var(--primary-dark);\n }\n\n .section-subtitle {\n text-align: center;\n font-size: 1.1rem;\n color: #6a5078;\n margin-bottom: 50px;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* ===== ABOUT ===== *\/\n .about {\n background: var(--white);\n }\n\n .about-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 50px;\n align-items: center;\n }\n\n .about-image {\n border-radius: 20px;\n overflow: hidden;\n box-shadow: var(--shadow);\n }\n\n .about-image img {\n width: 100%;\n height: 450px;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\n\n .about-image:hover img {\n transform: scale(1.03);\n }\n\n .about-text h2 {\n font-size: 2rem;\n color: var(--primary);\n margin-bottom: 15px;\n }\n\n .about-text h2 span {\n color: var(--primary-dark);\n display: block;\n font-size: 1.2rem;\n font-weight: normal;\n margin-top: 5px;\n }\n\n .about-text p {\n color: var(--text);\n margin-bottom: 20px;\n line-height: 2;\n }\n\n .badge {\n display: inline-block;\n background: var(--accent);\n color: var(--primary-dark);\n padding: 5px 20px;\n border-radius: 30px;\n font-weight: bold;\n font-size: 0.9rem;\n }\n\n \/* ===== SERVICES ===== *\/\n .services {\n background: var(--light);\n }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n }\n\n .service-card {\n background: var(--white);\n border-radius: 20px;\n padding: 30px 20px;\n text-align: center;\n box-shadow: var(--shadow);\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n cursor: default;\n }\n\n .service-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(123, 45, 139, 0.2);\n }\n\n .service-icon {\n font-size: 3rem;\n margin-bottom: 15px;\n display: block;\n }\n\n .service-card h3 {\n font-size: 1.3rem;\n color: var(--primary);\n margin-bottom: 10px;\n }\n\n .service-card p {\n color: #6a5078;\n font-size: 0.95rem;\n }\n\n \/* ===== GALLERY ===== *\/\n .gallery {\n background: var(--white);\n }\n\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n }\n\n .gallery-item {\n border-radius: 15px;\n overflow: hidden;\n position: relative;\n box-shadow: var(--shadow);\n }\n\n .gallery-item img {\n width: 100%;\n height: 300px;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .gallery-item:hover img {\n transform: scale(1.08);\n }\n\n .gallery-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: linear-gradient(transparent, rgba(74,28,94,0.8));\n color: white;\n padding: 15px;\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .gallery-item:hover .gallery-overlay {\n opacity: 1;\n }\n\n \/* ===== CONTACT ===== *\/\n .contact {\n background: var(--primary);\n color: white;\n }\n\n .contact .section-title {\n color: white;\n }\n\n .contact .section-subtitle {\n color: rgba(255,255,255,0.85);\n }\n\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n }\n\n .contact-info {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n gap: 15px;\n background: rgba(255,255,255,0.1);\n padding: 15px 20px;\n border-radius: 15px;\n backdrop-filter: blur(5px);\n }\n\n .contact-item .emoji {\n font-size: 1.8rem;\n }\n\n .contact-item h4 {\n font-size: 1rem;\n margin-bottom: 3px;\n }\n\n .contact-item p {\n font-size: 0.9rem;\n opacity: 0.9;\n }\n\n .contact-map {\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n min-height: 300px;\n background: #e0d0f0;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--primary-dark);\n font-size: 1.2rem;\n }\n\n \/* ===== FOOTER ===== *\/\n .footer {\n background: var(--primary-dark);\n color: rgba(255,255,255,0.7);\n text-align: center;\n padding: 40px 0;\n }\n\n .footer p {\n font-size: 0.95rem;\n }\n\n .footer-social {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin-bottom: 15px;\n }\n\n .footer-social a {\n display: inline-block;\n width: 45px;\n height: 45px;\n background: rgba(255,255,255,0.1);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.4rem;\n transition: all 0.3s ease;\n }\n\n .footer-social a:hover {\n background: var(--primary-light);\n transform: translateY(-3px);\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 992px) {\n .about-grid {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .about-image img {\n height: 300px;\n }\n\n .contact-grid {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 768px) {\n .hero-logo {\n font-size: 2.8rem;\n }\n\n .hero-subtitle {\n font-size: 1.1rem;\n }\n\n section {\n padding: 60px 0;\n }\n\n .section-title {\n font-size: 1.8rem;\n }\n\n .services-grid {\n grid-template-columns: 1fr;\n }\n\n .gallery-grid {\n grid-template-columns: 1fr 1fr;\n }\n }\n\n @media (max-width: 480px) {\n .hero-logo {\n font-size: 2rem;\n }\n\n .hero-cta {\n padding: 14px 30px;\n font-size: 1rem;\n }\n\n .gallery-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"hero\">\n <div class=\"hero-content container\">\n <h1 class=\"hero-logo\">\n <span>\u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647<\/span> \u0645\u0631\u06cc\u0645\n <\/h1>\n <p class=\"hero-subtitle\">\u0634\u06cc\u06a9\u200c\u062a\u0631\u06cc\u0646 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u062f\u0631 \u0641\u0631\u0634\u062a\u0647 \u062a\u0647\u0631\u0627\u0646<\/p>\n <div class=\"hero-tagline\">\n \ud83c\udf1f \u0628\u0647\u062a\u0631\u06cc\u0646 \u062f\u0631 \u0645\u0646\u0637\u0642\u0647 \u2013 \u0645\u062f\u06cc\u0631\u06cc\u062a: \u062e\u0627\u0646\u0645 \u0645\u0631\u06cc\u0645\n <\/div>\n <a href=\"#services\" class=\"hero-cta\">\u0645\u0634\u0627\u0647\u062f\u0647 \u062e\u062f\u0645\u0627\u062a \u0645\u0627<\/a>\n <\/div>\n <\/header>\n\n \n <section class=\"about\" id=\"about\">\n <div class=\"container\">\n <div class=\"about-grid\">\n <div class=\"about-image fade-left\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\u062f\u0627\u062e\u0644 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647\" loading=\"lazy\">\n <\/div>\n <div class=\"about-text fade-right\">\n <span class=\"badge\">\u2728 \u0628\u0647\u062a\u0631\u06cc\u0646 \u062f\u0631 \u0641\u0631\u0634\u062a\u0647<\/span>\n <h2>\n \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u0645\u0631\u06cc\u0645\n <span>\u0645\u062f\u06cc\u0631\u06cc\u062a: \u062e\u0627\u0646\u0645 \u0645\u0631\u06cc\u0645<\/span>\n <\/h2>\n <p>\n \u0628\u0627 \u0628\u06cc\u0634 \u0627\u0632 \u06f1\u06f0 \u0633\u0627\u0644 \u062a\u062c\u0631\u0628\u0647 \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u0622\u0631\u0627\u06cc\u0634 \u0648 \u0632\u06cc\u0628\u0627\u06cc\u06cc\u060c \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0645\u0631\u06cc\u0645 \u062f\u0631 \u0642\u0644\u0628 \u0641\u0631\u0634\u062a\u0647 \u062a\u0647\u0631\u0627\u0646\u060c \n \u0622\u0645\u0627\u062f\u0647 \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u062e\u062f\u0645\u0627\u062a \u0628\u0647 \u0634\u0645\u0627 \u0628\u0627\u0646\u0648\u0627\u0646 \u0639\u0632\u06cc\u0632 \u0627\u0633\u062a. \u0641\u0636\u0627\u06cc\u06cc \u0645\u062f\u0631\u0646\u060c \u062a\u06cc\u0645\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0648 \n \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0628\u0631\u062a\u0631\u06cc\u0646 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0631\u0648\u0632 \u062f\u0646\u06cc\u0627\u060c \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0631\u0642\u0645 \u0645\u06cc\u200c\u0632\u0646\u062f.\n <\/p>\n <p>\n \u0645\u0627 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u062f\u0631 \u0645\u0646\u0637\u0642\u0647\u060c \u0647\u0645\u0648\u0627\u0631\u0647 \u0631\u0636\u0627\u06cc\u062a \u0634\u0645\u0627 \u0631\u0627 \u0627\u0648\u0644\u0648\u06cc\u062a \u062e\u0648\u062f \u0645\u06cc\u200c\u062f\u0627\u0646\u06cc\u0645. \n \u0627\u0632 \u06a9\u0648\u062a\u0627\u0647\u06cc \u0645\u0648 \u062a\u0627 \u0645\u06cc\u06a9\u0627\u067e \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c \u0647\u0645\u0647 \u0686\u06cc\u0632 \u062f\u0631 \u06cc\u06a9 \u0645\u06a9\u0627\u0646.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"services\" id=\"services\">\n <div class=\"container\">\n <h2 class=\"section-title fade-up\">\u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0645\u0627<\/h2>\n <p class=\"section-subtitle fade-up\">\u0647\u0645\u0647 \u062e\u062f\u0645\u0627\u062a \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0634\u0645\u0627 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u0638\u0627\u0647\u0631 \u0628\u06cc\u200c\u0646\u0642\u0635<\/p>\n\n <div class=\"services-grid\">\n \n <div class=\"service-card scale-in\">\n <span class=\"service-icon\">\ud83d\udc87\u200d\u2640\ufe0f<\/span>\n <h3>\u06a9\u0648\u062a\u0627\u0647\u06cc \u0648 \u0641\u0631\u0645\u200c\u062f\u0647\u06cc \u0645\u0648<\/h3>\n <p>\u0645\u062f\u0644\u200c\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u0648 \u06a9\u0644\u0627\u0633\u06cc\u06a9 \u0628\u0627 \u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u06a9\u0648\u062a\u0627\u0647\u06cc<\/p>\n <\/div>\n <div class=\"service-card scale-in\">\n <span class=\"service-icon\">\ud83c\udfa8<\/span>\n <h3>\u0631\u0646\u06af\u060c \u0645\u0634 \u0648 \u0647\u0627\u06cc\u0644\u0627\u06cc\u062a<\/h3>\n <p>\u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u06a9\u0631\u0645\u060c \u062f\u06a9\u0644\u0631\u0647\u060c \u0622\u0645\u0628\u0631\u0647 \u0648 \u0645\u0634\u200c\u0647\u0627\u06cc \u0637\u0628\u06cc\u0639\u06cc<\/p>\n <\/div>\n <div class=\"service-card scale-in\">\n <span class=\"service-icon\">\ud83d\udc85<\/span>\n <h3>\u06a9\u0627\u0634\u062a \u0648 \u0637\u0631\u0627\u062d\u06cc \u0646\u0627\u062e\u0646<\/h3>\n <p>\u06a9\u0627\u0634\u062a \u0698\u0644\u060c \u067e\u0648\u062f\u0631\u060c \u0644\u0627\u06a9 \u0698\u0644 \u0648 \u0627\u0646\u0648\u0627\u0639 \u0647\u0646\u0631 \u0646\u0627\u062e\u0646<\/p>\n <\/div>\n <div class=\"service-card scale-in\">\n <span class=\"service-icon\">\ud83d\udc84<\/span>\n <h3>\u0645\u06cc\u06a9\u0627\u067e \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/h3>\n <p>\u0645\u06cc\u06a9\u0627\u067e \u0639\u0631\u0648\u0633\u060c \u0645\u06cc\u06a9\u0627\u067e \u0631\u0648\u0632\u0627\u0646\u0647 \u0648 \u0645\u06cc\u06a9\u0627\u067e \u0645\u0647\u0645\u0627\u0646\u06cc<\/p>\n <\/div>\n <div class=\"service-card scale-in\">\n <span class=\"service-icon\">\ud83e\uddf4<\/span>\n <h3>\u067e\u0627\u06a9\u0633\u0627\u0632\u06cc \u0648 \u0645\u0631\u0627\u0642\u0628\u062a \u067e\u0648\u0633\u062a<\/h3>\n <p>\u0641\u06cc\u0634\u06cc\u0627\u0644\u060c \u0647\u06cc\u062f\u0631\u0648\u0641\u06cc\u0634\u06cc\u0627\u0644\u060c \u0645\u06cc\u06a9\u0631\u0648\u0646\u06cc\u062f\u0644\u06cc\u0646\u06af \u0648 \u0644\u06cc\u0641\u062a<\/p>\n <\/div>\n <div class=\"service-card scale-in\">\n <span class=\"service-icon\">\u2728<\/span>\n <h3>\u0627\u06a9\u0633\u062a\u0646\u0634\u0646 \u0648 \u0628\u0627\u0641\u062a \u0645\u0648<\/h3>\n <p>\u0627\u06a9\u0633\u062a\u0646\u0634\u0646 \u0637\u0628\u06cc\u0639\u06cc\u060c \u0628\u0627\u0641\u062a\u200c\u0647\u0627\u06cc \u0645\u062c\u0644\u0633\u06cc \u0648 \u06a9\u0627\u0634\u062a \u0645\u0698\u0647<\/p>\n <\/div>\n <div class=\"service-card scale-in\">\n <span class=\"service-icon\">\ud83c\udf3f<\/span>\n <h3>\u0628\u0648\u062a\u0627\u06a9\u0633 \u0648 \u06a9\u0631\u0627\u062a\u06cc\u0646\u0647 \u0645\u0648<\/h3>\n <p>\u0635\u0627\u0641\u06cc \u0648 \u062f\u0631\u062e\u0634\u0646\u062f\u06af\u06cc \u0645\u0648 \u0628\u0627 \u0645\u0648\u0627\u062f \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a<\/p>\n <\/div>\n <div class=\"service-card scale-in\">\n <span class=\"service-icon\">\ud83d\udc41\ufe0f<\/span>\n <h3>\u06a9\u0627\u0634\u062a \u0648 \u0644\u06cc\u0641\u062a \u0645\u0698\u0647<\/h3>\n <p>\u0645\u0698\u0647\u200c\u0647\u0627\u06cc \u062d\u062c\u0645\u06cc \u0648 \u0641\u0631\u0647\u0627\u06cc \u062c\u0630\u0627\u0628<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"gallery\" id=\"gallery\">\n <div class=\"container\">\n <h2 class=\"section-title fade-up\">\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u0627<\/h2>\n <p class=\"section-subtitle fade-up\">\u062a\u0635\u0627\u0648\u06cc\u0631\u06cc \u0627\u0632 \u06a9\u0627\u0631\u0647\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0634\u062f\u0647 \u062f\u0631 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0645\u0631\u06cc\u0645<\/p>\n\n <div class=\"gallery-grid\">\n <div class=\"gallery-item scale-in\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u06f1\" loading=\"lazy\">\n <div class=\"gallery-overlay\">\u06a9\u0648\u062a\u0627\u0647\u06cc \u0648 \u0631\u0646\u06af<\/div>\n <\/div>\n <div class=\"gallery-item scale-in\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522337360788-8b13dee7a37e?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u06f2\" loading=\"lazy\">\n <div class=\"gallery-overlay\">\u0645\u06cc\u06a9\u0627\u067e \u0639\u0631\u0648\u0633<\/div>\n <\/div>\n <div class=\"gallery-item scale-in\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1607779097040-26e80aa78e66?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u06f3\" loading=\"lazy\">\n <div class=\"gallery-overlay\">\u0637\u0631\u0627\u062d\u06cc \u0646\u0627\u062e\u0646<\/div>\n <\/div>\n <div class=\"gallery-item scale-in\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580618672591-eb180b1a973f?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u06f4\" loading=\"lazy\">\n <div class=\"gallery-overlay\">\u0627\u06a9\u0633\u062a\u0646\u0634\u0646 \u0645\u0648<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"contact\" id=\"contact\">\n <div class=\"container\">\n <h2 class=\"section-title fade-up\">\u0628\u0627 \u0645\u0627 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f<\/h2>\n <p class=\"section-subtitle fade-up\">\u0647\u0645\u06cc\u0646 \u0627\u0645\u0631\u0648\u0632 \u0648\u0642\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u06cc\u0627 \u0646\u0648\u0628\u062a \u062e\u0648\u062f \u0631\u0627 \u0631\u0632\u0631\u0648 \u06a9\u0646\u06cc\u062f<\/p>\n\n <div class=\"contact-grid\">\n <div class=\"contact-info\">\n <div class=\"contact-item fade-right\">\n <span class=\"emoji\">\ud83d\udccd<\/span>\n <div>\n <h4>\u0622\u062f\u0631\u0633<\/h4>\n <p>\u062a\u0647\u0631\u0627\u0646\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0641\u0631\u0634\u062a\u0647\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0641\u0644\u0627\u0646\u06cc\u060c \u067e\u0644\u0627\u06a9 \u06f1\u06f2\u06f3<\/p>\n <\/div>\n <\/div>\n <div class=\"contact-item fade-right\">\n <span class=\"emoji\">\ud83d\udcde<\/span>\n <div>\n <h4>\u062a\u0644\u0641\u0646<\/h4>\n <p>\u06f0\u06f2\u06f1-\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8<\/p>\n <\/div>\n <\/div>\n <div class=\"contact-item fade-right\">\n \t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7723248 e-con e-atomic-element e-flexbox-base e-2631bfb \" data-id=\"7723248\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7723248\">\n \t\t<div class=\"elementor-element elementor-element-8fa6887 elementor-widget elementor-widget-html\" data-id=\"8fa6887\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t```html\n<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title>\u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u0645\u0631\u06cc\u0645 - \u0641\u0631\u0634\u062a\u0647 \u062a\u0647\u0631\u0627\u0646<\/title>\n <style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'IRANSans', 'Tahoma', sans-serif; background: #f9f5fe; color: #2d1b3d; line-height: 1.8; overflow-x: hidden; }\n a { text-decoration: none; color: inherit; }\n img { max-width: 100%; height: auto; display: block; }\n .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\n :root { --primary: #7b2d8b; --primary-light: #b57edc; --primary-dark: #4a1c5e; --accent: #e5b8f5; --light: #f9f5fe; --dark: #2d1b3d; --text: #3e2a4e; --white: #ffffff; --shadow: 0 10px 30px rgba(123,45,139,0.15); }\n .fade-up { opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease, transform 0.8s ease; }\n .fade-up.visible { opacity: 1; transform: translateY(0); }\n .fade-left { opacity: 0; transform: translateX(-40px); transition: opacity 0.8s ease, transform 0.8s ease; }\n .fade-left.visible { opacity: 1; transform: translateX(0); }\n .fade-right { opacity: 0; transform: translateX(40px); transition: opacity 0.8s ease, transform 0.8s ease; }\n .fade-right.visible { opacity: 1; transform: translateX(0); }\n .scale-in { opacity: 0; transform: scale(0.85); transition: opacity 0.6s ease, transform 0.6s ease; }\n .scale-in.visible { opacity: 1; transform: scale(1); }\n .hero { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #4a1c5e 0%, #7b2d8b 50%, #b57edc 100%); overflow: hidden; padding: 80px 20px 60px; }\n .hero::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at 30% 70%, rgba(255,255,255,0.08) 0%, transparent 50%); animation: heroGlow 8s infinite alternate; }\n @keyframes heroGlow { 0% { transform: translate(0, 0); } 100% { transform: translate(-20px, -20px); } }\n .hero-content { text-align: center; color: white; position: relative; z-index: 2; }\n .hero-logo { font-size: 4rem; font-weight: 900; letter-spacing: -2px; margin-bottom: 10px; animation: fadeInDown 1s ease both; }\n .hero-logo span { color: #e5b8f5; display: inline-block; }\n .hero-subtitle { font-size: 1.4rem; opacity: 0.9; margin-bottom: 20px; animation: fadeInUp 1s ease both 0.2s; }\n .hero-tagline { font-size: 1.1rem; background: rgba(255,255,255,0.15); backdrop-filter: blur(5px); padding: 8px 25px; border-radius: 50px; display: inline-block; margin-bottom: 30px; animation: fadeInUp 1s ease both 0.4s; border: 1px solid rgba(255,255,255,0.2); }\n .hero-cta { display: inline-block; background: white; color: #7b2d8b; padding: 16px 40px; border-radius: 50px; font-weight: bold; font-size: 1.1rem; transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0,0,0,0.15); animation: fadeInUp 1s ease both 0.6s; }\n .hero-cta:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 15px 40px rgba(0,0,0,0.25); }\n @keyframes fadeInDown { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } }\n @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n section { padding: 80px 0; }\n .section-title { font-size: 2.2rem; text-align: center; margin-bottom: 15px; color: var(--primary-dark); }\n .section-subtitle { text-align: center; font-size: 1.1rem; color: #6a5078; margin-bottom: 50px; max-width: 600px; margin-left: auto; margin-right: auto; }\n .about { background: var(--white); }\n .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }\n .about-image { border-radius: 20px; overflow: hidden; box-shadow: var(--shadow); }\n .about-image img { width: 100%; height: 450px; object-fit: cover; transition: transform 0.6s ease; }\n .about-image:hover img { transform: scale(1.03); }\n .about-text h2 { font-size: 2rem; color: var(--primary); margin-bottom: 15px; }\n .about-text h2 span { color: var(--primary-dark); display: block; font-size: 1.2rem; font-weight: normal; margin-top: 5px; }\n .about-text p { color: var(--text); margin-bottom: 20px; line-height: 2; }\n .badge { display: inline-block; background: var(--accent); color: var(--primary-dark); padding: 5px 20px; border-radius: 30px; font-weight: bold; font-size: 0.9rem; }\n .services { background: var(--light); }\n .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\n .service-card { background: var(--white); border-radius: 20px; padding: 30px 20px; text-align: center; box-shadow: var(--shadow); transition: transform 0.4s ease, box-shadow 0.4s ease; cursor: default; }\n .service-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(123,45,139,0.2); }\n .service-icon { font-size: 3rem; margin-bottom: 15px; display: block; }\n .service-card h3 { font-size: 1.3rem; color: var(--primary); margin-bottom: 10px; }\n .service-card p { color: #6a5078; font-size: 0.95rem; }\n .gallery { background: var(--white); }\n .gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }\n .gallery-item { border-radius: 15px; overflow: hidden; position: relative; box-shadow: var(--shadow); }\n .gallery-item img { width: 100%; height: 300px; object-fit: cover; transition: transform 0.5s ease; }\n .gallery-item:hover img { transform: scale(1.08); }\n .gallery-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(74,28,94,0.8)); color: white; padding: 15px; opacity: 0; transition: opacity 0.4s ease; }\n .gallery-item:hover .gallery-overlay { opacity: 1; }\n .contact { background: var(--primary); color: white; }\n .contact .section-title { color: white; }\n .contact .section-subtitle { color: rgba(255,255,255,0.85); }\n .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }\n .contact-info { display: flex; flex-direction: column; gap: 20px; }\n .contact-item { display: flex; align-items: center; gap: 15px; background: rgba(255,255,255,0.1); padding: 15px 20px; border-radius: 15px; backdrop-filter: blur(5px); }\n .contact-item .emoji { font-size: 1.8rem; }\n .contact-item h4 { font-size: 1rem; margin-bottom: 3px; }\n .contact-item p { font-size: 0.9rem; opacity: 0.9; }\n .contact-map { border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.2); min-height: 300px; background: #e0d0f0; display: flex; align-items: center; justify-content: center; color: var(--primary-dark); font-size: 1.2rem; }\n .footer { background: var(--primary-dark); color: rgba(255,255,255,0.7); text-align: center; padding: 40px 0; }\n .footer p { font-size: 0.95rem; }\n .footer-social { display: flex; justify-content: center; gap: 20px; margin-bottom: 15px; }\n .footer-social a { display: inline-flex; width: 45px; height: 45px; background: rgba(255,255,255,0.1); border-radius: 50%; align-items: center; justify-content: center; font-size: 1.4rem; transition: all 0.3s ease; }\n .footer-social a:hover { background: var(--primary-light); transform: translateY(-3px); }\n @media (max-width: 992px) { .about-grid { grid-template-columns: 1fr; gap: 30px; } .about-image img { height: 300px; } .contact-grid { grid-template-columns: 1fr; } }\n @media (max-width: 768px) { .hero-logo { font-size: 2.8rem; } .hero-subtitle { font-size: 1.1rem; } section { padding: 60px 0; } .section-title { font-size: 1.8rem; } .services-grid { grid-template-columns: 1fr; } .gallery-grid { grid-template-columns: 1fr 1fr; } }\n @media (max-width: 480px) { .hero-logo { font-size: 2rem; } .hero-cta { padding: 14px 30px; font-size: 1rem; } .gallery-grid { grid-template-columns: 1fr; } }\n <\/style>\n<\/head>\n<body>\n <header class=\"hero\">\n <div class=\"hero-content container\">\n <h1 class=\"hero-logo\"><span>\u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647<\/span> \u0645\u0631\u06cc\u0645<\/h1>\n <p class=\"hero-subtitle\">\u0634\u06cc\u06a9\u200c\u062a\u0631\u06cc\u0646 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u062f\u0631 \u0641\u0631\u0634\u062a\u0647 \u062a\u0647\u0631\u0627\u0646<\/p>\n <div class=\"hero-tagline\">\ud83c\udf1f \u0628\u0647\u062a\u0631\u06cc\u0646 \u062f\u0631 \u0645\u0646\u0637\u0642\u0647 \u2013 \u0645\u062f\u06cc\u0631\u06cc\u062a: \u062e\u0627\u0646\u0645 \u0645\u0631\u06cc\u0645<\/div>\n <a href=\"#services\" class=\"hero-cta\">\u0645\u0634\u0627\u0647\u062f\u0647 \u062e\u062f\u0645\u0627\u062a \u0645\u0627<\/a>\n <\/div>\n <\/header>\n <section class=\"about\" id=\"about\">\n <div class=\"container\">\n <div class=\"about-grid\">\n <div class=\"about-image fade-left\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\u062f\u0627\u062e\u0644 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647\" loading=\"lazy\"><\/div>\n <div class=\"about-text fade-right\">\n <span class=\"badge\">\u2728 \u0628\u0647\u062a\u0631\u06cc\u0646 \u062f\u0631 \u0641\u0631\u0634\u062a\u0647<\/span>\n <h2>\u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u0645\u0631\u06cc\u0645<span>\u0645\u062f\u06cc\u0631\u06cc\u062a: \u062e\u0627\u0646\u0645 \u0645\u0631\u06cc\u0645<\/span><\/h2>\n <p>\u0628\u0627 \u0628\u06cc\u0634 \u0627\u0632 \u06f1\u06f0 \u0633\u0627\u0644 \u062a\u062c\u0631\u0628\u0647 \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u0622\u0631\u0627\u06cc\u0634 \u0648 \u0632\u06cc\u0628\u0627\u06cc\u06cc\u060c \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0645\u0631\u06cc\u0645 \u062f\u0631 \u0642\u0644\u0628 \u0641\u0631\u0634\u062a\u0647 \u062a\u0647\u0631\u0627\u0646\u060c \u0622\u0645\u0627\u062f\u0647 \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u062e\u062f\u0645\u0627\u062a \u0628\u0647 \u0634\u0645\u0627 \u0628\u0627\u0646\u0648\u0627\u0646 \u0639\u0632\u06cc\u0632 \u0627\u0633\u062a. \u0641\u0636\u0627\u06cc\u06cc \u0645\u062f\u0631\u0646\u060c \u062a\u06cc\u0645\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0628\u0631\u062a\u0631\u06cc\u0646 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0631\u0648\u0632 \u062f\u0646\u06cc\u0627\u060c \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0631\u0642\u0645 \u0645\u06cc\u200c\u0632\u0646\u062f.<\/p>\n <p>\u0645\u0627 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u062f\u0631 \u0645\u0646\u0637\u0642\u0647\u060c \u0647\u0645\u0648\u0627\u0631\u0647 \u0631\u0636\u0627\u06cc\u062a \u0634\u0645\u0627 \u0631\u0627 \u0627\u0648\u0644\u0648\u06cc\u062a \u062e\u0648\u062f \u0645\u06cc\u200c\u062f\u0627\u0646\u06cc\u0645. \u0627\u0632 \u06a9\u0648\u062a\u0627\u0647\u06cc \u0645\u0648 \u062a\u0627 \u0645\u06cc\u06a9\u0627\u067e \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c \u0647\u0645\u0647 \u0686\u06cc\u0632 \u062f\u0631 \u06cc\u06a9 \u0645\u06a9\u0627\u0646.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"services\" id=\"services\">\n <div class=\"container\">\n <h2 class=\"section-title fade-up\">\u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0645\u0627<\/h2>\n <p class=\"section-subtitle fade-up\">\u0647\u0645\u0647 \u062e\u062f\u0645\u0627\u062a \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0634\u0645\u0627 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u0638\u0627\u0647\u0631 \u0628\u06cc\u200c\u0646\u0642\u0635<\/p>\n <div class=\"services-grid\">\n <div class=\"service-card scale-in\"><span class=\"service-icon\">\ud83d\udc87\u200d\u2640\ufe0f<\/span><h3>\u06a9\u0648\u062a\u0627\u0647\u06cc \u0648 \u0641\u0631\u0645\u200c\u062f\u0647\u06cc \u0645\u0648<\/h3><p>\u0645\u062f\u0644\u200c\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u0648 \u06a9\u0644\u0627\u0633\u06cc\u06a9 \u0628\u0627 \u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u06a9\u0648\u062a\u0627\u0647\u06cc<\/p><\/div>\n <div class=\"service-card scale-in\"><span class=\"service-icon\">\ud83c\udfa8<\/span><h3>\u0631\u0646\u06af\u060c \u0645\u0634 \u0648 \u0647\u0627\u06cc\u0644\u0627\u06cc\u062a<\/h3><p>\u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u06a9\u0631\u0645\u060c \u062f\u06a9\u0644\u0631\u0647\u060c \u0622\u0645\u0628\u0631\u0647 \u0648 \u0645\u0634\u200c\u0647\u0627\u06cc \u0637\u0628\u06cc\u0639\u06cc<\/p><\/div>\n <div class=\"service-card scale-in\"><span class=\"service-icon\">\ud83d\udc85<\/span><h3>\u06a9\u0627\u0634\u062a \u0648 \u0637\u0631\u0627\u062d\u06cc \u0646\u0627\u062e\u0646<\/h3><p>\u06a9\u0627\u0634\u062a \u0698\u0644\u060c \u067e\u0648\u062f\u0631\u060c \u0644\u0627\u06a9 \u0698\u0644 \u0648 \u0627\u0646\u0648\u0627\u0639 \u0647\u0646\u0631 \u0646\u0627\u062e\u0646<\/p><\/div>\n <div class=\"service-card scale-in\"><span class=\"service-icon\">\ud83d\udc84<\/span><h3>\u0645\u06cc\u06a9\u0627\u067e \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/h3><p>\u0645\u06cc\u06a9\u0627\u067e \u0639\u0631\u0648\u0633\u060c \u0645\u06cc\u06a9\u0627\u067e \u0631\u0648\u0632\u0627\u0646\u0647 \u0648 \u0645\u06cc\u06a9\u0627\u067e \u0645\u0647\u0645\u0627\u0646\u06cc<\/p><\/div>\n <div class=\"service-card scale-in\"><span class=\"service-icon\">\ud83e\uddf4<\/span><h3>\u067e\u0627\u06a9\u0633\u0627\u0632\u06cc \u0648 \u0645\u0631\u0627\u0642\u0628\u062a \u067e\u0648\u0633\u062a<\/h3><p>\u0641\u06cc\u0634\u06cc\u0627\u0644\u060c \u0647\u06cc\u062f\u0631\u0648\u0641\u06cc\u0634\u06cc\u0627\u0644\u060c \u0645\u06cc\u06a9\u0631\u0648\u0646\u06cc\u062f\u0644\u06cc\u0646\u06af \u0648 \u0644\u06cc\u0641\u062a<\/p><\/div>\n <div class=\"service-card scale-in\"><span class=\"service-icon\">\u2728<\/span><h3>\u0627\u06a9\u0633\u062a\u0646\u0634\u0646 \u0648 \u0628\u0627\u0641\u062a \u0645\u0648<\/h3><p>\u0627\u06a9\u0633\u062a\u0646\u0634\u0646 \u0637\u0628\u06cc\u0639\u06cc\u060c \u0628\u0627\u0641\u062a\u200c\u0647\u0627\u06cc \u0645\u062c\u0644\u0633\u06cc \u0648 \u06a9\u0627\u0634\u062a \u0645\u0698\u0647<\/p><\/div>\n <div class=\"service-card scale-in\"><span class=\"service-icon\">\ud83c\udf3f<\/span><h3>\u0628\u0648\u062a\u0627\u06a9\u0633 \u0648 \u06a9\u0631\u0627\u062a\u06cc\u0646\u0647 \u0645\u0648<\/h3><p>\u0635\u0627\u0641\u06cc \u0648 \u062f\u0631\u062e\u0634\u0646\u062f\u06af\u06cc \u0645\u0648 \u0628\u0627 \u0645\u0648\u0627\u062f \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a<\/p><\/div>\n <div class=\"service-card scale-in\"><span class=\"service-icon\">\ud83d\udc41\ufe0f<\/span><h3>\u06a9\u0627\u0634\u062a \u0648 \u0644\u06cc\u0641\u062a \u0645\u0698\u0647<\/h3><p>\u0645\u0698\u0647\u200c\u0647\u0627\u06cc \u062d\u062c\u0645\u06cc \u0648 \u0641\u0631\u0647\u0627\u06cc \u062c\u0630\u0627\u0628<\/p><\/div>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"gallery\" id=\"gallery\">\n <div class=\"container\">\n <h2 class=\"section-title fade-up\">\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u0627<\/h2>\n <p class=\"section-subtitle fade-up\">\u062a\u0635\u0627\u0648\u06cc\u0631\u06cc \u0627\u0632 \u06a9\u0627\u0631\u0647\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0634\u062f\u0647 \u062f\u0631 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0645\u0631\u06cc\u0645<\/p>\n <div class=\"gallery-grid\">\n <div class=\"gallery-item scale-in\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u06f1\" loading=\"lazy\"><div class=\"gallery-overlay\">\u06a9\u0648\u062a\u0627\u0647\u06cc \u0648 \u0631\u0646\u06af<\/div><\/div>\n <div class=\"gallery-item scale-in\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522337360788-8b13dee7a37e?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u06f2\" loading=\"lazy\"><div class=\"gallery-overlay\">\u0645\u06cc\u06a9\u0627\u067e \u0639\u0631\u0648\u0633<\/div><\/div>\n <div class=\"gallery-item scale-in\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1607779097040-26e80aa78e66?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u06f3\" loading=\"lazy\"><div class=\"gallery-overlay\">\u0637\u0631\u0627\u062d\u06cc \u0646\u0627\u062e\u0646<\/div><\/div>\n <div class=\"gallery-item scale-in\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580618672591-eb180b1a973f?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80\" alt=\"\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631 \u06f4\" loading=\"lazy\"><div class=\"gallery-overlay\">\u0627\u06a9\u0633\u062a\u0646\u0634\u0646 \u0645\u0648<\/div><\/div>\n <\/div>\n <\/div>\n <\/section>\n <section class=\"contact\" id=\"contact\">\n <div class=\"container\">\n <h2 class=\"section-title fade-up\">\u0628\u0627 \u0645\u0627 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f<\/h2>\n <p class=\"section-subtitle fade-up\">\u0647\u0645\u06cc\u0646 \u0627\u0645\u0631\u0648\u0632 \u0648\u0642\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u06cc\u0627 \u0646\u0648\u0628\u062a \u062e\u0648\u062f \u0631\u0627 \u0631\u0632\u0631\u0648 \u06a9\u0646\u06cc\u062f<\/p>\n <div class=\"contact-grid\">\n <div class=\"contact-info\">\n <div class=\"contact-item fade-right\"><span class=\"emoji\">\ud83d\udccd<\/span><div><h4>\u0622\u062f\u0631\u0633<\/h4><p>\u062a\u0647\u0631\u0627\u0646\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0641\u0631\u0634\u062a\u0647\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0641\u0644\u0627\u0646\u06cc\u060c \u067e\u0644\u0627\u06a9 \u06f1\u06f2\u06f3<\/p><\/div><\/div>\n <div class=\"contact-item fade-right\"><span class=\"emoji\">\ud83d\udcde<\/span><div><h4>\u062a\u0644\u0641\u0646<\/h4><p>\u06f0\u06f2\u06f1-\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8<\/p><\/div><\/div>\n <div class=\"contact-item fade-right\"><span class=\"emoji\">\ud83d\udcf1<\/span><div><h4>\u0645\u0648\u0628\u0627\u06cc\u0644 (\u0648\u0627\u062a\u0633\u0627\u067e)<\/h4><p>\u06f0\u06f9\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8\u06f9<\/p><\/div><\/div>\n <div class=\"contact-item fade-right\"><span class=\"emoji\">\u23f0<\/span><div><h4>\u0633\u0627\u0639\u0627\u062a \u06a9\u0627\u0631\u06cc<\/h4><p>\u0647\u0645\u0647 \u0631\u0648\u0632\u0647 \u06f9 \u0635\u0628\u062d \u062a\u0627 \u06f9 \u0634\u0628 (\u0628\u0647 \u062c\u0632 \u062a\u0639\u0637\u06cc\u0644\u0627\u062a \u0631\u0633\u0645\u06cc)<\/p><\/div><\/div>\n <\/div>\n <div class=\"contact-map fade-left\"><p style=\"padding:20px; text-align:center;\">\ud83d\uddfa\ufe0f \u0646\u0642\u0634\u0647 \u06af\u0648\u06af\u0644 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f<br><small>(\u06a9\u062f iframe \u062e\u0648\u062f \u0631\u0627 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f)<\/small><\/p><\/div>\n <\/div>\n <\/div>\n <\/section>\n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-social\"><a href=\"#\" title=\"\u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645\">\ud83d\udcf8<\/a><a href=\"#\" title=\"\u062a\u0644\u06af\u0631\u0627\u0645\">\u2708\ufe0f<\/a><a href=\"#\" title=\"\u0648\u0627\u062a\u0633\u0627\u067e\">\ud83d\udcac<\/a><a href=\"#\" title=\"\u0627\u06cc\u062a\u0627\">\ud83d\udcf2<\/a><\/div>\n <p>\u00a9 \u06f1\u06f4\u06f0\u06f4 \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u0645\u0631\u06cc\u0645 \u2013 \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a.<\/p>\n <p style=\"margin-top:5px; font-size:0.8rem;\">\u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0628\u0627 \ud83d\udc9c \u0628\u0631\u0627\u06cc \u0628\u0647\u062a\u0631\u06cc\u0646 \u062a\u062c\u0631\u0628\u0647 \u0632\u06cc\u0628\u0627\u06cc\u06cc<\/p>\n <\/div>\n <\/footer>\n <script>\n const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); } }); }, { threshold: 0.1 });\n document.querySelectorAll('.fade-up, .fade-left, .fade-right, .scale-in').forEach(el => { observer.observe(el); });\n <\/script>\n<\/body>\n<\/html>\n```\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u0644\u0646\u062f\u06cc\u0646\u06af \u067e\u06cc\u062c \u0645\u062f\u0631\u0646 \u0648 \u062a\u06a9\u200c\u0635\u0641\u062d\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u0622\u0631\u0627\u06cc\u0634\u06af\u0627\u0647 \u0632\u0646\u0627\u0646\u0647 \u062f\u0631 \u0641\u0631\u0634\u062a\u0647 \u062a\u0647\u0631\u0627\u0646 \u0628\u0627 \u062a\u0645 \u0628\u0646\u0641\u0634 \u0634\u06cc\u06a9 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0631\u062f\u0647\u200c\u0627\u0645. \u06a9\u062f \u0628\u0647 \u0635\u0648\u0631\u062a HTML + CSS (\u062f\u0627\u062e\u0644\u06cc) \u0648 \u0628\u0627 \u0642\u0627\u0628\u0644\u06cc\u062a \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0648 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u062c\u0630\u0627\u0628 \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a. \u062a\u0645\u0627\u0645\u06cc \u0645\u062a\u0646\u200c\u0647\u0627 \u0628\u0647 \u0641\u0627\u0631\u0633\u06cc \u0648 \u0645\u0646\u0627\u0633\u0628 \u0648\u0631\u062f\u067e\u0631\u0633 (\u0628\u0627 \u062a\u06af HTML) \u0627\u0633\u062a. \u0627\u0632 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648\u0627\u0642\u0639\u06cc (Unsplash) \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 placeholder \u0627\u0633\u062a\u0641\u0627\u062f\u0647 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/apanews.ir\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apanews.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/apanews.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/apanews.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apanews.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":142,"href":"https:\/\/apanews.ir\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":161,"href":"https:\/\/apanews.ir\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/161"}],"wp:attachment":[{"href":"https:\/\/apanews.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}