CloudEngin \u2014 Board of Advisors<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* ===== Base Styles ===== *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #ffffff;\r\n color: #1e293b;\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n }\r\n\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n }\r\n\r\n \/* ===== Buttons ===== *\/\r\n .btn-primary {\r\n display: inline-block;\r\n background: #2563eb;\r\n color: #ffffff !important;\r\n font-weight: 600;\r\n padding: 0.9rem 2.2rem;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: none;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-primary:visited,\r\n .btn-primary:link,\r\n .btn-primary:active {\r\n color: #ffffff !important;\r\n }\r\n\r\n .btn-primary::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 0;\r\n height: 0;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.2);\r\n transform: translate(-50%, -50%);\r\n transition: width 0.6s, height 0.6s;\r\n }\r\n\r\n .btn-primary:hover::before {\r\n width: 300px;\r\n height: 300px;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #1d4ed8;\r\n transform: translateY(-3px) scale(1.02);\r\n box-shadow: 0 8px 25px rgba(37, 99, 235, 0.4);\r\n color: #ffffff !important;\r\n }\r\n\r\n .btn-primary:active {\r\n transform: scale(0.96);\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* ===== Reveal Animations ===== *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .reveal.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .reveal-left {\r\n opacity: 0;\r\n transform: translateX(-60px);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .reveal-left.active {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .reveal-right {\r\n opacity: 0;\r\n transform: translateX(60px);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .reveal-right.active {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .reveal-scale {\r\n opacity: 0;\r\n transform: scale(0.9);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .reveal-scale.active {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n .delay-1 { transition-delay: 0.1s; }\r\n .delay-2 { transition-delay: 0.2s; }\r\n .delay-3 { transition-delay: 0.3s; }\r\n .delay-4 { transition-delay: 0.4s; }\r\n\r\n \/* ===== Hero \/ Board Section ===== *\/\r\n .board-hero {\r\n padding: 5rem 0 4rem;\r\n text-align: center;\r\n background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .board-hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle at 30% 50%, rgba(37, 99, 235, 0.05) 0%, transparent 50%);\r\n animation: floatBg 20s ease-in-out infinite;\r\n }\r\n\r\n @keyframes floatBg {\r\n 0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n 33% { transform: translate(5%, -5%) rotate(2deg); }\r\n 66% { transform: translate(-5%, 5%) rotate(-2deg); }\r\n }\r\n\r\n .board-hero h1 {\r\n font-size: 4rem;\r\n font-weight: 800;\r\n letter-spacing: -0.04em;\r\n line-height: 1.1;\r\n max-width: 900px;\r\n margin: 0 auto 1rem;\r\n color: #0f172a;\r\n position: relative;\r\n animation: fadeInUp 1s ease;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .board-hero h1 .highlight {\r\n background: linear-gradient(135deg, #2563eb, #7c3aed, #2563eb);\r\n background-size: 200% 200%;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n animation: gradientMove 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes gradientMove {\r\n 0%, 100% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n }\r\n\r\n .board-hero .subtitle {\r\n font-size: 1.3rem;\r\n color: #475569;\r\n max-width: 700px;\r\n margin: 0 auto 2rem;\r\n animation: fadeInUp 1s ease 0.3s both;\r\n }\r\n\r\n \/* ===== Advisors Grid ===== *\/\r\n .advisors {\r\n padding: 3rem 0 5rem;\r\n background: #ffffff;\r\n }\r\n\r\n .advisors-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 2.5rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .advisor-card {\r\n background: #ffffff;\r\n padding: 2.5rem 2rem;\r\n border-radius: 24px;\r\n box-shadow: 0 8px 30px rgba(0,0,0,0.04);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 1px solid #f1f5f9;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .advisor-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: linear-gradient(90deg, #2563eb, #7c3aed);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s;\r\n }\r\n\r\n .advisor-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .advisor-card:hover {\r\n transform: translateY(-12px) scale(1.01);\r\n box-shadow: 0 24px 50px rgba(0,0,0,0.1);\r\n border-color: #2563eb;\r\n }\r\n\r\n .advisor-avatar {\r\n width: 100px;\r\n height: 100px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #e2e8f0, #cbd5e1);\r\n margin: 0 auto 1.2rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2.5rem;\r\n color: #64748b;\r\n transition: transform 0.4s;\r\n }\r\n\r\n .advisor-card:hover .advisor-avatar {\r\n transform: scale(1.05) rotate(-3deg);\r\n }\r\n\r\n .advisor-card h3 {\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n margin-bottom: 0.3rem;\r\n transition: color 0.3s;\r\n }\r\n\r\n .advisor-card:hover h3 {\r\n color: #2563eb;\r\n }\r\n\r\n .advisor-card .role {\r\n color: #2563eb;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .advisor-card p {\r\n color: #64748b;\r\n font-size: 0.95rem;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ===== Quote \/ Inspiration Section ===== *\/\r\n .inspiration {\r\n padding: 5rem 0;\r\n background: #f8fafc;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .inspiration::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -20%;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(37, 99, 235, 0.03) 0%, transparent 70%);\r\n border-radius: 50%;\r\n animation: floatBg 15s ease-in-out infinite;\r\n }\r\n\r\n .inspiration blockquote {\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n color: #0f172a;\r\n max-width: 800px;\r\n margin: 0 auto 1.5rem;\r\n line-height: 1.3;\r\n letter-spacing: -0.02em;\r\n position: relative;\r\n }\r\n\r\n .inspiration blockquote::before {\r\n content: '\"';\r\n font-size: 4rem;\r\n color: #2563eb;\r\n opacity: 0.2;\r\n position: absolute;\r\n top: -1.5rem;\r\n left: -1rem;\r\n }\r\n\r\n .inspiration blockquote::after {\r\n content: '\"';\r\n font-size: 4rem;\r\n color: #2563eb;\r\n opacity: 0.2;\r\n position: absolute;\r\n bottom: -3rem;\r\n right: -1rem;\r\n }\r\n\r\n .inspiration .attribution {\r\n color: #64748b;\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n }\r\n\r\n \/* ===== CTA Section ===== *\/\r\n .cta-section {\r\n padding: 5rem 0;\r\n text-align: center;\r\n background: linear-gradient(180deg, #ffffff, #f8fafc);\r\n }\r\n\r\n .cta-section h2 {\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n letter-spacing: -0.03em;\r\n max-width: 700px;\r\n margin: 0 auto 1.5rem;\r\n }\r\n\r\n .cta-section h2 span {\r\n color: #2563eb;\r\n }\r\n\r\n .cta-section p {\r\n color: #475569;\r\n font-size: 1.2rem;\r\n max-width: 600px;\r\n margin: 0 auto 2.5rem;\r\n }\r\n\r\n .cta-section .btn-primary {\r\n animation: pulse 3s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.02); }\r\n }\r\n\r\n \/* ===== Particles ===== *\/\r\n .particle {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(37, 99, 235, 0.08);\r\n animation: floatParticle 8s ease-in-out infinite;\r\n }\r\n\r\n .particle:nth-child(1) {\r\n width: 60px;\r\n height: 60px;\r\n top: 10%;\r\n left: 5%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .particle:nth-child(2) {\r\n width: 40px;\r\n height: 40px;\r\n bottom: 15%;\r\n right: 8%;\r\n animation-delay: 2s;\r\n }\r\n\r\n .particle:nth-child(3) {\r\n width: 80px;\r\n height: 80px;\r\n top: 20%;\r\n right: 15%;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes floatParticle {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 25% { transform: translate(30px, -20px) scale(1.1); }\r\n 50% { transform: translate(-20px, 40px) scale(0.9); }\r\n 75% { transform: translate(40px, 20px) scale(1.05); }\r\n }\r\n\r\n \/* ===== Responsive ===== *\/\r\n @media (max-width: 768px) {\r\n .board-hero h1 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .board-hero .subtitle {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .advisors-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 400px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .inspiration blockquote {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .inspiration blockquote::before,\r\n .inspiration blockquote::after {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .cta-section h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .cta-section p {\r\n font-size: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .board-hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .board-hero .subtitle {\r\n font-size: 1rem;\r\n }\r\n\r\n .advisor-card {\r\n padding: 2rem 1.5rem;\r\n }\r\n\r\n .btn-primary {\r\n padding: 0.7rem 1.5rem;\r\n font-size: 0.9rem;\r\n width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n\r\n \r\n <section class=\"board-hero\">\r\n <div class=\"container\">\r\n <h1>\r\n CloudEngin <br><span class=\"highlight\">Board of Advisors<\/span>\r\n <\/h1>\r\n <p class=\"subtitle\">\r\n Meet the Ever-shining Beacons of Light helping CloudEngin transcend barriers and lead the cloud world with <strong>undeterred conviction<\/strong>, transformative offerings, and grand visions.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n \r\n <section class=\"inspiration\">\r\n <div class=\"container\">\r\n <blockquote class=\"reveal\">\r\n Inspirational Mentors Make an Organization Disruptive. For Present and Future.\r\n <\/blockquote>\r\n <p class=\"attribution reveal delay-1\">\u2014 CloudEngin Advisory Board<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"cta-section\">\r\n <div class=\"container\">\r\n <h2 class=\"reveal\">\r\n Rise and Transform with <span>CloudEngin<\/span>\r\n <\/h2>\r\n <p class=\"reveal delay-1\">\r\n Schedule a consultation with our Cloud experts and get answers for any specific queries you may have. \r\n You can also schedule a visit to our Datacenters, or share feedback on our website and services.\r\n <\/p>\r\n <a href=\"#footer\" class=\"btn-primary reveal delay-2\">Get in Touch<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div id=\"footer\" style=\"scroll-margin-top: 2rem; height: 1px;\"><\/div>\r\n\r\n \r\n <script>\r\n \/\/ === 1. Intersection Observer for reveal animations ===\r\n const revealElements = document.querySelectorAll('.reveal, .reveal-left, .reveal-right, .reveal-scale');\r\n const revealObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n }\r\n });\r\n }, {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -50px 0px'\r\n });\r\n revealElements.forEach(el => revealObserver.observe(el));\r\n\r\n \/\/ === 2. Parallax effect for particles ===\r\n document.addEventListener('mousemove', (e) => {\r\n const hero = document.querySelector('.board-hero');\r\n if (!hero) return;\r\n \r\n const rect = hero.getBoundingClientRect();\r\n const x = (e.clientX - rect.left) \/ rect.width - 0.5;\r\n const y = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n \r\n const particles = document.querySelectorAll('.particle');\r\n particles.forEach((particle, index) => {\r\n const speed = 20 + index * 10;\r\n const xOffset = x * speed;\r\n const yOffset = y * speed;\r\n particle.style.transform = `translate(${xOffset}px, ${yOffset}px)`;\r\n });\r\n });\r\n\r\n \/\/ === 3. Smooth scroll for anchor links ===\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n const targetId = this.getAttribute('href');\r\n if (targetId === '#') return;\r\n \r\n const target = document.querySelector(targetId);\r\n if (target) {\r\n e.preventDefault();\r\n target.scrollIntoView({ \r\n behavior: 'smooth', \r\n block: 'start' \r\n });\r\n }\r\n });\r\n });\r\n\r\n \/\/ === 4. Activate visible elements on load ===\r\n setTimeout(() => {\r\n revealElements.forEach(el => {\r\n const rect = el.getBoundingClientRect();\r\n if (rect.top < window.innerHeight) {\r\n el.classList.add('active');\r\n }\r\n });\r\n }, 100);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-32dd4c3 e-flex e-con-boxed e-con e-parent\" data-id=\"32dd4c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-60ad45f e-con-full e-flex e-con e-child\" data-id=\"60ad45f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c5d3212 e-con-full e-flex e-con e-child\" data-id=\"c5d3212\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0730f34 elementor-widget elementor-widget-heading\" data-id=\"0730f34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Rise and Transform with CloudEngin<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ac72f5 e-con-full e-flex e-con e-child\" data-id=\"6ac72f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3a36fc elementor-widget elementor-widget-text-editor\" data-id=\"f3a36fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Schedule a consultation with our Cloud experts and get answers for any specific queries you may have. You can also schedule a visit to our Datacenters, or share feedback on our website and services.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f613c9 e-con-full e-flex e-con e-child\" data-id=\"5f613c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-480973c elementor-widget elementor-widget-heading\" data-id=\"480973c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get in Touch<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e75f7fe elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"e75f7fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"264\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"e75f7fe\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Board of Advisors\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"264\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_815e145 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_815e145\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tTel\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_815e145]\" id=\"form-field-field_815e145\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Tel\" required=\"required\" pattern=\"[0-9()#&+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_169bf39 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_169bf39\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tCompany\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_169bf39]\" id=\"form-field-field_169bf39\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Company\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"5\" placeholder=\"Your Message...\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-field_2c751e3 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[field_2c751e3]\" id=\"form-field-field_2c751e3\" class=\"elementor-field elementor-size-sm elementor-acceptance-field\" required=\"required\">\n\t\t\t\t<label for=\"form-field-field_2c751e3\">I\u2019d like to receive more information from CloudEngin. By submitting this form, I am providing consent to receive marketing communications and I understand and agree to the usage of my corporate contact information in accordance with CloudEngin privacy statement.<\/label>\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Submit<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-153fd77 elementor-absolute elementor-widget elementor-widget-menu-anchor\" data-id=\"153fd77\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"form\"><\/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":"<p>CloudEngin \u2014 Board of Advisors CloudEngin Board of Advisors Meet the Ever-shining Beacons of Light helping CloudEngin transcend barriers and […]<\/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":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-264","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/pages\/264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=264"}],"version-history":[{"count":31,"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/pages\/264\/revisions"}],"predecessor-version":[{"id":5066,"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/pages\/264\/revisions\/5066"}],"wp:attachment":[{"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t

<\/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

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n CloudEngin \u2014 Board of Advisors<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* ===== Base Styles ===== *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #ffffff;\r\n color: #1e293b;\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n }\r\n\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n }\r\n\r\n \/* ===== Buttons ===== *\/\r\n .btn-primary {\r\n display: inline-block;\r\n background: #2563eb;\r\n color: #ffffff !important;\r\n font-weight: 600;\r\n padding: 0.9rem 2.2rem;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: none;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-primary:visited,\r\n .btn-primary:link,\r\n .btn-primary:active {\r\n color: #ffffff !important;\r\n }\r\n\r\n .btn-primary::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 0;\r\n height: 0;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.2);\r\n transform: translate(-50%, -50%);\r\n transition: width 0.6s, height 0.6s;\r\n }\r\n\r\n .btn-primary:hover::before {\r\n width: 300px;\r\n height: 300px;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #1d4ed8;\r\n transform: translateY(-3px) scale(1.02);\r\n box-shadow: 0 8px 25px rgba(37, 99, 235, 0.4);\r\n color: #ffffff !important;\r\n }\r\n\r\n .btn-primary:active {\r\n transform: scale(0.96);\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* ===== Reveal Animations ===== *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .reveal.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .reveal-left {\r\n opacity: 0;\r\n transform: translateX(-60px);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .reveal-left.active {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .reveal-right {\r\n opacity: 0;\r\n transform: translateX(60px);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .reveal-right.active {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .reveal-scale {\r\n opacity: 0;\r\n transform: scale(0.9);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .reveal-scale.active {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n .delay-1 { transition-delay: 0.1s; }\r\n .delay-2 { transition-delay: 0.2s; }\r\n .delay-3 { transition-delay: 0.3s; }\r\n .delay-4 { transition-delay: 0.4s; }\r\n\r\n \/* ===== Hero \/ Board Section ===== *\/\r\n .board-hero {\r\n padding: 5rem 0 4rem;\r\n text-align: center;\r\n background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .board-hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle at 30% 50%, rgba(37, 99, 235, 0.05) 0%, transparent 50%);\r\n animation: floatBg 20s ease-in-out infinite;\r\n }\r\n\r\n @keyframes floatBg {\r\n 0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n 33% { transform: translate(5%, -5%) rotate(2deg); }\r\n 66% { transform: translate(-5%, 5%) rotate(-2deg); }\r\n }\r\n\r\n .board-hero h1 {\r\n font-size: 4rem;\r\n font-weight: 800;\r\n letter-spacing: -0.04em;\r\n line-height: 1.1;\r\n max-width: 900px;\r\n margin: 0 auto 1rem;\r\n color: #0f172a;\r\n position: relative;\r\n animation: fadeInUp 1s ease;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .board-hero h1 .highlight {\r\n background: linear-gradient(135deg, #2563eb, #7c3aed, #2563eb);\r\n background-size: 200% 200%;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n animation: gradientMove 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes gradientMove {\r\n 0%, 100% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n }\r\n\r\n .board-hero .subtitle {\r\n font-size: 1.3rem;\r\n color: #475569;\r\n max-width: 700px;\r\n margin: 0 auto 2rem;\r\n animation: fadeInUp 1s ease 0.3s both;\r\n }\r\n\r\n \/* ===== Advisors Grid ===== *\/\r\n .advisors {\r\n padding: 3rem 0 5rem;\r\n background: #ffffff;\r\n }\r\n\r\n .advisors-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 2.5rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .advisor-card {\r\n background: #ffffff;\r\n padding: 2.5rem 2rem;\r\n border-radius: 24px;\r\n box-shadow: 0 8px 30px rgba(0,0,0,0.04);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 1px solid #f1f5f9;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .advisor-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: linear-gradient(90deg, #2563eb, #7c3aed);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s;\r\n }\r\n\r\n .advisor-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .advisor-card:hover {\r\n transform: translateY(-12px) scale(1.01);\r\n box-shadow: 0 24px 50px rgba(0,0,0,0.1);\r\n border-color: #2563eb;\r\n }\r\n\r\n .advisor-avatar {\r\n width: 100px;\r\n height: 100px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #e2e8f0, #cbd5e1);\r\n margin: 0 auto 1.2rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2.5rem;\r\n color: #64748b;\r\n transition: transform 0.4s;\r\n }\r\n\r\n .advisor-card:hover .advisor-avatar {\r\n transform: scale(1.05) rotate(-3deg);\r\n }\r\n\r\n .advisor-card h3 {\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n margin-bottom: 0.3rem;\r\n transition: color 0.3s;\r\n }\r\n\r\n .advisor-card:hover h3 {\r\n color: #2563eb;\r\n }\r\n\r\n .advisor-card .role {\r\n color: #2563eb;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .advisor-card p {\r\n color: #64748b;\r\n font-size: 0.95rem;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ===== Quote \/ Inspiration Section ===== *\/\r\n .inspiration {\r\n padding: 5rem 0;\r\n background: #f8fafc;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .inspiration::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -20%;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(37, 99, 235, 0.03) 0%, transparent 70%);\r\n border-radius: 50%;\r\n animation: floatBg 15s ease-in-out infinite;\r\n }\r\n\r\n .inspiration blockquote {\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n color: #0f172a;\r\n max-width: 800px;\r\n margin: 0 auto 1.5rem;\r\n line-height: 1.3;\r\n letter-spacing: -0.02em;\r\n position: relative;\r\n }\r\n\r\n .inspiration blockquote::before {\r\n content: '\"';\r\n font-size: 4rem;\r\n color: #2563eb;\r\n opacity: 0.2;\r\n position: absolute;\r\n top: -1.5rem;\r\n left: -1rem;\r\n }\r\n\r\n .inspiration blockquote::after {\r\n content: '\"';\r\n font-size: 4rem;\r\n color: #2563eb;\r\n opacity: 0.2;\r\n position: absolute;\r\n bottom: -3rem;\r\n right: -1rem;\r\n }\r\n\r\n .inspiration .attribution {\r\n color: #64748b;\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n }\r\n\r\n \/* ===== CTA Section ===== *\/\r\n .cta-section {\r\n padding: 5rem 0;\r\n text-align: center;\r\n background: linear-gradient(180deg, #ffffff, #f8fafc);\r\n }\r\n\r\n .cta-section h2 {\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n letter-spacing: -0.03em;\r\n max-width: 700px;\r\n margin: 0 auto 1.5rem;\r\n }\r\n\r\n .cta-section h2 span {\r\n color: #2563eb;\r\n }\r\n\r\n .cta-section p {\r\n color: #475569;\r\n font-size: 1.2rem;\r\n max-width: 600px;\r\n margin: 0 auto 2.5rem;\r\n }\r\n\r\n .cta-section .btn-primary {\r\n animation: pulse 3s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.02); }\r\n }\r\n\r\n \/* ===== Particles ===== *\/\r\n .particle {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(37, 99, 235, 0.08);\r\n animation: floatParticle 8s ease-in-out infinite;\r\n }\r\n\r\n .particle:nth-child(1) {\r\n width: 60px;\r\n height: 60px;\r\n top: 10%;\r\n left: 5%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .particle:nth-child(2) {\r\n width: 40px;\r\n height: 40px;\r\n bottom: 15%;\r\n right: 8%;\r\n animation-delay: 2s;\r\n }\r\n\r\n .particle:nth-child(3) {\r\n width: 80px;\r\n height: 80px;\r\n top: 20%;\r\n right: 15%;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes floatParticle {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 25% { transform: translate(30px, -20px) scale(1.1); }\r\n 50% { transform: translate(-20px, 40px) scale(0.9); }\r\n 75% { transform: translate(40px, 20px) scale(1.05); }\r\n }\r\n\r\n \/* ===== Responsive ===== *\/\r\n @media (max-width: 768px) {\r\n .board-hero h1 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .board-hero .subtitle {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .advisors-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 400px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .inspiration blockquote {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .inspiration blockquote::before,\r\n .inspiration blockquote::after {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .cta-section h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .cta-section p {\r\n font-size: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .board-hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .board-hero .subtitle {\r\n font-size: 1rem;\r\n }\r\n\r\n .advisor-card {\r\n padding: 2rem 1.5rem;\r\n }\r\n\r\n .btn-primary {\r\n padding: 0.7rem 1.5rem;\r\n font-size: 0.9rem;\r\n width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n\r\n \r\n <section class=\"board-hero\">\r\n <div class=\"container\">\r\n <h1>\r\n CloudEngin <br><span class=\"highlight\">Board of Advisors<\/span>\r\n <\/h1>\r\n <p class=\"subtitle\">\r\n Meet the Ever-shining Beacons of Light helping CloudEngin transcend barriers and lead the cloud world with <strong>undeterred conviction<\/strong>, transformative offerings, and grand visions.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n \r\n <section class=\"inspiration\">\r\n <div class=\"container\">\r\n <blockquote class=\"reveal\">\r\n Inspirational Mentors Make an Organization Disruptive. For Present and Future.\r\n <\/blockquote>\r\n <p class=\"attribution reveal delay-1\">\u2014 CloudEngin Advisory Board<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"cta-section\">\r\n <div class=\"container\">\r\n <h2 class=\"reveal\">\r\n Rise and Transform with <span>CloudEngin<\/span>\r\n <\/h2>\r\n <p class=\"reveal delay-1\">\r\n Schedule a consultation with our Cloud experts and get answers for any specific queries you may have. \r\n You can also schedule a visit to our Datacenters, or share feedback on our website and services.\r\n <\/p>\r\n <a href=\"#footer\" class=\"btn-primary reveal delay-2\">Get in Touch<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div id=\"footer\" style=\"scroll-margin-top: 2rem; height: 1px;\"><\/div>\r\n\r\n \r\n <script>\r\n \/\/ === 1. Intersection Observer for reveal animations ===\r\n const revealElements = document.querySelectorAll('.reveal, .reveal-left, .reveal-right, .reveal-scale');\r\n const revealObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n }\r\n });\r\n }, {\r\n threshold: 0.15,\r\n rootMargin: '0px 0px -50px 0px'\r\n });\r\n revealElements.forEach(el => revealObserver.observe(el));\r\n\r\n \/\/ === 2. Parallax effect for particles ===\r\n document.addEventListener('mousemove', (e) => {\r\n const hero = document.querySelector('.board-hero');\r\n if (!hero) return;\r\n \r\n const rect = hero.getBoundingClientRect();\r\n const x = (e.clientX - rect.left) \/ rect.width - 0.5;\r\n const y = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n \r\n const particles = document.querySelectorAll('.particle');\r\n particles.forEach((particle, index) => {\r\n const speed = 20 + index * 10;\r\n const xOffset = x * speed;\r\n const yOffset = y * speed;\r\n particle.style.transform = `translate(${xOffset}px, ${yOffset}px)`;\r\n });\r\n });\r\n\r\n \/\/ === 3. Smooth scroll for anchor links ===\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n const targetId = this.getAttribute('href');\r\n if (targetId === '#') return;\r\n \r\n const target = document.querySelector(targetId);\r\n if (target) {\r\n e.preventDefault();\r\n target.scrollIntoView({ \r\n behavior: 'smooth', \r\n block: 'start' \r\n });\r\n }\r\n });\r\n });\r\n\r\n \/\/ === 4. Activate visible elements on load ===\r\n setTimeout(() => {\r\n revealElements.forEach(el => {\r\n const rect = el.getBoundingClientRect();\r\n if (rect.top < window.innerHeight) {\r\n el.classList.add('active');\r\n }\r\n });\r\n }, 100);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-32dd4c3 e-flex e-con-boxed e-con e-parent\" data-id=\"32dd4c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-60ad45f e-con-full e-flex e-con e-child\" data-id=\"60ad45f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c5d3212 e-con-full e-flex e-con e-child\" data-id=\"c5d3212\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0730f34 elementor-widget elementor-widget-heading\" data-id=\"0730f34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Rise and Transform with CloudEngin<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ac72f5 e-con-full e-flex e-con e-child\" data-id=\"6ac72f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3a36fc elementor-widget elementor-widget-text-editor\" data-id=\"f3a36fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Schedule a consultation with our Cloud experts and get answers for any specific queries you may have. You can also schedule a visit to our Datacenters, or share feedback on our website and services.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f613c9 e-con-full e-flex e-con e-child\" data-id=\"5f613c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-480973c elementor-widget elementor-widget-heading\" data-id=\"480973c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get in Touch<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e75f7fe elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"e75f7fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"264\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"e75f7fe\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Board of Advisors\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"264\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_815e145 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_815e145\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tTel\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_815e145]\" id=\"form-field-field_815e145\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Tel\" required=\"required\" pattern=\"[0-9()#&+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_169bf39 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_169bf39\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tCompany\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_169bf39]\" id=\"form-field-field_169bf39\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Company\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"5\" placeholder=\"Your Message...\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-field_2c751e3 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[field_2c751e3]\" id=\"form-field-field_2c751e3\" class=\"elementor-field elementor-size-sm elementor-acceptance-field\" required=\"required\">\n\t\t\t\t<label for=\"form-field-field_2c751e3\">I\u2019d like to receive more information from CloudEngin. By submitting this form, I am providing consent to receive marketing communications and I understand and agree to the usage of my corporate contact information in accordance with CloudEngin privacy statement.<\/label>\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Submit<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-153fd77 elementor-absolute elementor-widget elementor-widget-menu-anchor\" data-id=\"153fd77\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"form\"><\/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":"<p>CloudEngin \u2014 Board of Advisors CloudEngin Board of Advisors Meet the Ever-shining Beacons of Light helping CloudEngin transcend barriers and […]<\/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":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-264","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/pages\/264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=264"}],"version-history":[{"count":31,"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/pages\/264\/revisions"}],"predecessor-version":[{"id":5066,"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=\/wp\/v2\/pages\/264\/revisions\/5066"}],"wp:attachment":[{"href":"https:\/\/www.cloudengin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}