This course is designed to help beginners to learn the basics of HTML & CSS.No prior knowledge of HTML & CSS required. You will learn all that from scratch. In this course, about HTML you will learn:The definition of HTML and why it is a must learn.How a HTML document works (structure).About HTML Block Level & Inline Elements, such as:Headings (

,

,

,

,

,

)Formatting (, , , , , , ^{, _{)Forms (Form Elements - , , , | Input Types - button, checkbox, color, date, datetime-local, email, file, hidden , image, month, number, password, radio, range, reset | Buttons)More HTML Elements (<p>, <div>, <span>, <a>, <im>, <table>, <thead>, <tbody>, <tr>, <th>, <td>, <ul>, <ol>, <li>, <br>, <hr> <!-- -->)About CSS, you will learn the definition of it and what is the purpose of using it. You then, will learn how the CSS structure parts work, such as:Ruleset (or rule)SelectorDeclaration BlockPropertyProperty ValueTo put everything you've learned into practice, you will build a project called Lander (static landing page). You will learn how to setup the project structure. This includes:How to organize the HTML, CSS & Image files into foldersHow to create the HTML DocumentHow to create the header, main content, after content, and footer.How to style all sections using: background colors, text colors, fonts, background images & elements positioning.By the end of this course, you will have a complete knowledge and the required skills you need to be able to start your programming career that you have always wished for. ProfileHi! I'm an advanced Web Developer with 10+ years of experience specializing in front and back end development. Experienced with all stages of the development cycle for dynamic web projects. Well-versed in numerous programming languages including HTML, CSS, PHP, SQL, Javascript, Ajax, and jQuery.Areas Of ExpertiseAdvanced programming and design skills, web content management, landing page development, project management, strong collaborative skills, website optimization, and excellent problem solving skills</div></div><div class="mt-8 flex flex-wrap gap-3"><a href="https://www.eduonix.com/basic-html5-and-css-for-beginners-build-one-project?utm_source=realdiscount&utm_medium=referrals&utm_campaign=sidhikesh" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 rounded-full bg-primary px-6 py-3 font-medium text-white transition-colors hover:bg-primary-dark"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link h-5 w-5" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>Enroll Now</a><button class="inline-flex items-center gap-2 rounded-full px-6 py-3 font-medium transition-colors border border-primary/20 text-primary hover:bg-primary/5" aria-label="Save course"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark h-5 w-5" aria-hidden="true"><path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"></path></svg>Save Course</button><template id="P:5"></template></div><template id="P:6"></template><template id="P:7"></template><template id="P:8"></template><template id="P:9"></template></div></div></article><section class="mx-auto max-w-7xl px-4 pb-16 sm:px-6 lg:px-8"><div class="mb-10 text-center"><h2 class="font-display text-3xl font-bold text-text dark:text-white">Related Courses</h2><div class="mx-auto mt-3 h-1 w-16 rounded-full bg-primary"></div></div><div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4"><div class="group relative"><button class="absolute right-2 top-2 z-10 rounded-full p-1.5 shadow-md backdrop-blur-sm transition-all bg-white/80 text-text-muted hover:bg-white hover:text-primary dark:bg-black/40 dark:text-white/70 dark:hover:text-white" aria-label="Save course"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark h-4 w-4" aria-hidden="true"><path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"></path></svg></button><a class="block" href="/course/177639222886672"><article class="overflow-hidden rounded-xl bg-white shadow-md transition-all duration-300 hover:-translate-y-1 hover:shadow-xl dark:bg-white/5 dark:shadow-none dark:ring-1 dark:ring-white/10 dark:hover:ring-white/20"><div class="relative aspect-video overflow-hidden"><span class="absolute left-3 top-3 z-10 inline-flex items-center gap-1 rounded-full bg-accent px-2.5 py-1 text-xs font-bold text-white shadow-md"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>NEW</span><img alt="GIT for beginners" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-300 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://cdn.dealmango.com/wp-content/uploads/2019/08/Eduonix-Lifetime-Deal-on-DealMirror.jpg"/></div><div class="p-4"><span class="inline-flex items-center gap-1 text-xs font-medium text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag h-3 w-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Web Development</span><h3 class="mt-1 line-clamp-2 text-sm font-semibold text-text group-hover:text-primary dark:text-white dark:group-hover:text-primary">GIT for beginners</h3><div class="mt-3 flex items-center justify-between"><span class="inline-flex items-center gap-1 text-xs text-text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar h-3 w-3" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>17 April, 2026</span><div class="flex items-center gap-2"><span class="text-xs text-text-muted line-through">$89.00</span><span class="rounded-full bg-free/10 px-2.5 py-0.5 text-xs font-bold text-free">FREE</span></div></div></div></article></a></div><div class="group relative"><button class="absolute right-2 top-2 z-10 rounded-full p-1.5 shadow-md backdrop-blur-sm transition-all bg-white/80 text-text-muted hover:bg-white hover:text-primary dark:bg-black/40 dark:text-white/70 dark:hover:text-white" aria-label="Save course"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark h-4 w-4" aria-hidden="true"><path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"></path></svg></button><a class="block" href="/course/177637782716260"><article class="overflow-hidden rounded-xl bg-white shadow-md transition-all duration-300 hover:-translate-y-1 hover:shadow-xl dark:bg-white/5 dark:shadow-none dark:ring-1 dark:ring-white/10 dark:hover:ring-white/20"><div class="relative aspect-video overflow-hidden"><span class="absolute left-3 top-3 z-10 inline-flex items-center gap-1 rounded-full bg-accent px-2.5 py-1 text-xs font-bold text-white shadow-md"><template id="P:a"></template>NEW</span><template id="P:b"></template></div><template id="P:c"></template></article></a></div><template id="P:d"></template><template id="P:e"></template></div></section><div class="mx-auto max-w-4xl px-4 pb-8 sm:px-6 lg:px-8"><div class="my-6 min-h-[90px] text-center"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3190704717819212" data-ad-slot="1348458343" data-ad-format="auto" data-full-width-responsive="true"></ins></div></div><div class="border-t border-surface-dark dark:border-white/10"><div class="pt-12"><section class="mx-auto max-w-7xl px-4 pb-16 sm:px-6 lg:px-8"><div class="mb-8 flex flex-col items-center gap-3 text-center"><span class="inline-flex items-center gap-1.5 rounded-full bg-orange-100 px-3 py-1 text-xs font-semibold uppercase tracking-wider text-orange-700 dark:bg-orange-900/30 dark:text-orange-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>From Sanatan Hindu</span><h2 class="font-display text-2xl font-bold text-text dark:text-white sm:text-3xl">Explore Sanatan Hindu Wisdom</h2><p class="max-w-xl text-sm text-text-muted">Discover articles on Hindu rituals, mantras, festivals, and spiritual practices from<!-- --> <a href="https://sanatanhindu.co.in" target="_blank" rel="noopener noreferrer" class="font-medium text-orange-600 hover:underline dark:text-orange-400">sanatanhindu.co.in</a></p></div><div class="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3"><a href="https://sanatanhindu.co.in/post/masik-shivaratri-vrat-vidhi" target="_blank" rel="noopener noreferrer" class="group flex overflow-hidden rounded-xl bg-white shadow-sm transition-all hover:-translate-y-0.5 hover:shadow-md dark:bg-white/5 dark:ring-1 dark:ring-white/10 dark:hover:ring-white/20"><div class="relative h-auto w-28 shrink-0 overflow-hidden sm:w-32"><img alt="Masik Shivaratri Vrat Vidhi: A Comprehensive Guide" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-300 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://sanatanhindu.co.in/api/images/69e17f2b0c6ae80a9b63d46e"/></div><div class="flex min-w-0 flex-1 flex-col justify-center p-4"><span class="mb-1 inline-flex w-fit items-center gap-1 rounded-full bg-orange-50 px-2 py-0.5 text-xs font-medium text-orange-600 dark:bg-orange-900/30 dark:text-orange-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag h-2.5 w-2.5" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Vrats</span><h3 class="line-clamp-2 text-sm font-semibold text-text group-hover:text-orange-600 dark:text-white dark:group-hover:text-orange-400">Masik Shivaratri Vrat Vidhi: A Comprehensive Guide</h3><p class="mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted">Masik Shivaratri Vrat Vidhi, a monthly ritual to worship Lord Shiva</p><div class="mt-2 flex items-center gap-3"><span class="inline-flex items-center gap-1 text-xs text-text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar h-3 w-3" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>17 April, 2026</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link h-3 w-3 text-text-muted/40" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></div></div></a><a href="https://sanatanhindu.co.in/post/kamada-ekadashi-vrat-significance" target="_blank" rel="noopener noreferrer" class="group flex overflow-hidden rounded-xl bg-white shadow-sm transition-all hover:-translate-y-0.5 hover:shadow-md dark:bg-white/5 dark:ring-1 dark:ring-white/10 dark:hover:ring-white/20"><div class="relative h-auto w-28 shrink-0 overflow-hidden sm:w-32"><img alt="Kamada Ekadashi Vrat and Significance" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-300 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://sanatanhindu.co.in/api/images/69e12afa6a7e3bed0161c439"/></div><template id="P:f"></template></a><template id="P:10"></template><template id="P:11"></template><template id="P:12"></template><template id="P:13"></template></div><template id="P:14"></template></section></div></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:3","P:3")</script><div hidden id="S:5"><a href="https://t.me/joinchat/AAAAAFlL_8H87EQ1e8uZww" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 rounded-full border border-primary/20 px-6 py-3 font-medium text-primary transition-colors hover:bg-primary/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send h-5 w-5" aria-hidden="true"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg>Join us on Telegram</a></div><script>$RS("S:5","P:5")</script><div hidden id="S:6"><div class="my-6 min-h-[90px] text-center"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3190704717819212" data-ad-slot="1348458343" data-ad-format="auto" data-full-width-responsive="true"></ins></div></div><script>$RS("S:6","P:6")</script><div hidden id="S:7"><div class="mt-6 flex flex-wrap gap-3"><a href="https://t.me/joinchat/AAAAAFV-hiA6u6oBsJ-xyQ" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 rounded-full border border-primary/20 px-5 py-2.5 text-sm font-medium text-primary transition-colors hover:bg-primary/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send h-4 w-4" aria-hidden="true"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg>Udemy Courses Telegram</a><a href="https://www.youtube.com/@travellingdevs" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 rounded-full border border-red-200 px-5 py-2.5 text-sm font-medium text-red-600 transition-colors hover:bg-red-50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-4 w-4" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg>Subscribe on YouTube</a></div></div><script>$RS("S:7","P:7")</script><div hidden id="S:8"><div class="mt-6 flex flex-wrap items-center gap-2"><span class="text-xs font-medium uppercase tracking-wider text-text-muted">Share</span><a href="https://api.whatsapp.com/send?text=Basic%20HTML5%20%26%20CSS%20for%20beginners%20(Build%20One%20Project)%20https%3A%2F%2Fwww.coursekingdom.xyz%2Fcourse%2F145372" target="_blank" rel="noopener noreferrer" aria-label="Share on WhatsApp" class="inline-flex h-9 w-9 items-center justify-center rounded-full text-white transition-colors bg-[#25D366] hover:bg-[#1ebe57]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-4 w-4" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg></a><a href="https://x.com/intent/tweet?url=https%3A%2F%2Fwww.coursekingdom.xyz%2Fcourse%2F145372&text=Basic%20HTML5%20%26%20CSS%20for%20beginners%20(Build%20One%20Project)" target="_blank" rel="noopener noreferrer" aria-label="Share on X" class="inline-flex h-9 w-9 items-center justify-center rounded-full text-white transition-colors bg-black hover:bg-neutral-800"><svg viewBox="0 0 24 24" fill="currentColor" class="h-4 w-4"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a><a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.coursekingdom.xyz%2Fcourse%2F145372" target="_blank" rel="noopener noreferrer" aria-label="Share on LinkedIn" class="inline-flex h-9 w-9 items-center justify-center rounded-full text-white transition-colors bg-[#0A66C2] hover:bg-[#094d92]"><svg viewBox="0 0 24 24" fill="currentColor" class="h-4 w-4"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></a><button aria-label="Copy link" class="inline-flex h-9 w-9 items-center justify-center rounded-full bg-surface-dark text-text-muted transition-colors hover:bg-surface-dark/80 dark:bg-white/10 dark:hover:bg-white/15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-4 w-4" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></button></div></div><script>$RS("S:8","P:8")</script><div hidden id="S:9"><div class="mt-8"><a class="text-sm font-medium text-primary hover:underline" href="/courses">← Back to all courses</a></div></div><script>$RS("S:9","P:9")</script><div hidden id="S:a"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div><script>$RS("S:a","P:a")</script><div hidden id="S:b"><img alt="VueJs Assessment" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-300 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://cdn.dealmango.com/wp-content/uploads/2019/08/Eduonix-Lifetime-Deal-on-DealMirror.jpg"/></div><script>$RS("S:b","P:b")</script><div hidden id="S:c"><div class="p-4"><span class="inline-flex items-center gap-1 text-xs font-medium text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag h-3 w-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Web Development</span><h3 class="mt-1 line-clamp-2 text-sm font-semibold text-text group-hover:text-primary dark:text-white dark:group-hover:text-primary">VueJs Assessment</h3><div class="mt-3 flex items-center justify-between"><span class="inline-flex items-center gap-1 text-xs text-text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar h-3 w-3" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>16 April, 2026</span><div class="flex items-center gap-2"><span class="text-xs text-text-muted line-through">$89.00</span><span class="rounded-full bg-free/10 px-2.5 py-0.5 text-xs font-bold text-free">FREE</span></div></div></div></div><script>$RS("S:c","P:c")</script><div hidden id="S:d"><div class="group relative"><button class="absolute right-2 top-2 z-10 rounded-full p-1.5 shadow-md backdrop-blur-sm transition-all bg-white/80 text-text-muted hover:bg-white hover:text-primary dark:bg-black/40 dark:text-white/70 dark:hover:text-white" aria-label="Save course"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark h-4 w-4" aria-hidden="true"><path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"></path></svg></button><a class="block" href="/course/177637782149437"><article class="overflow-hidden rounded-xl bg-white shadow-md transition-all duration-300 hover:-translate-y-1 hover:shadow-xl dark:bg-white/5 dark:shadow-none dark:ring-1 dark:ring-white/10 dark:hover:ring-white/20"><div class="relative aspect-video overflow-hidden"><span class="absolute left-3 top-3 z-10 inline-flex items-center gap-1 rounded-full bg-accent px-2.5 py-1 text-xs font-bold text-white shadow-md"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>NEW</span><img alt="Angular 10 assessment" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-300 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://cdn.dealmango.com/wp-content/uploads/2019/08/Eduonix-Lifetime-Deal-on-DealMirror.jpg"/></div><div class="p-4"><span class="inline-flex items-center gap-1 text-xs font-medium text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag h-3 w-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Web Development</span><h3 class="mt-1 line-clamp-2 text-sm font-semibold text-text group-hover:text-primary dark:text-white dark:group-hover:text-primary">Angular 10 assessment</h3><div class="mt-3 flex items-center justify-between"><span class="inline-flex items-center gap-1 text-xs text-text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar h-3 w-3" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>16 April, 2026</span><div class="flex items-center gap-2"><span class="text-xs text-text-muted line-through">$89.00</span><span class="rounded-full bg-free/10 px-2.5 py-0.5 text-xs font-bold text-free">FREE</span></div></div></div></article></a></div></div><script>$RS("S:d","P:d")</script><div hidden id="S:e"><div class="group relative"><button class="absolute right-2 top-2 z-10 rounded-full p-1.5 shadow-md backdrop-blur-sm transition-all bg-white/80 text-text-muted hover:bg-white hover:text-primary dark:bg-black/40 dark:text-white/70 dark:hover:text-white" aria-label="Save course"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark h-4 w-4" aria-hidden="true"><path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"></path></svg></button><a class="block" href="/course/177632035070377"><article class="overflow-hidden rounded-xl bg-white shadow-md transition-all duration-300 hover:-translate-y-1 hover:shadow-xl dark:bg-white/5 dark:shadow-none dark:ring-1 dark:ring-white/10 dark:hover:ring-white/20"><div class="relative aspect-video overflow-hidden"><span class="absolute left-3 top-3 z-10 inline-flex items-center gap-1 rounded-full bg-accent px-2.5 py-1 text-xs font-bold text-white shadow-md"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>NEW</span><img alt="Learn Top Ten Frameworks In PHP By Building Projects" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-300 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://cdn.dealmango.com/wp-content/uploads/2019/08/Eduonix-Lifetime-Deal-on-DealMirror.jpg"/></div><div class="p-4"><span class="inline-flex items-center gap-1 text-xs font-medium text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag h-3 w-3" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Web Development</span><h3 class="mt-1 line-clamp-2 text-sm font-semibold text-text group-hover:text-primary dark:text-white dark:group-hover:text-primary">Learn Top Ten Frameworks In PHP By Building Projects</h3><div class="mt-3 flex items-center justify-between"><span class="inline-flex items-center gap-1 text-xs text-text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar h-3 w-3" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>16 April, 2026</span><div class="flex items-center gap-2"><span class="text-xs text-text-muted line-through">$89.00</span><span class="rounded-full bg-free/10 px-2.5 py-0.5 text-xs font-bold text-free">FREE</span></div></div></div></article></a></div></div><script>$RS("S:e","P:e")</script><div hidden id="S:f"><div class="flex min-w-0 flex-1 flex-col justify-center p-4"><span class="mb-1 inline-flex w-fit items-center gap-1 rounded-full bg-orange-50 px-2 py-0.5 text-xs font-medium text-orange-600 dark:bg-orange-900/30 dark:text-orange-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag h-2.5 w-2.5" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Vrats</span><h3 class="line-clamp-2 text-sm font-semibold text-text group-hover:text-orange-600 dark:text-white dark:group-hover:text-orange-400">Kamada Ekadashi Vrat and Significance</h3><p class="mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted">Kamada Ekadashi vrat is observed on the eleventh day of the bright half of the month of Chaitra.</p><div class="mt-2 flex items-center gap-3"><span class="inline-flex items-center gap-1 text-xs text-text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar h-3 w-3" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>16 April, 2026</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link h-3 w-3 text-text-muted/40" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></div></div></div><script>$RS("S:f","P:f")</script><div hidden id="S:10"><a href="https://sanatanhindu.co.in/post/daily-panchang-2026-04-17" target="_blank" rel="noopener noreferrer" class="group flex overflow-hidden rounded-xl bg-white shadow-sm transition-all hover:-translate-y-0.5 hover:shadow-md dark:bg-white/5 dark:ring-1 dark:ring-white/10 dark:hover:ring-white/20"><div class="relative h-auto w-28 shrink-0 overflow-hidden sm:w-32"><div class="flex h-full items-center justify-center bg-gradient-to-br from-orange-100 to-orange-50 dark:from-orange-900/20 dark:to-orange-800/10"><span class="text-3xl">🙏</span></div></div><div class="flex min-w-0 flex-1 flex-col justify-center p-4"><span class="mb-1 inline-flex w-fit items-center gap-1 rounded-full bg-orange-50 px-2 py-0.5 text-xs font-medium text-orange-600 dark:bg-orange-900/30 dark:text-orange-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag h-2.5 w-2.5" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Daily Panchang</span><h3 class="line-clamp-2 text-sm font-semibold text-text group-hover:text-orange-600 dark:text-white dark:group-hover:text-orange-400">Daily Panchang — Friday, 17 April 2026</h3><p class="mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted">Hindu Panchang for Friday, 17 April 2026 — Amavasya, Revati, Vaishakha, VS 2083. Includes Rahu Kaal, Choghadiya, and Abhijit Muhurat timings.</p><div class="mt-2 flex items-center gap-3"><span class="inline-flex items-center gap-1 text-xs text-text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar h-3 w-3" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>16 April, 2026</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link h-3 w-3 text-text-muted/40" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></div></div></a></div><script>$RS("S:10","P:10")</script><div hidden id="S:11"><a href="https://sanatanhindu.co.in/post/akhand-ramayan-path-vidhi-and-benefits" target="_blank" rel="noopener noreferrer" class="group flex overflow-hidden rounded-xl bg-white shadow-sm transition-all hover:-translate-y-0.5 hover:shadow-md dark:bg-white/5 dark:ring-1 dark:ring-white/10 dark:hover:ring-white/20"><div class="relative h-auto w-28 shrink-0 overflow-hidden sm:w-32"><img alt="Akhand Ramayan Path Vidhi and Benefits" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-300 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://sanatanhindu.co.in/api/images/69e0d66af488f86a0e6d1304"/></div><div class="flex min-w-0 flex-1 flex-col justify-center p-4"><span class="mb-1 inline-flex w-fit items-center gap-1 rounded-full bg-orange-50 px-2 py-0.5 text-xs font-medium text-orange-600 dark:bg-orange-900/30 dark:text-orange-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag h-2.5 w-2.5" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Poojas</span><h3 class="line-clamp-2 text-sm font-semibold text-text group-hover:text-orange-600 dark:text-white dark:group-hover:text-orange-400">Akhand Ramayan Path Vidhi and Benefits</h3><p class="mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted">Akhand Ramayan Path, a 24-hour non-stop recitation of the Ramayan</p><div class="mt-2 flex items-center gap-3"><span class="inline-flex items-center gap-1 text-xs text-text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar h-3 w-3" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>16 April, 2026</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link h-3 w-3 text-text-muted/40" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></div></div></a></div><script>$RS("S:11","P:11")</script><div hidden id="S:12"><a href="https://sanatanhindu.co.in/post/agni-ji-ki-aarti" target="_blank" rel="noopener noreferrer" class="group flex overflow-hidden rounded-xl bg-white shadow-sm transition-all hover:-translate-y-0.5 hover:shadow-md dark:bg-white/5 dark:ring-1 dark:ring-white/10 dark:hover:ring-white/20"><div class="relative h-auto w-28 shrink-0 overflow-hidden sm:w-32"><img alt="Agni Ji Ki Aarti: Complete Guide with Lyrics and Significance" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-300 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://upload.wikimedia.org/wikipedia/commons/a/ac/Agni_18th_century_miniature.jpg"/></div><div class="flex min-w-0 flex-1 flex-col justify-center p-4"><span class="mb-1 inline-flex w-fit items-center gap-1 rounded-full bg-orange-50 px-2 py-0.5 text-xs font-medium text-orange-600 dark:bg-orange-900/30 dark:text-orange-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag h-2.5 w-2.5" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Aartis & Bhajans</span><h3 class="line-clamp-2 text-sm font-semibold text-text group-hover:text-orange-600 dark:text-white dark:group-hover:text-orange-400">Agni Ji Ki Aarti: Complete Guide with Lyrics and Significance</h3><p class="mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted">Agni Ji Ki Aarti: lyrics, significance, vidhi, and benefits</p><div class="mt-2 flex items-center gap-3"><span class="inline-flex items-center gap-1 text-xs text-text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar h-3 w-3" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>16 April, 2026</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link h-3 w-3 text-text-muted/40" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></div></div></a></div><script>$RS("S:12","P:12")</script><div hidden id="S:13"><a href="https://sanatanhindu.co.in/post/complete-guide-to-agni" target="_blank" rel="noopener noreferrer" class="group flex overflow-hidden rounded-xl bg-white shadow-sm transition-all hover:-translate-y-0.5 hover:shadow-md dark:bg-white/5 dark:ring-1 dark:ring-white/10 dark:hover:ring-white/20"><div class="relative h-auto w-28 shrink-0 overflow-hidden sm:w-32"><img alt="Complete Guide to Agni: Significance, Worship, Mantras, and Festivals" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-300 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="https://upload.wikimedia.org/wikipedia/commons/a/ac/Agni_18th_century_miniature.jpg"/></div><div class="flex min-w-0 flex-1 flex-col justify-center p-4"><span class="mb-1 inline-flex w-fit items-center gap-1 rounded-full bg-orange-50 px-2 py-0.5 text-xs font-medium text-orange-600 dark:bg-orange-900/30 dark:text-orange-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag h-2.5 w-2.5" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>Poojas</span><h3 class="line-clamp-2 text-sm font-semibold text-text group-hover:text-orange-600 dark:text-white dark:group-hover:text-orange-400">Complete Guide to Agni: Significance, Worship, Mantras, and Festivals</h3><p class="mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted">Agni, the fire deity, plays a crucial role in Hindu rituals. Learn about Agni's significance, worship, mantras, and festivals.</p><div class="mt-2 flex items-center gap-3"><span class="inline-flex items-center gap-1 text-xs text-text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar h-3 w-3" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>16 April, 2026</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link h-3 w-3 text-text-muted/40" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></div></div></a></div><script>$RS("S:13","P:13")</script><div hidden id="S:14"><div class="mt-8 text-center"><a href="https://sanatanhindu.co.in" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 rounded-full border border-orange-200 bg-orange-50 px-6 py-2.5 text-sm font-medium text-orange-700 transition-colors hover:bg-orange-100 dark:border-orange-800/50 dark:bg-orange-900/20 dark:text-orange-300 dark:hover:bg-orange-900/30">Visit Sanatan Hindu<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link h-4 w-4" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></div><script>$RS("S:14","P:14")</script><script>$RC("B:2","S:2")</script></body></html>}}