{"id":13,"date":"2026-01-08T16:08:02","date_gmt":"2026-01-08T16:08:02","guid":{"rendered":"https:\/\/www.mertimmunology.com\/?page_id=13"},"modified":"2026-02-27T12:31:34","modified_gmt":"2026-02-27T12:31:34","slug":"home","status":"publish","type":"page","link":"https:\/\/www.mertimmunology.com\/?page_id=13&lang=en","title":{"rendered":"Home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0\">\n    <title>Immunology Research Institute<\/title>\n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n    <style>\n        \/* ---------- Global Styles & Variables ---------- *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #F8FAFC;\n            color: #1E293B;\n            line-height: 1.5;\n            overflow-x: hidden;\n            width: 100%;\n        }\n\n        h1, h2, h3 {\n            font-weight: 700;\n            letter-spacing: -0.02em;\n        }\n\n        .container {\n            width: 100%;\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n        \n        @media (min-width: 640px) {\n            .container {\n                padding: 0 32px;\n            }\n        }\n\n        section {\n            padding: 60px 0;\n        }\n\n        section:first-of-type {\n            padding-top: 0;\n        }\n        \n        @media (min-width: 768px) {\n            section {\n                padding: 80px 0;\n            }\n            section:first-of-type {\n                padding-top: 0;\n            }\n        }\n\n        img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        \/* ---------- Buttons & Badges ---------- *\/\n        .btn {\n            display: inline-block;\n            font-weight: 600;\n            text-decoration: none;\n            padding: 12px 24px;\n            border-radius: 40px;\n            transition: all 0.2s ease;\n            font-size: 1rem;\n            border: none;\n            cursor: pointer;\n            text-align: center;\n        }\n        \n        @media (min-width: 768px) {\n            .btn {\n                padding: 14px 32px;\n            }\n        }\n\n        .btn-primary {\n            background-color: #0A2540;\n            color: white;\n            box-shadow: 0 4px 12px rgba(10, 37, 64, 0.2);\n        }\n\n        .btn-primary:hover {\n            background-color: #00B4D8;\n            transform: translateY(-2px);\n            box-shadow: 0 12px 24px rgba(0, 180, 216, 0.3);\n        }\n\n        .badge {\n            display: inline-block;\n            background-color: #00B4D8;\n            color: #0A2540;\n            font-weight: 600;\n            font-size: 0.7rem;\n            padding: 4px 10px;\n            border-radius: 40px;\n            letter-spacing: 0.3px;\n            text-transform: uppercase;\n            border: 1px solid rgba(10, 37, 64, 0.1);\n            box-shadow: 0 2px 8px rgba(0, 180, 216, 0.3);\n        }\n        \n        @media (min-width: 768px) {\n            .badge {\n                font-size: 0.75rem;\n                padding: 6px 14px;\n            }\n        }\n\n        .section-tag {\n            color: #00B4D8;\n            text-transform: uppercase;\n            font-weight: 600;\n            font-size: 0.8rem;\n            letter-spacing: 1px;\n            margin-bottom: 12px;\n            display: block;\n        }\n        \n        @media (min-width: 768px) {\n            .section-tag {\n                font-size: 0.9rem;\n                margin-bottom: 16px;\n            }\n        }\n\n        \/* ---------- Cards ---------- *\/\n        .card-modern {\n            background: white;\n            border-radius: 20px;\n            padding: 24px;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(0, 0, 0, 0.03);\n            box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);\n            height: 100%;\n        }\n        \n        @media (min-width: 768px) {\n            .card-modern {\n                padding: 32px;\n                border-radius: 24px;\n            }\n        }\n\n        .card-modern:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 30px 50px -20px rgba(0, 180, 216, 0.3), 0 0 0 1px rgba(0, 180, 216, 0.2);\n        }\n\n        .research-card {\n            border-radius: 20px;\n            overflow: hidden;\n            background: white;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(0, 0, 0, 0.03);\n            box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);\n            height: 100%;\n        }\n        \n        @media (min-width: 768px) {\n            .research-card {\n                border-radius: 24px;\n            }\n        }\n\n        .research-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 30px 50px -20px rgba(0, 180, 216, 0.3), 0 0 0 1px rgba(0, 180, 216, 0.2);\n        }\n\n        .research-img {\n            width: 100%;\n            height: 200px;\n            object-fit: cover;\n            transition: transform 0.6s ease;\n        }\n        \n        @media (min-width: 768px) {\n            .research-img {\n                height: 240px;\n            }\n        }\n\n        .research-card:hover .research-img {\n            transform: scale(1.05);\n        }\n\n        .research-content {\n            padding: 20px;\n        }\n        \n        @media (min-width: 768px) {\n            .research-content {\n                padding: 28px;\n            }\n        }\n\n        .research-content h3 {\n            font-size: 1.2rem;\n            margin-bottom: 10px;\n            color: #0A2540;\n        }\n        \n        @media (min-width: 768px) {\n            .research-content h3 {\n                font-size: 1.3rem;\n                margin-bottom: 12px;\n            }\n        }\n\n        .research-content p {\n            color: #475569;\n            margin-bottom: 16px;\n            font-size: 0.9rem;\n            line-height: 1.6;\n        }\n        \n        @media (min-width: 768px) {\n            .research-content p {\n                font-size: 0.95rem;\n                margin-bottom: 20px;\n            }\n        }\n\n        \/* ---------- Hero Section with Slideshow ---------- *\/\n        .hero {\n            min-height: 70vh;\n            display: flex;\n            align-items: center;\n            position: relative;\n            background-color: #0A2540;\n            overflow: hidden;\n            margin-top: 0;\n        }\n        \n        @media (min-width: 768px) {\n            .hero {\n                min-height: 90vh;\n            }\n        }\n\n        .slideshow-container {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n        }\n\n        .slide {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            opacity: 0;\n            transition: opacity 1.5s ease-in-out;\n            z-index: 1;\n        }\n\n        .slide.active {\n            opacity: 1;\n            z-index: 2;\n        }\n\n        .hero-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, rgba(10, 37, 64, 0.85) 0%, rgba(0, 20, 40, 0.7) 100%);\n            z-index: 3;\n        }\n\n        .hero-content {\n            max-width: 900px;\n            color: white;\n            animation: fadeIn 1.5s ease-out;\n            position: relative;\n            z-index: 4;\n            padding-top: 0;\n        }\n\n        .hero-content h1 {\n            font-size: clamp(2.2rem, 8vw, 5.5rem);\n            line-height: 1.1;\n            margin-bottom: 16px;\n            text-shadow: 0 2px 20px rgba(0,0,0,0.3);\n        }\n        \n        @media (min-width: 480px) {\n            .hero-content h1 {\n                margin-bottom: 20px;\n            }\n        }\n        \n        @media (min-width: 768px) {\n            .hero-content h1 {\n                margin-bottom: 24px;\n            }\n        }\n\n        .hero-content p {\n            font-size: 1.1rem;\n            margin-bottom: 30px;\n            color: rgba(255,255,255,0.85);\n            font-weight: 400;\n            max-width: 700px;\n        }\n        \n        @media (min-width: 768px) {\n            .hero-content p {\n                font-size: 1.3rem;\n                margin-bottom: 40px;\n            }\n        }\n\n        @keyframes fadeIn {\n            0% { opacity: 0; transform: translateY(20px); }\n            100% { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* ---------- Grid & Layout ---------- *\/\n        .grid-2 {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\n        \n        @media (min-width: 768px) {\n            .grid-2 {\n                grid-template-columns: 1fr 1fr;\n                gap: 60px;\n            }\n        }\n\n        .grid-3 {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }\n        \n        @media (min-width: 640px) {\n            .grid-3 {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n        \n        @media (min-width: 1024px) {\n            .grid-3 {\n                grid-template-columns: repeat(3, 1fr);\n                gap: 30px;\n            }\n        }\n\n        .grid-4 {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 16px;\n        }\n        \n        @media (min-width: 480px) {\n            .grid-4 {\n                gap: 20px;\n            }\n        }\n        \n        @media (min-width: 768px) {\n            .grid-4 {\n                grid-template-columns: repeat(4, 1fr);\n                gap: 30px;\n            }\n        }\n\n        \/* ---------- About Section ---------- *\/\n        .about-image {\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 30px 40px -20px rgba(10, 37, 64, 0.3);\n            transition: transform 0.5s ease;\n            max-height: 400px;\n        }\n        \n        @media (min-width: 768px) {\n            .about-image {\n                border-radius: 24px;\n                max-height: none;\n            }\n        }\n\n        .about-image:hover {\n            transform: scale(1.02);\n        }\n\n        .about-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n        \n        .about-content h1 {\n            font-size: clamp(1.8rem, 5vw, 2.8rem);\n            margin-bottom: 16px;\n            color: #0A2540;\n        }\n        \n        @media (min-width: 768px) {\n            .about-content h1 {\n                margin-bottom: 24px;\n            }\n        }\n        \n        .about-content p {\n            color: #475569;\n            font-size: 1rem;\n            margin-bottom: 30px;\n            line-height: 1.7;\n        }\n        \n        @media (min-width: 768px) {\n            .about-content p {\n                font-size: 1.1rem;\n                margin-bottom: 40px;\n            }\n        }\n\n        \/* \u0622\u06cc\u06a9\u0648\u0646\u200c\u0647\u0627\u06cc \u0634\u06cc\u06a9 \u0648 \u062c\u0630\u0627\u0628 \u0628\u0627 \u0627\u0641\u06a9\u062a \u06a9\u0644\u06cc\u06a9 \u0648 \u0644\u06cc\u0646\u06a9 \u062e\u0627\u0631\u062c\u06cc *\/\n        .icon-glass {\n            background: rgba(255, 255, 255, 0.7);\n            backdrop-filter: blur(10px);\n            -webkit-backdrop-filter: blur(10px);\n            border: 1px solid rgba(255,255,255,0.5);\n            box-shadow: 0 15px 35px -10px rgba(0,0,0,0.1);\n            border-radius: 16px;\n            padding: 16px 8px;\n            text-align: center;\n            transition: all 0.3s ease;\n            text-decoration: none;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            color: inherit;\n            position: relative;\n            min-height: 120px;\n        }\n        \n        @media (min-width: 768px) {\n            .icon-glass {\n                padding: 24px 16px;\n                min-height: 140px;\n            }\n        }\n\n        .icon-glass:hover {\n            background: white;\n            box-shadow: 0 25px 45px -10px #00B4D8, 0 0 0 2px #00B4D8;\n            transform: translateY(-8px) scale(1.02);\n        }\n\n        .icon-glass i {\n            font-size: 2rem;\n            color: #0A2540;\n            margin-bottom: 8px;\n            transition: all 0.3s ease;\n            background: linear-gradient(135deg, #0A2540 0%, #00B4D8 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n        \n        @media (min-width: 768px) {\n            .icon-glass i {\n                font-size: 2.5rem;\n                margin-bottom: 12px;\n            }\n        }\n\n        .icon-glass:hover i {\n            transform: scale(1.1);\n            background: linear-gradient(135deg, #00B4D8 0%, #0A2540 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .icon-glass h6 {\n            font-size: 1rem;\n            font-weight: 700;\n            color: #0A2540;\n            margin-bottom: 4px;\n        }\n\n        .icon-glass small {\n            color: #475569;\n            font-size: 0.75rem;\n            font-weight: 500;\n        }\n\n        \/* \u0622\u06cc\u06a9\u0648\u0646 \u0644\u06cc\u0646\u06a9 \u062e\u0627\u0631\u062c\u06cc \u0628\u0631\u0627\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u0628\u0627\u0632 \u0634\u062f\u0646 \u062f\u0631 \u0635\u0641\u062d\u0647 \u062c\u062f\u06cc\u062f *\/\n        .icon-glass::after {\n            content: '\\f35d';\n            font-family: 'Font Awesome 6 Free';\n            font-weight: 900;\n            position: absolute;\n            top: 8px;\n            right: 8px;\n            font-size: 0.7rem;\n            color: #00B4D8;\n            opacity: 0;\n            transition: opacity 0.2s ease;\n            background: white;\n            width: 18px;\n            height: 18px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n        }\n\n        .icon-glass:hover::after {\n            opacity: 1;\n        }\n\n        \/* \u062a\u0635\u0627\u0648\u06cc\u0631 \u0631\u0648\u06cc \u0622\u06cc\u06a9\u0648\u0646\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u062c\u0630\u0627\u0628\u06cc\u062a \u0628\u06cc\u0634\u062a\u0631 *\/\n        .icon-glass.icon-research {\n            background-image: linear-gradient(145deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.8) 100%), url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" opacity=\"0.1\"><path fill=\"%2300B4D8\" d=\"M50 10 L60 40 L90 40 L65 60 L75 90 L50 70 L25 90 L35 60 L10 40 L40 40 Z\"\/><\/svg>');\n            background-size: 80px, cover;\n            background-position: center;\n            background-repeat: no-repeat;\n        }\n\n        .icon-glass.icon-publications {\n            background-image: linear-gradient(145deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.8) 100%), url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" opacity=\"0.1\"><circle cx=\"50\" cy=\"50\" r=\"30\" fill=\"%2300B4D8\"\/><circle cx=\"50\" cy=\"50\" r=\"20\" fill=\"%230A2540\"\/><\/svg>');\n            background-size: 100px, cover;\n            background-position: center;\n            background-repeat: no-repeat;\n        }\n\n        .icon-glass.icon-laboratory {\n            background-image: linear-gradient(145deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.8) 100%), url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" opacity=\"0.1\"><rect x=\"20\" y=\"20\" width=\"60\" height=\"60\" fill=\"%2300B4D8\" rx=\"10\"\/><\/svg>');\n            background-size: 90px, cover;\n            background-position: center;\n            background-repeat: no-repeat;\n        }\n\n        .icon-glass.icon-team {\n            background-image: linear-gradient(145deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.8) 100%), url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" opacity=\"0.1\"><path fill=\"%2300B4D8\" d=\"M30 40 Q50 20 70 40 L80 70 L50 85 L20 70 Z\"\/><\/svg>');\n            background-size: 90px, cover;\n            background-position: center;\n            background-repeat: no-repeat;\n        }\n\n        \/* \u0627\u0641\u06a9\u062a \u0627\u0636\u0627\u0641\u0647 \u0628\u0631\u0627\u06cc \u0622\u06cc\u06a9\u0648\u0646\u200c\u0647\u0627 *\/\n        .icon-glass {\n            position: relative;\n            overflow: hidden;\n        }\n\n        .icon-glass::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle, rgba(0,180,216,0.1) 0%, transparent 70%);\n            opacity: 0;\n            transition: opacity 0.5s ease;\n            z-index: 0;\n        }\n\n        .icon-glass:hover::before {\n            opacity: 1;\n        }\n\n        .icon-glass > * {\n            position: relative;\n            z-index: 1;\n        }\n        \n        \/* ---------- Research Areas Section ---------- *\/\n        .section-header {\n            text-align: center;\n            max-width: 700px;\n            margin: 0 auto 40px;\n        }\n        \n        @media (min-width: 768px) {\n            .section-header {\n                margin-bottom: 60px;\n            }\n        }\n        \n        .section-header h2 {\n            font-size: clamp(2rem, 5vw, 3rem);\n            color: #0A2540;\n        }\n\n        \/* ---------- Collaboration Form ---------- *\/\n        .collab-gradient {\n            background: linear-gradient(135deg, #0A2540 0%, #00B4D8 100%);\n            border-radius: 24px;\n            padding: 30px 20px;\n            margin: 40px 0;\n        }\n        \n        @media (min-width: 768px) {\n            .collab-gradient {\n                border-radius: 32px;\n                padding: 60px;\n                margin: 60px 0;\n            }\n        }\n\n        .form-card {\n            background: rgba(255,255,255,0.1);\n            backdrop-filter: blur(10px);\n            -webkit-backdrop-filter: blur(10px);\n            border-radius: 20px;\n            padding: 30px 20px;\n            border: 1px solid rgba(255,255,255,0.2);\n            box-shadow: 0 30px 50px -20px rgba(0,0,0,0.3);\n        }\n        \n        @media (min-width: 768px) {\n            .form-card {\n                border-radius: 24px;\n                padding: 40px;\n            }\n        }\n\n        .form-group {\n            margin-bottom: 20px;\n        }\n        \n        @media (min-width: 768px) {\n            .form-group {\n                margin-bottom: 24px;\n            }\n        }\n\n        .form-group input,\n        .form-group select,\n        .form-group textarea {\n            width: 100%;\n            background: transparent;\n            border: none;\n            border-bottom: 2px solid rgba(255,255,255,0.3);\n            padding: 10px 6px;\n            color: white;\n            font-size: 0.95rem;\n            transition: all 0.2s ease;\n            font-family: 'Inter', sans-serif;\n        }\n        \n        @media (min-width: 768px) {\n            .form-group input,\n            .form-group select,\n            .form-group textarea {\n                padding: 12px 8px;\n                font-size: 1rem;\n            }\n        }\n\n        .form-group input:focus,\n        .form-group select:focus,\n        .form-group textarea:focus {\n            outline: none;\n            border-bottom-color: white;\n            box-shadow: 0 8px 16px -12px #00B4D8;\n        }\n\n        .form-group input::placeholder,\n        .form-group textarea::placeholder,\n        .form-group select {\n            color: rgba(255,255,255,0.7);\n        }\n\n        .form-group select option {\n            background: #0A2540;\n            color: white;\n        }\n\n        .btn-light {\n            background: white;\n            color: #0A2540;\n            font-weight: 700;\n            width: 100%;\n            padding: 14px;\n            border-radius: 40px;\n            border: none;\n            font-size: 0.95rem;\n            cursor: pointer;\n            transition: all 0.2s ease;\n        }\n        \n        @media (min-width: 768px) {\n            .btn-light {\n                padding: 16px;\n                font-size: 1rem;\n            }\n        }\n\n        .btn-light:hover {\n            background: #00B4D8;\n            color: white;\n            transform: scale(1.02);\n            box-shadow: 0 20px 30px -10px #0A2540;\n        }\n        \n        .collab-text h2 {\n            font-size: clamp(1.8rem, 5vw, 2.8rem);\n            color: white;\n            line-height: 1.2;\n            margin-bottom: 16px;\n        }\n        \n        .collab-text p {\n            color: rgba(255,255,255,0.85);\n            font-size: 1rem;\n            margin-bottom: 30px;\n        }\n        \n        @media (min-width: 768px) {\n            .collab-text p {\n                font-size: 1.1rem;\n                margin-bottom: 40px;\n            }\n        }\n        \n        .contact-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n        \n        .contact-item i {\n            font-size: 1.8rem;\n            color: white;\n        }\n        \n        @media (min-width: 768px) {\n            .contact-item i {\n                font-size: 2rem;\n            }\n        }\n        \n        .contact-item h5 {\n            color: white;\n            font-weight: 600;\n            font-size: 1rem;\n        }\n        \n        .contact-item p {\n            color: white;\n            margin-bottom: 0;\n            font-size: 0.9rem;\n        }\n        \n        \/* ---------- Additional Mobile Optimizations ---------- *\/\n        @media (max-width: 480px) {\n            .hero-content .btn {\n                display: block;\n                width: 100%;\n            }\n            \n            .grid-4 {\n                gap: 10px;\n            }\n            \n            .icon-glass {\n                padding: 12px 4px;\n                min-height: 100px;\n            }\n            \n            .icon-glass i {\n                font-size: 1.5rem;\n                margin-bottom: 4px;\n            }\n            \n            .icon-glass h6 {\n                font-size: 0.8rem;\n            }\n            \n            .icon-glass small {\n                font-size: 0.65rem;\n            }\n        }\n        \n        @media (max-width: 360px) {\n            .container {\n                padding: 0 15px;\n            }\n            \n            .hero-content h1 {\n                font-size: 2rem;\n            }\n            \n            .hero-content p {\n                font-size: 1rem;\n            }\n            \n            .badge {\n                font-size: 0.65rem;\n                padding: 3px 8px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- ===== HERO SECTION \u0628\u0627 \u0627\u0633\u0644\u0627\u06cc\u062f\u0634\u0648 ===== -->\n    <section class=\"hero\">\n        <div class=\"slideshow-container\">\n            <div class=\"slide\" style=\"background-image: url('https:\/\/www.mertimmunology.com\/wp-content\/uploads\/2026\/02\/Ultra-thin-Section-Electron-Microscopy-for-Coronavirus-like-Particle-1.jpg');\"><\/div>\n            <div class=\"slide\" style=\"background-image: url('https:\/\/www.mertimmunology.com\/wp-content\/uploads\/2026\/02\/maxresdefault.jpg');\"><\/div>\n            <div class=\"slide\" style=\"background-image: url('https:\/\/www.mertimmunology.com\/wp-content\/uploads\/2026\/02\/MARIONI_Covid-19_1000x600-1.jpg');\"><\/div>\n            <div class=\"slide\" style=\"background-image: url('https:\/\/www.mertimmunology.com\/wp-content\/uploads\/2026\/02\/dendriticcell_color_txt.jpg');\"><\/div>\n        <\/div>\n        <div class=\"hero-overlay\"><\/div>\n        \n        <div class=\"container\">\n            <div class=\"hero-content\">\n                <h1>Immunology Research Institute<\/h1>\n                <p>Translational Immunology | Immunogenetics | Biomedical Innovation<\/p>\n                <a href=\"#\" class=\"btn btn-primary\">Explore Research <i class=\"fas fa-arrow-right\" style=\"margin-left: 8px;\"><\/i><\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== ABOUT SECTION \u0628\u0627 \u0622\u06cc\u06a9\u0648\u0646\u200c\u0647\u0627\u06cc \u0634\u06cc\u06a9 \u0648 \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f ===== -->\n    <section>\n        <div class=\"container\">\n            <div class=\"grid-2\">\n                <div class=\"about-image\">\n                    <img decoding=\"async\" src=\"https:\/\/www.mertimmunology.com\/wp-content\/uploads\/2025\/12\/price-1.jpg\" alt=\"Mehrdad Etemad PhD in office\">\n                <\/div>\n                <div class=\"about-content\">\n                    <span class=\"section-tag\">About Our Center<\/span>\n                    <h1>Immunology Research Institute<\/h1>\n                    <p>\n                        Led by Mehrdad Etemad, PhD in Immunology, our research institute is dedicated to advancing understanding of immune system functions and developing innovative solutions for immunological disorders. We combine cutting-edge technology with interdisciplinary approaches to address pressing challenges in immunology and biomedical science.\n                    <\/p>\n                    <div class=\"grid-4\">\n                        <!-- \u0622\u06cc\u06a9\u0648\u0646 Advanced Research \u0628\u0627 \u0644\u06cc\u0646\u06a9 \u0628\u0647 \u0635\u0641\u062d\u0647 Research \u0648 \u0627\u0641\u06a9\u062a \u0634\u06cc\u06a9 -->\n                        <a href=\"https:\/\/www.mertimmunology.com\/?page_id=53&#038;lang=en\" target=\"_blank\" class=\"icon-glass icon-research\" title=\"\u0628\u0627\u0632 \u0634\u062f\u0646 \u062f\u0631 \u0635\u0641\u062d\u0647 \u062c\u062f\u06cc\u062f\">\n                            <i class=\"fas fa-microscope\"><\/i>\n                            <h6>Advanced<\/h6>\n                            <small>Research<\/small>\n                        <\/a>\n                        \n                        <!-- \u0622\u06cc\u06a9\u0648\u0646 Laboratory Facilities (\u0628\u062f\u0648\u0646 \u062a\u063a\u06cc\u06cc\u0631) -->\n                        <a href=\"https:\/\/www.mertimmunology.com\/?page_id=184&#038;lang=en\" target=\"_blank\" class=\"icon-glass icon-laboratory\" title=\"\u0628\u0627\u0632 \u0634\u062f\u0646 \u062f\u0631 \u0635\u0641\u062d\u0647 \u062c\u062f\u06cc\u062f\">\n                            <i class=\"fas fa-flask\"><\/i>\n                            <h6>Laboratory<\/h6>\n                            <small>Facilities<\/small>\n                        <\/a>\n                        \n                        <!-- \u0622\u06cc\u06a9\u0648\u0646 Scientific Publications \u0628\u0627 \u0644\u06cc\u0646\u06a9 \u0628\u0647 \u0635\u0641\u062d\u0647 Publications \u0648 \u0627\u0641\u06a9\u062a \u0634\u06cc\u06a9 -->\n                        <a href=\"https:\/\/www.mertimmunology.com\/?page_id=62&#038;lang=en\" target=\"_blank\" class=\"icon-glass icon-publications\" title=\"\u0628\u0627\u0632 \u0634\u062f\u0646 \u062f\u0631 \u0635\u0641\u062d\u0647 \u062c\u062f\u06cc\u062f\">\n                            <i class=\"fas fa-book\"><\/i>\n                            <h6>Scientific<\/h6>\n                            <small>Publications<\/small>\n                        <\/a>\n                        \n                        <!-- \u0622\u06cc\u06a9\u0648\u0646 Expert Team (\u0628\u062f\u0648\u0646 \u062a\u063a\u06cc\u06cc\u0631) -->\n                        <a href=\"#\" class=\"icon-glass icon-team\" title=\"\u0628\u0627\u0632 \u0634\u062f\u0646 \u062f\u0631 \u0635\u0641\u062d\u0647 \u062c\u062f\u06cc\u062f\">\n                            <i class=\"fas fa-users\"><\/i>\n                            <h6>Expert<\/h6>\n                            <small>Team<\/small>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== RESEARCH AREAS ===== -->\n    <section style=\"background: #F1F5F9;\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <span class=\"section-tag\">Research Areas<\/span>\n                <h2>Our Specialized Research Domains<\/h2>\n            <\/div>\n            <div class=\"grid-3\">\n                <div class=\"card-modern\">\n                    <div style=\"background: #0A2540; width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\">\n                        <i class=\"fas fa-dna\" style=\"font-size: 1.5rem; color: #00B4D8;\"><\/i>\n                    <\/div>\n                    <h3 style=\"font-size: 1.5rem; margin-bottom: 12px;\">Immunogenetics<\/h3>\n                    <p style=\"color: #475569;\">Exploring the genetic basis of immune responses and autoimmune disorders through advanced genomic technologies.<\/p>\n                <\/div>\n                <div class=\"card-modern\">\n                    <div style=\"background: #0A2540; width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\">\n                        <i class=\"fas fa-syringe\" style=\"font-size: 1.5rem; color: #00B4D8;\"><\/i>\n                    <\/div>\n                    <h3 style=\"font-size: 1.5rem; margin-bottom: 12px;\">Vaccine Development<\/h3>\n                    <p style=\"color: #475569;\">Researching novel vaccine technologies and delivery systems for emerging infectious diseases.<\/p>\n                <\/div>\n                <div class=\"card-modern\">\n                    <div style=\"background: #0A2540; width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\">\n                        <i class=\"fas fa-vial\" style=\"font-size: 1.5rem; color: #00B4D8;\"><\/i>\n                    <\/div>\n                    <h3 style=\"font-size: 1.5rem; margin-bottom: 12px;\">Biomedical Research<\/h3>\n                    <p style=\"color: #475569;\">Investigating molecular mechanisms of disease and immunity at cellular and molecular levels.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== RESEARCH PROJECTS ===== -->\n    <section>\n        <div class=\"container\">\n            <div class=\"section-header\" style=\"max-width: 800px;\">\n                <span class=\"section-tag\">Research<\/span>\n                <h2>Cutting-Edge Immunology Research Projects<\/h2>\n                <p style=\"font-size: 1rem; color: #475569; margin-top: 16px;\">Discover our groundbreaking studies in immunology, biomedical engineering, and vaccine development that are shaping the future of healthcare.<\/p>\n            <\/div>\n            <div class=\"grid-3\">\n                <div class=\"research-card\">\n                    <div style=\"overflow: hidden;\">\n                        <img decoding=\"async\" src=\"https:\/\/www.mertimmunology.com\/wp-content\/uploads\/2025\/12\/3-2.png\" alt=\"Bone chip processing\" class=\"research-img\">\n                    <\/div>\n                    <div class=\"research-content\">\n                        <span class=\"badge\" style=\"margin-bottom: 12px;\">Immunology<\/span>\n                        <h3>Advanced Bone Chip Processing Techniques<\/h3>\n                        <p>Mehrdad Etemad, PhD demonstrating specialized bone chip drying protocols for immunological studies.<\/p>\n                        <div style=\"display: flex; align-items: center; color: #64748B; font-size: 0.85rem;\">\n                            <i class=\"far fa-calendar-alt\" style=\"margin-right: 6px;\"><\/i> December 2023\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"research-card\">\n                    <div style=\"overflow: hidden;\">\n                        <img decoding=\"async\" src=\"https:\/\/www.mertimmunology.com\/wp-content\/uploads\/2025\/12\/3.jpg\" alt=\"Laboratory Team\" class=\"research-img\">\n                    <\/div>\n                    <div class=\"research-content\">\n                        <span class=\"badge\" style=\"margin-bottom: 12px;\">Collaboration<\/span>\n                        <h3>Laboratory Team Collaboration<\/h3>\n                        <p>Mehrdad Etemad, PhD collaborating with research team members in the laboratory, fostering scientific cooperation.<\/p>\n                        <div style=\"display: flex; align-items: center; color: #64748B; font-size: 0.85rem;\">\n                            <i class=\"far fa-calendar-alt\" style=\"margin-right: 6px;\"><\/i> December 2023\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"research-card\">\n                    <div style=\"overflow: hidden;\">\n                        <img decoding=\"async\" src=\"https:\/\/www.mertimmunology.com\/wp-content\/uploads\/2025\/12\/price-1.jpg\" alt=\"Research Leadership\" class=\"research-img\">\n                    <\/div>\n                    <div class=\"research-content\">\n                        <span class=\"badge\" style=\"margin-bottom: 12px;\">Leadership<\/span>\n                        <h3>Immunology Research Leadership<\/h3>\n                        <p>Mehrdad Etemad, PhD leading immunology research initiatives with strategic planning and innovation.<\/p>\n                        <div style=\"display: flex; align-items: center; color: #64748B; font-size: 0.85rem;\">\n                            <i class=\"far fa-calendar-alt\" style=\"margin-right: 6px;\"><\/i> December 2023\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== COLLABORATION FORM (\u0627\u0635\u0644\u0627\u062d \u0634\u062f\u0647) ===== -->\n    <section>\n        <div class=\"container\">\n            <div class=\"collab-gradient\">\n                <div class=\"grid-2\" style=\"align-items: start;\">\n                    <div class=\"collab-text\">\n                        <span class=\"section-tag\" style=\"color: #ffffff; opacity: 0.9;\">Collaboration<\/span>\n                        <h2>Schedule Research Collaboration<\/h2>\n                        <p>\n                            Please fill out the form below to schedule a collaboration meeting with our research team. We will contact you to discuss potential research partnerships.\n                        <\/p>\n                        <div class=\"contact-item\">\n                            <i class=\"fas fa-envelope\"><\/i>\n                            <div>\n                                <h5>Email Us<\/h5>\n                                <p>info@mertimmunology.com<\/p> <!-- \u0627\u06cc\u0645\u06cc\u0644 \u0627\u0635\u0644\u0627\u062d \u0634\u062f -->\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"form-card\">\n                        <!-- \u0641\u0631\u0645 \u0628\u0647 Formspree \u0645\u062a\u0635\u0644 \u0634\u062f \u062a\u0627 \u0627\u06cc\u0645\u06cc\u0644\u200c\u0647\u0627 \u0648\u0627\u0642\u0639\u0627\u064b \u0627\u0631\u0633\u0627\u0644 \u0634\u0648\u0646\u062f -->\n                        <form id=\"collaborationForm\" action=\"https:\/\/formspree.io\/f\/xzzrzwzj\" method=\"POST\">\n                            <input type=\"hidden\" name=\"_subject\" value=\"New Collaboration Request from Website\">\n                            <input type=\"hidden\" name=\"_language\" value=\"en\">\n                            \n                            <div class=\"form-group\">\n                                <input type=\"text\" name=\"name\" placeholder=\"Your Name\" required>\n                            <\/div>\n                            <div class=\"form-group\">\n                                <input type=\"email\" name=\"email\" placeholder=\"Your Email\" required>\n                            <\/div>\n                            <div class=\"form-group\">\n                                <select name=\"research_area\" required>\n                                    <option value=\"\" disabled selected>Research Area<\/option>\n                                    <option value=\"Immunology\">Immunology<\/option>\n                                    <option value=\"Genetics\">Genetics<\/option>\n                                    <option value=\"Vaccine Development\">Vaccine Development<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"form-group\">\n                                <textarea name=\"message\" placeholder=\"Your Message\" rows=\"4\" required><\/textarea>\n                            <\/div>\n                            <button type=\"submit\" class=\"btn-light\">Request Collaboration<\/button>\n                        <\/form>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Slideshow\n            const slides = document.querySelectorAll('.slide');\n            if (slides.length > 0) {\n                slides[0].classList.add('active');\n                let currentSlide = 0;\n                \n                setInterval(function() {\n                    slides[currentSlide].classList.remove('active');\n                    currentSlide = (currentSlide + 1) % slides.length;\n                    slides[currentSlide].classList.add('active');\n                }, 5000);\n            }\n\n            \/\/ Form submission with feedback (\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc - \u0628\u0631\u0627\u06cc \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0628\u0647\u062a\u0631)\n            const form = document.getElementById('collaborationForm');\n            if (form) {\n                form.addEventListener('submit', function(e) {\n                    \/\/ Formspree \u0628\u0647 \u0635\u0648\u0631\u062a \u062e\u0648\u062f\u06a9\u0627\u0631 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0627\u0645\u0627 \u0645\u0627 \u06cc\u06a9 \u067e\u06cc\u0627\u0645 \u062e\u0648\u0634\u200c\u0622\u0645\u062f\u06af\u0648\u06cc\u06cc \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645\n                    \/\/ (\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc - \u0627\u06af\u0631 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0627\u0631\u0628\u0631 \u067e\u0633 \u0627\u0632 \u0627\u0631\u0633\u0627\u0644 \u0628\u0647 \u0635\u0641\u062d\u0647 \u062a\u0634\u06a9\u0631 \u0628\u0631\u0648\u062f)\n                    \/\/ \u0645\u0627 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 alert \u0633\u0627\u062f\u0647 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645\n                    setTimeout(function() {\n                        alert('Thank you! Your collaboration request has been submitted. We will contact you soon.');\n                    }, 100);\n                });\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Immunology Research Institute Immunology Research Institute Translational Immunology | Immunogenetics | Biomedical Innovation Explore Research About Our Center Immunology Research Institute Led by Mehrdad Etemad, PhD in Immunology, our research institute is dedicated to advancing understanding of immune system functions and developing innovative solutions for immunological disorders. We combine cutting-edge technology with interdisciplinary approaches to&hellip;&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"full-width","neve_meta_container":"full-width","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"left","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"on","footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mertimmunology.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mertimmunology.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mertimmunology.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mertimmunology.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mertimmunology.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":20,"href":"https:\/\/www.mertimmunology.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":258,"href":"https:\/\/www.mertimmunology.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/258"}],"wp:attachment":[{"href":"https:\/\/www.mertimmunology.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}