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" 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><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><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 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 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%2F133649" 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%2F133649&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%2F133649" 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 class="mt-8"><a class="text-sm font-medium text-primary hover:underline" href="/courses">← Back to all courses</a></div></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/177744342886817"><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"><img alt="Learn Database Design using PostgreSQL" 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 Database Design using PostgreSQL</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>29 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/177744342178812"><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"><img alt="Become A Certified Web Developer From Scratch" 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">Become A Certified Web Developer From Scratch</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>29 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/177742902720443"><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"><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>29 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/177741462723751"><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"><img alt="JavaScript HTML CSS Project make a Quiz Tutorial" 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">JavaScript HTML CSS Project make a Quiz Tutorial</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>28 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></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/complete-guide-to-agni-the-fire-god" 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 The Fire God — 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 The Fire God — Significance, Worship, Mantras, and Festivals</h3><p class="mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted">Discover the significance, worship, and mantras of Agni, the Fire God in Hinduism.</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>23 June, 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/shraddha-ritual-for-ancestors" 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>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">Shraddha: A Hindu Ritual for Ancestors</h3><p class="mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted">Shraddha is a Hindu ritual for honoring ancestors</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>23 June, 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/goddess-gauri-puja-vidhi-and-mantras" 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>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">Understanding Goddess Gauri: Significance, Puja Vidhi, and Mantras</h3><p class="mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted">Goddess Gauri, a form of Parvati, embodies purity and strength. Learn her significance, puja steps, and mantras.</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>22 June, 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/hindu-marriage-customs" 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>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">Hindu Marriage Customs: A Comprehensive Guide</h3><p class="mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted">Explore the significance, rituals, and traditions of Hindu marriage customs.</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>22 June, 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/ardh-kumbh-mela-half-kumbh-significance-and-rituals" 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="Ardh Kumbh Mela — Half Kumbh Significance and Rituals" 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/6a39801bcc2fcbdb8ed27b0c"/></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>Festivals</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">Ardh Kumbh Mela — Half Kumbh Significance and Rituals</h3><p class="mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted">Discover the spiritual significance and rituals of Ardh Kumbh Mela, a sacred Hindu festival.</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>22 June, 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/daily-panchang-2026-06-23" 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 — Tuesday, 23 June 2026</h3><p class="mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted">Hindu Panchang for Tuesday, 23 June 2026 — Navami, Hasta, Ashadha, 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>22 June, 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><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></section></div></div><!--$--><!--/$--></div><script>$RC("B:1","S:1")</script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[808,[\"791\",\"static/chunks/791-c3602bc239cc79f9.js\",\"177\",\"static/chunks/app/layout-03c5cec15787aac6.js\"],\"SavedCoursesProvider\"]\n3:I[6307,[\"791\",\"static/chunks/791-c3602bc239cc79f9.js\",\"177\",\"static/chunks/app/layout-03c5cec15787aac6.js\"],\"default\"]\n4:I[9766,[],\"\"]\n5:I[9679,[\"39\",\"static/chunks/app/error-9ab5c2237def5e1a.js\"],\"default\"]\n6:I[8924,[],\"\"]\n7:I[2619,[\"791\",\"static/chunks/791-c3602bc239cc79f9.js\",\"320\",\"static/chunks/320-536d333e40ea3d77.js\",\"964\",\"static/chunks/app/course/%5Bid%5D/page-c8afcb03f4cb0608.js\"],\"\"]\n8:I[5477,[\"791\",\"static/chunks/791-c3602bc239cc79f9.js\",\"320\",\"static/chunks/320-536d333e40ea3d77.js\",\"964\",\"static/chunks/app/course/%5Bid%5D/page-c8afcb03f4cb0608.js\"],\"default\"]\n19:I[7150,[],\"\"]\n:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/eaead17c7dbfcd5d-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/7306ead1f6d555fc.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"HUNbx66VSwn2txNGFNKbu\",\"p\":\"\",\"c\":[\"\",\"course\",\"133649\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"course\",{\"children\":[[\"id\",\"133649\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7306ead1f6d555fc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"__variable_f367f3 __variable_0a80b4\",\"children\":[\"$\",\"body\",null,{\"className\":\"flex min-h-screen flex-col bg-surface antialiased\",\"children\":[\"$\",\"$L2\",null,{\"children\":[[\"$\",\"$L3\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex-1\",\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$5\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"flex min-h-[60vh] items-center justify-center px-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-7xl font-bold text-primary\",\"children\":\"404\"}],[\"$\",\"h2\",null,{\"className\":\"mt-4 text-2xl font-bold text-text\",\"children\":\"Page Not Found\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-text-muted\",\"children\":\"The page you are looking for does not exist or has been moved.\"}],[\"$\",\"div\",null,{\"className\":\"mt-6 flex items-center justify-center gap-3\",\"children\":[[\"$\",\"$L7\",null,{\"href\":\"/\",\"className\":\"inline-flex items-center gap-2 rounded-lg bg-primary px-5 py-2.5 text-sm font-medium text-white transition-colors hover:bg-primary-dark\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\",\"key\":\"5wwlr5\"}],[\"path\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\",\"key\":\"r6nss1\"}]],\"className\":\"lucide-house h-4 w-4\"}],\"Go Home\"]}],[\"$\",\"$L7\",null,{\"href\":\"/courses\",\"className\":\"inline-flex items-center gap-2 rounded-lg border border-primary/20 px-5 py-2.5 text-sm font-medium text-primary transition-colors hover:bg-primary/5\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m21 21-4.34-4.34\",\"key\":\"14j7rj\"}],[\"circle\",{\"cx\":\"11\",\"cy\":\"11\",\"r\":\"8\",\"key\":\"4ej97u\"}]],\"className\":\"lucide-search h-4 w-4\"}],\"Browse Courses\"]}]]}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"footer\",null,{\"className\":\"gradient-bg mt-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 gap-8 md:grid-cols-3\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"$L7\",null,{\"href\":\"/\",\"className\":\"flex items-center gap-2 text-white\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z\",\"key\":\"j76jl0\"}],[\"path\",{\"d\":\"M22 10v6\",\"key\":\"1lu8f3\"}],[\"path\",{\"d\":\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\",\"key\":\"1r8lef\"}]],\"className\":\"lucide-graduation-cap h-8 w-8\"}],[\"$\",\"span\",null,{\"className\":\"text-xl font-bold\",\"children\":\"Course Kingdom\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-sm leading-relaxed text-white/80\",\"children\":\"Course Kingdom is an initiative to provide free education in a legit way. We provide free coupons of premium courses from different platforms, webinars, and job opportunities.\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold text-white\",\"children\":\"Quick Links\"}],[\"$\",\"ul\",null,{\"className\":\"mt-4 space-y-2\",\"children\":[[\"$\",\"li\",\"/\",{\"children\":[\"$\",\"$L7\",null,{\"href\":\"/\",\"className\":\"text-sm text-white/70 transition-colors hover:text-white\",\"children\":\"Home\"}]}],[\"$\",\"li\",\"/courses\",{\"children\":[\"$\",\"$L7\",null,{\"href\":\"/courses\",\"className\":\"text-sm text-white/70 transition-colors hover:text-white\",\"children\":\"Courses\"}]}],[\"$\",\"li\",\"/categories\",{\"children\":[\"$\",\"$L7\",null,{\"href\":\"/categories\",\"className\":\"text-sm text-white/70 transition-colors hover:text-white\",\"children\":\"Categories\"}]}],[\"$\",\"li\",\"/webinars\",{\"children\":[\"$\",\"$L7\",null,{\"href\":\"/webinars\",\"className\":\"text-sm text-white/70 transition-colors hover:text-white\",\"children\":\"Webinars\"}]}],[\"$\",\"li\",\"/jobs\",{\"children\":[\"$\",\"$L7\",null,{\"href\":\"/jobs\",\"className\":\"text-sm text-white/70 transition-colors hover:text-white\",\"children\":\"Jobs\"}]}],[\"$\",\"li\",\"/blog\",{\"children\":[\"$\",\"$L7\",null,{\"href\":\"/blog\",\"className\":\"text-sm text-white/70 transition-colors hover:text-white\",\"children\":\"Blog\"}]}],\"$L9\",\"$La\",\"$Lb\",\"$Lc\",\"$Ld\"]}]]}],\"$Le\"]}],\"$Lf\"]}]}],\"$L10\",\"$L11\",\"$L12\",\"$L13\"]}]}]}]]}],{\"children\":[\"course\",\"$L14\",{\"children\":[[\"id\",\"133649\",\"d\"],\"$L15\",{\"children\":[\"__PAGE__\",\"$L16\",{},null,false]},null,false]},null,false]},[\"$L17\",[],[]],false],\"$L18\",false]],\"m\":\"$undefined\",\"G\":[\"$19\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"1a:I[8987,[\"791\",\"static/chunks/791-c3602bc239cc79f9.js\",\"177\",\"static/chunks/app/layout-03c5cec15787aac6.js\"],\"default\"]\n1b:I[1402,[\"791\",\"static/chunks/791-c3602bc239cc79f9.js\",\"177\",\"static/chunks/app/layout-03c5cec15787aac6.js\"],\"\"]\n1d:I[4431,[],\"OutletBoundary\"]\n1f:I[5278,[],\"AsyncMetadataOutlet\"]\n26:I[4431,[],\"ViewportBoundary\"]\n28:I[4431,[],\"MetadataBoundary\"]\n29:\"$Sreact.suspense\"\n9:[\"$\",\"li\",\"/saved\",{\"children\":[\"$\",\"$L7\",null,{\"href\":\"/saved\",\"className\":\"text-sm text-white/70 transition-colors hover:text-white\",\"children\":\"Saved Courses\"}]}]\na:[\"$\",\"li\",\"/about\",{\"children\":[\"$\",\"$L7\",null,{\"href\":\"/about\",\"className\":\"text-sm text-white/70 transition-colors hover:text-white\",\"children\":\"About Us\"}]}]\nb:[\"$\",\"li\",\"/faq\",{\"children\":[\"$\",\"$L7\",null,{\"href\":\"/faq\",\"className\":\"text-sm text-white/70 transition-colors hover:text-white\",\"children\":\"FAQ\"}]}]\nc:[\"$\",\"li\",\"/terms\",{\"children\":[\"$\",\"$L7\",null,{\"href\":\"/terms\",\"className\":\"text-sm text-white/70 transition-colors hover:text-white\",\"children\":\"Terms and Conditions\"}]}]\nd:[\"$\",\"li\",\"/policy\",{\"children\":[\"$\",\"$L7\",null,{\"href\":\"/policy\",\"className\":\"text-sm text-white/70 transition-colors hover:text-white\",\"children\":\"Privacy Policy\"}]}]\n"])</script><script>self.__next_f.push([1,"e:[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold text-white\",\"children\":\"Social\"}],[\"$\",\"ul\",null,{\"className\":\"mt-4 space-y-3\",\"children\":[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://t.me/joinchat/AAAAAFlL_8H87EQ1e8uZww\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-2 text-sm text-white/70 transition-colors hover:text-white\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"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\",\"key\":\"1ffxy3\"}],[\"path\",{\"d\":\"m21.854 2.147-10.94 10.939\",\"key\":\"12cjpa\"}]],\"className\":\"lucide-send h-5 w-5\"}],\"Telegram\"]}]}]}]]}]\n"])</script><script>self.__next_f.push([1,"f:[\"$\",\"div\",null,{\"className\":\"mt-10 border-t border-white/20 pt-6 text-center\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-sm text-white/60\",\"children\":[\"© \",2026,\" \",\"Course Kingdom\",\". All rights reserved.\"]}]}]\n10:[\"$\",\"$L1a\",null,{}]\n11:[\"$\",\"$L1b\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=UA-151222018-3\",\"strategy\":\"lazyOnload\"}]\n12:[\"$\",\"$L1b\",null,{\"id\":\"ga-init\",\"strategy\":\"lazyOnload\",\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'UA-151222018-3');\\n \"}]\n13:[\"$\",\"$L1b\",null,{\"src\":\"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3190704717819212\",\"strategy\":\"lazyOnload\",\"crossOrigin\":\"anonymous\"}]\n14:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n15:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n16:[\"$\",\"$1\",\"c\",{\"children\":[\"$L1c\",null,[\"$\",\"$L1d\",null,{\"children\":[\"$L1e\",[\"$\",\"$L1f\",null,{\"promise\":\"$@20\"}]]}]]}]\n"])</script><script>self.__next_f.push([1,"17:[\"$\",\"div\",\"l\",{\"className\":\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-10 flex flex-col items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-8 w-48 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-1 w-16 animate-pulse rounded-full bg-surface-dark\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"overflow-hidden rounded-xl bg-white shadow-md dark:bg-white/5 dark:ring-1 dark:ring-white/10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-video animate-pulse bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"space-y-3 p-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-3 w-16 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-full animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-3/4 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between pt-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-3 w-20 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-5 w-14 animate-pulse rounded-full bg-surface-dark\"}]]}]]}]]}],[\"$\",\"div\",\"1\",{\"className\":\"overflow-hidden rounded-xl bg-white shadow-md dark:bg-white/5 dark:ring-1 dark:ring-white/10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-video animate-pulse bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"space-y-3 p-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-3 w-16 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-full animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-3/4 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between pt-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-3 w-20 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-5 w-14 animate-pulse rounded-full bg-surface-dark\"}]]}]]}]]}],[\"$\",\"div\",\"2\",{\"className\":\"overflow-hidden rounded-xl bg-white shadow-md dark:bg-white/5 dark:ring-1 dark:ring-white/10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-video animate-pulse bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"space-y-3 p-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-3 w-16 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-full animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-3/4 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between pt-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-3 w-20 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-5 w-14 animate-pulse rounded-full bg-surface-dark\"}]]}]]}]]}],[\"$\",\"div\",\"3\",{\"className\":\"overflow-hidden rounded-xl bg-white shadow-md dark:bg-white/5 dark:ring-1 dark:ring-white/10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-video animate-pulse bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"space-y-3 p-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-3 w-16 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-full animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-3/4 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between pt-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-3 w-20 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-5 w-14 animate-pulse rounded-full bg-surface-dark\"}]]}]]}]]}],[\"$\",\"div\",\"4\",{\"className\":\"overflow-hidden rounded-xl bg-white shadow-md dark:bg-white/5 dark:ring-1 dark:ring-white/10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-video animate-pulse bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"space-y-3 p-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-3 w-16 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-full animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-3/4 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between pt-1\",\"children\":[\"$L21\",\"$L22\"]}]]}]]}],\"$L23\",\"$L24\",\"$L25\"]}]]}]\n"])</script><script>self.__next_f.push([1,"18:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L26\",null,{\"children\":\"$L27\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L28\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$29\",null,{\"fallback\":null,\"children\":\"$L2a\"}]}]}]]}]\n"])</script><script>self.__next_f.push([1,"21:[\"$\",\"div\",null,{\"className\":\"h-3 w-20 animate-pulse rounded bg-surface-dark\"}]\n22:[\"$\",\"div\",null,{\"className\":\"h-5 w-14 animate-pulse rounded-full bg-surface-dark\"}]\n"])</script><script>self.__next_f.push([1,"23:[\"$\",\"div\",\"5\",{\"className\":\"overflow-hidden rounded-xl bg-white shadow-md dark:bg-white/5 dark:ring-1 dark:ring-white/10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-video animate-pulse bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"space-y-3 p-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-3 w-16 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-full animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-3/4 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between pt-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-3 w-20 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-5 w-14 animate-pulse rounded-full bg-surface-dark\"}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"24:[\"$\",\"div\",\"6\",{\"className\":\"overflow-hidden rounded-xl bg-white shadow-md dark:bg-white/5 dark:ring-1 dark:ring-white/10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-video animate-pulse bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"space-y-3 p-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-3 w-16 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-full animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-3/4 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between pt-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-3 w-20 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-5 w-14 animate-pulse rounded-full bg-surface-dark\"}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"25:[\"$\",\"div\",\"7\",{\"className\":\"overflow-hidden rounded-xl bg-white shadow-md dark:bg-white/5 dark:ring-1 dark:ring-white/10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-video animate-pulse bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"space-y-3 p-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-3 w-16 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-full animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-4 w-3/4 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between pt-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-3 w-20 animate-pulse rounded bg-surface-dark\"}],[\"$\",\"div\",null,{\"className\":\"h-5 w-14 animate-pulse rounded-full bg-surface-dark\"}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"27:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n1e:null\n"])</script><script>self.__next_f.push([1,"2b:I[622,[],\"IconMark\"]\n"])</script><script>self.__next_f.push([1,"20:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Basic HTML5 \u0026 CSS for beginners (Build One Project) | Course Kingdom\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"One small thing left\u0026#x2026; A smart and talented web designer.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"keywords\",\"content\":\"free courses,free udemy courses,free coupons,online learning,webinars,job opportunities,eduonix,udacity,coursera,free education\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"4\",{\"rel\":\"canonical\",\"href\":\"https://www.coursekingdom.xyz/course/133649\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Basic HTML5 \u0026 CSS for beginners (Build One Project)\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"One small thing left\u0026#x2026; A smart and talented web designer.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://cdn.eduonix.com/assets/images/thumb_img/2020061512052611975.png\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:title\",\"content\":\"Basic HTML5 \u0026 CSS for beginners (Build One Project)\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:description\",\"content\":\"One small thing left\u0026#x2026; A smart and talented web designer.\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:image\",\"content\":\"https://cdn.eduonix.com/assets/images/thumb_img/2020061512052611975.png\"}],[\"$\",\"link\",\"13\",{\"rel\":\"icon\",\"href\":\"/icon?b12b17bee3c0e5cb\",\"alt\":\"$undefined\",\"type\":\"image/png\",\"sizes\":\"32x32\"}],[\"$\",\"$L2b\",\"14\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"2a:\"$20:metadata\"\n"])</script><script>self.__next_f.push([1,"2c:I[3890,[\"791\",\"static/chunks/791-c3602bc239cc79f9.js\",\"320\",\"static/chunks/320-536d333e40ea3d77.js\",\"964\",\"static/chunks/app/course/%5Bid%5D/page-c8afcb03f4cb0608.js\"],\"default\"]\n2d:I[8039,[\"791\",\"static/chunks/791-c3602bc239cc79f9.js\",\"320\",\"static/chunks/320-536d333e40ea3d77.js\",\"964\",\"static/chunks/app/course/%5Bid%5D/page-c8afcb03f4cb0608.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"1c:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Course\\\",\\\"name\\\":\\\"Basic HTML5 \u0026 CSS for beginners (Build One Project)\\\",\\\"description\\\":\\\"One small thing left\u0026#x2026; A smart and talented web designer.\\\",\\\"provider\\\":{\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Course Kingdom\\\"},\\\"image\\\":\\\"https://cdn.eduonix.com/assets/images/thumb_img/2020061512052611975.png\\\",\\\"url\\\":\\\"https://www.coursekingdom.xyz/course/133649\\\",\\\"offers\\\":{\\\"@type\\\":\\\"Offer\\\",\\\"price\\\":\\\"0\\\",\\\"priceCurrency\\\":\\\"USD\\\",\\\"availability\\\":\\\"https://schema.org/InStock\\\"}}\"}}],[\"$\",\"section\",null,{\"className\":\"hero-gradient py-16 text-center text-white\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"font-display text-4xl font-bold tracking-tight sm:text-5xl\",\"children\":\"Course Kingdom\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-lg text-white/80\",\"children\":[\"— \",\"Course\",\" —\"]}]]}]}],[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"BreadcrumbList\\\",\\\"itemListElement\\\":[{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":1,\\\"name\\\":\\\"Home\\\",\\\"item\\\":\\\"https://www.coursekingdom.xyz/\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":2,\\\"name\\\":\\\"Courses\\\",\\\"item\\\":\\\"https://www.coursekingdom.xyz/courses\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":3,\\\"name\\\":\\\"Basic HTML5 \u0026 CSS for beginners (Build One Project)\\\"}]}\"}}],[\"$\",\"nav\",null,{\"aria-label\":\"Breadcrumb\",\"className\":\"mx-auto max-w-7xl px-4 py-4 sm:px-6 lg:px-8\",\"children\":[\"$\",\"ol\",null,{\"className\":\"flex flex-wrap items-center gap-1.5 text-sm\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"flex items-center gap-1.5\",\"children\":[false,[\"$\",\"$L7\",null,{\"href\":\"/\",\"className\":\"inline-flex items-center gap-1 text-text-muted transition-colors hover:text-primary\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$0:f:0:1:1:props:children:1:props:children:props:children:props:children:1:props:children:props:notFound:0:props:children:props:children:3:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-house h-3.5 w-3.5\"}],\"Home\"]}]]}],[\"$\",\"li\",\"1\",{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m9 18 6-6-6-6\",\"key\":\"mthhwq\"}]],\"className\":\"lucide-chevron-right h-3.5 w-3.5 text-text-muted/40\"}],[\"$\",\"$L7\",null,{\"href\":\"/courses\",\"className\":\"inline-flex items-center gap-1 text-text-muted transition-colors hover:text-primary\",\"children\":[false,\"Courses\"]}]]}],[\"$\",\"li\",\"2\",{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:2:1:props:children:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-chevron-right h-3.5 w-3.5 text-text-muted/40\"}],[\"$\",\"span\",null,{\"className\":\"font-medium text-text\",\"children\":\"Basic HTML5 \u0026 CSS for beginners (Build One Project)\"}]]}]]}]}]],[\"$\",\"$L2c\",null,{}],[\"$\",\"article\",null,{\"className\":\"mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 gap-10 lg:grid-cols-5\",\"children\":[[\"$\",\"aside\",null,{\"className\":\"lg:col-span-2\",\"children\":[\"$\",\"div\",null,{\"className\":\"overflow-hidden rounded-2xl bg-white shadow-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-video\",\"children\":[\"$\",\"$L2d\",null,{\"src\":\"https://cdn.eduonix.com/assets/images/thumb_img/2020061512052611975.png\",\"alt\":\"Basic HTML5 \u0026 CSS for beginners (Build One Project)\",\"fill\":true,\"sizes\":\"(max-width: 1024px) 100vw, 40vw\",\"className\":\"object-cover\",\"priority\":true,\"unoptimized\":true,\"fallbackClassName\":\"absolute inset-0\"}]}],[\"$\",\"div\",null,{\"className\":\"p-6\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 text-sm font-medium text-primary\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"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\",\"key\":\"vktsd0\"}],[\"circle\",{\"cx\":\"7.5\",\"cy\":\"7.5\",\"r\":\".5\",\"fill\":\"currentColor\",\"key\":\"kqv944\"}]],\"className\":\"lucide-tag h-4 w-4\"}],\"Web Development\"]}],[\"$\",\"p\",null,{\"className\":\"mt-1 inline-flex items-center gap-1 text-sm text-text-muted\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M8 2v4\",\"key\":\"1cmpym\"}],[\"path\",{\"d\":\"M16 2v4\",\"key\":\"4m81vk\"}],[\"rect\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"4\",\"rx\":\"2\",\"key\":\"1hopcy\"}],[\"path\",{\"d\":\"M3 10h18\",\"key\":\"8toen8\"}]],\"className\":\"lucide-calendar h-4 w-4\"}],\"26 September, 2020\"]}],\"$L2e\",\"$L2f\"]}]]}]}],\"$L30\"]}]}],\"$L31\",\"$L32\",\"$L33\"]\n"])</script><script>self.__next_f.push([1,"35:I[5734,[\"791\",\"static/chunks/791-c3602bc239cc79f9.js\",\"320\",\"static/chunks/320-536d333e40ea3d77.js\",\"964\",\"static/chunks/app/course/%5Bid%5D/page-c8afcb03f4cb0608.js\"],\"default\"]\n2e:[\"$\",\"p\",null,{\"className\":\"mt-4 text-sm leading-relaxed text-text-muted\",\"children\":\"One small thing left\u0026#x2026; A smart and talented web designer.\"}]\n2f:[\"$\",\"div\",null,{\"className\":\"mt-4 flex items-center gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-lg text-text-muted line-through\",\"children\":\"$$89.00\"}],[\"$\",\"span\",null,{\"className\":\"rounded-full bg-free/10 px-4 py-1 text-lg font-bold text-free\",\"children\":\"FREE\"}]]}]\n34:T8d7,"])</script><script>self.__next_f.push([1,"This course is designed to help beginners to learn the basics of HTML \u0026 CSS.No prior knowledge of HTML \u0026 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 \u0026 Inline Elements, such as:Headings (\u003ch1\u003e, \u003ch2\u003e, \u003ch3\u003e, \u003ch4\u003e, \u003ch5\u003e, \u003ch6\u003e)Formatting (\u003cem\u003e, \u003ci\u003e, \u003cstrong\u003e, \u003cb\u003e, \u003cu\u003e, \u003cmark\u003e, \u003csup\u003e, \u003csub\u003e)Forms (Form Elements - \u003cinput\u003e, \u003cselect\u003e, \u003coption\u003e, \u003ctextarea\u003e | Input Types - button, checkbox, color, date, datetime-local, email, file, hidden , image, month, number, password, radio, range, reset | Buttons)More HTML Elements (\u003cp\u003e, \u003cdiv\u003e, \u003cspan\u003e, \u003ca\u003e, \u003cim\u003e, \u003ctable\u003e, \u003cthead\u003e, \u003ctbody\u003e, \u003ctr\u003e, \u003cth\u003e, \u003ctd\u003e, \u003cul\u003e, \u003col\u003e, \u003cli\u003e, \u003cbr\u003e, \u003chr\u003e \u003c!-- --\u003e)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 \u0026 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 \u0026 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. \n 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"])</script><script>self.__next_f.push([1,"30:[\"$\",\"div\",null,{\"className\":\"lg:col-span-3\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"font-display text-3xl font-bold text-text sm:text-4xl\",\"children\":\"Basic HTML5 \u0026 CSS for beginners (Build One Project)\"}],[\"$\",\"div\",null,{\"className\":\"prose mt-6 max-w-none text-text-muted\",\"children\":[\"$\",\"div\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$34\"}}]}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex flex-wrap gap-3\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://www.eduonix.com/basic-html5-and-css-for-beginners-build-one-project\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"inline-flex items-center gap-2 rounded-full bg-primary px-6 py-3 font-medium text-white transition-colors hover:bg-primary-dark\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M15 3h6v6\",\"key\":\"1q9fwt\"}],[\"path\",{\"d\":\"M10 14 21 3\",\"key\":\"gplh6r\"}],[\"path\",{\"d\":\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\",\"key\":\"a6xqqp\"}]],\"className\":\"lucide-external-link h-5 w-5\"}],\"Enroll Now\"]}],[\"$\",\"$L35\",null,{\"variant\":\"full\",\"course\":{\"id\":133649,\"courseName\":\"Basic HTML5 \u0026 CSS for beginners (Build One Project)\",\"category\":\"Web Development\",\"imgUrl\":\"https://cdn.eduonix.com/assets/images/thumb_img/2020061512052611975.png\",\"date\":\"2020-09-26T15:20:47.842Z\"}}],\"$L36\"]}],\"$L37\",\"$L38\",\"$L39\",\"$L3a\"]}]\n"])</script><script>self.__next_f.push([1,"31:[\"$\",\"section\",null,{\"className\":\"mx-auto max-w-7xl px-4 pb-16 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-10 text-center\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-display text-3xl font-bold text-text dark:text-white\",\"children\":\"Related Courses\"}],[\"$\",\"div\",null,{\"className\":\"mx-auto mt-3 h-1 w-16 rounded-full bg-primary\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4\",\"children\":[[\"$\",\"div\",\"177744342886817\",{\"className\":\"group relative\",\"children\":[[\"$\",\"$L35\",null,{\"course\":{\"id\":177744342886817,\"courseName\":\"Learn Database Design using PostgreSQL\",\"category\":\"Web Development\",\"imgUrl\":\"https://cdn.dealmango.com/wp-content/uploads/2019/08/Eduonix-Lifetime-Deal-on-DealMirror.jpg\",\"date\":\"2026-04-29T06:17:08.683Z\"}}],[\"$\",\"$L7\",null,{\"href\":\"/course/177744342886817\",\"className\":\"block\",\"children\":[\"$\",\"article\",null,{\"className\":\"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\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-video overflow-hidden\",\"children\":[null,[\"$\",\"$L2d\",null,{\"src\":\"https://cdn.dealmango.com/wp-content/uploads/2019/08/Eduonix-Lifetime-Deal-on-DealMirror.jpg\",\"alt\":\"Learn Database Design using PostgreSQL\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw\",\"className\":\"object-cover transition-transform duration-300 group-hover:scale-105\",\"loading\":\"lazy\",\"unoptimized\":true,\"fallbackClassName\":\"absolute inset-0\"}]]}],[\"$\",\"div\",null,{\"className\":\"p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 text-xs font-medium text-primary\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-tag h-3 w-3\"}],\"Web Development\"]}],[\"$\",\"h3\",null,{\"className\":\"mt-1 line-clamp-2 text-sm font-semibold text-text group-hover:text-primary dark:text-white dark:group-hover:text-primary\",\"children\":\"Learn Database Design using PostgreSQL\"}],[\"$\",\"div\",null,{\"className\":\"mt-3 flex items-center justify-between\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 text-xs text-text-muted\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-calendar h-3 w-3\"}],\"29 April, 2026\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs text-text-muted line-through\",\"children\":\"$$89.00\"}],[\"$\",\"span\",null,{\"className\":\"rounded-full bg-free/10 px-2.5 py-0.5 text-xs font-bold text-free\",\"children\":\"FREE\"}]]}]]}]]}]]}]}]]}],[\"$\",\"div\",\"177744342178812\",{\"className\":\"group relative\",\"children\":[[\"$\",\"$L35\",null,{\"course\":{\"id\":177744342178812,\"courseName\":\"Become A Certified Web Developer From Scratch\",\"category\":\"Web Development\",\"imgUrl\":\"https://cdn.dealmango.com/wp-content/uploads/2019/08/Eduonix-Lifetime-Deal-on-DealMirror.jpg\",\"date\":\"2026-04-29T06:17:08.683Z\"}}],[\"$\",\"$L7\",null,{\"href\":\"/course/177744342178812\",\"className\":\"block\",\"children\":[\"$\",\"article\",null,{\"className\":\"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\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-video overflow-hidden\",\"children\":[null,[\"$\",\"$L2d\",null,{\"src\":\"https://cdn.dealmango.com/wp-content/uploads/2019/08/Eduonix-Lifetime-Deal-on-DealMirror.jpg\",\"alt\":\"Become A Certified Web Developer From Scratch\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw\",\"className\":\"object-cover transition-transform duration-300 group-hover:scale-105\",\"loading\":\"lazy\",\"unoptimized\":true,\"fallbackClassName\":\"absolute inset-0\"}]]}],[\"$\",\"div\",null,{\"className\":\"p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 text-xs font-medium text-primary\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-tag h-3 w-3\"}],\"Web Development\"]}],\"$L3b\",\"$L3c\"]}]]}]}]]}],\"$L3d\",\"$L3e\"]}]]}]\n"])</script><script>self.__next_f.push([1,"32:[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-4xl px-4 pb-8 sm:px-6 lg:px-8\",\"children\":[\"$\",\"$L2c\",null,{}]}]\n"])</script><script>self.__next_f.push([1,"33:[\"$\",\"div\",null,{\"className\":\"border-t border-surface-dark dark:border-white/10\",\"children\":[\"$\",\"div\",null,{\"className\":\"pt-12\",\"children\":[\"$\",\"section\",null,{\"className\":\"mx-auto max-w-7xl px-4 pb-16 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-8 flex flex-col items-center gap-3 text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"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\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"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\",\"key\":\"1s2grr\"}],[\"path\",{\"d\":\"M20 2v4\",\"key\":\"1rf3ol\"}],[\"path\",{\"d\":\"M22 4h-4\",\"key\":\"gwowj6\"}],[\"circle\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\",\"key\":\"6kqj1y\"}]],\"className\":\"lucide-sparkles h-3.5 w-3.5\"}],\"From Sanatan Hindu\"]}],[\"$\",\"h2\",null,{\"className\":\"font-display text-2xl font-bold text-text dark:text-white sm:text-3xl\",\"children\":\"Explore Sanatan Hindu Wisdom\"}],[\"$\",\"p\",null,{\"className\":\"max-w-xl text-sm text-text-muted\",\"children\":[\"Discover articles on Hindu rituals, mantras, festivals, and spiritual practices from\",\" \",[\"$\",\"a\",null,{\"href\":\"https://sanatanhindu.co.in\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"font-medium text-orange-600 hover:underline dark:text-orange-400\",\"children\":\"sanatanhindu.co.in\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"a\",\"complete-guide-to-agni-the-fire-god\",{\"href\":\"https://sanatanhindu.co.in/post/complete-guide-to-agni-the-fire-god\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"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\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-auto w-28 shrink-0 overflow-hidden sm:w-32\",\"children\":[\"$\",\"$L2d\",null,{\"src\":\"https://upload.wikimedia.org/wikipedia/commons/a/ac/Agni_18th_century_miniature.jpg\",\"alt\":\"Complete Guide to Agni The Fire God — Significance, Worship, Mantras, and Festivals\",\"fill\":true,\"sizes\":\"128px\",\"className\":\"object-cover transition-transform duration-300 group-hover:scale-105\",\"loading\":\"lazy\",\"unoptimized\":true,\"fallbackClassName\":\"absolute inset-0\"}]}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-1 flex-col justify-center p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"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\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-tag h-2.5 w-2.5\"}],\"Poojas\"]}],[\"$\",\"h3\",null,{\"className\":\"line-clamp-2 text-sm font-semibold text-text group-hover:text-orange-600 dark:text-white dark:group-hover:text-orange-400\",\"children\":\"Complete Guide to Agni The Fire God — Significance, Worship, Mantras, and Festivals\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted\",\"children\":\"Discover the significance, worship, and mantras of Agni, the Fire God in Hinduism.\"}],[\"$\",\"div\",null,{\"className\":\"mt-2 flex items-center gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 text-xs text-text-muted\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-calendar h-3 w-3\"}],\"23 June, 2026\"]}],[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$30:props:children:2:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-external-link h-3 w-3 text-text-muted/40\"}]]}]]}]]}],[\"$\",\"a\",\"shraddha-ritual-for-ancestors\",{\"href\":\"https://sanatanhindu.co.in/post/shraddha-ritual-for-ancestors\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"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\",\"children\":[\"$L3f\",\"$L40\"]}],\"$L41\",\"$L42\",\"$L43\",\"$L44\"]}],\"$L45\"]}]}]}]\n"])</script><script>self.__next_f.push([1,"46:I[8150,[\"791\",\"static/chunks/791-c3602bc239cc79f9.js\",\"320\",\"static/chunks/320-536d333e40ea3d77.js\",\"964\",\"static/chunks/app/course/%5Bid%5D/page-c8afcb03f4cb0608.js\"],\"default\"]\n36:[\"$\",\"a\",null,{\"href\":\"https://t.me/joinchat/AAAAAFlL_8H87EQ1e8uZww\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"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\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$e:props:children:1:props:children:props:children:props:children:0:props:iconNode\",\"className\":\"lucide-send h-5 w-5\"}],\"Join us on Telegram\"]}]\n37:[\"$\",\"$L2c\",null,{}]\n"])</script><script>self.__next_f.push([1,"38:[\"$\",\"div\",null,{\"className\":\"mt-6 flex flex-wrap gap-3\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://t.me/joinchat/AAAAAFV-hiA6u6oBsJ-xyQ\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"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\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$e:props:children:1:props:children:props:children:props:children:0:props:iconNode\",\"className\":\"lucide-send h-4 w-4\"}],\"Udemy Courses Telegram\"]}],[\"$\",\"a\",null,{\"href\":\"https://www.youtube.com/@travellingdevs\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"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\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"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\",\"key\":\"10ikf1\"}]],\"className\":\"lucide-play h-4 w-4\"}],\"Subscribe on YouTube\"]}]]}]\n"])</script><script>self.__next_f.push([1,"39:[\"$\",\"$L46\",null,{\"path\":\"/course/133649\",\"title\":\"Basic HTML5 \u0026 CSS for beginners (Build One Project)\"}]\n3a:[\"$\",\"div\",null,{\"className\":\"mt-8\",\"children\":[\"$\",\"$L7\",null,{\"href\":\"/courses\",\"className\":\"text-sm font-medium text-primary hover:underline\",\"children\":\"← Back to all courses\"}]}]\n3b:[\"$\",\"h3\",null,{\"className\":\"mt-1 line-clamp-2 text-sm font-semibold text-text group-hover:text-primary dark:text-white dark:group-hover:text-primary\",\"children\":\"Become A Certified Web Developer From Scratch\"}]\n"])</script><script>self.__next_f.push([1,"3c:[\"$\",\"div\",null,{\"className\":\"mt-3 flex items-center justify-between\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 text-xs text-text-muted\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-calendar h-3 w-3\"}],\"29 April, 2026\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs text-text-muted line-through\",\"children\":\"$$89.00\"}],[\"$\",\"span\",null,{\"className\":\"rounded-full bg-free/10 px-2.5 py-0.5 text-xs font-bold text-free\",\"children\":\"FREE\"}]]}]]}]\n"])</script><script>self.__next_f.push([1,"3d:[\"$\",\"div\",\"177742902720443\",{\"className\":\"group relative\",\"children\":[[\"$\",\"$L35\",null,{\"course\":{\"id\":177742902720443,\"courseName\":\"Learn Top Ten Frameworks In PHP By Building Projects\",\"category\":\"Web Development\",\"imgUrl\":\"https://cdn.dealmango.com/wp-content/uploads/2019/08/Eduonix-Lifetime-Deal-on-DealMirror.jpg\",\"date\":\"2026-04-29T02:17:19.872Z\"}}],[\"$\",\"$L7\",null,{\"href\":\"/course/177742902720443\",\"className\":\"block\",\"children\":[\"$\",\"article\",null,{\"className\":\"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\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-video overflow-hidden\",\"children\":[null,[\"$\",\"$L2d\",null,{\"src\":\"https://cdn.dealmango.com/wp-content/uploads/2019/08/Eduonix-Lifetime-Deal-on-DealMirror.jpg\",\"alt\":\"Learn Top Ten Frameworks In PHP By Building Projects\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw\",\"className\":\"object-cover transition-transform duration-300 group-hover:scale-105\",\"loading\":\"lazy\",\"unoptimized\":true,\"fallbackClassName\":\"absolute inset-0\"}]]}],[\"$\",\"div\",null,{\"className\":\"p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 text-xs font-medium text-primary\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-tag h-3 w-3\"}],\"Web Development\"]}],[\"$\",\"h3\",null,{\"className\":\"mt-1 line-clamp-2 text-sm font-semibold text-text group-hover:text-primary dark:text-white dark:group-hover:text-primary\",\"children\":\"Learn Top Ten Frameworks In PHP By Building Projects\"}],[\"$\",\"div\",null,{\"className\":\"mt-3 flex items-center justify-between\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 text-xs text-text-muted\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-calendar h-3 w-3\"}],\"29 April, 2026\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs text-text-muted line-through\",\"children\":\"$$89.00\"}],[\"$\",\"span\",null,{\"className\":\"rounded-full bg-free/10 px-2.5 py-0.5 text-xs font-bold text-free\",\"children\":\"FREE\"}]]}]]}]]}]]}]}]]}]\n"])</script><script>self.__next_f.push([1,"3e:[\"$\",\"div\",\"177741462723751\",{\"className\":\"group relative\",\"children\":[[\"$\",\"$L35\",null,{\"course\":{\"id\":177741462723751,\"courseName\":\"JavaScript HTML CSS Project make a Quiz Tutorial\",\"category\":\"Web Development\",\"imgUrl\":\"https://cdn.dealmango.com/wp-content/uploads/2019/08/Eduonix-Lifetime-Deal-on-DealMirror.jpg\",\"date\":\"2026-04-28T22:17:13.760Z\"}}],[\"$\",\"$L7\",null,{\"href\":\"/course/177741462723751\",\"className\":\"block\",\"children\":[\"$\",\"article\",null,{\"className\":\"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\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-video overflow-hidden\",\"children\":[null,[\"$\",\"$L2d\",null,{\"src\":\"https://cdn.dealmango.com/wp-content/uploads/2019/08/Eduonix-Lifetime-Deal-on-DealMirror.jpg\",\"alt\":\"JavaScript HTML CSS Project make a Quiz Tutorial\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw\",\"className\":\"object-cover transition-transform duration-300 group-hover:scale-105\",\"loading\":\"lazy\",\"unoptimized\":true,\"fallbackClassName\":\"absolute inset-0\"}]]}],[\"$\",\"div\",null,{\"className\":\"p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 text-xs font-medium text-primary\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-tag h-3 w-3\"}],\"Web Development\"]}],[\"$\",\"h3\",null,{\"className\":\"mt-1 line-clamp-2 text-sm font-semibold text-text group-hover:text-primary dark:text-white dark:group-hover:text-primary\",\"children\":\"JavaScript HTML CSS Project make a Quiz Tutorial\"}],[\"$\",\"div\",null,{\"className\":\"mt-3 flex items-center justify-between\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 text-xs text-text-muted\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-calendar h-3 w-3\"}],\"28 April, 2026\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs text-text-muted line-through\",\"children\":\"$$89.00\"}],[\"$\",\"span\",null,{\"className\":\"rounded-full bg-free/10 px-2.5 py-0.5 text-xs font-bold text-free\",\"children\":\"FREE\"}]]}]]}]]}]]}]}]]}]\n"])</script><script>self.__next_f.push([1,"3f:[\"$\",\"div\",null,{\"className\":\"relative h-auto w-28 shrink-0 overflow-hidden sm:w-32\",\"children\":[\"$\",\"div\",null,{\"className\":\"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\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-3xl\",\"children\":\"🙏\"}]}]}]\n"])</script><script>self.__next_f.push([1,"40:[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-1 flex-col justify-center p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"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\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-tag h-2.5 w-2.5\"}],\"Poojas\"]}],[\"$\",\"h3\",null,{\"className\":\"line-clamp-2 text-sm font-semibold text-text group-hover:text-orange-600 dark:text-white dark:group-hover:text-orange-400\",\"children\":\"Shraddha: A Hindu Ritual for Ancestors\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted\",\"children\":\"Shraddha is a Hindu ritual for honoring ancestors\"}],[\"$\",\"div\",null,{\"className\":\"mt-2 flex items-center gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 text-xs text-text-muted\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-calendar h-3 w-3\"}],\"23 June, 2026\"]}],[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$30:props:children:2:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-external-link h-3 w-3 text-text-muted/40\"}]]}]]}]\n"])</script><script>self.__next_f.push([1,"41:[\"$\",\"a\",\"goddess-gauri-puja-vidhi-and-mantras\",{\"href\":\"https://sanatanhindu.co.in/post/goddess-gauri-puja-vidhi-and-mantras\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"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\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-auto w-28 shrink-0 overflow-hidden sm:w-32\",\"children\":[\"$\",\"div\",null,{\"className\":\"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\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-3xl\",\"children\":\"🙏\"}]}]}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-1 flex-col justify-center p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"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\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-tag h-2.5 w-2.5\"}],\"Poojas\"]}],[\"$\",\"h3\",null,{\"className\":\"line-clamp-2 text-sm font-semibold text-text group-hover:text-orange-600 dark:text-white dark:group-hover:text-orange-400\",\"children\":\"Understanding Goddess Gauri: Significance, Puja Vidhi, and Mantras\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted\",\"children\":\"Goddess Gauri, a form of Parvati, embodies purity and strength. Learn her significance, puja steps, and mantras.\"}],[\"$\",\"div\",null,{\"className\":\"mt-2 flex items-center gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 text-xs text-text-muted\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-calendar h-3 w-3\"}],\"22 June, 2026\"]}],[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$30:props:children:2:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-external-link h-3 w-3 text-text-muted/40\"}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"42:[\"$\",\"a\",\"hindu-marriage-customs\",{\"href\":\"https://sanatanhindu.co.in/post/hindu-marriage-customs\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"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\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-auto w-28 shrink-0 overflow-hidden sm:w-32\",\"children\":[\"$\",\"div\",null,{\"className\":\"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\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-3xl\",\"children\":\"🙏\"}]}]}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-1 flex-col justify-center p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"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\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-tag h-2.5 w-2.5\"}],\"Poojas\"]}],[\"$\",\"h3\",null,{\"className\":\"line-clamp-2 text-sm font-semibold text-text group-hover:text-orange-600 dark:text-white dark:group-hover:text-orange-400\",\"children\":\"Hindu Marriage Customs: A Comprehensive Guide\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted\",\"children\":\"Explore the significance, rituals, and traditions of Hindu marriage customs.\"}],[\"$\",\"div\",null,{\"className\":\"mt-2 flex items-center gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 text-xs text-text-muted\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-calendar h-3 w-3\"}],\"22 June, 2026\"]}],[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$30:props:children:2:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-external-link h-3 w-3 text-text-muted/40\"}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"43:[\"$\",\"a\",\"ardh-kumbh-mela-half-kumbh-significance-and-rituals\",{\"href\":\"https://sanatanhindu.co.in/post/ardh-kumbh-mela-half-kumbh-significance-and-rituals\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"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\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-auto w-28 shrink-0 overflow-hidden sm:w-32\",\"children\":[\"$\",\"$L2d\",null,{\"src\":\"https://sanatanhindu.co.in/api/images/6a39801bcc2fcbdb8ed27b0c\",\"alt\":\"Ardh Kumbh Mela — Half Kumbh Significance and Rituals\",\"fill\":true,\"sizes\":\"128px\",\"className\":\"object-cover transition-transform duration-300 group-hover:scale-105\",\"loading\":\"lazy\",\"unoptimized\":true,\"fallbackClassName\":\"absolute inset-0\"}]}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-1 flex-col justify-center p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"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\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-tag h-2.5 w-2.5\"}],\"Festivals\"]}],[\"$\",\"h3\",null,{\"className\":\"line-clamp-2 text-sm font-semibold text-text group-hover:text-orange-600 dark:text-white dark:group-hover:text-orange-400\",\"children\":\"Ardh Kumbh Mela — Half Kumbh Significance and Rituals\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted\",\"children\":\"Discover the spiritual significance and rituals of Ardh Kumbh Mela, a sacred Hindu festival.\"}],[\"$\",\"div\",null,{\"className\":\"mt-2 flex items-center gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 text-xs text-text-muted\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-calendar h-3 w-3\"}],\"22 June, 2026\"]}],[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$30:props:children:2:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-external-link h-3 w-3 text-text-muted/40\"}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"44:[\"$\",\"a\",\"daily-panchang-2026-06-23\",{\"href\":\"https://sanatanhindu.co.in/post/daily-panchang-2026-06-23\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"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\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-auto w-28 shrink-0 overflow-hidden sm:w-32\",\"children\":[\"$\",\"div\",null,{\"className\":\"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\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-3xl\",\"children\":\"🙏\"}]}]}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-1 flex-col justify-center p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"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\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-tag h-2.5 w-2.5\"}],\"Daily Panchang\"]}],[\"$\",\"h3\",null,{\"className\":\"line-clamp-2 text-sm font-semibold text-text group-hover:text-orange-600 dark:text-white dark:group-hover:text-orange-400\",\"children\":\"Daily Panchang — Tuesday, 23 June 2026\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 line-clamp-2 text-xs leading-relaxed text-text-muted\",\"children\":\"Hindu Panchang for Tuesday, 23 June 2026 — Navami, Hasta, Ashadha, VS 2083. Includes Rahu Kaal, Choghadiya, and Abhijit Muhurat timings.\"}],[\"$\",\"div\",null,{\"className\":\"mt-2 flex items-center gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 text-xs text-text-muted\",\"children\":[[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:4:props:children:props:children:0:props:children:props:children:1:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-calendar h-3 w-3\"}],\"22 June, 2026\"]}],[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$30:props:children:2:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-external-link h-3 w-3 text-text-muted/40\"}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"45:[\"$\",\"div\",null,{\"className\":\"mt-8 text-center\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://sanatanhindu.co.in\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"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\",\"children\":[\"Visit Sanatan Hindu\",[\"$\",\"$L8\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$30:props:children:2:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-external-link h-4 w-4\"}]]}]}]\n"])</script></body></html>}}