{"id":1614,"date":"2026-01-19T09:04:47","date_gmt":"2026-01-19T09:04:47","guid":{"rendered":"https:\/\/iiati.com\/?page_id=1614"},"modified":"2026-01-21T05:33:44","modified_gmt":"2026-01-21T05:33:44","slug":"about-us","status":"publish","type":"page","link":"https:\/\/iiati.com\/?page_id=1614","title":{"rendered":"About us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1614\" class=\"elementor elementor-1614\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-21d8d34 e-con-full e-flex e-con e-parent\" data-id=\"21d8d34\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ac4ab5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5ac4ab5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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\">\n    <title>About IIATI - Our Mission & Vision<\/title>\n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        \/* --- GLOBAL VARIABLES (Same as Home) --- *\/\n        :root {\n            --iiati-blue: #003366;\n            --iiati-dark-blue: #002244;\n            --iiati-orange: #ff6600;\n            --iiati-text: #333333;\n            --iiati-light-text: #555555;\n            --iiati-white: #ffffff;\n            --iiati-bg-light: rgba(244, 247, 246, 0.9); \/* Slightly transparent for animation *\/\n        }\n\n        body {\n            margin: 0;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            color: var(--iiati-text);\n            line-height: 1.6;\n            background-color: #f0f2f5;\n            overflow-x: hidden;\n        }\n\n        \/* --- ANIMATION CANVAS --- *\/\n        #automation-bg {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: -1; \/* Behind everything *\/\n            background-color: #f4f7f6;\n        }\n\n        h1, h2, h3, h4 {\n            margin: 0;\n            font-weight: 700;\n            line-height: 1.3;\n        }\n\n        \/* --- UTILITY CLASSES --- *\/\n        .container {\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .section-padding {\n            padding: 80px 0;\n            position: relative;\n            z-index: 1;\n        }\n\n        .text-center { text-align: center; }\n\n        \/* --- PAGE HEADER (Mini Hero) --- *\/\n        .page-header {\n            background: linear-gradient(rgba(0, 51, 102, 0.9), rgba(0, 51, 102, 0.8)), url('https:\/\/images.unsplash.com\/photo-1565514020125-61849f50e185?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\n            background-size: cover;\n            background-position: center;\n            height: 350px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--iiati-white);\n            text-align: center;\n            position: relative;\n            z-index: 1;\n        }\n\n        .page-header h1 {\n            font-size: 48px;\n            margin-bottom: 15px;\n        }\n\n        .page-header p {\n            font-size: 20px;\n            opacity: 0.9;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        \/* --- MISSION & VISION --- *\/\n        .mv-section {\n            background-color: rgba(255, 255, 255, 0.95); \/* High opacity for readability *\/\n        }\n\n        .mv-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n        }\n\n        .mv-card {\n            padding: 40px;\n            border-radius: 8px;\n            background: #ffffff;\n            border-top: 5px solid var(--iiati-blue);\n            box-shadow: 0 5px 25px rgba(0,0,0,0.08);\n            transition: transform 0.3s ease;\n        }\n\n        .mv-card:hover {\n            transform: translateY(-5px);\n        }\n\n        .mv-card h3 {\n            color: var(--iiati-blue);\n            font-size: 24px;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        .mv-card i {\n            color: var(--iiati-orange);\n            font-size: 28px;\n        }\n\n        \/* --- DIRECTOR'S SPEECH SECTION (Special Design) --- *\/\n        .speech-section {\n            padding-bottom: 100px;\n        }\n\n        .speech-container {\n            display: flex;\n            background: #ffffff;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n            border-radius: 12px;\n            overflow: hidden;\n            position: relative;\n        }\n\n        .director-image-col {\n            flex: 1;\n            background-color: var(--iiati-dark-blue);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            padding: 50px 30px;\n            text-align: center;\n            color: var(--iiati-white);\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* Decoration circles in background *\/\n        .director-image-col::after {\n            content: '';\n            position: absolute;\n            width: 300px;\n            height: 300px;\n            background: rgba(255, 255, 255, 0.05);\n            border-radius: 50%;\n            top: -100px;\n            left: -100px;\n        }\n\n        .director-photo {\n            width: 220px;\n            height: 220px;\n            border-radius: 50%;\n            object-fit: cover;\n            border: 6px solid var(--iiati-orange);\n            margin-bottom: 25px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.4);\n            position: relative;\n            z-index: 2;\n        }\n\n        .director-name {\n            font-size: 26px;\n            margin-bottom: 5px;\n        }\n\n        .director-title {\n            color: var(--iiati-orange);\n            font-weight: 700;\n            text-transform: uppercase;\n            font-size: 14px;\n            letter-spacing: 2px;\n            margin-bottom: 15px;\n        }\n\n        .speech-content-col {\n            flex: 2;\n            padding: 60px;\n            position: relative;\n        }\n\n        \/* Quote Icon Background *\/\n        .speech-content-col::before {\n            content: '\\f10d'; \/* FontAwesome Quote Left *\/\n            font-family: 'Font Awesome 5 Free';\n            font-weight: 900;\n            position: absolute;\n            top: 40px;\n            left: 40px;\n            font-size: 80px;\n            color: rgba(0, 51, 102, 0.05);\n            z-index: 0;\n        }\n\n        .speech-heading {\n            font-size: 32px;\n            color: var(--iiati-blue);\n            margin-bottom: 25px;\n            position: relative;\n            z-index: 1;\n            border-left: 5px solid var(--iiati-orange);\n            padding-left: 20px;\n        }\n\n        .speech-text {\n            font-size: 18px;\n            color: var(--iiati-light-text);\n            line-height: 1.8;\n            margin-bottom: 20px;\n            position: relative;\n            z-index: 1;\n            font-style: italic;\n        }\n\n        .signature {\n            margin-top: 30px;\n            font-family: 'Segoe UI', cursive; \/* Fallback to standard if handwriting font unavailable *\/\n            font-size: 20px;\n            font-weight: bold;\n            color: var(--iiati-blue);\n            border-top: 1px solid #eee;\n            display: inline-block;\n            padding-top: 10px;\n        }\n\n        \/* --- STATS STRIP --- *\/\n        .stats-section {\n            background-color: var(--iiati-orange);\n            color: var(--iiati-white);\n            padding: 60px 0;\n            position: relative;\n            z-index: 1;\n        }\n\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            text-align: center;\n            gap: 20px;\n        }\n\n        .stat-number {\n            font-size: 52px;\n            font-weight: 800;\n            margin-bottom: 5px;\n            line-height: 1;\n        }\n\n        .stat-label {\n            font-size: 14px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            opacity: 0.9;\n            font-weight: 600;\n        }\n\n        \/* --- RESPONSIVE --- *\/\n        @media (max-width: 992px) {\n            .speech-container {\n                flex-direction: column;\n            }\n            .director-image-col { padding: 40px 20px; }\n            .speech-content-col { padding: 40px 30px; }\n            .mv-grid { grid-template-columns: 1fr; }\n        }\n\n        @media (max-width: 768px) {\n            .page-header h1 { font-size: 36px; }\n            .stats-grid { grid-template-columns: 1fr 1fr; gap: 40px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- ANIMATION CANVAS BACKGROUND -->\n    <canvas id=\"automation-bg\"><\/canvas>\n\n    <!-- PAGE HEADER -->\n    <header class=\"page-header\">\n        <div class=\"container\">\n            <h1>About IIATI<\/h1>\n            <p>Bridging the Gap Between Academics & Industry with 100% Practical Training.<\/p>\n        <\/div>\n    <\/header>\n\n    <!-- MISSION & VISION -->\n    <section class=\"section-padding mv-section\">\n        <div class=\"container\">\n            <div class=\"mv-grid\">\n                <!-- Mission Card -->\n                <div class=\"mv-card\">\n                    <h3><i class=\"fas fa-bullseye\"><\/i> Our Mission<\/h3>\n                    <p>To empower engineers and working professionals with deep technical skills in Industrial Automation. We aim to replace \"unemployability\" with \"industry-readiness\" by providing hands-on training on live hardware systems like PLCs, SCADA, and Robotics.<\/p>\n                <\/div>\n                <!-- Vision Card -->\n                <div class=\"mv-card\">\n                    <h3 style=\"color: var(--iiati-orange);\"><i class=\"fas fa-eye\" style=\"color: var(--iiati-blue);\"><\/i> Our Vision<\/h3>\n                    <p>To become India's most trusted Technical Institute where education meets application. We strive to create a workforce that is capable of designing, maintaining, and innovating the automated factories of the future.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- DIRECTOR'S SPEECH SECTION -->\n    <section class=\"section-padding speech-section\">\n        <div class=\"container\">\n            <div class=\"speech-container\">\n                \n                <!-- Left: Director Profile -->\n                <div class=\"director-image-col\">\n                    <img decoding=\"async\" src=\"http:\/\/iiati.com\/wp-content\/uploads\/2024\/02\/photo_2024-02-21_19-05-16.jpg\" alt=\"Mr. Mayur Kale\" class=\"director-photo\">\n                    <h3 class=\"director-name\">Mr. Mayur Kale<\/h3>\n                    <span class=\"director-title\">Founder & Director<\/span>\n                    <p style=\"font-size: 14px; opacity: 0.9; margin-top: 10px; max-width: 250px; line-height: 1.4;\">\n                        <i class=\"fas fa-check-circle\" style=\"color: var(--iiati-orange); margin-right:5px;\"><\/i> Industrial Automation Expert<br>\n                        <i class=\"fas fa-check-circle\" style=\"color: var(--iiati-orange); margin-right:5px;\"><\/i> Best Seller Author\n                    <\/p>\n                <\/div>\n\n                <!-- Right: The Speech -->\n                <div class=\"speech-content-col\">\n                    <h2 class=\"speech-heading\">From the Director's Desk<\/h2>\n                    \n                    <div class=\"speech-text\">\n                        \"Welcome to the Indian Industrial Automation Technical Institute (IIATI).\n                        <br><br>\n                        In today's rapidly evolving industrial landscape, the gap between academic curriculum and practical shop-floor application is widening. Engineers graduate with degrees but often lack the specific skills required to program a PLC or design a SCADA system.\n                        <br><br>\n                        <strong>My mission with IIATI is to bridge this gap.<\/strong> We don't just teach you how to use software; we teach you how to think like an Automation Engineer. Whether you are a fresh graduate looking for your first break or a professional seeking to upgrade, our labs are open to help you master the machines that move the world.\n                        <br><br>\n                        We are committed to your growth, your skills, and your career.\"\n                    <\/div>\n\n                    <div class=\"signature\">\n                        Sincerely,<br>\n                        Mayur Kale\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- STATS STRIP -->\n    <section class=\"stats-section\">\n        <div class=\"container\">\n            <div class=\"stats-grid\">\n                <div>\n                    <div class=\"stat-number\">10+<\/div>\n                    <div class=\"stat-label\">Years Experience<\/div>\n                <\/div>\n                <div>\n                    <div class=\"stat-number\">500+<\/div>\n                    <div class=\"stat-label\">Students Trained<\/div>\n                <\/div>\n                <div>\n                    <div class=\"stat-number\">100%<\/div>\n                    <div class=\"stat-label\">Practical Training<\/div>\n                <\/div>\n                <div>\n                    <div class=\"stat-number\">50+<\/div>\n                    <div class=\"stat-label\">Placement Partners<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- AUTOMATION ANIMATION SCRIPT -->\n    <script>\n        const canvas = document.getElementById('automation-bg');\n        const ctx = canvas.getContext('2d');\n\n        \/\/ Set canvas to full screen\n        let width, height;\n        function resize() {\n            width = canvas.width = window.innerWidth;\n            height = canvas.height = window.innerHeight;\n        }\n        window.addEventListener('resize', resize);\n        resize();\n\n        \/\/ Particles\n        const particles = [];\n        const particleCount = 50; \/\/ Reduced slightly for About page clarity\n        const connectionDistance = 150;\n\n        class Particle {\n            constructor() {\n                this.x = Math.random() * width;\n                this.y = Math.random() * height;\n                this.vx = (Math.random() - 0.5) * 1.0; \n                this.vy = (Math.random() - 0.5) * 1.0; \n                this.size = Math.random() * 2 + 1;\n                this.color = Math.random() > 0.8 ? '#ff6600' : '#003366'; \n            }\n\n            update() {\n                this.x += this.vx;\n                this.y += this.vy;\n\n                if (this.x < 0 || this.x > width) this.vx *= -1;\n                if (this.y < 0 || this.y > height) this.vy *= -1;\n            }\n\n            draw() {\n                ctx.beginPath();\n                ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n                ctx.fillStyle = this.color;\n                ctx.fill();\n            }\n        }\n\n        \/\/ Initialize particles\n        for (let i = 0; i < particleCount; i++) {\n            particles.push(new Particle());\n        }\n\n        function animate() {\n            ctx.clearRect(0, 0, width, height);\n            \n            particles.forEach((p, index) => {\n                p.update();\n                p.draw();\n\n                for (let j = index + 1; j < particles.length; j++) {\n                    const p2 = particles[j];\n                    const dx = p.x - p2.x;\n                    const dy = p.y - p2.y;\n                    const dist = Math.sqrt(dx * dx + dy * dy);\n\n                    if (dist < connectionDistance) {\n                        ctx.beginPath();\n                        ctx.strokeStyle = `rgba(0, 51, 102, ${1 - dist \/ connectionDistance})`; \n                        ctx.lineWidth = 0.5;\n                        ctx.moveTo(p.x, p.y);\n                        ctx.lineTo(p2.x, p2.y);\n                        ctx.stroke();\n                    }\n                }\n            });\n\n            requestAnimationFrame(animate);\n        }\n\n        animate();\n    <\/script>\n\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About IIATI &#8211; Our Mission &#038; Vision About IIATI Bridging the Gap Between Academics &#038; Industry with 100% Practical Training. Our Mission To empower engineers and working professionals with deep technical skills in Industrial Automation. We aim to replace &#8220;unemployability&#8221; with &#8220;industry-readiness&#8221; by providing hands-on training on live hardware systems like PLCs, SCADA, and Robotics. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/iiati.com\/index.php?rest_route=\/wp\/v2\/pages\/1614"}],"collection":[{"href":"https:\/\/iiati.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iiati.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iiati.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iiati.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1614"}],"version-history":[{"count":43,"href":"https:\/\/iiati.com\/index.php?rest_route=\/wp\/v2\/pages\/1614\/revisions"}],"predecessor-version":[{"id":1813,"href":"https:\/\/iiati.com\/index.php?rest_route=\/wp\/v2\/pages\/1614\/revisions\/1813"}],"wp:attachment":[{"href":"https:\/\/iiati.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}