Canva Tamil Mastery - Tamil Design Academy<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <style>\r\n :root {\r\n --font-sans: 'Inter', sans-serif;\r\n --font-display: 'Outfit', sans-serif;\r\n --font-serif: 'Playfair Display', serif;\r\n }\r\n body {\r\n font-family: var(--font-sans);\r\n background-color: #050505;\r\n color: #F5F5F5;\r\n }\r\n .font-display { font-family: var(--font-display); }\r\n .font-serif { font-family: var(--font-serif); }\r\n .backdrop-blur-xl { backdrop-filter: blur(24px); }\r\n .selection-cyan ::selection { background: rgba(0, 196, 204, 0.3); }\r\n \r\n @keyframes pulse-gentle {\r\n 0%, 100% { opacity: 0.1; }\r\n 50% { opacity: 0.15; }\r\n }\r\n .animate-pulse-gentle {\r\n animation: pulse-gentle 4s ease-in-out infinite;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"selection-cyan overflow-x-hidden\">\r\n\r\n \r\n <div class=\"fixed top-[-100px] right-[-100px] w-[600px] h-[600px] bg-[#00C4CC] opacity-10 rounded-full blur-[120px] pointer-events-none animate-pulse-gentle\"><\/div>\r\n <div class=\"fixed bottom-[-100px] left-[-100px] w-[500px] h-[500px] bg-[#7D2AE8] opacity-10 rounded-full blur-[100px] pointer-events-none animate-pulse-gentle\"><\/div>\r\n\r\n \r\n <nav class=\"fixed top-0 w-full z-50 bg-[#050505]\/40 backdrop-blur-xl border-b border-white\/5\">\r\n <div class=\"max-w-7xl mx-auto px-6 lg:px-12\">\r\n <div class=\"flex justify-between items-center h-20\">\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 bg-[#00C4CC] rounded-lg flex items-center justify-center font-bold text-black text-xl shadow-[0_0_20px_rgba(0,196,204,0.3)]\">\r\n C\r\n <\/div>\r\n <div class=\"flex flex-col\">\r\n <span class=\"text-xs uppercase tracking-[0.3em] font-bold text-white leading-none\">TAMIL<\/span>\r\n <span class=\"text-[10px] uppercase tracking-[0.2em] font-medium opacity-50 leading-none mt-1\">Design Academy<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hidden md:flex items-center gap-10\">\r\n <a href=\"#about\" class=\"text-[11px] uppercase tracking-[0.2em] font-semibold hover:text-[#00C4CC] transition-colors\">Course Info<\/a>\r\n <a href=\"#curriculum\" class=\"text-[11px] uppercase tracking-[0.2em] font-semibold hover:text-[#00C4CC] transition-colors\">Syllabus<\/a>\r\n <a href=\"#enroll\" class=\"bg-[#00C4CC] hover:bg-[#00b3ba] text-black px-6 py-2.5 rounded-xl text-[11px] font-black uppercase tracking-widest transition-all shadow-[0_0_20px_rgba(0,196,204,0.2)]\">\r\n Enroll Now \u2022 \u20b9699\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"md:hidden\">\r\n <button id=\"menu-toggle\" class=\"text-white p-2\">\r\n <i data-lucide=\"menu\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"fixed inset-0 z-40 bg-[#050505] pt-24 px-8 hidden\">\r\n <div class=\"flex flex-col gap-8\">\r\n <a href=\"#about\" class=\"mobile-link text-2xl font-bold tracking-tighter uppercase\">Course Info<\/a>\r\n <a href=\"#curriculum\" class=\"mobile-link text-2xl font-bold tracking-tighter uppercase\">Syllabus<\/a>\r\n <a href=\"#enroll\" class=\"mobile-link w-full bg-[#00C4CC] text-black py-5 rounded-2xl text-lg font-black uppercase tracking-wider text-center block\">\r\n Enroll for \u20b9699\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section class=\"relative pt-32 md:pt-48 pb-16 md:pb-24 px-6 lg:px-12\">\r\n <div class=\"max-w-7xl mx-auto grid lg:grid-cols-12 gap-12 md:gap-20 items-center\">\r\n \r\n <div class=\"lg:col-span-7 flex flex-col items-center lg:items-start text-center lg:text-left\">\r\n <div class=\"inline-block bg-[#00C4CC]\/10 border border-[#00C4CC]\/30 text-[#00C4CC] text-[10px] font-bold py-1.5 px-4 rounded-full uppercase tracking-widest mb-6 md:mb-8\">\r\n Limited Time Offer - 75% Off\r\n <\/div>\r\n <h1 class=\"font-display text-4xl md:text-8xl font-bold leading-[1.1] md:leading-[0.9] mb-6 md:mb-8 tracking-tighter\">\r\n \u0ba4\u0bae\u0bbf\u0bb4\u0bcd \u0bb5\u0bb4\u0bbf\u0baf\u0bbf\u0bb2\u0bcd <br \/>\r\n <span class=\"text-[#00C4CC]\">Canva Design<\/span> <br \/>\r\n <span class=\"italic font-serif font-light text-3xl md:text-7xl opacity-90 block mt-2\">\u0bae\u0bc1\u0bb4\u0bc1\u0bae\u0bc8\u0baf\u0bbe\u0b95\u0b95\u0bcd \u0b95\u0bb1\u0bcd\u0b95\u0bb2\u0bbe\u0bae\u0bcd!<\/span>\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-slate-400 mb-8 md:mb-10 max-w-xl leading-relaxed\">\r\n \u0b92\u0bb0\u0bc1 \u0baa\u0bcd\u0bb0\u0bca\u0baa\u0bb7\u0ba9\u0bb2\u0bcd \u0b9f\u0bbf\u0b9a\u0bc8\u0ba9\u0bb0\u0bbe\u0b95 \u0bae\u0bbe\u0bb1\u0bc1\u0b99\u0bcd\u0b95\u0bb3\u0bcd. \u0bb2\u0bcb\u0b95\u0bcb, \u0b9a\u0bcb\u0b9a\u0bbf\u0baf\u0bb2\u0bcd \u0bae\u0bc0\u0b9f\u0bbf\u0baf\u0bbe \u0baa\u0bcb\u0bb8\u0bcd\u0b9f\u0bcd\u0b95\u0bb3\u0bcd \u0bae\u0bb1\u0bcd\u0bb1\u0bc1\u0bae\u0bcd \u0baa\u0bb2\u0bb5\u0bb1\u0bcd\u0bb1\u0bc8 \u0bae\u0bbf\u0b95 \u0b8e\u0bb3\u0bbf\u0bae\u0bc8\u0baf\u0bbe\u0ba9 \u0ba4\u0bae\u0bbf\u0bb4\u0bbf\u0bb2\u0bcd \u0b95\u0bb1\u0bcd\u0bb1\u0bc1\u0b95\u0bcd\u0b95\u0bca\u0bb3\u0bcd\u0bb3\u0bc1\u0b99\u0bcd\u0b95\u0bb3\u0bcd.\r\n <\/p>\r\n \r\n <div class=\"flex flex-col md:flex-row items-center gap-8 md:gap-10 mb-10 w-full lg:w-auto\" id=\"enroll\">\r\n <div class=\"flex flex-col items-center md:items-start\">\r\n <span class=\"text-5xl md:text-6xl font-black text-white leading-none tracking-tighter\">\u20b9699<\/span>\r\n <span class=\"text-[10px] md:text-xs text-slate-500 line-through tracking-widest uppercase mt-2\">Instead of \u20b92,999<\/span>\r\n <\/div>\r\n <button class=\"w-full md:w-auto group flex items-center justify-center gap-4 bg-[#00C4CC] hover:bg-[#00b3ba] text-black px-8 md:px-12 py-4 md:py-6 rounded-2xl text-lg md:text-2xl font-black transition-all shadow-[0_0_40px_rgba(0,196,204,0.35)] hover:scale-105 active:scale-95\">\r\n GET ACCESS\r\n <i data-lucide=\"arrow-right\" class=\"w-6 h-6\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-6 pt-6 border-t border-white\/5 w-full max-w-md justify-center lg:justify-start\">\r\n <div class=\"flex -space-x-3\">\r\n <div class=\"w-8 h-8 md:w-10 md:h-10 rounded-full border-2 border-[#050505] bg-slate-800\"><\/div>\r\n <div class=\"w-8 h-8 md:w-10 md:h-10 rounded-full border-2 border-[#050505] bg-slate-700\"><\/div>\r\n <div class=\"w-8 h-8 md:w-10 md:h-10 rounded-full border-2 border-[#050505] bg-slate-600\"><\/div>\r\n <div class=\"w-8 h-8 md:w-10 md:h-10 rounded-full border-2 border-[#050505] bg-slate-500\"><\/div>\r\n <\/div>\r\n <p class=\"text-[10px] md:text-[11px] text-slate-500 font-bold uppercase tracking-widest\">\r\n <span class=\"text-[#00C4CC]\">1,200+<\/span> Students Joined\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-5 relative\">\r\n <div class=\"aspect-video w-full border border-white\/10 rounded-3xl overflow-hidden bg-slate-900\/10 backdrop-blur-3xl relative group shadow-[0_0_50px_rgba(0,196,204,0.15)]\">\r\n <iframe \r\n class=\"w-full h-full\"\r\n src=\"https:\/\/www.youtube.com\/embed\/bWeDQcQ-tew?autoplay=1&mute=1&loop=1&playlist=bWeDQcQ-tew&modestbranding=1&rel=0\" \r\n title=\"Canva Course Trailer\"\r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \r\n allowfullscreen\r\n ><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"bg-black\/80 backdrop-blur-xl border-y border-white\/5 py-8 md:py-12 px-6 lg:px-12\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-2 lg:grid-cols-4 gap-8 md:gap-12\">\r\n <div class=\"flex flex-col gap-2 md:gap-3\">\r\n <span class=\"text-[9px] md:text-[10px] uppercase tracking-[0.2em] text-[#00C4CC] font-black underline underline-offset-4 decoration-white\/20\">Access<\/span>\r\n <p class=\"text-xs md:text-sm font-bold text-white\/90\">Lifetime Course Access<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col gap-2 md:gap-3\">\r\n <span class=\"text-[9px] md:text-[10px] uppercase tracking-[0.2em] text-[#00C4CC] font-black underline underline-offset-4 decoration-white\/20\">Format<\/span>\r\n <p class=\"text-xs md:text-sm font-bold text-white\/90\">Video Lessons in Tamil<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col gap-2 md:gap-3\">\r\n <span class=\"text-[9px] md:text-[10px] uppercase tracking-[0.2em] text-[#00C4CC] font-black underline underline-offset-4 decoration-white\/20\">Support<\/span>\r\n <p class=\"text-xs md:text-sm font-bold text-white\/90\">Dedicated Q&A Section<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col gap-2 md:gap-3\">\r\n <span class=\"text-[9px] md:text-[10px] uppercase tracking-[0.2em] text-[#00C4CC] font-black underline underline-offset-4 decoration-white\/20\">Resource<\/span>\r\n <p class=\"text-xs md:text-sm font-bold text-white\/90\">Free Template Kits<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section id=\"about\" class=\"py-20 md:py-32 px-6 lg:px-12 border-b border-white\/5\">\r\n <div class=\"max-w-7xl mx-auto text-center mb-16 md:mb-24\">\r\n <h2 class=\"font-display text-3xl md:text-5xl font-bold tracking-tighter mb-4 md:mb-6 uppercase\">\u0b8f\u0ba9\u0bcd \u0b87\u0ba8\u0bcd\u0ba4 \u0b95\u0bcb\u0bb0\u0bcd\u0bb8\u0bcd?<\/h2>\r\n <div class=\"w-16 md:w-20 h-1 bg-[#00C4CC] mx-auto rounded-full\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-10\">\r\n \r\n <div class=\"p-8 md:p-10 rounded-[2rem] bg-white\/5 border border-white\/5 hover:border-[#00C4CC]\/30 transition-all group\">\r\n <div class=\"w-12 h-12 md:w-14 md:h-14 rounded-2xl bg-[#00C4CC]\/10 flex items-center justify-center mb-6 md:mb-8 border border-[#00C4CC]\/20 group-hover:bg-[#00C4CC] group-hover:text-black transition-all\">\r\n <i data-lucide=\"clock\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold mb-2 tracking-tight\">\u0bb5\u0bbe\u0bb4\u0bcd\u0ba8\u0bbe\u0bb3\u0bcd \u0bae\u0bc1\u0bb4\u0bc1\u0bb5\u0ba4\u0bc1\u0bae\u0bcd \u0b85\u0ba3\u0bc1\u0b95\u0bb2\u0bbe\u0bae\u0bcd<\/h3>\r\n <p class=\"text-[9px] md:text-[10px] text-[#00C4CC] font-black uppercase tracking-[0.2em] mb-4\">Life-time Access<\/p>\r\n <p class=\"text-sm md:text-slate-400 leading-relaxed font-medium text-slate-400\">\u0b85\u0ba9\u0bc8\u0ba4\u0bcd\u0ba4\u0bc1 \u0baa\u0bbe\u0b9f\u0b99\u0bcd\u0b95\u0bb3\u0bc8\u0baf\u0bc1\u0bae\u0bcd \u0ba8\u0bc0\u0b99\u0bcd\u0b95\u0bb3\u0bcd \u0bb5\u0bbf\u0bb0\u0bc1\u0bae\u0bcd\u0baa\u0bc1\u0bae\u0bcd \u0ba8\u0bc7\u0bb0\u0ba4\u0bcd\u0ba4\u0bbf\u0bb2\u0bcd \u0b8e\u0baa\u0bcd\u0baa\u0bcb\u0ba4\u0bc1 \u0bb5\u0bc7\u0ba3\u0bcd\u0b9f\u0bc1\u0bae\u0bbe\u0ba9\u0bbe\u0bb2\u0bc1\u0bae\u0bcd \u0baa\u0bbe\u0bb0\u0bcd\u0b95\u0bcd\u0b95\u0bb2\u0bbe\u0bae\u0bcd.<\/p>\r\n <\/div>\r\n \r\n <div class=\"p-8 md:p-10 rounded-[2rem] bg-white\/5 border border-white\/5 hover:border-[#00C4CC]\/30 transition-all group\">\r\n <div class=\"w-12 h-12 md:w-14 md:h-14 rounded-2xl bg-[#00C4CC]\/10 flex items-center justify-center mb-6 md:mb-8 border border-[#00C4CC]\/20 group-hover:bg-[#00C4CC] group-hover:text-black transition-all\">\r\n <i data-lucide=\"zap\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold mb-2 tracking-tight\">\u0b89\u0b9f\u0ba9\u0b9f\u0bbf \u0b95\u0bb1\u0bcd\u0bb1\u0bb2\u0bcd<\/h3>\r\n <p class=\"text-[9px] md:text-[10px] text-[#00C4CC] font-black uppercase tracking-[0.2em] mb-4\">Instant Learning<\/p>\r\n <p class=\"text-sm md:text-slate-400 leading-relaxed font-medium text-slate-400\">\u0baa\u0ba3\u0bae\u0bcd \u0b9a\u0bc6\u0bb2\u0bc1\u0ba4\u0bcd\u0ba4\u0bbf\u0baf \u0b9a\u0bbf\u0bb2 \u0ba8\u0bbf\u0bae\u0bbf\u0b9f\u0b99\u0bcd\u0b95\u0bb3\u0bbf\u0bb2\u0bcd \u0b89\u0b99\u0bcd\u0b95\u0bb3\u0bcd \u0b95\u0bb1\u0bcd\u0bb1\u0bb2\u0bc8\u0ba4\u0bcd \u0ba4\u0bca\u0b9f\u0b99\u0bcd\u0b95\u0bb2\u0bbe\u0bae\u0bcd.<\/p>\r\n <\/div>\r\n \r\n <div class=\"p-8 md:p-10 rounded-[2rem] bg-white\/5 border border-white\/5 hover:border-[#00C4CC]\/30 transition-all group\">\r\n <div class=\"w-12 h-12 md:w-14 md:h-14 rounded-2xl bg-[#00C4CC]\/10 flex items-center justify-center mb-6 md:mb-8 border border-[#00C4CC]\/20 group-hover:bg-[#00C4CC] group-hover:text-black transition-all\">\r\n <i data-lucide=\"smartphone\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold mb-2 tracking-tight\">\u0bae\u0bca\u0baa\u0bc8\u0bb2\u0bbf\u0bb2\u0bcd \u0b95\u0bb1\u0bcd\u0b95\u0bb2\u0bbe\u0bae\u0bcd<\/h3>\r\n <p class=\"text-[9px] md:text-[10px] text-[#00C4CC] font-black uppercase tracking-[0.2em] mb-4\">Mobile Friendly<\/p>\r\n <p class=\"text-sm md:text-slate-400 leading-relaxed font-medium text-slate-400\">\u0b89\u0b99\u0bcd\u0b95\u0bb3\u0bcd \u0bae\u0bca\u0baa\u0bc8\u0bb2\u0bcd, \u0b9f\u0bc7\u0baa\u0bcd\u0bb2\u0bc6\u0b9f\u0bcd \u0b85\u0bb2\u0bcd\u0bb2\u0ba4\u0bc1 \u0bb2\u0bc7\u0baa\u0bcd\u0b9f\u0bbe\u0baa\u0bcd \u0bae\u0bc2\u0bb2\u0bae\u0bcd \u0b8e\u0b99\u0bcd\u0b95\u0bbf\u0bb0\u0bc1\u0ba8\u0bcd\u0ba4\u0bc1\u0bae\u0bcd \u0b95\u0bb1\u0bcd\u0b95\u0bb2\u0bbe\u0bae\u0bcd.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"curriculum\" class=\"py-24 md:py-32 px-6 lg:px-12 bg-black\/40\">\r\n <div class=\"max-w-5xl mx-auto\">\r\n <div class=\"text-center mb-16 md:mb-24\">\r\n <h2 class=\"font-display text-3xl md:text-5xl font-bold tracking-tighter mb-4 md:mb-6 uppercase\">\u0baa\u0bbe\u0b9f\u0ba4\u0bcd\u0ba4\u0bbf\u0b9f\u0bcd\u0b9f\u0bae\u0bcd<\/h2>\r\n <p class=\"text-[10px] md:text-[11px] text-[#00C4CC] font-black uppercase tracking-[0.3em] md:tracking-[0.4em]\">Full Course Syllabus<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white\/5 rounded-[2rem] md:rounded-[3rem] border border-white\/5 overflow-hidden divide-y divide-white\/5\">\r\n <div class=\"curriculum-item p-6 md:p-10 flex items-center gap-6 md:gap-10 group hover:bg-white\/[0.02]\">\r\n <span class=\"font-display text-4xl md:text-6xl font-black text-white\/5 italic\">01<\/span>\r\n <div class=\"flex-1\">\r\n <h4 class=\"text-lg md:text-2xl font-bold text-white\/90\">\u0b95\u0bc7\u0ba9\u0bcd\u0bb5\u0bbe \u0b85\u0bb1\u0bbf\u0bae\u0bc1\u0b95\u0bae\u0bcd<\/h4>\r\n <p class=\"text-[10px] md:text-xs text-slate-500 uppercase tracking-widest font-bold mt-1\">Introduction to Canva Interface<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"curriculum-item p-6 md:p-10 flex items-center gap-6 md:gap-10 group hover:bg-white\/[0.02]\">\r\n <span class=\"font-display text-4xl md:text-6xl font-black text-white\/5 italic\">02<\/span>\r\n <div class=\"flex-1\">\r\n <h4 class=\"text-lg md:text-2xl font-bold text-white\/90\">\u0baa\u0bcd\u0bb0\u0bca\u0baa\u0bb7\u0ba9\u0bb2\u0bcd \u0bb2\u0bcb\u0b95\u0bcb \u0b89\u0bb0\u0bc1\u0bb5\u0bbe\u0b95\u0bcd\u0b95\u0bae\u0bcd<\/h4>\r\n <p class=\"text-[10px] md:text-xs text-slate-500 uppercase tracking-widest font-bold mt-1\">Creating Professional Logos<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"curriculum-item p-6 md:p-10 flex items-center gap-6 md:gap-10 group hover:bg-white\/[0.02]\">\r\n <span class=\"font-display text-4xl md:text-6xl font-black text-white\/5 italic\">03<\/span>\r\n <div class=\"flex-1\">\r\n <h4 class=\"text-lg md:text-2xl font-bold text-white\/90\">\u0b9a\u0bcb\u0b9a\u0bbf\u0baf\u0bb2\u0bcd \u0bae\u0bc0\u0b9f\u0bbf\u0baf\u0bbe \u0baa\u0bcb\u0bb8\u0bcd\u0b9f\u0bcd\u0b95\u0bb3\u0bcd<\/h4>\r\n <p class=\"text-[10px] md:text-xs text-slate-500 uppercase tracking-widest font-bold mt-1\">Social Media Posts & Reels<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"curriculum-item p-6 md:p-10 flex items-center gap-6 md:gap-10 group hover:bg-white\/[0.02]\">\r\n <span class=\"font-display text-4xl md:text-6xl font-black text-white\/5 italic\">04<\/span>\r\n <div class=\"flex-1\">\r\n <h4 class=\"text-lg md:text-2xl font-bold text-white\/90\">\u0baf\u0bc2\u0b9f\u0bbf\u0baf\u0bc2\u0baa\u0bcd \u0ba4\u0bae\u0bcd\u0baa\u0bcd\u0ba9\u0bc8\u0bb2\u0bcd\u0bb8\u0bcd<\/h4>\r\n <p class=\"text-[10px] md:text-xs text-slate-500 uppercase tracking-widest font-bold mt-1\">YouTube Thumbnails & Art<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 md:py-40 px-6 lg:px-12\">\r\n <div class=\"max-w-5xl mx-auto bg-gradient-to-br from-[#00C4CC] via-[#00C4CC] to-[#7D2AE8] rounded-[2.5rem] md:rounded-[3.5rem] p-10 md:p-24 text-black text-center relative overflow-hidden shadow-[0_0_80px_rgba(0,196,204,0.3)]\">\r\n <div class=\"absolute top-0 right-0 w-[300px] md:w-[400px] h-[300px] md:h-[400px] bg-white\/20 rounded-full blur-[60px] md:blur-[80px] -translate-y-1\/2 translate-x-1\/2\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-[300px] md:w-[400px] h-[300px] md:h-[400px] bg-black\/10 rounded-full blur-[60px] md:blur-[80px] translate-y-1\/2 -translate-x-1\/2\"><\/div>\r\n\r\n <div class=\"relative z-10\">\r\n <h2 class=\"font-display text-4xl md:text-7xl font-black mb-8 md:mb-10 leading-[1.1] md:leading-[1] tracking-tighter uppercase\">\r\n \u0b89\u0b99\u0bcd\u0b95\u0bb3\u0bcd \u0b9f\u0bbf\u0b9a\u0bc8\u0ba9\u0bcd \u0baa\u0baf\u0ba3\u0ba4\u0bcd\u0ba4\u0bc8 <br \/> \u0b87\u0ba9\u0bcd\u0bb1\u0bc7 \u0ba4\u0bca\u0b9f\u0b99\u0bcd\u0b95\u0bc1\u0b99\u0bcd\u0b95\u0bb3\u0bcd!\r\n <\/h2>\r\n <p class=\"font-serif text-xl md:text-3xl italic mb-10 md:mb-16 max-w-2xl mx-auto opacity-80\">\r\n \"\u0b9a\u0bbf\u0bb1\u0ba8\u0bcd\u0ba4 \u0bb5\u0bbe\u0baf\u0bcd\u0baa\u0bcd\u0baa\u0bc8 \u0ba4\u0bb5\u0bb1\u0bb5\u0bbf\u0b9f\u0bbe\u0ba4\u0bc0\u0bb0\u0bcd\u0b95\u0bb3\u0bcd. \u20b9699 \u0b9a\u0bb2\u0bc1\u0b95\u0bc8 \u0bae\u0bbf\u0b95 \u0bb5\u0bbf\u0bb0\u0bc8\u0bb5\u0bbf\u0bb2\u0bcd \u0bae\u0bc1\u0b9f\u0bbf\u0bb5\u0b9f\u0bc8\u0baf\u0bc1\u0bae\u0bcd!\"\r\n <\/p>\r\n \r\n <div class=\"flex flex-col items-center gap-8 md:gap-10\">\r\n <button class=\"w-full md:w-auto bg-black text-white px-10 md:px-16 py-5 md:py-7 rounded-2xl text-xl md:text-2xl font-black uppercase tracking-wider transition-all hover:scale-105 active:scale-95\">\r\n ENROLL NOW \u2022 \u20b9699\r\n <\/button>\r\n <div class=\"flex flex-wrap justify-center items-center gap-6 md:gap-10 text-[9px] md:text-[11px] font-black uppercase tracking-[0.2em] opacity-60\">\r\n <div class=\"flex items-center gap-2 md:gap-3\"><i data-lucide=\"shield-check\" class=\"w-5 h-5\"><\/i> Secure Payment<\/div>\r\n <div class=\"flex items-center gap-2 md:gap-3\"><i data-lucide=\"check-circle\" class=\"w-5 h-5\"><\/i> Lifetime Access<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"py-20 px-6 lg:px-12 border-t border-white\/5 bg-black\/60\">\r\n <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-12 text-center md:text-left\">\r\n <div class=\"flex items-center gap-4 opacity-50 hover:opacity-100 transition-opacity\">\r\n <div class=\"w-10 h-10 bg-white rounded-lg flex items-center justify-center font-black text-black text-xl\">C<\/div>\r\n <div class=\"flex flex-col text-left\">\r\n <span class=\"text-xs uppercase tracking-[0.3em] font-bold text-white\">TAMIL<\/span>\r\n <span class=\"text-[10px] uppercase tracking-[0.2em] font-medium opacity-50 mt-0.5\">Design Academy<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <p class=\"text-[11px] text-slate-600 font-bold uppercase tracking-widest\">\r\n © 2024 Tamil Design Academy \u2022 All Rights Reserved\r\n <\/p>\r\n\r\n <div class=\"flex gap-10 text-[10px] font-black uppercase tracking-[0.2em] text-slate-500\">\r\n <a href=\"#\" class=\"hover:text-[#00C4CC] transition-colors\">Contact<\/a>\r\n <a href=\"#\" class=\"hover:text-[#00C4CC] transition-colors\">Privacy<\/a>\r\n <a href=\"#\" class=\"hover:text-[#00C4CC] transition-colors\">Terms<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Initialize Lucide Icons\r\n lucide.createIcons();\r\n\r\n \/\/ Mobile Menu Logic\r\n const menuToggle = document.getElementById('menu-toggle');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const mobileLinks = document.querySelectorAll('.mobile-link');\r\n\r\n menuToggle.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('hidden');\r\n const icon = menuToggle.querySelector('i');\r\n if (mobileMenu.classList.contains('hidden')) {\r\n icon.setAttribute('data-lucide', 'menu');\r\n } else {\r\n icon.setAttribute('data-lucide', 'x');\r\n }\r\n lucide.createIcons();\r\n });\r\n\r\n mobileLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n mobileMenu.classList.add('hidden');\r\n menuToggle.querySelector('i').setAttribute('data-lucide', 'menu');\r\n lucide.createIcons();\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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>Canva Tamil Mastery – Tamil Design Academy C TAMIL Design Academy Course Info Syllabus Enroll Now \u2022 \u20b9699 Course Info Syllabus Enroll for \u20b9699 Limited Time Offer – 75% Off \u0ba4\u0bae\u0bbf\u0bb4\u0bcd \u0bb5\u0bb4\u0bbf\u0baf\u0bbf\u0bb2\u0bcd Canva Design \u0bae\u0bc1\u0bb4\u0bc1\u0bae\u0bc8\u0baf\u0bbe\u0b95\u0b95\u0bcd \u0b95\u0bb1\u0bcd\u0b95\u0bb2\u0bbe\u0bae\u0bcd! \u0b92\u0bb0\u0bc1 \u0baa\u0bcd\u0bb0\u0bca\u0baa\u0bb7\u0ba9\u0bb2\u0bcd \u0b9f\u0bbf\u0b9a\u0bc8\u0ba9\u0bb0\u0bbe\u0b95 \u0bae\u0bbe\u0bb1\u0bc1\u0b99\u0bcd\u0b95\u0bb3\u0bcd. \u0bb2\u0bcb\u0b95\u0bcb, \u0b9a\u0bcb\u0b9a\u0bbf\u0baf\u0bb2\u0bcd \u0bae\u0bc0\u0b9f\u0bbf\u0baf\u0bbe \u0baa\u0bcb\u0bb8\u0bcd\u0b9f\u0bcd\u0b95\u0bb3\u0bcd \u0bae\u0bb1\u0bcd\u0bb1\u0bc1\u0bae\u0bcd \u0baa\u0bb2\u0bb5\u0bb1\u0bcd\u0bb1\u0bc8 \u0bae\u0bbf\u0b95 \u0b8e\u0bb3\u0bbf\u0bae\u0bc8\u0baf\u0bbe\u0ba9 \u0ba4\u0bae\u0bbf\u0bb4\u0bbf\u0bb2\u0bcd \u0b95\u0bb1\u0bcd\u0bb1\u0bc1\u0b95\u0bcd\u0b95\u0bca\u0bb3\u0bcd\u0bb3\u0bc1\u0b99\u0bcd\u0b95\u0bb3\u0bcd. \u20b9699 Instead of \u20b92,999 GET […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/coursezy.live\/course\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coursezy.live\/course\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coursezy.live\/course\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coursezy.live\/course\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coursezy.live\/course\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":8,"href":"https:\/\/coursezy.live\/course\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/coursezy.live\/course\/wp-json\/wp\/v2\/pages\/9\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/coursezy.live\/course\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Canva Tamil Mastery - Tamil Design Academy<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <style>\r\n :root {\r\n --font-sans: 'Inter', sans-serif;\r\n --font-display: 'Outfit', sans-serif;\r\n --font-serif: 'Playfair Display', serif;\r\n }\r\n body {\r\n font-family: var(--font-sans);\r\n background-color: #050505;\r\n color: #F5F5F5;\r\n }\r\n .font-display { font-family: var(--font-display); }\r\n .font-serif { font-family: var(--font-serif); }\r\n .backdrop-blur-xl { backdrop-filter: blur(24px); }\r\n .selection-cyan ::selection { background: rgba(0, 196, 204, 0.3); }\r\n \r\n @keyframes pulse-gentle {\r\n 0%, 100% { opacity: 0.1; }\r\n 50% { opacity: 0.15; }\r\n }\r\n .animate-pulse-gentle {\r\n animation: pulse-gentle 4s ease-in-out infinite;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"selection-cyan overflow-x-hidden\">\r\n\r\n \r\n <div class=\"fixed top-[-100px] right-[-100px] w-[600px] h-[600px] bg-[#00C4CC] opacity-10 rounded-full blur-[120px] pointer-events-none animate-pulse-gentle\"><\/div>\r\n <div class=\"fixed bottom-[-100px] left-[-100px] w-[500px] h-[500px] bg-[#7D2AE8] opacity-10 rounded-full blur-[100px] pointer-events-none animate-pulse-gentle\"><\/div>\r\n\r\n \r\n <nav class=\"fixed top-0 w-full z-50 bg-[#050505]\/40 backdrop-blur-xl border-b border-white\/5\">\r\n <div class=\"max-w-7xl mx-auto px-6 lg:px-12\">\r\n <div class=\"flex justify-between items-center h-20\">\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 bg-[#00C4CC] rounded-lg flex items-center justify-center font-bold text-black text-xl shadow-[0_0_20px_rgba(0,196,204,0.3)]\">\r\n C\r\n <\/div>\r\n <div class=\"flex flex-col\">\r\n <span class=\"text-xs uppercase tracking-[0.3em] font-bold text-white leading-none\">TAMIL<\/span>\r\n <span class=\"text-[10px] uppercase tracking-[0.2em] font-medium opacity-50 leading-none mt-1\">Design Academy<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hidden md:flex items-center gap-10\">\r\n <a href=\"#about\" class=\"text-[11px] uppercase tracking-[0.2em] font-semibold hover:text-[#00C4CC] transition-colors\">Course Info<\/a>\r\n <a href=\"#curriculum\" class=\"text-[11px] uppercase tracking-[0.2em] font-semibold hover:text-[#00C4CC] transition-colors\">Syllabus<\/a>\r\n <a href=\"#enroll\" class=\"bg-[#00C4CC] hover:bg-[#00b3ba] text-black px-6 py-2.5 rounded-xl text-[11px] font-black uppercase tracking-widest transition-all shadow-[0_0_20px_rgba(0,196,204,0.2)]\">\r\n Enroll Now \u2022 \u20b9699\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"md:hidden\">\r\n <button id=\"menu-toggle\" class=\"text-white p-2\">\r\n <i data-lucide=\"menu\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"fixed inset-0 z-40 bg-[#050505] pt-24 px-8 hidden\">\r\n <div class=\"flex flex-col gap-8\">\r\n <a href=\"#about\" class=\"mobile-link text-2xl font-bold tracking-tighter uppercase\">Course Info<\/a>\r\n <a href=\"#curriculum\" class=\"mobile-link text-2xl font-bold tracking-tighter uppercase\">Syllabus<\/a>\r\n <a href=\"#enroll\" class=\"mobile-link w-full bg-[#00C4CC] text-black py-5 rounded-2xl text-lg font-black uppercase tracking-wider text-center block\">\r\n Enroll for \u20b9699\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section class=\"relative pt-32 md:pt-48 pb-16 md:pb-24 px-6 lg:px-12\">\r\n <div class=\"max-w-7xl mx-auto grid lg:grid-cols-12 gap-12 md:gap-20 items-center\">\r\n \r\n <div class=\"lg:col-span-7 flex flex-col items-center lg:items-start text-center lg:text-left\">\r\n <div class=\"inline-block bg-[#00C4CC]\/10 border border-[#00C4CC]\/30 text-[#00C4CC] text-[10px] font-bold py-1.5 px-4 rounded-full uppercase tracking-widest mb-6 md:mb-8\">\r\n Limited Time Offer - 75% Off\r\n <\/div>\r\n <h1 class=\"font-display text-4xl md:text-8xl font-bold leading-[1.1] md:leading-[0.9] mb-6 md:mb-8 tracking-tighter\">\r\n \u0ba4\u0bae\u0bbf\u0bb4\u0bcd \u0bb5\u0bb4\u0bbf\u0baf\u0bbf\u0bb2\u0bcd <br \/>\r\n <span class=\"text-[#00C4CC]\">Canva Design<\/span> <br \/>\r\n <span class=\"italic font-serif font-light text-3xl md:text-7xl opacity-90 block mt-2\">\u0bae\u0bc1\u0bb4\u0bc1\u0bae\u0bc8\u0baf\u0bbe\u0b95\u0b95\u0bcd \u0b95\u0bb1\u0bcd\u0b95\u0bb2\u0bbe\u0bae\u0bcd!<\/span>\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-slate-400 mb-8 md:mb-10 max-w-xl leading-relaxed\">\r\n \u0b92\u0bb0\u0bc1 \u0baa\u0bcd\u0bb0\u0bca\u0baa\u0bb7\u0ba9\u0bb2\u0bcd \u0b9f\u0bbf\u0b9a\u0bc8\u0ba9\u0bb0\u0bbe\u0b95 \u0bae\u0bbe\u0bb1\u0bc1\u0b99\u0bcd\u0b95\u0bb3\u0bcd. \u0bb2\u0bcb\u0b95\u0bcb, \u0b9a\u0bcb\u0b9a\u0bbf\u0baf\u0bb2\u0bcd \u0bae\u0bc0\u0b9f\u0bbf\u0baf\u0bbe \u0baa\u0bcb\u0bb8\u0bcd\u0b9f\u0bcd\u0b95\u0bb3\u0bcd \u0bae\u0bb1\u0bcd\u0bb1\u0bc1\u0bae\u0bcd \u0baa\u0bb2\u0bb5\u0bb1\u0bcd\u0bb1\u0bc8 \u0bae\u0bbf\u0b95 \u0b8e\u0bb3\u0bbf\u0bae\u0bc8\u0baf\u0bbe\u0ba9 \u0ba4\u0bae\u0bbf\u0bb4\u0bbf\u0bb2\u0bcd \u0b95\u0bb1\u0bcd\u0bb1\u0bc1\u0b95\u0bcd\u0b95\u0bca\u0bb3\u0bcd\u0bb3\u0bc1\u0b99\u0bcd\u0b95\u0bb3\u0bcd.\r\n <\/p>\r\n \r\n <div class=\"flex flex-col md:flex-row items-center gap-8 md:gap-10 mb-10 w-full lg:w-auto\" id=\"enroll\">\r\n <div class=\"flex flex-col items-center md:items-start\">\r\n <span class=\"text-5xl md:text-6xl font-black text-white leading-none tracking-tighter\">\u20b9699<\/span>\r\n <span class=\"text-[10px] md:text-xs text-slate-500 line-through tracking-widest uppercase mt-2\">Instead of \u20b92,999<\/span>\r\n <\/div>\r\n <button class=\"w-full md:w-auto group flex items-center justify-center gap-4 bg-[#00C4CC] hover:bg-[#00b3ba] text-black px-8 md:px-12 py-4 md:py-6 rounded-2xl text-lg md:text-2xl font-black transition-all shadow-[0_0_40px_rgba(0,196,204,0.35)] hover:scale-105 active:scale-95\">\r\n GET ACCESS\r\n <i data-lucide=\"arrow-right\" class=\"w-6 h-6\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-6 pt-6 border-t border-white\/5 w-full max-w-md justify-center lg:justify-start\">\r\n <div class=\"flex -space-x-3\">\r\n <div class=\"w-8 h-8 md:w-10 md:h-10 rounded-full border-2 border-[#050505] bg-slate-800\"><\/div>\r\n <div class=\"w-8 h-8 md:w-10 md:h-10 rounded-full border-2 border-[#050505] bg-slate-700\"><\/div>\r\n <div class=\"w-8 h-8 md:w-10 md:h-10 rounded-full border-2 border-[#050505] bg-slate-600\"><\/div>\r\n <div class=\"w-8 h-8 md:w-10 md:h-10 rounded-full border-2 border-[#050505] bg-slate-500\"><\/div>\r\n <\/div>\r\n <p class=\"text-[10px] md:text-[11px] text-slate-500 font-bold uppercase tracking-widest\">\r\n <span class=\"text-[#00C4CC]\">1,200+<\/span> Students Joined\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-5 relative\">\r\n <div class=\"aspect-video w-full border border-white\/10 rounded-3xl overflow-hidden bg-slate-900\/10 backdrop-blur-3xl relative group shadow-[0_0_50px_rgba(0,196,204,0.15)]\">\r\n <iframe \r\n class=\"w-full h-full\"\r\n src=\"https:\/\/www.youtube.com\/embed\/bWeDQcQ-tew?autoplay=1&mute=1&loop=1&playlist=bWeDQcQ-tew&modestbranding=1&rel=0\" \r\n title=\"Canva Course Trailer\"\r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \r\n allowfullscreen\r\n ><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"bg-black\/80 backdrop-blur-xl border-y border-white\/5 py-8 md:py-12 px-6 lg:px-12\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-2 lg:grid-cols-4 gap-8 md:gap-12\">\r\n <div class=\"flex flex-col gap-2 md:gap-3\">\r\n <span class=\"text-[9px] md:text-[10px] uppercase tracking-[0.2em] text-[#00C4CC] font-black underline underline-offset-4 decoration-white\/20\">Access<\/span>\r\n <p class=\"text-xs md:text-sm font-bold text-white\/90\">Lifetime Course Access<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col gap-2 md:gap-3\">\r\n <span class=\"text-[9px] md:text-[10px] uppercase tracking-[0.2em] text-[#00C4CC] font-black underline underline-offset-4 decoration-white\/20\">Format<\/span>\r\n <p class=\"text-xs md:text-sm font-bold text-white\/90\">Video Lessons in Tamil<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col gap-2 md:gap-3\">\r\n <span class=\"text-[9px] md:text-[10px] uppercase tracking-[0.2em] text-[#00C4CC] font-black underline underline-offset-4 decoration-white\/20\">Support<\/span>\r\n <p class=\"text-xs md:text-sm font-bold text-white\/90\">Dedicated Q&A Section<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col gap-2 md:gap-3\">\r\n <span class=\"text-[9px] md:text-[10px] uppercase tracking-[0.2em] text-[#00C4CC] font-black underline underline-offset-4 decoration-white\/20\">Resource<\/span>\r\n <p class=\"text-xs md:text-sm font-bold text-white\/90\">Free Template Kits<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section id=\"about\" class=\"py-20 md:py-32 px-6 lg:px-12 border-b border-white\/5\">\r\n <div class=\"max-w-7xl mx-auto text-center mb-16 md:mb-24\">\r\n <h2 class=\"font-display text-3xl md:text-5xl font-bold tracking-tighter mb-4 md:mb-6 uppercase\">\u0b8f\u0ba9\u0bcd \u0b87\u0ba8\u0bcd\u0ba4 \u0b95\u0bcb\u0bb0\u0bcd\u0bb8\u0bcd?<\/h2>\r\n <div class=\"w-16 md:w-20 h-1 bg-[#00C4CC] mx-auto rounded-full\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-10\">\r\n \r\n <div class=\"p-8 md:p-10 rounded-[2rem] bg-white\/5 border border-white\/5 hover:border-[#00C4CC]\/30 transition-all group\">\r\n <div class=\"w-12 h-12 md:w-14 md:h-14 rounded-2xl bg-[#00C4CC]\/10 flex items-center justify-center mb-6 md:mb-8 border border-[#00C4CC]\/20 group-hover:bg-[#00C4CC] group-hover:text-black transition-all\">\r\n <i data-lucide=\"clock\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold mb-2 tracking-tight\">\u0bb5\u0bbe\u0bb4\u0bcd\u0ba8\u0bbe\u0bb3\u0bcd \u0bae\u0bc1\u0bb4\u0bc1\u0bb5\u0ba4\u0bc1\u0bae\u0bcd \u0b85\u0ba3\u0bc1\u0b95\u0bb2\u0bbe\u0bae\u0bcd<\/h3>\r\n <p class=\"text-[9px] md:text-[10px] text-[#00C4CC] font-black uppercase tracking-[0.2em] mb-4\">Life-time Access<\/p>\r\n <p class=\"text-sm md:text-slate-400 leading-relaxed font-medium text-slate-400\">\u0b85\u0ba9\u0bc8\u0ba4\u0bcd\u0ba4\u0bc1 \u0baa\u0bbe\u0b9f\u0b99\u0bcd\u0b95\u0bb3\u0bc8\u0baf\u0bc1\u0bae\u0bcd \u0ba8\u0bc0\u0b99\u0bcd\u0b95\u0bb3\u0bcd \u0bb5\u0bbf\u0bb0\u0bc1\u0bae\u0bcd\u0baa\u0bc1\u0bae\u0bcd \u0ba8\u0bc7\u0bb0\u0ba4\u0bcd\u0ba4\u0bbf\u0bb2\u0bcd \u0b8e\u0baa\u0bcd\u0baa\u0bcb\u0ba4\u0bc1 \u0bb5\u0bc7\u0ba3\u0bcd\u0b9f\u0bc1\u0bae\u0bbe\u0ba9\u0bbe\u0bb2\u0bc1\u0bae\u0bcd \u0baa\u0bbe\u0bb0\u0bcd\u0b95\u0bcd\u0b95\u0bb2\u0bbe\u0bae\u0bcd.<\/p>\r\n <\/div>\r\n \r\n <div class=\"p-8 md:p-10 rounded-[2rem] bg-white\/5 border border-white\/5 hover:border-[#00C4CC]\/30 transition-all group\">\r\n <div class=\"w-12 h-12 md:w-14 md:h-14 rounded-2xl bg-[#00C4CC]\/10 flex items-center justify-center mb-6 md:mb-8 border border-[#00C4CC]\/20 group-hover:bg-[#00C4CC] group-hover:text-black transition-all\">\r\n <i data-lucide=\"zap\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold mb-2 tracking-tight\">\u0b89\u0b9f\u0ba9\u0b9f\u0bbf \u0b95\u0bb1\u0bcd\u0bb1\u0bb2\u0bcd<\/h3>\r\n <p class=\"text-[9px] md:text-[10px] text-[#00C4CC] font-black uppercase tracking-[0.2em] mb-4\">Instant Learning<\/p>\r\n <p class=\"text-sm md:text-slate-400 leading-relaxed font-medium text-slate-400\">\u0baa\u0ba3\u0bae\u0bcd \u0b9a\u0bc6\u0bb2\u0bc1\u0ba4\u0bcd\u0ba4\u0bbf\u0baf \u0b9a\u0bbf\u0bb2 \u0ba8\u0bbf\u0bae\u0bbf\u0b9f\u0b99\u0bcd\u0b95\u0bb3\u0bbf\u0bb2\u0bcd \u0b89\u0b99\u0bcd\u0b95\u0bb3\u0bcd \u0b95\u0bb1\u0bcd\u0bb1\u0bb2\u0bc8\u0ba4\u0bcd \u0ba4\u0bca\u0b9f\u0b99\u0bcd\u0b95\u0bb2\u0bbe\u0bae\u0bcd.<\/p>\r\n <\/div>\r\n \r\n <div class=\"p-8 md:p-10 rounded-[2rem] bg-white\/5 border border-white\/5 hover:border-[#00C4CC]\/30 transition-all group\">\r\n <div class=\"w-12 h-12 md:w-14 md:h-14 rounded-2xl bg-[#00C4CC]\/10 flex items-center justify-center mb-6 md:mb-8 border border-[#00C4CC]\/20 group-hover:bg-[#00C4CC] group-hover:text-black transition-all\">\r\n <i data-lucide=\"smartphone\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl md:text-2xl font-bold mb-2 tracking-tight\">\u0bae\u0bca\u0baa\u0bc8\u0bb2\u0bbf\u0bb2\u0bcd \u0b95\u0bb1\u0bcd\u0b95\u0bb2\u0bbe\u0bae\u0bcd<\/h3>\r\n <p class=\"text-[9px] md:text-[10px] text-[#00C4CC] font-black uppercase tracking-[0.2em] mb-4\">Mobile Friendly<\/p>\r\n <p class=\"text-sm md:text-slate-400 leading-relaxed font-medium text-slate-400\">\u0b89\u0b99\u0bcd\u0b95\u0bb3\u0bcd \u0bae\u0bca\u0baa\u0bc8\u0bb2\u0bcd, \u0b9f\u0bc7\u0baa\u0bcd\u0bb2\u0bc6\u0b9f\u0bcd \u0b85\u0bb2\u0bcd\u0bb2\u0ba4\u0bc1 \u0bb2\u0bc7\u0baa\u0bcd\u0b9f\u0bbe\u0baa\u0bcd \u0bae\u0bc2\u0bb2\u0bae\u0bcd \u0b8e\u0b99\u0bcd\u0b95\u0bbf\u0bb0\u0bc1\u0ba8\u0bcd\u0ba4\u0bc1\u0bae\u0bcd \u0b95\u0bb1\u0bcd\u0b95\u0bb2\u0bbe\u0bae\u0bcd.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"curriculum\" class=\"py-24 md:py-32 px-6 lg:px-12 bg-black\/40\">\r\n <div class=\"max-w-5xl mx-auto\">\r\n <div class=\"text-center mb-16 md:mb-24\">\r\n <h2 class=\"font-display text-3xl md:text-5xl font-bold tracking-tighter mb-4 md:mb-6 uppercase\">\u0baa\u0bbe\u0b9f\u0ba4\u0bcd\u0ba4\u0bbf\u0b9f\u0bcd\u0b9f\u0bae\u0bcd<\/h2>\r\n <p class=\"text-[10px] md:text-[11px] text-[#00C4CC] font-black uppercase tracking-[0.3em] md:tracking-[0.4em]\">Full Course Syllabus<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white\/5 rounded-[2rem] md:rounded-[3rem] border border-white\/5 overflow-hidden divide-y divide-white\/5\">\r\n <div class=\"curriculum-item p-6 md:p-10 flex items-center gap-6 md:gap-10 group hover:bg-white\/[0.02]\">\r\n <span class=\"font-display text-4xl md:text-6xl font-black text-white\/5 italic\">01<\/span>\r\n <div class=\"flex-1\">\r\n <h4 class=\"text-lg md:text-2xl font-bold text-white\/90\">\u0b95\u0bc7\u0ba9\u0bcd\u0bb5\u0bbe \u0b85\u0bb1\u0bbf\u0bae\u0bc1\u0b95\u0bae\u0bcd<\/h4>\r\n <p class=\"text-[10px] md:text-xs text-slate-500 uppercase tracking-widest font-bold mt-1\">Introduction to Canva Interface<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"curriculum-item p-6 md:p-10 flex items-center gap-6 md:gap-10 group hover:bg-white\/[0.02]\">\r\n <span class=\"font-display text-4xl md:text-6xl font-black text-white\/5 italic\">02<\/span>\r\n <div class=\"flex-1\">\r\n <h4 class=\"text-lg md:text-2xl font-bold text-white\/90\">\u0baa\u0bcd\u0bb0\u0bca\u0baa\u0bb7\u0ba9\u0bb2\u0bcd \u0bb2\u0bcb\u0b95\u0bcb \u0b89\u0bb0\u0bc1\u0bb5\u0bbe\u0b95\u0bcd\u0b95\u0bae\u0bcd<\/h4>\r\n <p class=\"text-[10px] md:text-xs text-slate-500 uppercase tracking-widest font-bold mt-1\">Creating Professional Logos<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"curriculum-item p-6 md:p-10 flex items-center gap-6 md:gap-10 group hover:bg-white\/[0.02]\">\r\n <span class=\"font-display text-4xl md:text-6xl font-black text-white\/5 italic\">03<\/span>\r\n <div class=\"flex-1\">\r\n <h4 class=\"text-lg md:text-2xl font-bold text-white\/90\">\u0b9a\u0bcb\u0b9a\u0bbf\u0baf\u0bb2\u0bcd \u0bae\u0bc0\u0b9f\u0bbf\u0baf\u0bbe \u0baa\u0bcb\u0bb8\u0bcd\u0b9f\u0bcd\u0b95\u0bb3\u0bcd<\/h4>\r\n <p class=\"text-[10px] md:text-xs text-slate-500 uppercase tracking-widest font-bold mt-1\">Social Media Posts & Reels<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"curriculum-item p-6 md:p-10 flex items-center gap-6 md:gap-10 group hover:bg-white\/[0.02]\">\r\n <span class=\"font-display text-4xl md:text-6xl font-black text-white\/5 italic\">04<\/span>\r\n <div class=\"flex-1\">\r\n <h4 class=\"text-lg md:text-2xl font-bold text-white\/90\">\u0baf\u0bc2\u0b9f\u0bbf\u0baf\u0bc2\u0baa\u0bcd \u0ba4\u0bae\u0bcd\u0baa\u0bcd\u0ba9\u0bc8\u0bb2\u0bcd\u0bb8\u0bcd<\/h4>\r\n <p class=\"text-[10px] md:text-xs text-slate-500 uppercase tracking-widest font-bold mt-1\">YouTube Thumbnails & Art<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 md:py-40 px-6 lg:px-12\">\r\n <div class=\"max-w-5xl mx-auto bg-gradient-to-br from-[#00C4CC] via-[#00C4CC] to-[#7D2AE8] rounded-[2.5rem] md:rounded-[3.5rem] p-10 md:p-24 text-black text-center relative overflow-hidden shadow-[0_0_80px_rgba(0,196,204,0.3)]\">\r\n <div class=\"absolute top-0 right-0 w-[300px] md:w-[400px] h-[300px] md:h-[400px] bg-white\/20 rounded-full blur-[60px] md:blur-[80px] -translate-y-1\/2 translate-x-1\/2\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-[300px] md:w-[400px] h-[300px] md:h-[400px] bg-black\/10 rounded-full blur-[60px] md:blur-[80px] translate-y-1\/2 -translate-x-1\/2\"><\/div>\r\n\r\n <div class=\"relative z-10\">\r\n <h2 class=\"font-display text-4xl md:text-7xl font-black mb-8 md:mb-10 leading-[1.1] md:leading-[1] tracking-tighter uppercase\">\r\n \u0b89\u0b99\u0bcd\u0b95\u0bb3\u0bcd \u0b9f\u0bbf\u0b9a\u0bc8\u0ba9\u0bcd \u0baa\u0baf\u0ba3\u0ba4\u0bcd\u0ba4\u0bc8 <br \/> \u0b87\u0ba9\u0bcd\u0bb1\u0bc7 \u0ba4\u0bca\u0b9f\u0b99\u0bcd\u0b95\u0bc1\u0b99\u0bcd\u0b95\u0bb3\u0bcd!\r\n <\/h2>\r\n <p class=\"font-serif text-xl md:text-3xl italic mb-10 md:mb-16 max-w-2xl mx-auto opacity-80\">\r\n \"\u0b9a\u0bbf\u0bb1\u0ba8\u0bcd\u0ba4 \u0bb5\u0bbe\u0baf\u0bcd\u0baa\u0bcd\u0baa\u0bc8 \u0ba4\u0bb5\u0bb1\u0bb5\u0bbf\u0b9f\u0bbe\u0ba4\u0bc0\u0bb0\u0bcd\u0b95\u0bb3\u0bcd. \u20b9699 \u0b9a\u0bb2\u0bc1\u0b95\u0bc8 \u0bae\u0bbf\u0b95 \u0bb5\u0bbf\u0bb0\u0bc8\u0bb5\u0bbf\u0bb2\u0bcd \u0bae\u0bc1\u0b9f\u0bbf\u0bb5\u0b9f\u0bc8\u0baf\u0bc1\u0bae\u0bcd!\"\r\n <\/p>\r\n \r\n <div class=\"flex flex-col items-center gap-8 md:gap-10\">\r\n <button class=\"w-full md:w-auto bg-black text-white px-10 md:px-16 py-5 md:py-7 rounded-2xl text-xl md:text-2xl font-black uppercase tracking-wider transition-all hover:scale-105 active:scale-95\">\r\n ENROLL NOW \u2022 \u20b9699\r\n <\/button>\r\n <div class=\"flex flex-wrap justify-center items-center gap-6 md:gap-10 text-[9px] md:text-[11px] font-black uppercase tracking-[0.2em] opacity-60\">\r\n <div class=\"flex items-center gap-2 md:gap-3\"><i data-lucide=\"shield-check\" class=\"w-5 h-5\"><\/i> Secure Payment<\/div>\r\n <div class=\"flex items-center gap-2 md:gap-3\"><i data-lucide=\"check-circle\" class=\"w-5 h-5\"><\/i> Lifetime Access<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"py-20 px-6 lg:px-12 border-t border-white\/5 bg-black\/60\">\r\n <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-12 text-center md:text-left\">\r\n <div class=\"flex items-center gap-4 opacity-50 hover:opacity-100 transition-opacity\">\r\n <div class=\"w-10 h-10 bg-white rounded-lg flex items-center justify-center font-black text-black text-xl\">C<\/div>\r\n <div class=\"flex flex-col text-left\">\r\n <span class=\"text-xs uppercase tracking-[0.3em] font-bold text-white\">TAMIL<\/span>\r\n <span class=\"text-[10px] uppercase tracking-[0.2em] font-medium opacity-50 mt-0.5\">Design Academy<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <p class=\"text-[11px] text-slate-600 font-bold uppercase tracking-widest\">\r\n © 2024 Tamil Design Academy \u2022 All Rights Reserved\r\n <\/p>\r\n\r\n <div class=\"flex gap-10 text-[10px] font-black uppercase tracking-[0.2em] text-slate-500\">\r\n <a href=\"#\" class=\"hover:text-[#00C4CC] transition-colors\">Contact<\/a>\r\n <a href=\"#\" class=\"hover:text-[#00C4CC] transition-colors\">Privacy<\/a>\r\n <a href=\"#\" class=\"hover:text-[#00C4CC] transition-colors\">Terms<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Initialize Lucide Icons\r\n lucide.createIcons();\r\n\r\n \/\/ Mobile Menu Logic\r\n const menuToggle = document.getElementById('menu-toggle');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const mobileLinks = document.querySelectorAll('.mobile-link');\r\n\r\n menuToggle.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('hidden');\r\n const icon = menuToggle.querySelector('i');\r\n if (mobileMenu.classList.contains('hidden')) {\r\n icon.setAttribute('data-lucide', 'menu');\r\n } else {\r\n icon.setAttribute('data-lucide', 'x');\r\n }\r\n lucide.createIcons();\r\n });\r\n\r\n mobileLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n mobileMenu.classList.add('hidden');\r\n menuToggle.querySelector('i').setAttribute('data-lucide', 'menu');\r\n lucide.createIcons();\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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>Canva Tamil Mastery – Tamil Design Academy C TAMIL Design Academy Course Info Syllabus Enroll Now \u2022 \u20b9699 Course Info Syllabus Enroll for \u20b9699 Limited Time Offer – 75% Off \u0ba4\u0bae\u0bbf\u0bb4\u0bcd \u0bb5\u0bb4\u0bbf\u0baf\u0bbf\u0bb2\u0bcd Canva Design \u0bae\u0bc1\u0bb4\u0bc1\u0bae\u0bc8\u0baf\u0bbe\u0b95\u0b95\u0bcd \u0b95\u0bb1\u0bcd\u0b95\u0bb2\u0bbe\u0bae\u0bcd! \u0b92\u0bb0\u0bc1 \u0baa\u0bcd\u0bb0\u0bca\u0baa\u0bb7\u0ba9\u0bb2\u0bcd \u0b9f\u0bbf\u0b9a\u0bc8\u0ba9\u0bb0\u0bbe\u0b95 \u0bae\u0bbe\u0bb1\u0bc1\u0b99\u0bcd\u0b95\u0bb3\u0bcd. \u0bb2\u0bcb\u0b95\u0bcb, \u0b9a\u0bcb\u0b9a\u0bbf\u0baf\u0bb2\u0bcd \u0bae\u0bc0\u0b9f\u0bbf\u0baf\u0bbe \u0baa\u0bcb\u0bb8\u0bcd\u0b9f\u0bcd\u0b95\u0bb3\u0bcd \u0bae\u0bb1\u0bcd\u0bb1\u0bc1\u0bae\u0bcd \u0baa\u0bb2\u0bb5\u0bb1\u0bcd\u0bb1\u0bc8 \u0bae\u0bbf\u0b95 \u0b8e\u0bb3\u0bbf\u0bae\u0bc8\u0baf\u0bbe\u0ba9 \u0ba4\u0bae\u0bbf\u0bb4\u0bbf\u0bb2\u0bcd \u0b95\u0bb1\u0bcd\u0bb1\u0bc1\u0b95\u0bcd\u0b95\u0bca\u0bb3\u0bcd\u0bb3\u0bc1\u0b99\u0bcd\u0b95\u0bb3\u0bcd. \u20b9699 Instead of \u20b92,999 GET […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/coursezy.live\/course\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coursezy.live\/course\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coursezy.live\/course\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coursezy.live\/course\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coursezy.live\/course\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":8,"href":"https:\/\/coursezy.live\/course\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/coursezy.live\/course\/wp-json\/wp\/v2\/pages\/9\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/coursezy.live\/course\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}