{"id":32,"date":"2026-04-13T10:26:46","date_gmt":"2026-04-13T10:26:46","guid":{"rendered":"https:\/\/sportskeedacricket.com\/blog\/?page_id=32"},"modified":"2026-05-12T05:50:30","modified_gmt":"2026-05-12T05:50:30","slug":"home","status":"publish","type":"page","link":"https:\/\/sportskeedacricket.com\/blog\/","title":{"rendered":"Cricket News: Scores, Stats, and Match Previews"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Cricket News &#8211; Beyond the Boundary<\/title>\n    \n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@900&#038;family=Roboto:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n\n    <style>\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        body { font-family: 'Roboto', sans-serif; background: #ffffff; color: #000; padding: 20px; }\n\n        .magazine-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 1.8fr 1fr;\n            gap: 30px;\n        }\n\n        \/* HERO SECTION *\/\n        .featured-article {\n            position: relative;\n            background: #000;\n            overflow: hidden;\n            border-bottom: 6px solid #4f8df7;\n            height: 600px;\n        }\n\n        .featured-article img { width: 100%; height: 100%; object-fit: cover; opacity: 0.75; transition: 0.5s; }\n        \n        .overlay {\n            position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px;\n            background: linear-gradient(to top, rgba(0,0,0,1), transparent); color: #fff;\n        }\n\n        .hot-tag {\n            background: #4f8df7; color: white; padding: 4px 12px; font-size: 11px;\n            font-weight: 700; text-transform: uppercase; margin-bottom: 15px; display: inline-block;\n        }\n\n        .main-title { font-family: 'Playfair Display', serif; font-size: 48px; text-transform: uppercase; font-weight: 900; line-height: 1.1; }\n\n        \/* SIDEBAR *\/\n        .sidebar { display: flex; flex-direction: column; gap: 20px; }\n        .side-post { display: flex; gap: 15px; padding-bottom: 20px; border-bottom: 1px solid #eee; text-decoration: none; color: inherit; }\n        .side-thumb { width: 110px; height: 110px; object-fit: cover; }\n        .side-title { font-family: 'Playfair Display', serif; font-size: 17px; font-weight: 900; text-transform: uppercase; }\n\n        \/* GRID SECTION *\/\n        .section-header { max-width: 1200px; margin: 40px auto 20px; font-family: 'Playfair Display', serif; border-bottom: 2px solid #000; padding-bottom: 5px; text-transform: uppercase; }\n        .blog-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n        .blog-card img { width: 100%; height: 220px; object-fit: cover; margin-bottom: 15px; }\n        .blog-card h2 { font-family: 'Playfair Display', serif; font-size: 22px; text-transform: uppercase; margin-bottom: 10px; }\n\n        \/* PAGINATION SECTION (IMAGE STYLE) *\/\n        .pagination {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin: 60px 0;\n        }\n\n        .pagination a, .pagination span {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: 55px;\n            min-width: 55px;\n            padding: 0 15px;\n            background: #fff;\n            border: 1px solid #dcdcdc;\n            text-decoration: none;\n            color: #111;\n            font-size: 18px;\n            font-weight: 500;\n        }\n\n        .pagination a.active {\n            background: #4f8df7;\n            color: #fff;\n            border-color: #4f8df7;\n        }\n\n        .pagination a.next {\n            min-width: 110px;\n            background: #4f8df7;\n            color: #fff;\n            border-color: #4f8df7;\n            border-radius: 0 12px 12px 0; \/* Right rounded corner *\/\n        }\n\n        .pagination a:first-child {\n            border-radius: 12px 0 0 12px; \/* Left rounded corner *\/\n        }\n\n        .pagination a:hover:not(.active) {\n            background: #f1f1f1;\n        }\n\n        @media (max-width: 991px) {\n            .magazine-container { grid-template-columns: 1fr; }\n            .featured-article { height: 400px; }\n            .main-title { font-size: 30px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"magazine-container\">\n        <div id=\"featured-article-target\"><\/div>\n        <div class=\"sidebar\" id=\"sidebar-target\"><\/div>\n    <\/div>\n\n    <h2 class=\"section-header\">Latest Cricket News<\/h2>\n    <div class=\"blog-grid\" id=\"blog-grid-target\"><\/div>\n\n    <div class=\"pagination\">\n        <a href=\"#\" class=\"active\">1<\/a>\n        <a href=\"#\">2<\/a>\n        <a href=\"#\">3<\/a>\n        <span>&#8230;<\/span>\n        <a href=\"#\" class=\"next\">Next<\/a>\n    <\/div>\n\n    <script>\n        const wpApiUrl = \"https:\/\/sportskeedacricket.com\/blog\/wp-json\/wp\/v2\/posts?_embed&per_page=10\";\n\n        fetch(wpApiUrl)\n            .then(res => res.json())\n            .then(posts => {\n                const main = posts[0];\n                const mainImg = main._embedded['wp:featuredmedia'] ? main._embedded['wp:featuredmedia'][0].source_url : '';\n                document.getElementById('featured-article-target').innerHTML = `\n                    <div class=\"featured-article\">\n                        <img decoding=\"async\" src=\"${mainImg}\">\n                        <div class=\"overlay\">\n                            <div class=\"hot-tag\">Hot News<\/div>\n                            <h1 class=\"main-title\">${main.title.rendered}<\/h1>\n                        <\/div>\n                    <\/div>`;\n\n                let sideHtml = \"\";\n                posts.slice(1, 4).forEach(post => {\n                    const img = post._embedded['wp:featuredmedia'] ? post._embedded['wp:featuredmedia'][0].source_url : '';\n                    sideHtml += `\n                        <a href=\"${post.link}\" class=\"side-post\">\n                            <img decoding=\"async\" src=\"${img}\" class=\"side-thumb\">\n                            <h3 class=\"side-title\">${post.title.rendered}<\/h3>\n                        <\/a>`;\n                });\n                document.getElementById('sidebar-target').innerHTML = sideHtml;\n\n                let gridHtml = \"\";\n                posts.slice(4).forEach(post => {\n                    const img = post._embedded['wp:featuredmedia'] ? post._embedded['wp:featuredmedia'][0].source_url : '';\n                    gridHtml += `\n                        <div class=\"blog-card\">\n                            <a href=\"${post.link}\" style=\"text-decoration:none; color:inherit;\">\n                                <img decoding=\"async\" src=\"${img}\">\n                                <h2>${post.title.rendered}<\/h2>\n                            <\/a>\n                        <\/div>`;\n                });\n                document.getElementById('blog-grid-target').innerHTML = gridHtml;\n            });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Cricket News &#8211; Beyond the Boundary Latest Cricket News 1 2 3 &#8230; Next<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"featured_image_url":[],"post_author":"Smriti Brunt","assigned_categories":"","_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/sportskeedacricket.com\/blog\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sportskeedacricket.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sportskeedacricket.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sportskeedacricket.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sportskeedacricket.com\/blog\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":22,"href":"https:\/\/sportskeedacricket.com\/blog\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":149,"href":"https:\/\/sportskeedacricket.com\/blog\/wp-json\/wp\/v2\/pages\/32\/revisions\/149"}],"wp:attachment":[{"href":"https:\/\/sportskeedacricket.com\/blog\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}