{"id":84,"date":"2026-06-03T06:31:56","date_gmt":"2026-06-03T06:31:56","guid":{"rendered":"https:\/\/www.codingninjas.com\/blog\/?page_id=84"},"modified":"2026-06-09T07:28:21","modified_gmt":"2026-06-09T07:28:21","slug":"coding-ninjas-blog","status":"publish","type":"page","link":"https:\/\/www.codingninjas.com\/blog\/","title":{"rendered":"Coding Ninjas Blog"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"84\" class=\"elementor elementor-84\">\n\t\t\t\t<div class=\"elementor-element elementor-element-806e25a e-flex e-con-boxed e-con e-parent\" data-id=\"806e25a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e951b4 elementor-widget elementor-widget-html\" data-id=\"9e951b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Coding Ninjas Blog<\/title>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=block\" rel=\"stylesheet\">\r\n  \r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       JSON-LD STRUCTURED DATA \u2014 CollectionPage + WebSite + Organization\r\n       Complements Yoast's \"Collection Page\" schema setting.\r\n       Yoast outputs its own JSON-LD automatically; this block adds\r\n       richer signals Yoast doesn't emit by default (sitelinks search,\r\n       publisher identity, breadcrumb, itemList preview).\r\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <script type=\"application\/ld+json\">\r\n  [\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"CollectionPage\",\r\n      \"@id\": \"https:\/\/www.codingninjas.com\/blog\/#collectionpage\",\r\n      \"name\": \"Coding Ninjas Blog\",\r\n      \"description\": \"Explore articles on FAQs, program details, learner stories, placement diaries, career insights and top coding resources from Coding Ninjas.\",\r\n      \"url\": \"https:\/\/www.codingninjas.com\/blog\/\",\r\n      \"inLanguage\": \"en-IN\",\r\n      \"isPartOf\": {\r\n        \"@type\": \"WebSite\",\r\n        \"@id\": \"https:\/\/www.codingninjas.com\/#website\",\r\n        \"name\": \"Coding Ninjas\",\r\n        \"url\": \"https:\/\/www.codingninjas.com\/\",\r\n        \"publisher\": {\r\n          \"@type\": \"Organization\",\r\n          \"@id\": \"https:\/\/www.codingninjas.com\/#organization\"\r\n        }\r\n      },\r\n      \"breadcrumb\": {\r\n        \"@type\": \"BreadcrumbList\",\r\n        \"itemListElement\": [\r\n          {\r\n            \"@type\": \"ListItem\",\r\n            \"position\": 1,\r\n            \"name\": \"Home\",\r\n            \"item\": \"https:\/\/www.codingninjas.com\/\"\r\n          },\r\n          {\r\n            \"@type\": \"ListItem\",\r\n            \"position\": 2,\r\n            \"name\": \"Blog\",\r\n            \"item\": \"https:\/\/www.codingninjas.com\/blog\/\"\r\n          }\r\n        ]\r\n      },\r\n      \"mainEntity\": {\r\n        \"@type\": \"ItemList\",\r\n        \"name\": \"Latest Articles\",\r\n        \"itemListElement\": [\r\n          {\r\n            \"@type\": \"ListItem\",\r\n            \"position\": 1,\r\n            \"url\": \"https:\/\/www.codingninjas.com\/blog\/coding-ninjas-reviews\/\",\r\n            \"name\": \"Coding Ninjas Reviews: Honest Answers to Common Questions\"\r\n          }\r\n        ]\r\n      }\r\n    },\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"Organization\",\r\n      \"@id\": \"https:\/\/www.codingninjas.com\/#organization\",\r\n      \"name\": \"Coding Ninjas\",\r\n      \"legalName\": \"Sunrise Mentors Pvt. Ltd.\",\r\n      \"url\": \"https:\/\/www.codingninjas.com\/\",\r\n      \"logo\": {\r\n        \"@type\": \"ImageObject\",\r\n        \"url\": \"https:\/\/files.codingninjas.com\/new-cn-logos-31142.svg\",\r\n        \"contentUrl\": \"https:\/\/files.codingninjas.com\/new-cn-logos-31142.svg\"\r\n      },\r\n      \"contactPoint\": [\r\n        {\r\n          \"@type\": \"ContactPoint\",\r\n          \"telephone\": \"+91-1800-123-3598\",\r\n          \"contactType\": \"customer service\",\r\n          \"areaServed\": \"IN\",\r\n          \"availableLanguage\": [\"English\", \"Hindi\"]\r\n        }\r\n      ],\r\n      \"email\": \"contact@codingninjas.com\",\r\n      \"sameAs\": [\r\n        \"https:\/\/www.instagram.com\/coding.ninjas\/\",\r\n        \"https:\/\/www.facebook.com\/codingninjas\",\r\n        \"https:\/\/www.linkedin.com\/company\/coding-ninjas-india\/\",\r\n        \"https:\/\/twitter.com\/CodingNinjasOff\",\r\n        \"https:\/\/www.youtube.com\/c\/CodingNinjasIndia\"\r\n      ]\r\n    },\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"WebSite\",\r\n      \"@id\": \"https:\/\/www.codingninjas.com\/#website\",\r\n      \"name\": \"Coding Ninjas\",\r\n      \"url\": \"https:\/\/www.codingninjas.com\/\",\r\n      \"potentialAction\": {\r\n        \"@type\": \"SearchAction\",\r\n        \"target\": {\r\n          \"@type\": \"EntryPoint\",\r\n          \"urlTemplate\": \"https:\/\/www.codingninjas.com\/blog\/?s={search_term_string}\"\r\n        },\r\n        \"query-input\": \"required name=search_term_string\"\r\n      },\r\n      \"publisher\": {\r\n        \"@id\": \"https:\/\/www.codingninjas.com\/#organization\"\r\n      }\r\n    }\r\n  ]\r\n  <\/script>\r\n  \r\n<\/head>\r\n<body>\r\n<div class=\"cn-wrapper\">\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=block');\r\n\r\n  html, body {\r\n    overflow-x: hidden !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .cn-wrapper {\r\n    width: 100%;\r\n    display: block;\r\n    box-sizing: border-box;\r\n    font-family: 'Inter', 'Segoe UI', 'Roboto', sans-serif;\r\n    margin-top: 0 !important;\r\n    padding-top: 0 !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 Kill WordPress theme white-space above our custom header \u2500\u2500 *\/\r\n  .site-main, .entry-content, .wp-block-post-content,\r\n  .page-content, main, article, #content, #primary,\r\n  #main, .site-content, .elementor-section-wrap,\r\n  .elementor-widget-container {\r\n    margin-top: 0 !important;\r\n    padding-top: 0 !important;\r\n  }\r\n\r\n  .site-header, header.site-header, #masthead,\r\n  #site-header, .header-area, .main-header, #header {\r\n    display: none !important;\r\n  }\r\n\r\n  .cn-wrapper > p:first-child,\r\n  .entry-content > p:first-child {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    line-height: 0 !important;\r\n    font-size: 0 !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 HEADER \u2014 full-width breakout, logo pinned to left \u2500\u2500 *\/\r\n  .cn-header-bar {\r\n    position: relative;\r\n    width: 100vw;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    height: 90px;\r\n    display: flex;\r\n    align-items: center;\r\n    padding-left: 24px;\r\n    padding-right: 24px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .cn-header-bar p {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    line-height: 0 !important;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .cn-header-bar::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -9999px;\r\n    right: -9999px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, #161e2c 0%, #0d121a 100%);\r\n    z-index: 1;\r\n  }\r\n\r\n  .cn-header-logo {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 190px !important;\r\n    height: auto !important;\r\n    display: block;\r\n    margin: 0 !important;\r\n    margin-right: auto !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 HERO SECTION \u2014 full-width breakout \u2500\u2500 *\/\r\n  .cn-archive-hero {\r\n    position: relative;\r\n    width: 100vw;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    padding: 80px 20px 90px;\r\n    text-align: center;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .cn-archive-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -9999px;\r\n    right: -9999px;\r\n    height: 100%;\r\n    background: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #0f172a 100%);\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cn-archive-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -80px;\r\n    right: 5%;\r\n    width: 400px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, rgba(246,108,59,0.22) 0%, transparent 70%);\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n  .cn-hero-glow {\r\n    position: absolute;\r\n    bottom: -60px;\r\n    left: 5%;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(246,108,59,0.12) 0%, transparent 70%);\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n  .cn-archive-hero h1,\r\n  .cn-archive-hero p,\r\n  .cn-search-wrap {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .cn-archive-hero h1 {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 48px;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    margin: 0 0 16px;\r\n    line-height: 1.15;\r\n    position: relative;\r\n    z-index: 2;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .cn-archive-hero h1 span {\r\n    color: #f66c3b;\r\n  }\r\n\r\n  .cn-archive-hero p {\r\n    font-size: 18px;\r\n    color: #94a3b8;\r\n    max-width: 560px;\r\n    margin: 0 auto 36px;\r\n    line-height: 1.6;\r\n    position: relative;\r\n    z-index: 2;\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* Search bar *\/\r\n  .cn-search-wrap {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 520px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .cn-search-wrap input {\r\n    width: 100%;\r\n    padding: 16px 56px 16px 22px;\r\n    border-radius: 50px;\r\n    border: 2px solid rgba(255,255,255,0.12);\r\n    background: rgba(255,255,255,0.07);\r\n    color: #ffffff;\r\n    font-size: 15px;\r\n    font-family: 'Inter', sans-serif;\r\n    outline: none;\r\n    box-sizing: border-box;\r\n    transition: border-color 0.2s, background 0.2s;\r\n  }\r\n\r\n  .cn-search-wrap input::placeholder { color: #64748b; }\r\n\r\n  .cn-search-wrap input:focus {\r\n    border-color: #f66c3b;\r\n    background: rgba(255,255,255,0.10);\r\n  }\r\n\r\n  .cn-search-wrap svg {\r\n    position: absolute;\r\n    right: 20px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: #64748b;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2500\u2500 CATEGORY FILTER BAR \u2014 full-width breakout \u2500\u2500 *\/\r\n  .cn-filter-bar {\r\n    position: relative;\r\n    width: 100vw;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    box-sizing: border-box;\r\n    \/* Bar is just the visual background \u2014 never scrolls itself *\/\r\n    overflow: hidden;\r\n  }\r\n\r\n  .cn-filter-bar::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -9999px;\r\n    right: -9999px;\r\n    height: 100%;\r\n    background: #f8fafc;\r\n    border-bottom: 1px solid #e2e8f0;\r\n    z-index: 0;\r\n  }\r\n\r\n  .cn-filter-inner {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    gap: 4px;\r\n    padding: 14px 20px;\r\n    \/* Scroll lives here \u2014 stops exactly at the last button *\/\r\n    overflow-x: hidden;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  .cn-filter-btn {\r\n    display: inline-block;\r\n    padding: 8px 18px;\r\n    border-radius: 50px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    border: 1.5px solid transparent;\r\n    background: transparent;\r\n    color: #475569;\r\n    font-family: 'Inter', sans-serif;\r\n    transition: all 0.18s ease;\r\n    white-space: nowrap;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .cn-filter-btn:hover {\r\n    border-color: #f66c3b;\r\n    color: #f66c3b;\r\n    background: rgba(246,108,59,0.06);\r\n  }\r\n\r\n  .cn-filter-btn.active {\r\n    background: #f66c3b;\r\n    color: #ffffff;\r\n    border-color: #f66c3b;\r\n  }\r\n\r\n  \/* \u2500\u2500 ARCHIVE GRID \u2500\u2500 *\/\r\n  .cn-archive-section {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px 80px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .cn-archive-header {\r\n    display: flex;\r\n    align-items: baseline;\r\n    justify-content: space-between;\r\n    margin-bottom: 36px;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n  }\r\n\r\n  .cn-archive-header h2 {\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0;\r\n  }\r\n\r\n  .cn-archive-count {\r\n    font-size: 13px;\r\n    color: #94a3b8;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .cn-blog-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 28px;\r\n  }\r\n\r\n  \/* FEATURED CARD *\/\r\n  .cn-blog-card.featured {\r\n    grid-column: 1 \/ -1;\r\n    display: flex;\r\n    gap: 0;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    border: 1px solid #e2e8f0;\r\n    background: #ffffff;\r\n    box-shadow: 0 4px 20px rgba(0,0,0,0.06);\r\n    transition: box-shadow 0.25s ease, transform 0.25s ease;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .cn-blog-card.featured:hover {\r\n    box-shadow: 0 12px 40px rgba(0,0,0,0.12);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .cn-blog-card.featured .card-img {\r\n    width: 45%;\r\n    min-height: 280px;\r\n    flex-shrink: 0;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .cn-blog-card.featured .card-body {\r\n    padding: 40px 42px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  .cn-blog-card.featured .card-body h3 {\r\n    font-size: 26px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* REGULAR CARDS *\/\r\n  .cn-blog-card {\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    border: 1px solid #e2e8f0;\r\n    background: #ffffff;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n    display: flex;\r\n    flex-direction: column;\r\n    transition: box-shadow 0.25s ease, transform 0.25s ease;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .cn-blog-card:hover {\r\n    box-shadow: 0 10px 32px rgba(0,0,0,0.10);\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  .card-img-wrap {\r\n    width: 100%;\r\n    aspect-ratio: 16\/9;\r\n    overflow: hidden;\r\n    background: #f1f5f9;\r\n    position: relative;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .card-img-wrap img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.35s ease;\r\n  }\r\n\r\n  .cn-blog-card:hover .card-img-wrap img {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .card-img-placeholder {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .card-body {\r\n    padding: 24px 26px 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex: 1;\r\n  }\r\n\r\n  .card-tag {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.8px;\r\n    text-transform: uppercase;\r\n    color: #f66c3b;\r\n    margin-bottom: 12px;\r\n    background: rgba(246,108,59,0.09);\r\n    padding: 4px 10px;\r\n    border-radius: 50px;\r\n    align-self: flex-start;\r\n  }\r\n\r\n  .card-body h3 {\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    line-height: 1.45;\r\n    margin: 0 0 12px;\r\n    flex: 1;\r\n  }\r\n\r\n  .card-excerpt {\r\n    font-size: 14px;\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n    margin: 0 0 20px;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .card-meta {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    font-size: 12px;\r\n    color: #94a3b8;\r\n    font-weight: 500;\r\n    border-top: 1px solid #f1f5f9;\r\n    padding-top: 16px;\r\n    margin-top: auto;\r\n  }\r\n\r\n  .card-meta-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .card-author-dot {\r\n    width: 28px;\r\n    height: 28px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #f66c3b, #0f172a);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n  }\r\n\r\n  .card-read-time {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    font-size: 12px;\r\n    color: #94a3b8;\r\n  }\r\n\r\n  .card-read-time svg {\r\n    width: 13px;\r\n    height: 13px;\r\n    fill: #cbd5e1;\r\n  }\r\n\r\n  .card-readmore {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #f66c3b;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n    margin-top: 14px;\r\n    text-decoration: none;\r\n    transition: gap 0.15s ease;\r\n  }\r\n\r\n  .card-readmore:hover { gap: 8px; }\r\n\r\n  \/* \u2500\u2500 NO RESULTS \u2500\u2500 *\/\r\n  .cn-no-results {\r\n    grid-column: 1 \/ -1;\r\n    text-align: center;\r\n    padding: 80px 20px;\r\n    color: #94a3b8;\r\n  }\r\n\r\n  .cn-no-results svg {\r\n    width: 56px;\r\n    height: 56px;\r\n    fill: #e2e8f0;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .cn-no-results p { font-size: 16px; margin: 0; }\r\n\r\n  \/* \u2500\u2500 LOAD MORE \u2500\u2500 *\/\r\n  .cn-loadmore-wrap {\r\n    text-align: center;\r\n    margin-top: 52px;\r\n  }\r\n\r\n  .cn-loadmore-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 14px 36px;\r\n    border-radius: 50px;\r\n    background: #0f172a;\r\n    color: #ffffff;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    font-family: 'Inter', sans-serif;\r\n    border: 2px solid #0f172a;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .cn-loadmore-btn:hover {\r\n    background: #f66c3b;\r\n    border-color: #f66c3b;\r\n  }\r\n\r\n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n  .cn-full-width-footer {\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    background: linear-gradient(180deg, #161e2c 0%, #0d121a 100%);\r\n    color: #ffffff;\r\n    padding: 60px 20px 0 20px;\r\n    box-sizing: border-box;\r\n    margin-top: 0;\r\n    box-shadow: 0 500px 0 0 #0d121a;\r\n  }\r\n\r\n  .cn-footer-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    gap: 30px;\r\n  }\r\n\r\n  .cn-footer-col { flex: 1; min-width: 160px; }\r\n\r\n  .cn-footer-col h4 {\r\n    font-family: 'Georgia', 'Times New Roman', serif !important;\r\n    font-size: 1.25rem !important;\r\n    margin-top: 0 !important;\r\n    margin-bottom: 25px !important;\r\n    font-weight: 700 !important;\r\n    color: #ffffff !important;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .cn-footer-col ul {\r\n    list-style: none !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n  }\r\n\r\n  .cn-footer-col li {\r\n    margin-bottom: 16px !important;\r\n    font-size: 0.85rem !important;\r\n    font-weight: 600 !important;\r\n    padding-left: 0 !important;\r\n    color: #e2e8f0 !important;\r\n  }\r\n\r\n  .cn-footer-col a {\r\n    color: #e2e8f0 !important;\r\n    text-decoration: none !important;\r\n    font-weight: 600 !important;\r\n  }\r\n\r\n  .cn-footer-col a:hover {\r\n    text-decoration: underline !important;\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  .cn-footer-contact-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 18px;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    color: #e2e8f0;\r\n  }\r\n\r\n  .cn-footer-contact-icon { width: 18px; height: 18px; fill: #ffffff; }\r\n\r\n  .cn-footer-divider {\r\n    border: 0;\r\n    border-top: 1px solid rgba(255,255,255,0.2);\r\n    margin: 25px 0;\r\n  }\r\n\r\n  .cn-social-grid { display: flex; flex-wrap: wrap; gap: 15px 25px; }\r\n\r\n  .cn-social-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    color: #e2e8f0;\r\n    transition: color 0.2s ease;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .cn-social-item:hover { color: #ffffff; }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n  @media (max-width: 1024px) {\r\n    .cn-blog-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .cn-blog-card.featured { flex-direction: column; }\r\n    .cn-blog-card.featured .card-img { width: 100%; min-height: 220px; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    \/* On mobile, scroll is on the inner container \u2014 stops at last button *\/\r\n    .cn-filter-inner {\r\n      overflow-x: auto;\r\n    }\r\n    .cn-filter-inner::-webkit-scrollbar {\r\n      height: 3px;\r\n    }\r\n    .cn-filter-inner::-webkit-scrollbar-track {\r\n      background: #f1f5f9;\r\n    }\r\n    .cn-filter-inner::-webkit-scrollbar-thumb {\r\n      background: #cbd5e1;\r\n      border-radius: 10px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .cn-blog-grid { grid-template-columns: 1fr; }\r\n    .cn-archive-hero h1 { font-size: 30px; }\r\n    .cn-archive-hero p { font-size: 15px; }\r\n    .cn-footer-inner { flex-direction: column; }\r\n    .cn-header-logo { max-width: 150px !important; }\r\n    .cn-blog-card.featured { grid-column: auto; }\r\n    .cn-archive-section { padding: 40px 16px 60px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- HEADER -->\r\n<div class=\"cn-header-bar\">\r\n  <img decoding=\"async\" src=\"https:\/\/files.codingninjas.com\/new-cn-logos-31142.svg\" alt=\"Coding Ninjas Logo\" class=\"cn-header-logo\">\r\n<\/div>\r\n\r\n<!-- HERO -->\r\n<div class=\"cn-archive-hero\">\r\n  <span class=\"cn-hero-glow\"><\/span>\r\n  <h1><span>Coding Ninjas<\/span> Blog<\/h1>\r\n  <div class=\"cn-search-wrap\">\r\n    <input type=\"text\" id=\"cn-search-input\" placeholder=\"Search articles\u2026\" autocomplete=\"off\">\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- CATEGORY FILTER BAR -->\r\n<div class=\"cn-filter-bar\">\r\n  <div class=\"cn-filter-inner\" id=\"cn-filter-inner\">\r\n    <button class=\"cn-filter-btn active\" data-cat=\"all\">All Posts<\/button>\r\n    <button class=\"cn-filter-btn\" data-cat=\"faq-s\">FAQs<\/button>\r\n    <button class=\"cn-filter-btn\" data-cat=\"program-details\">Program Details<\/button>\r\n    <button class=\"cn-filter-btn\" data-cat=\"learner-stories\">Learner Stories<\/button>\r\n    <button class=\"cn-filter-btn\" data-cat=\"placement-diaries\">Placement Diaries<\/button>\r\n    <button class=\"cn-filter-btn\" data-cat=\"career-insights\">Career Insights<\/button>\r\n    <button class=\"cn-filter-btn\" data-cat=\"best-series\">Best\/Top series<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- BLOG ARCHIVE GRID -->\r\n<div class=\"cn-archive-section\">\r\n  <div class=\"cn-archive-header\">\r\n    <h2>Latest Articles<\/h2>\r\n    <span class=\"cn-archive-count\" id=\"cn-post-count\"><\/span>\r\n  <\/div>\r\n  <div class=\"cn-blog-grid\" id=\"cn-blog-grid\"><\/div>\r\n  <div class=\"cn-loadmore-wrap\" id=\"cn-loadmore-wrap\" style=\"display:none;\">\r\n    <button class=\"cn-loadmore-btn\" id=\"cn-loadmore-btn\">\r\n      Load More Articles\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n    <\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- FOOTER -->\r\n<div class=\"cn-full-width-footer\">\r\n  <div class=\"cn-footer-inner\">\r\n\r\n    <div class=\"cn-footer-col\">\r\n      <h4><img decoding=\"async\" src=\"https:\/\/files.codingninjas.com\/new-cn-logos-31142.svg\" alt=\"Coding Ninjas Logo\" class=\"cn-header-logo\"><\/h4>\r\n      <ul>\r\n        <li><a href=\"https:\/\/codingninjas.keka.com\/careers\">Careers<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.codingninjas.com\/policy\/privacy.pdf\">Privacy policy<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.codingninjas.com\/policy\/tnc.pdf\">Terms &amp; Conditions<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.codingninjas.com\/policy\/pricing-and-refund.pdf\">Pricing &amp; refund policy<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.codingninjas.com\/bug-bounty\">Bug bounty<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.codingninjas.com\/review\">Review<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.codingninjas.com\/press-release\">Press release<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <div class=\"cn-footer-col\">\r\n      <h4>Products<\/h4>\r\n      <ul>\r\n        <li><a href=\"https:\/\/www.codingninjas.com\/programs\/job-bootcamp-data-analytics\">Job Bootcamp<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.naukri.com\/code360\/\">Code 360<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <div class=\"cn-footer-col\">\r\n      <h4>Community<\/h4>\r\n      <ul>\r\n        <li><a href=\"https:\/\/www.codingninjas.com\/landing\/10x-club\/\">10X Club<\/a><\/li>\r\n        <li><a href=\"https:\/\/www.codingninjas.com\/landing\/10x-club-student-chapters\/\">Student Chapters<\/a><\/li>\r\n        <li><a href=\"https:\/\/placements.codingninjas.com\/\">Hire from us<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <div class=\"cn-footer-col\" style=\"flex:1.5;min-width:280px;\">\r\n      <h4>Contact us<\/h4>\r\n      <div class=\"cn-footer-contact-item\">\r\n        <svg class=\"cn-footer-contact-icon\" viewBox=\"0 0 24 24\"><path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z\"\/><\/svg>\r\n        <a href=\"tel:+18001233598\">1800 123 3598<\/a>\r\n      <\/div>\r\n      <div class=\"cn-footer-contact-item\">\r\n        <svg class=\"cn-footer-contact-icon\" viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n        <a href=\"mailto:contact@codingninjas.com\">contact@codingninjas.com<\/a>\r\n      <\/div>\r\n      <hr class=\"cn-footer-divider\">\r\n      <br>\r\n      <div class=\"cn-social-grid\">\r\n        <a class=\"cn-social-item\" href=\"https:\/\/www.instagram.com\/coding.ninjas\/\">\r\n          <svg class=\"cn-footer-contact-icon\" viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 01-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 017.8 2m-.2 2A3.6 3.6 0 004 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 003.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 011.25 1.25A1.25 1.25 0 0117.25 8 1.25 1.25 0 0116 6.75a1.25 1.25 0 011.25-1.25M12 7a5 5 0 015 5 5 5 0 01-5 5 5 5 0 01-5-5 5 5 0 015-5m0 2a3 3 0 00-3 3 3 3 0 003 3 3 3 0 003-3 3 3 0 00-3-3z\"\/><\/svg>\r\n          Instagram\r\n        <\/a>\r\n        <a class=\"cn-social-item\" href=\"https:\/\/www.facebook.com\/codingninjas\">\r\n          <svg class=\"cn-footer-contact-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0022 12.06C22 6.53 17.5 2.04 12 2.04Z\"\/><\/svg>\r\n          Facebook\r\n        <\/a>\r\n        <a class=\"cn-social-item\" href=\"https:\/\/www.linkedin.com\/company\/coding-ninjas-india\/\">\r\n          <svg class=\"cn-footer-contact-icon\" viewBox=\"0 0 24 24\"><path d=\"M19 3a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h14m-.5 15.5v-5.3a3.26 3.26 0 00-3.26-3.26c-1.85 0-2.67.99-3.13 1.68v-1.42h-2.92v8.3h2.92v-4.52c0-.36.07-.72.18-.98.3-.72.97-1.47 2.1-1.47 1.48 0 2.07 1.13 2.07 2.79v4.18h2.92M6.88 8.56a1.68 1.68 0 001.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 00-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.3H5.5v8.3h2.77z\"\/><\/svg>\r\n          Linkedin\r\n        <\/a>\r\n        <a class=\"cn-social-item\" href=\"https:\/\/twitter.com\/CodingNinjasOff\">\r\n          <svg class=\"cn-footer-contact-icon\" viewBox=\"0 0 24 24\"><path d=\"M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.05c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 01-1.93.07 4.28 4.28 0 004 2.98 8.521 8.521 0 01-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z\"\/><\/svg>\r\n          X (Twitter)\r\n        <\/a>\r\n        <a class=\"cn-social-item\" href=\"https:\/\/www.youtube.com\/c\/CodingNinjasIndia\">\r\n          <svg class=\"cn-footer-contact-icon\" viewBox=\"0 0 24 24\"><path d=\"M21.58 7.19c-.23-.86-.91-1.54-1.77-1.77C18.25 5 12 5 12 5s-6.25 0-7.81.42c-.86.23-1.54.91-1.77 1.77C2 8.75 2 12 2 12s0 3.25.42 4.81c.23.86.91 1.54 1.77 1.77C5.75 19 12 19 12 19s6.25 0 7.81-.42c.86-.23 1.54-.91 1.77-1.77C22 15.25 22 12 22 12s0-3.25-.42-4.81zM10 15V9l5.2 3-5.2 3z\"\/><\/svg>\r\n          Youtube\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div style=\"width:100%;max-width:1200px;margin:40px auto 0;border-top:1px solid rgba(255,255,255,0.1);padding:30px 20px;display:flex;align-items:center;justify-content:center;\">\r\n      <p style=\"font-size:13px!important;color:#94a3b8!important;margin:0!important;font-weight:500!important;letter-spacing:0.5px;text-align:center;\">\r\n        Copyright \u00a9 Sunrise Mentors Pvt. Ltd.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ =============================================================\r\n\/\/  \u2605 BLOG POST DATA \u2014 add new posts here\r\n\/\/ =============================================================\r\nconst CN_POSTS = [\r\n  {\r\n    id: 1,\r\n    title: \"Coding Ninjas Reviews: Honest Answers to Common Questions\",\r\n    excerpt: \"Navigating the world of online bootcamps can be overwhelming. Get honest answers about Coding Ninjas ROI, the job guarantee myth, placement support, and course fees.\",\r\n    category: \"faq-s\",\r\n    categoryLabel: \"FAQs\",\r\n    author: \"Team Coding Ninjas\",\r\n    date: \"June 2026\",\r\n    readTime: \"5 min read\",\r\n    url: \"https:\/\/www.codingninjas.com\/blog\/coding-ninjas-reviews\/\",\r\n    gradient: \"linear-gradient(135deg, #1e293b 0%, #0f172a 100%)\",\r\n    featured: true\r\n  },\r\n  \r\n  {\r\n    id: 2,\r\n    title: \"Coding Ninjas Reviews & Fees: Is It the Best Value for Money in 2026?\",\r\n    excerpt: \"Is Coding Ninjas worth the fees? Yes. Read our 2026 review on course ROI, 93.5% placement rates, MAANG mentorship and why it beats free resources.\",\r\n    category: \"faq-s\",\r\n    categoryLabel: \"FAQs\",\r\n    author: \"Team Coding Ninjas\",\r\n    date: \"June 2026\",\r\n    readTime: \"8 min read\",\r\n    url: \"https:\/\/www.codingninjas.com\/blog\/coding-ninjas-reviews-fees-2026\",\r\n    gradient: \"linear-gradient(135deg, #1e293b 0%, #0f172a 100%)\",\r\n    featured: true\r\n  },\r\n  \r\n  {\r\n    id: 3,\r\n    title: \"Coding Ninjas Fees: What Are You Really Paying For?\",\r\n    excerpt: \"Why do Coding Ninjas fees reflect a clear 'Time-to-Value' investment? Breakdown of course pricing structure, 24\/7 Ninja AI doubt support speed and flexible financing.\",\r\n    category: \"faq-s\",\r\n    categoryLabel: \"FAQs\",\r\n    author: \"Team Coding Ninjas\",\r\n    date: \"June 2026\",\r\n    readTime: \"8 min read\",\r\n    url: \"https:\/\/www.codingninjas.com\/blog\/coding-ninjas-fees-course-roi\/\",\r\n    gradient: \"linear-gradient(135deg, #1e293b 0%, #0f172a 100%)\",\r\n    featured: true\r\n  },\r\n  \r\n  {\r\n    id: 4,\r\n    title: \"Coding Ninjas Reviews, Simplified: What Your Fees Cover & How to Make It Worth\",\r\n    excerpt: \"Is Coding Ninjas really worth the money? Get a transparent breakdown of course fees, 7-day refund windows, and proven strategies to maximize your career ROI.\",\r\n    category: \"faq-s\",\r\n    categoryLabel: \"FAQs\",\r\n    author: \"Team Coding Ninjas\",\r\n    date: \"June 2026\",\r\n    readTime: \"6 min read\",\r\n    url: \"https:\/\/www.codingninjas.com\/blog\/coding-ninjas-fees-reviews-worth-it\/\",\r\n    gradient: \"linear-gradient(135deg, #f66c3b 0%, #e0562b 100%)\",\r\n    featured: true\r\n  }\r\n  \r\n  \/\/ ADD YOUR NEXT BLOG POST BELOW (copy the block above):\r\n\r\n];\r\n\r\n\/\/ =============================================================\r\n\/\/  RENDERING ENGINE\r\n\/\/ =============================================================\r\nconst POSTS_PER_PAGE = 6;\r\nlet currentFilter = \"all\";\r\nlet currentSearch = \"\";\r\nlet visibleCount  = POSTS_PER_PAGE;\r\n\r\nfunction getInitials(name) {\r\n  return name.split(\" \").slice(0, 2).map(w => w[0]).join(\"\").toUpperCase();\r\n}\r\n\r\nfunction getFilteredPosts() {\r\n  return CN_POSTS.filter(p => {\r\n    const matchCat    = currentFilter === \"all\" || p.category === currentFilter;\r\n    const matchSearch = !currentSearch ||\r\n      p.title.toLowerCase().includes(currentSearch) ||\r\n      p.excerpt.toLowerCase().includes(currentSearch) ||\r\n      p.categoryLabel.toLowerCase().includes(currentSearch);\r\n    return matchCat && matchSearch;\r\n  });\r\n}\r\n\r\nfunction buildCard(post, isFeatured) {\r\n  const imgHTML = post.image\r\n    ? `<img decoding=\"async\" src=\"${post.image}\" alt=\"${post.title}\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">`\r\n    : `<div class=\"card-img-placeholder\" style=\"background:${post.gradient};width:100%;height:100%;\"><\/div>`;\r\n\r\n  if (isFeatured) {\r\n    return `\r\n      <a class=\"cn-blog-card featured\" href=\"${post.url}\">\r\n        <div class=\"card-img-wrap\" style=\"width:45%;min-height:280px;aspect-ratio:unset;\">\r\n          ${imgHTML}\r\n        <\/div>\r\n        <div class=\"card-body\">\r\n          <span class=\"card-tag\">${post.categoryLabel}<\/span>\r\n          <h3>${post.title}<\/h3>\r\n          <p class=\"card-excerpt\">${post.excerpt}<\/p>\r\n          <div class=\"card-meta\">\r\n            <div class=\"card-meta-left\">\r\n              <div class=\"card-author-dot\">${getInitials(post.author)}<\/div>\r\n              <span>${post.author} \u00b7 ${post.date}<\/span>\r\n            <\/div>\r\n            <div class=\"card-read-time\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"\/><\/svg>\r\n              ${post.readTime}\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"card-readmore\">Read Article <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg><\/span>\r\n        <\/div>\r\n      <\/a>`;\r\n  }\r\n\r\n  return `\r\n    <a class=\"cn-blog-card\" href=\"${post.url}\">\r\n      <div class=\"card-img-wrap\">${imgHTML}<\/div>\r\n      <div class=\"card-body\">\r\n        <span class=\"card-tag\">${post.categoryLabel}<\/span>\r\n        <h3>${post.title}<\/h3>\r\n        <p class=\"card-excerpt\">${post.excerpt}<\/p>\r\n        <div class=\"card-meta\">\r\n          <div class=\"card-meta-left\">\r\n            <div class=\"card-author-dot\">${getInitials(post.author)}<\/div>\r\n            <span>${post.date}<\/span>\r\n          <\/div>\r\n          <div class=\"card-read-time\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"\/><\/svg>\r\n            ${post.readTime}\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"card-readmore\">Read Article <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg><\/span>\r\n      <\/div>\r\n    <\/a>`;\r\n}\r\n\r\nfunction render() {\r\n  const grid         = document.getElementById(\"cn-blog-grid\");\r\n  const countEl      = document.getElementById(\"cn-post-count\");\r\n  const loadMoreWrap = document.getElementById(\"cn-loadmore-wrap\");\r\n  const filtered     = getFilteredPosts();\r\n  const slice        = filtered.slice(0, visibleCount);\r\n\r\n  if (slice.length === 0) {\r\n    grid.innerHTML = `\r\n      <div class=\"cn-no-results\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg>\r\n        <p>No articles found. Try a different search or category.<\/p>\r\n      <\/div>`;\r\n    countEl.textContent = \"\";\r\n    loadMoreWrap.style.display = \"none\";\r\n    return;\r\n  }\r\n\r\n  countEl.textContent = `${filtered.length} article${filtered.length !== 1 ? \"s\" : \"\"}`;\r\n\r\n  grid.innerHTML = slice.map((post, i) => {\r\n    const isFeatured = (i === 0 && currentFilter === \"all\" && !currentSearch);\r\n    return buildCard(post, isFeatured);\r\n  }).join(\"\");\r\n\r\n  loadMoreWrap.style.display = (visibleCount < filtered.length) ? \"block\" : \"none\";\r\n}\r\n\r\ndocument.querySelectorAll(\".cn-filter-btn\").forEach(btn => {\r\n  btn.addEventListener(\"click\", () => {\r\n    document.querySelectorAll(\".cn-filter-btn\").forEach(b => b.classList.remove(\"active\"));\r\n    btn.classList.add(\"active\");\r\n    currentFilter = btn.dataset.cat;\r\n    visibleCount  = POSTS_PER_PAGE;\r\n    render();\r\n    document.querySelector(\".cn-archive-section\").scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n  });\r\n});\r\n\r\nlet searchTimer;\r\ndocument.getElementById(\"cn-search-input\").addEventListener(\"input\", e => {\r\n  clearTimeout(searchTimer);\r\n  searchTimer = setTimeout(() => {\r\n    currentSearch = e.target.value.trim().toLowerCase();\r\n    visibleCount  = POSTS_PER_PAGE;\r\n    render();\r\n  }, 250);\r\n});\r\n\r\ndocument.getElementById(\"cn-loadmore-btn\").addEventListener(\"click\", () => {\r\n  visibleCount += POSTS_PER_PAGE;\r\n  render();\r\n});\r\n\r\nrender();\r\n<\/script>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Coding Ninjas Blog Coding Ninjas Blog All Posts FAQs Program Details Learner Stories Placement Diaries Career Insights Best\/Top series Latest Articles Load More Articles Careers Privacy policy Terms &amp; Conditions Pricing &amp; refund policy Bug bounty Review Press release Products Job Bootcamp Code 360 Community 10X Club Student Chapters Hire from us Contact us 1800 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-84","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Coding Ninjas Blog<\/title>\n<meta name=\"description\" content=\"The official Coding Ninjas Blog provides comprehensive FAQs, program guides and real Placement stories for tech and non-tech students.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codingninjas.com\/blog\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Coding Ninjas Blog\" \/>\n<meta property=\"og:description\" content=\"The official Coding Ninjas Blog provides comprehensive FAQs, program guides and real Placement stories for tech and non-tech students.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codingninjas.com\/blog\/\" \/>\n<meta property=\"og:site_name\" content=\"Coding Ninjas Blog\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-09T07:28:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/files.codingninjas.com\/new-cn-logos-31142.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"WebPage\",\"CollectionPage\"],\"@id\":\"https:\\\/\\\/www.codingninjas.com\\\/blog\\\/\",\"url\":\"https:\\\/\\\/www.codingninjas.com\\\/blog\\\/\",\"name\":\"Coding Ninjas Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.codingninjas.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.codingninjas.com\\\/blog\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.codingninjas.com\\\/blog\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/files.codingninjas.com\\\/new-cn-logos-31142.svg\",\"datePublished\":\"2026-06-03T06:31:56+00:00\",\"dateModified\":\"2026-06-09T07:28:21+00:00\",\"description\":\"The official Coding Ninjas Blog provides comprehensive FAQs, program guides and real Placement stories for tech and non-tech students.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.codingninjas.com\\\/blog\\\/#breadcrumb\"},\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.codingninjas.com\\\/blog\\\/#primaryimage\",\"url\":\"https:\\\/\\\/files.codingninjas.com\\\/new-cn-logos-31142.svg\",\"contentUrl\":\"https:\\\/\\\/files.codingninjas.com\\\/new-cn-logos-31142.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.codingninjas.com\\\/blog\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.codingninjas.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Coding Ninjas Blog\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.codingninjas.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.codingninjas.com\\\/blog\\\/\",\"name\":\"Coding Ninjas Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.codingninjas.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Coding Ninjas Blog","description":"The official Coding Ninjas Blog provides comprehensive FAQs, program guides and real Placement stories for tech and non-tech students.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codingninjas.com\/blog\/","og_locale":"en_US","og_type":"article","og_title":"Coding Ninjas Blog","og_description":"The official Coding Ninjas Blog provides comprehensive FAQs, program guides and real Placement stories for tech and non-tech students.","og_url":"https:\/\/www.codingninjas.com\/blog\/","og_site_name":"Coding Ninjas Blog","article_modified_time":"2026-06-09T07:28:21+00:00","og_image":[{"url":"https:\/\/files.codingninjas.com\/new-cn-logos-31142.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["WebPage","CollectionPage"],"@id":"https:\/\/www.codingninjas.com\/blog\/","url":"https:\/\/www.codingninjas.com\/blog\/","name":"Coding Ninjas Blog","isPartOf":{"@id":"https:\/\/www.codingninjas.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codingninjas.com\/blog\/#primaryimage"},"image":{"@id":"https:\/\/www.codingninjas.com\/blog\/#primaryimage"},"thumbnailUrl":"https:\/\/files.codingninjas.com\/new-cn-logos-31142.svg","datePublished":"2026-06-03T06:31:56+00:00","dateModified":"2026-06-09T07:28:21+00:00","description":"The official Coding Ninjas Blog provides comprehensive FAQs, program guides and real Placement stories for tech and non-tech students.","breadcrumb":{"@id":"https:\/\/www.codingninjas.com\/blog\/#breadcrumb"},"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codingninjas.com\/blog\/#primaryimage","url":"https:\/\/files.codingninjas.com\/new-cn-logos-31142.svg","contentUrl":"https:\/\/files.codingninjas.com\/new-cn-logos-31142.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codingninjas.com\/blog\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codingninjas.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Coding Ninjas Blog"}]},{"@type":"WebSite","@id":"https:\/\/www.codingninjas.com\/blog\/#website","url":"https:\/\/www.codingninjas.com\/blog\/","name":"Coding Ninjas Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codingninjas.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.codingninjas.com\/blog\/wp-json\/wp\/v2\/pages\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codingninjas.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.codingninjas.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.codingninjas.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codingninjas.com\/blog\/wp-json\/wp\/v2\/comments?post=84"}],"version-history":[{"count":73,"href":"https:\/\/www.codingninjas.com\/blog\/wp-json\/wp\/v2\/pages\/84\/revisions"}],"predecessor-version":[{"id":247,"href":"https:\/\/www.codingninjas.com\/blog\/wp-json\/wp\/v2\/pages\/84\/revisions\/247"}],"wp:attachment":[{"href":"https:\/\/www.codingninjas.com\/blog\/wp-json\/wp\/v2\/media?parent=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}