1.0FLM DM Course 19th Batch-M Venkathttps://flmdm19.in/mvenkatmvenkathttps://flmdm19.in/mvenkat/author/mvenkat/rich600338<blockquote class="wp-embedded-content" data-secret="wQFxBdnMkZ"><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=wQFxBdnMkZ" width="600" height="338" title="“Elementor #28” — FLM DM Course 19th Batch-M Venkat" data-secret="wQFxBdnMkZ" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script> /*! This file is auto-generated */ !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); //# sourceURL=https://flmdm19.in/mvenkat/wp-includes/js/wp-embed.min.js </script> Venkat — Premium Children’s Fashion * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: ‘Nunito’, sans-serif; background: #FFF8F0; color: #4A4A4A; overflow-x: hidden; } :root { –primary: #FF7E67; –secondary: #5EC4B7; –accent: #FFD166; –bg: #FFF8F0; –dark: #2D4059; –text: #4A4A4A; –pink: #FFE0E6; –soft-blue: #D4F1F9; –soft-green: #D4EDDA; –shadow: 0 8px 32px rgba(0,0,0,0.08); –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(–bg); } ::-webkit-scrollbar-thumb { background: var(–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(–shadow); } .header-inner { display: flex; align-items: center; justify-content: space-between; height: 72px; } .logo { font-family: ‘Fredoka One’, cursive; font-size: 28px; color: var(–primary); display: flex; align-items: center; gap: 8px; } .logo span { color: var(–dark); } .logo-icon { font-size: 32px; } .nav { display: flex; align-items: center; gap: 32px; } .nav a { font-weight: 600; font-size: 15px; color: var(–text); position: relative; padding: 4px 0; transition: color 0.3s; } .nav a::after { content: ”; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: var(–primary); transition: width 0.3s; } .nav a:hover { color: var(–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(–dark); position: relative; padding: 8px; border-radius: 50%; transition: background 0.3s; } .header-actions button:hover { background: var(–pink); } .cart-count { position: absolute; top: 0; right: 0; background: var(–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(–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(–shadow); z-index: 999; border-top: 2px solid var(–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(–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: ”; 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: ”; 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: ‘Fredoka One’, cursive; font-size: 56px; line-height: 1.15; color: var(–dark); margin-bottom: 16px; } .hero-text h1 span { color: var(–primary); position: relative; } .hero-text h1 span::after { content: ‘✨’; 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(–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(–soft-green); } .hero-badge .icon.pink { background: var(–pink); } .hero-badge .icon.blue { background: var(–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(–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(–dark); border: 2px solid var(–primary); } .btn-secondary:hover { background: var(–primary); color: #fff; transform: translateY(-3px); } .btn-accent { background: var(–accent); color: var(–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(–primary), var(–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(–shadow); animation: float 3s ease-in-out infinite; } .hero-float-item:nth-child(2) { top: 30px; right: 40px; animation-delay: 0.5s; background: var(–pink); } .hero-float-item:nth-child(3) { bottom: 50px; left: 20px; animation-delay: 1s; background: var(–soft-blue); } .hero-float-item:nth-child(4) { bottom: 20px; right: 60px; animation-delay: 1.5s; background: var(–soft-green); } /* Sections common */ .section { padding: 100px 0; } .section-header { text-align: center; margin-bottom: 56px; } .section-tag { display: inline-block; background: var(–pink); color: var(–primary); padding: 8px 20px; border-radius: 50px; font-weight: 700; font-size: 13px; text-transform: uppercase;