{"version":"1.0","provider_name":"FLM DM Course 19th Batch-M Venkat","provider_url":"https:\/\/flmdm19.in\/mvenkat","author_name":"mvenkat","author_url":"https:\/\/flmdm19.in\/mvenkat\/author\/mvenkat\/","title":"Elementor #28 - FLM DM Course 19th Batch-M Venkat","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"Sm3ggOIxrr\"><a href=\"https:\/\/flmdm19.in\/mvenkat\/elementor-28\/\">Elementor #28<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/flmdm19.in\/mvenkat\/elementor-28\/embed\/#?secret=Sm3ggOIxrr\" width=\"600\" height=\"338\" title=\"&#8220;Elementor #28&#8221; &#8212; FLM DM Course 19th Batch-M Venkat\" data-secret=\"Sm3ggOIxrr\" 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\/mvenkat\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","description":"Venkat \u2014 Premium Children&#8217;s Fashion * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: &#8216;Nunito&#8217;, sans-serif; background: #FFF8F0; color: #4A4A4A; overflow-x: hidden; } :root { &#8211;primary: #FF7E67; &#8211;secondary: #5EC4B7; &#8211;accent: #FFD166; &#8211;bg: #FFF8F0; &#8211;dark: #2D4059; &#8211;text: #4A4A4A; &#8211;pink: #FFE0E6; &#8211;soft-blue: #D4F1F9; &#8211;soft-green: #D4EDDA; &#8211;shadow: 0 8px 32px rgba(0,0,0,0.08); &#8211;radius: 20px; } a { text-decoration: none; color: inherit; } img { max-width: 100%; display: block; } .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; } \/* Scrollbar *\/ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: var(&#8211;bg); } ::-webkit-scrollbar-thumb { background: var(&#8211;primary); border-radius: 10px; } \/* Animations *\/ @keyframes fadeUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } @keyframes pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } } @keyframes slideOut { from { transform: translateX(0); } to { transform: translateX(100%); } } @keyframes scaleIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } .animate-on-scroll { opacity: 0; transform: translateY(40px); transition: all 0.8s ease; } .animate-on-scroll.visible { opacity: 1; transform: translateY(0); } \/* Header *\/ .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: rgba(255,248,240,0.95); backdrop-filter: blur(20px); border-bottom: 2px solid rgba(255,126,103,0.15); transition: all 0.3s; } .header.scrolled { box-shadow: var(&#8211;shadow); } .header-inner { display: flex; align-items: center; justify-content: space-between; height: 72px; } .logo { font-family: &#8216;Fredoka One&#8217;, cursive; font-size: 28px; color: var(&#8211;primary); display: flex; align-items: center; gap: 8px; } .logo span { color: var(&#8211;dark); } .logo-icon { font-size: 32px; } .nav { display: flex; align-items: center; gap: 32px; } .nav a { font-weight: 600; font-size: 15px; color: var(&#8211;text); position: relative; padding: 4px 0; transition: color 0.3s; } .nav a::after { content: &#8221;; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: var(&#8211;primary); transition: width 0.3s; } .nav a:hover { color: var(&#8211;primary); } .nav a:hover::after { width: 100%; } .header-actions { display: flex; align-items: center; gap: 16px; } .header-actions button { background: none; border: none; cursor: pointer; font-size: 20px; color: var(&#8211;dark); position: relative; padding: 8px; border-radius: 50%; transition: background 0.3s; } .header-actions button:hover { background: var(&#8211;pink); } .cart-count { position: absolute; top: 0; right: 0; background: var(&#8211;primary); color: #fff; font-size: 10px; font-weight: 700; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; } .hamburger span { width: 24px; height: 2.5px; background: var(&#8211;dark); border-radius: 2px; transition: all 0.3s; } .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); } .mobile-nav { display: none; position: fixed; top: 72px; left: 0; width: 100%; background: #fff; padding: 24px; box-shadow: var(&#8211;shadow); z-index: 999; border-top: 2px solid var(&#8211;pink); } .mobile-nav.active { display: block; animation: fadeIn 0.3s ease; } .mobile-nav a { display: block; padding: 12px 0; font-weight: 600; font-size: 16px; color: var(&#8211;text); border-bottom: 1px solid #f0f0f0; } .mobile-nav a:last-child { border-bottom: none; } \/* Hero *\/ .hero { min-height: 100vh; display: flex; align-items: center; padding-top: 72px; background: linear-gradient(135deg, #FFF8F0 0%, #FFE0E6 50%, #D4F1F9 100%); position: relative; overflow: hidden; } .hero::before { content: &#8221;; position: absolute; top: -50%; right: -20%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(255,126,103,0.12) 0%, transparent 70%); border-radius: 50%; } .hero::after { content: &#8221;; position: absolute; bottom: -30%; left: -10%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(94,196,183,0.1) 0%, transparent 70%); border-radius: 50%; } .hero-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; position: relative; z-index: 1; } .hero-text h1 { font-family: &#8216;Fredoka One&#8217;, cursive; font-size: 56px; line-height: 1.15; color: var(&#8211;dark); margin-bottom: 16px; } .hero-text h1 span { color: var(&#8211;primary); position: relative; } .hero-text h1 span::after { content: &#8216;\u2728&#8217;; position: absolute; top: -10px; right: -30px; font-size: 24px; } .hero-text p { font-size: 18px; line-height: 1.7; color: #666; margin-bottom: 32px; max-width: 480px; } .hero-badges { display: flex; gap: 24px; margin-bottom: 32px; } .hero-badge { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(&#8211;dark); } .hero-badge .icon { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; } .hero-badge .icon.green { background: var(&#8211;soft-green); } .hero-badge .icon.pink { background: var(&#8211;pink); } .hero-badge .icon.blue { background: var(&#8211;soft-blue); } .btn { display: inline-flex; align-items: center; gap: 8px; padding: 16px 36px; border-radius: 50px; font-weight: 700; font-size: 16px; border: none; cursor: pointer; transition: all 0.3s; } .btn-primary { background: var(&#8211;primary); color: #fff; box-shadow: 0 4px 20px rgba(255,126,103,0.4); } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(255,126,103,0.5); } .btn-secondary { background: #fff; color: var(&#8211;dark); border: 2px solid var(&#8211;primary); } .btn-secondary:hover { background: var(&#8211;primary); color: #fff; transform: translateY(-3px); } .btn-accent { background: var(&#8211;accent); color: var(&#8211;dark); box-shadow: 0 4px 20px rgba(255,209,102,0.4); } .btn-accent:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(255,209,102,0.5); } .hero-visual { position: relative; display: flex; justify-content: center; align-items: center; } .hero-circle { width: 420px; height: 420px; border-radius: 50%; background: linear-gradient(135deg, var(&#8211;primary), var(&#8211;accent)); display: flex; align-items: center; justify-content: center; animation: float 4s ease-in-out infinite; box-shadow: 0 20px 60px rgba(255,126,103,0.3); } .hero-circle-inner { width: 340px; height: 340px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 120px; } .hero-float-item { position: absolute; width: 64px; height: 64px; border-radius: 16px; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 28px; box-shadow: var(&#8211;shadow); animation: float 3s ease-in-out infinite; } .hero-float-item:nth-child(2) { top: 30px; right: 40px; animation-delay: 0.5s; background: var(&#8211;pink); } .hero-float-item:nth-child(3) { bottom: 50px; left: 20px; animation-delay: 1s; background: var(&#8211;soft-blue); } .hero-float-item:nth-child(4) { bottom: 20px; right: 60px; animation-delay: 1.5s; background: var(&#8211;soft-green); } \/* Sections common *\/ .section { padding: 100px 0; } .section-header { text-align: center; margin-bottom: 56px; } .section-tag { display: inline-block; background: var(&#8211;pink); color: var(&#8211;primary); padding: 8px 20px; border-radius: 50px; font-weight: 700; font-size: 13px; text-transform: uppercase;"}