{"id":88,"date":"2019-11-06T12:59:52","date_gmt":"2019-11-06T12:59:52","guid":{"rendered":"https:\/\/www.demo.cosmoswp.com\/demo-7\/?page_id=249"},"modified":"2026-07-21T09:08:52","modified_gmt":"2026-07-21T09:08:52","slug":"about","status":"publish","type":"page","link":"https:\/\/naatro.com\/?page_id=88","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"88\" class=\"elementor elementor-88\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d8b2b9 e-flex e-con-boxed e-con e-parent\" data-id=\"7d8b2b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf311b3 elementor-widget elementor-widget-shortcode\" data-id=\"bf311b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        .naatro-about,\n        .naatro-about * {\n            box-sizing: border-box;\n        }\n\n        .naatro-about {\n            --navy: #18224f;\n            --navy-dark: #10183d;\n            --orange: #f47b5b;\n            --orange-dark: #dc6549;\n            --bg: #f6f7fb;\n            --white: #ffffff;\n            --text: #19203b;\n            --muted: #6c7285;\n            --border: #e4e7ef;\n\n            width: 100%;\n            overflow: hidden;\n            color: var(--text);\n            font-family: Inter, Arial, sans-serif;\n        }\n\n        .na-container {\n            width: min(1180px, calc(100% - 40px));\n            margin: 0 auto;\n        }\n\n        .na-hero {\n            position: relative;\n            padding: 105px 0 95px;\n            overflow: hidden;\n            color: #ffffff;\n            background:\n                radial-gradient(\n                    circle at 82% 20%,\n                    rgba(244, 123, 91, 0.23),\n                    transparent 28%\n                ),\n                linear-gradient(\n                    135deg,\n                    var(--navy),\n                    var(--navy-dark)\n                );\n        }\n\n        .na-hero::before {\n            content: \"\";\n            position: absolute;\n            top: -190px;\n            right: -140px;\n            width: 460px;\n            height: 460px;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n        }\n\n        .na-hero-grid {\n            position: relative;\n            z-index: 2;\n            display: grid;\n            grid-template-columns: 1.08fr 0.92fr;\n            gap: 60px;\n            align-items: center;\n        }\n\n        .na-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 9px;\n            margin-bottom: 22px;\n            padding: 8px 15px;\n            border: 1px solid rgba(255, 255, 255, 0.18);\n            border-radius: 50px;\n            background: rgba(255, 255, 255, 0.07);\n            font-size: 13px;\n            font-weight: 800;\n        }\n\n        .na-badge::before {\n            content: \"\";\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: var(--orange);\n        }\n\n        .na-hero h1 {\n            margin: 0 0 24px;\n            color: #ffffff;\n            font-size: clamp(48px, 6.3vw, 80px);\n            line-height: 1;\n            letter-spacing: -3px;\n        }\n\n        .na-hero h1 span {\n            color: var(--orange);\n        }\n\n        .na-hero p {\n            max-width: 700px;\n            margin: 0 0 32px;\n            color: rgba(255, 255, 255, 0.8);\n            font-size: 18px;\n            line-height: 1.75;\n        }\n\n        .na-actions {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 14px;\n        }\n\n        .na-primary-btn,\n        .na-secondary-btn {\n            display: inline-flex;\n            min-height: 50px;\n            align-items: center;\n            justify-content: center;\n            padding: 0 22px;\n            border-radius: 10px;\n            font-weight: 800;\n            text-decoration: none;\n        }\n\n        .na-primary-btn {\n            color: #ffffff;\n            background: var(--orange);\n        }\n\n        .na-primary-btn:hover {\n            color: #ffffff;\n            background: var(--orange-dark);\n        }\n\n        .na-secondary-btn {\n            border: 1px solid rgba(255, 255, 255, 0.22);\n            color: #ffffff;\n            background: rgba(255, 255, 255, 0.08);\n        }\n\n        .na-secondary-btn:hover {\n            color: #ffffff;\n            background: rgba(255, 255, 255, 0.14);\n        }\n\n        .na-visual {\n            position: relative;\n            min-height: 390px;\n            display: grid;\n            place-items: center;\n        }\n\n        .na-visual-circle {\n            position: absolute;\n            width: 340px;\n            height: 340px;\n            border-radius: 50%;\n            background: linear-gradient(\n                135deg,\n                rgba(244, 123, 91, 0.85),\n                rgba(244, 123, 91, 0.18)\n            );\n        }\n\n        .na-visual-card {\n            position: relative;\n            z-index: 2;\n            width: min(100%, 390px);\n            padding: 34px;\n            border: 1px solid rgba(255, 255, 255, 0.18);\n            border-radius: 24px;\n            background: rgba(255, 255, 255, 0.1);\n            box-shadow: 0 32px 70px rgba(0, 0, 0, 0.25);\n            backdrop-filter: blur(14px);\n            transform: rotate(-3deg);\n        }\n\n        .na-visual-card strong {\n            display: block;\n            margin-bottom: 14px;\n            color: #ffffff;\n            font-size: 25px;\n        }\n\n        .na-visual-card span {\n            color: rgba(255, 255, 255, 0.78);\n            line-height: 1.7;\n        }\n\n        .na-section {\n            padding: 85px 0;\n        }\n\n        .na-light {\n            background: var(--bg);\n        }\n\n        .na-section-head {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-end;\n            gap: 30px;\n            margin-bottom: 38px;\n        }\n\n        .na-label {\n            margin: 0 0 10px;\n            color: var(--orange);\n            font-size: 13px;\n            font-weight: 800;\n            letter-spacing: 1.4px;\n            text-transform: uppercase;\n        }\n\n        .na-section-head h2 {\n            margin: 0;\n            font-size: clamp(34px, 4vw, 50px);\n            line-height: 1.1;\n            letter-spacing: -2px;\n        }\n\n        .na-section-head > p {\n            max-width: 480px;\n            margin: 0;\n            color: var(--muted);\n            line-height: 1.7;\n        }\n\n        .na-two-col {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 24px;\n        }\n\n        .na-info-card {\n            padding: 34px;\n            border: 1px solid var(--border);\n            border-radius: 18px;\n            background: #ffffff;\n            box-shadow: 0 14px 36px rgba(24, 34, 79, 0.07);\n        }\n\n        .na-info-card h3 {\n            margin: 0 0 14px;\n            font-size: 27px;\n        }\n\n        .na-info-card p {\n            margin: 0;\n            color: var(--muted);\n            line-height: 1.75;\n        }\n\n        .na-feature-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 22px;\n        }\n\n        .na-feature-card {\n            padding: 28px;\n            border: 1px solid var(--border);\n            border-radius: 18px;\n            background: #ffffff;\n            transition: 0.25s ease;\n        }\n\n        .na-feature-card:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 18px 40px rgba(24, 34, 79, 0.11);\n        }\n\n        .na-feature-icon {\n            width: 46px;\n            height: 46px;\n            display: grid;\n            place-items: center;\n            margin-bottom: 18px;\n            border-radius: 12px;\n            color: #ffffff;\n            background: var(--orange);\n            font-size: 20px;\n            font-weight: 900;\n        }\n\n        .na-feature-card h3 {\n            margin: 0 0 11px;\n            font-size: 21px;\n        }\n\n        .na-feature-card p {\n            margin: 0;\n            color: var(--muted);\n            line-height: 1.65;\n        }\n\n        .na-topics {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 16px;\n        }\n\n        .na-topic {\n            min-height: 100px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 22px;\n            border-radius: 16px;\n            color: #ffffff;\n            background: var(--navy);\n            text-decoration: none;\n            transition: 0.25s ease;\n        }\n\n        .na-topic:hover {\n            transform: translateY(-5px);\n            color: #ffffff;\n            background: var(--orange);\n        }\n\n        .na-topic strong {\n            font-size: 17px;\n        }\n\n        .na-topic span {\n            color: rgba(255, 255, 255, 0.7);\n        }\n\n        .na-cta {\n            padding: 72px 0;\n            color: #ffffff;\n            background: var(--orange);\n        }\n\n        .na-cta-inner {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 35px;\n        }\n\n        .na-cta h2 {\n            margin: 0 0 10px;\n            color: #ffffff;\n            font-size: clamp(34px, 4vw, 50px);\n            letter-spacing: -2px;\n        }\n\n        .na-cta p {\n            max-width: 700px;\n            margin: 0;\n            color: rgba(255, 255, 255, 0.88);\n            line-height: 1.7;\n        }\n\n        .na-cta a {\n            flex-shrink: 0;\n            padding: 15px 24px;\n            border-radius: 9px;\n            color: #ffffff;\n            background: var(--navy);\n            font-weight: 800;\n            text-decoration: none;\n        }\n\n        @media (max-width: 950px) {\n            .na-hero-grid,\n            .na-two-col {\n                grid-template-columns: 1fr;\n            }\n\n            .na-feature-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n\n            .na-topics {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 680px) {\n            .na-container {\n                width: min(100% - 28px, 1180px);\n            }\n\n            .na-hero {\n                padding: 70px 0 60px;\n            }\n\n            .na-hero h1 {\n                font-size: 45px;\n                letter-spacing: -2px;\n            }\n\n            .na-section {\n                padding: 65px 0;\n            }\n\n            .na-section-head,\n            .na-cta-inner {\n                align-items: flex-start;\n                flex-direction: column;\n            }\n\n            .na-feature-grid,\n            .na-topics {\n                grid-template-columns: 1fr;\n            }\n\n            .na-visual {\n                min-height: 300px;\n            }\n\n            .na-visual-circle {\n                width: 260px;\n                height: 260px;\n            }\n        }\n    <\/style>\n\n    <main class=\"naatro-about\">\n\n        <section class=\"na-hero\">\n            <div class=\"na-container na-hero-grid\">\n\n                <div>\n                    <div class=\"na-badge\">About Naatro<\/div>\n\n                    <h1>\n                        Technology Knowledge for a\n                        <span>Smarter Future.<\/span>\n                    <\/h1>\n\n                    <p>\n                        Naatro is a technology-focused platform created to make\n                        artificial intelligence, programming, cybersecurity,\n                        software and digital innovation easier to understand.\n                    <\/p>\n\n                    <div class=\"na-actions\">\n                        <a class=\"na-primary-btn\" href=\"https:\/\/naatro.com\/blog\/\">\n                            Explore Articles\n                        <\/a>\n\n                        <a class=\"na-secondary-btn\" href=\"https:\/\/naatro.com\/contact\/\">\n                            Contact Us\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"na-visual\" aria-hidden=\"true\">\n                    <div class=\"na-visual-circle\"><\/div>\n\n                    <div class=\"na-visual-card\">\n                        <strong>Technology \u2022 AI \u2022 Innovation<\/strong>\n\n                        <span>\n                            Practical, useful and easy-to-understand technology\n                            content for modern digital readers.\n                        <\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <section class=\"na-section\">\n            <div class=\"na-container\">\n\n                <div class=\"na-section-head\">\n                    <div>\n                        <p class=\"na-label\">Who We Are<\/p>\n                        <h2>Our Purpose<\/h2>\n                    <\/div>\n\n                    <p>\n                        We help readers understand technology through useful\n                        articles, clear explanations and practical digital guides.\n                    <\/p>\n                <\/div>\n\n                <div class=\"na-two-col\">\n\n                    <article class=\"na-info-card\">\n                        <h3>Our Mission<\/h3>\n\n                        <p>\n                            Our mission is to publish trustworthy, practical and\n                            accessible technology content that helps readers learn,\n                            solve problems and make better digital decisions.\n                        <\/p>\n                    <\/article>\n\n                    <article class=\"na-info-card\">\n                        <h3>Our Vision<\/h3>\n\n                        <p>\n                            Our vision is to build Naatro into a respected technology\n                            publication covering the ideas, tools and innovations\n                            shaping the digital future.\n                        <\/p>\n                    <\/article>\n\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <section class=\"na-section na-light\">\n            <div class=\"na-container\">\n\n                <div class=\"na-section-head\">\n                    <div>\n                        <p class=\"na-label\">Why Naatro<\/p>\n                        <h2>What Readers Can Expect<\/h2>\n                    <\/div>\n\n                    <p>\n                        Every article is designed to be relevant, readable and useful\n                        for people interested in modern technology.\n                    <\/p>\n                <\/div>\n\n                <div class=\"na-feature-grid\">\n\n                    <article class=\"na-feature-card\">\n                        <div class=\"na-feature-icon\">AI<\/div>\n                        <h3>Artificial Intelligence<\/h3>\n                        <p>\n                            Clear explanations of AI tools, trends and practical\n                            applications.\n                        <\/p>\n                    <\/article>\n\n                    <article class=\"na-feature-card\">\n                        <div class=\"na-feature-icon\">&lt;\/&gt;<\/div>\n                        <h3>Programming<\/h3>\n                        <p>\n                            Helpful tutorials and insights for developers and digital\n                            learners.\n                        <\/p>\n                    <\/article>\n\n                    <article class=\"na-feature-card\">\n                        <div class=\"na-feature-icon\">S<\/div>\n                        <h3>Software Reviews<\/h3>\n                        <p>\n                            Honest overviews of software, platforms and digital tools.\n                        <\/p>\n                    <\/article>\n\n                    <article class=\"na-feature-card\">\n                        <div class=\"na-feature-icon\">C<\/div>\n                        <h3>Cybersecurity<\/h3>\n                        <p>\n                            Practical knowledge about privacy, safety and online\n                            protection.\n                        <\/p>\n                    <\/article>\n\n                    <article class=\"na-feature-card\">\n                        <div class=\"na-feature-icon\">W<\/div>\n                        <h3>Web Technology<\/h3>\n                        <p>\n                            Modern web development, cloud platforms and internet\n                            technologies.\n                        <\/p>\n                    <\/article>\n\n                    <article class=\"na-feature-card\">\n                        <div class=\"na-feature-icon\">G<\/div>\n                        <h3>Practical Guides<\/h3>\n                        <p>\n                            Simple how-to content that helps readers solve real\n                            technology problems.\n                        <\/p>\n                    <\/article>\n\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <section class=\"na-section\">\n            <div class=\"na-container\">\n\n                <div class=\"na-section-head\">\n                    <div>\n                        <p class=\"na-label\">Our Content<\/p>\n                        <h2>Technology Topics<\/h2>\n                    <\/div>\n\n                    <p>\n                        Explore the main subjects covered across the Naatro platform.\n                    <\/p>\n                <\/div>\n\n                <div class=\"na-topics\">\n\n                    <a class=\"na-topic\" href=\"https:\/\/naatro.com\/category\/artificial-intelligence\/\">\n                        <strong>Artificial Intelligence<\/strong>\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                    <a class=\"na-topic\" href=\"https:\/\/naatro.com\/category\/programming\/\">\n                        <strong>Programming<\/strong>\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                    <a class=\"na-topic\" href=\"https:\/\/naatro.com\/category\/cyber-security\/\">\n                        <strong>Cybersecurity<\/strong>\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                    <a class=\"na-topic\" href=\"https:\/\/naatro.com\/category\/software\/\">\n                        <strong>Software<\/strong>\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <section class=\"na-cta\">\n            <div class=\"na-container na-cta-inner\">\n\n                <div>\n                    <h2>Stay Ahead in Technology.<\/h2>\n\n                    <p>\n                        Explore useful technology guides, AI insights, programming\n                        tutorials and software content from Naatro.\n                    <\/p>\n                <\/div>\n\n                <a href=\"https:\/\/naatro.com\/blog\/\">\n                    Explore Articles\n                <\/a>\n\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-gutentor-full-width.php","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-88","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/naatro.com\/index.php?rest_route=\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naatro.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/naatro.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/naatro.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naatro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=88"}],"version-history":[{"count":7,"href":"https:\/\/naatro.com\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":241,"href":"https:\/\/naatro.com\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions\/241"}],"wp:attachment":[{"href":"https:\/\/naatro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}