{"version":"1.0","provider_name":"FLM DM Course 19th Batch-M.Ramani","provider_url":"https:\/\/flmdm19.in\/mramani","author_name":"mramani","author_url":"https:\/\/flmdm19.in\/mramani\/author\/mramani\/","title":"Home page - FLM DM Course 19th Batch-M.Ramani","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"OVnaCybvEN\"><a href=\"https:\/\/flmdm19.in\/mramani\/home-page\/\">Home page<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/flmdm19.in\/mramani\/home-page\/embed\/#?secret=OVnaCybvEN\" width=\"600\" height=\"338\" title=\"&#8220;Home page&#8221; &#8212; FLM DM Course 19th Batch-M.Ramani\" data-secret=\"OVnaCybvEN\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/flmdm19.in\/mramani\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","description":"Ramani | Digital Marketing \u2014 Strategy. Growth. Impact. *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; scroll-padding-top: 5rem; } body { font-family: &#8216;Inter&#8217;, sans-serif; background: #F8F9FA; color: #1A1A2E; line-height: 1.6; overflow-x: hidden; -webkit-font-smoothing: antialiased; } ::selection { background: rgba(139,92,246,0.18); color: #1A1A2E; } :root { &#8211;bg-deep: #F8F9FA; &#8211;bg-surface: #F0F0F7; &#8211;bg-card: #FFFFFF; &#8211;bg-card-hover: #F8F8FF; &#8211;text-primary: #1A1A2E; &#8211;text-secondary: #6B6B80; &#8211;accent-violet: #7C3AED; &#8211;accent-pink: #EC4899; &#8211;accent-cyan: #06B6D4; &#8211;gradient-primary: linear-gradient(135deg, #7C3AED, #EC4899); &#8211;gradient-secondary: linear-gradient(135deg, #EC4899, #06B6D4); &#8211;gradient-text: linear-gradient(135deg, #7C3AED 0%, #EC4899 50%, #06B6D4 100%); &#8211;radius-sm: 8px; &#8211;radius-md: 16px; &#8211;radius-lg: 24px; &#8211;transition: 0.4s cubic-bezier(0.25,0.46,0.45,0.94); &#8211;shadow-card: 0 2px 20px rgba(0,0,0,0.06); &#8211;shadow-hover: 0 12px 40px rgba(124,58,237,0.12); } a { color: inherit; text-decoration: none; } img { max-width: 100%; display: block; } .container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; } .section { padding: 6rem 0; position: relative; } .section-label { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(&#8211;accent-violet); margin-bottom: 1rem; } .section-label::before { content: &#8221;; width: 1.5rem; height: 1px; background: var(&#8211;accent-violet); } .section-title { font-family: &#8216;Space Grotesk&#8217;, sans-serif; font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 700; margin-bottom: 1.2rem; line-height: 1.15; } .section-title .highlight { background: var(&#8211;gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .section-sub { color: var(&#8211;text-secondary); font-size: 1.05rem; max-width: 580px; } .btn { display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.9rem 2rem; border-radius: 50px; font-family: &#8216;Inter&#8217;, sans-serif; font-size: 0.9rem; font-weight: 500; border: none; cursor: pointer; transition: var(&#8211;transition); position: relative; overflow: hidden; } .btn-primary { background: var(&#8211;gradient-primary); color: #fff; box-shadow: 0 4px 25px rgba(124,58,237,0.3); } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 40px rgba(124,58,237,0.4); } .btn-outline { background: transparent; color: var(&#8211;text-primary); border: 1.5px solid rgba(0,0,0,0.12); } .btn-outline:hover { border-color: var(&#8211;accent-violet); color: var(&#8211;accent-violet); transform: translateY(-3px); } .btn-group { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem; } .fade-up { opacity: 0; transform: translateY(40px); transition: opacity 0.7s ease, transform 0.7s ease; } .fade-up.visible { opacity: 1; transform: translateY(0); } .stagger &gt; * { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; } .stagger.visible &gt; *:nth-child(1) { transition-delay: 0s; } .stagger.visible &gt; *:nth-child(2) { transition-delay: 0.1s; } .stagger.visible &gt; *:nth-child(3) { transition-delay: 0.2s; } .stagger.visible &gt; *:nth-child(4) { transition-delay: 0.3s; } .stagger.visible &gt; *:nth-child(5) { transition-delay: 0.4s; } .stagger.visible &gt; *:nth-child(6) { transition-delay: 0.5s; } .stagger.visible &gt; * { opacity: 1; transform: translateY(0); } \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/ nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 1.2rem 0; transition: var(&#8211;transition); } nav.scrolled { background: rgba(255,255,255,0.92); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid rgba(0,0,0,0.05); box-shadow: 0 1px 20px rgba(0,0,0,0.04); padding: 0.7rem 0; } .nav-inner { display: flex; align-items: center; justify-content: space-between; } .logo { font-family: &#8216;Space Grotesk&#8217;, sans-serif; font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; gap: 0.5rem; color: var(&#8211;text-primary); } .logo-icon { width: 36px; height: 36px; border-radius: 10px; background: var(&#8211;gradient-primary); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; color: #fff; } .nav-links { display: flex; gap: 2rem; align-items: center; } .nav-links a { font-size: 0.85rem; font-weight: 500; color: var(&#8211;text-secondary); transition: var(&#8211;transition); position: relative; } .nav-links a:hover { color: var(&#8211;text-primary); } .nav-links a::after { content: &#8221;; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(&#8211;gradient-primary); transition: var(&#8211;transition); border-radius: 2px; } .nav-links a:hover::after { width: 100%; } .nav-cta { padding: 0.5rem 1.3rem; border-radius: 50px; background: var(&#8211;gradient-primary); color: #fff !important; font-size: 0.8rem !important; font-weight: 600 !important; box-shadow: 0 2px 15px rgba(124,58,237,0.25); } .nav-cta::after { display: none !important; } .nav-cta:hover { transform: translateY(-2px); box-shadow: 0 4px 25px rgba(124,58,237,0.35) !important; } .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 4px; } .hamburger span { width: 24px; height: 2px; background: var(&#8211;text-primary); border-radius: 2px; transition: var(&#8211;transition); } .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); } .hamburger.active span:nth-child(2) { opacity: 0; } .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); } \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/ #hero { min-height: 100vh; display: flex; align-items: center; position: relative; overflow: hidden; padding: 8rem 0 4rem; } .hero-bg { position: absolute; inset: 0; z-index: 0; background: radial-gradient(ellipse 80% 60% at 20% 50%, rgba(124,58,237,0.07) 0%, transparent 70%), radial-gradient(ellipse 60% 50% at 80% 20%, rgba(236,72,153,0.05) 0%, transparent 70%), radial-gradient(ellipse 50% 40% at 50% 80%, rgba(6,182,212,0.04) 0%, transparent 70%); } .hero-grid-lines { position: absolute; inset: 0; z-index: 0; background-image: linear-gradient(rgba(0,0,0,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.04) 1px, transparent 1px); background-size: 60px 60px; mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 20%, transparent 70%); -webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 20%, transparent 70%); } .hero-content { position: relative; z-index: 1; max-width: 820px; } .hero-image { position: absolute; right: -20px; top: 50%; transform: translateY(-50%); z-index: 1; width: 380px; pointer-events: none; animation: hero-float 6s ease-in-out infinite; } .hero-image img { width: 100%; border-radius: var(&#8211;radius-lg); box-shadow: 0 20px 80px rgba(124,58,237,0.15), 0 4px 30px rgba(0,0,0,0.06); border: 3px solid rgba(255,255,255,0.8); } .hero-image::after { content: &#8221;; position: absolute; inset: -8px; border-radius: calc(var(&#8211;radius-lg) + 8px); background: var(&#8211;gradient-primary); z-index: -1; opacity: 0.3; filter: blur(12px); } @keyframes hero-float { 0%,100% { transform: translateY(-50%) translateX(0); } 50% { transform: translateY(calc(-50% &#8211; 12px)) translateX(-4px); } } .hero-badge { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.4rem 1rem; border-radius: 50px; background: rgba(124,58,237,0.08); border: 1px solid rgba(124,58,237,0.15); font-size: 0.8rem; color: var(&#8211;accent-violet); margin-bottom: 1.5rem; } .hero-badge i { font-size: 0.7rem; } .hero-badge .dot { width: 6px; height: 6px; border-radius: 50%; background: #22c55e; animation: pulse-dot 2s infinite; } @keyframes pulse-dot { 0%,100% { opacity: 1; } 50% { opacity: 0.3; } } .hero-title { font-family: &#8216;Space Grotesk&#8217;, sans-serif; font-size: clamp(2.6rem, 8vw, 5rem); font-weight: 700; line-height: 1.05; margin-bottom: 1.2rem; color: var(&#8211;text-primary); } .hero-title .gradient-text { background: var(&#8211;gradient-text); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero-sub { font-size: clamp(1rem, 2vw, 1.2rem); color: var(&#8211;text-secondary); max-width: 600px; margin-bottom: 1rem; line-height: 1.7; } .hero-stats { display: flex; gap: 2.5rem; margin-top: 3rem; flex-wrap: wrap; } .hero-stat h3 { font-family: &#8216;Space Grotesk&#8217;, sans-serif; font-size: 2rem; background: var(&#8211;gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero-stat p { font-size: 0.8rem; color: var(&#8211;text-secondary); margin-top: 0.15rem; } .hero-scroll { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 0.5rem; color: var(&#8211;text-secondary); font-size: 0.7rem; letter-spacing: 0.15em; animation: float 3s ease-in-out infinite; z-index: 1; ... Read more","thumbnail_url":"https:\/\/images.pexels.com\/photos\/3184291\/pexels-photo-3184291.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800"}