{"id":846,"date":"2025-04-09T15:35:03","date_gmt":"2025-04-09T15:35:03","guid":{"rendered":"https:\/\/creativespark.app\/?p=846"},"modified":"2025-04-13T22:51:26","modified_gmt":"2025-04-13T22:51:26","slug":"building-a-mobile-responsive-housing-market-snapshot-with-html-css-bootstrap","status":"publish","type":"post","link":"https:\/\/creativespark.app\/?p=846","title":{"rendered":"Mobile Responsive Housing Market Widget Built with HTML, CSS &amp; Bootstrap for Sitefinity"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<style>\n.housing-market-snapshot {\n    font-family: Arial, sans-serif;\n    color: #333;\n    margin-bottom: 20px;\n}\n\n.housing-market-snapshot h2 {\n    color: #256B89;\n    font-size: 24px;\n    margin-bottom: 15px;\n}\n\n.housing-market-snapshot .table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.housing-market-snapshot .table th,\n.housing-market-snapshot .table td {\n    padding: 12px;\n    text-align: left;\n    vertical-align: bottom;\n    border: 1px solid #ddd;\n}\n\n.header-metrics {\n    background-color: #f89406;\n    color: white;\n}\n\n.header-march-2024 {\n    background-color: #f89406;\n    color: white;\n}\n\n.header-march-2023 {\n    background-color: #256B89;\n    color: white;\n}\n\n.header-change-last-year {\n    background-color: #ffffff;\n    color: #000000;\n}\n\n.header-february-2024 {\n    background-color: #062F46;\n    color: white;\n}\n\n.header-change-last-month {\n    background-color: #ffffff;\n    color: #000000;\n}\n\n\/* Alternate row coloring *\/\n.housing-market-snapshot .table tbody tr:nth-child(odd) td {\n    background-color: #f9f9f9;\n}\n\n.housing-market-snapshot .table tbody tr:nth-child(even) td {\n    background-color: #eeeeee;\n}\n\n\/* Mobile Responsive Table *\/\n@media screen and (max-width: 768px) {\n    .housing-market-snapshot .table-responsive table,\n    .housing-market-snapshot .table-responsive thead,\n    .housing-market-snapshot .table-responsive tbody,\n    .housing-market-snapshot .table-responsive th,\n    .housing-market-snapshot .table-responsive td,\n    .housing-market-snapshot .table-responsive tr {\n        display: block;\n        width: 100%;\n    }\n\n    .housing-market-snapshot .table-responsive thead {\n        display: none;\n    }\n\n    .housing-market-snapshot .table-responsive tr {\n        margin-bottom: 1rem;\n        border: 1px solid #ddd;\n        border-radius: 5px;\n        padding: 10px;\n        background-color: white;\n    }\n\n    .housing-market-snapshot .table-responsive td {\n        text-align: right;\n        position: relative;\n        padding-left: 50%;\n        border: none;\n        border-bottom: 1px solid #ddd;\n    }\n\n    .housing-market-snapshot .table-responsive td::before {\n        content: attr(data-label);\n        position: absolute;\n        left: 15px;\n        width: 45%;\n        padding-right: 10px;\n        white-space: nowrap;\n        font-weight: bold;\n        text-align: left;\n    }\n}\n<\/style>\n\n<div class=\"housing-market-snapshot container mt-4\">\n    <h2 class=\"text-center mb-4\">Housing Market Snapshot<\/h2>\n    <div class=\"table-responsive\">\n        <table class=\"table\">\n            <thead>\n                <tr>\n                    <th scope=\"col\" class=\"header-metrics\">Metrics<\/th>\n                    <th scope=\"col\" class=\"header-march-2024\">March 2025<\/th>\n                    <th scope=\"col\" class=\"header-march-2023\">March 2024<\/th>\n                    <th scope=\"col\" class=\"header-change-last-year\">Change from Last Year<\/th>\n                    <th scope=\"col\" class=\"header-february-2024\">February 2025<\/th>\n                    <th scope=\"col\" class=\"header-change-last-month\">Change from Last Month<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                <tr>\n                    <td data-label=\"Metrics\">Sales Volume<\/td>\n                    <td data-label=\"March 2025\">$30,815,064<\/td>\n                    <td data-label=\"March 2024\">$28,914,167<\/td>\n                    <td data-label=\"Change from Last Year\">+6.6%<\/td>\n                    <td data-label=\"February 2025\">$23,094,475<\/td>\n                    <td data-label=\"Change from Last Month\">+33.4%<\/td>\n                <\/tr>\n                <tr>\n                    <td data-label=\"Metrics\">Units Sold<\/td>\n                    <td data-label=\"March 2025\">114<\/td>\n                    <td data-label=\"March 2024\">124<\/td>\n                    <td data-label=\"Change from Last Year\">-8.1%<\/td>\n                    <td data-label=\"February 2025\">95<\/td>\n                    <td data-label=\"Change from Last Month\">+20.0%<\/td>\n                <\/tr>\n                <tr>\n                    <td data-label=\"Metrics\">Median Sales Price<\/td>\n                    <td data-label=\"March 2025\">$238,950<\/td>\n                    <td data-label=\"March 2024\">$215,000<\/td>\n                    <td data-label=\"Change from Last Year\">+11.1%<\/td>\n                    <td data-label=\"February 2025\">$220,000<\/td>\n                    <td data-label=\"Change from Last Month\">+8.6%<\/td>\n                <\/tr>\n                <tr>\n                    <td data-label=\"Metrics\">New Listings<\/td>\n                    <td data-label=\"March 2025\">135<\/td>\n                    <td data-label=\"March 2024\">118<\/td>\n                    <td data-label=\"Change from Last Year\">+14.4%<\/td>\n                    <td data-label=\"February 2025\">142<\/td>\n                    <td data-label=\"Change from Last Month\">-4.9%<\/td>\n                <\/tr>\n                <tr>\n                    <td data-label=\"Metrics\">Active Listings<\/td>\n                    <td data-label=\"March 2025\">219<\/td>\n                    <td data-label=\"March 2024\">168<\/td>\n                    <td data-label=\"Change from Last Year\">+30.4%<\/td>\n                    <td data-label=\"February 2025\">212<\/td>\n                    <td data-label=\"Change from Last Month\">+3.3%<\/td>\n                <\/tr>\n            <\/tbody>\n        <\/table>\n    <\/div>\n<\/div>\n\n\n\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Responsive Housing Market Widget Built with Bootstrap for Sitefinity<\/title>\n\n  <!-- SEO Meta Tags -->\n  <meta name=\"description\" content=\"Learn how I built a mobile-responsive housing market data widget for Sitefinity using HTML, CSS, and Bootstrap. Optimized for readability and CMS flexibility.\" \/>\n  <meta name=\"keywords\" content=\"Sitefinity widget, responsive table, real estate data visualization, housing market snapshot, HTML CSS Bootstrap, frontend web development\" \/>\n  <meta name=\"author\" content=\"Your Name\" \/>\n\n  <!-- Open Graph -->\n  <meta property=\"og:title\" content=\"Responsive Housing Market Widget Built for Sitefinity\" \/>\n  <meta property=\"og:description\" content=\"See how I developed a clean, mobile-responsive widget to display housing market data using HTML, CSS, and Bootstrap \u2014 fully integrated into Sitefinity CMS.\" \/>\n  <meta property=\"og:image\" content=\"https:\/\/yourdomain.com\/images\/housing-market-widget.png\" \/>\n  <meta property=\"og:type\" content=\"article\" \/>\n  <meta property=\"og:url\" content=\"https:\/\/yourdomain.com\/blog\/housing-market-widget-sitefinity\" \/>\n\n  <!-- Twitter Card -->\n  <meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n  <meta name=\"twitter:title\" content=\"Housing Market Widget for Sitefinity\" \/>\n  <meta name=\"twitter:description\" content=\"Learn how I built a responsive housing market snapshot widget for Sitefinity CMS.\" \/>\n  <meta name=\"twitter:image\" content=\"https:\/\/yourdomain.com\/images\/housing-market-widget.png\" \/>\n\n  <link rel=\"canonical\" href=\"https:\/\/yourdomain.com\/blog\/housing-market-widget-sitefinity\" \/>\n\n  <!-- Bootstrap CSS -->\n  <link rel=\"stylesheet\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css\" \/>\n<\/head>\n\n<body>\n  <main class=\"container py-5\">\n    <article itemscope itemtype=\"https:\/\/schema.org\/BlogPosting\">\n      <section itemprop=\"articleBody\">\n\n        <h2>The Challenge<\/h2>\n        <div class=\"row align-items-center mb-4\">\n          <div class=\"col-md-6\">\n            <p>A real estate association needed a way to display monthly housing market data that was both mobile-friendly and easy to update via their Sitefinity CMS. The table needed to show:<\/p>\n            <ul>\n              <li>Sales volume<\/li>\n              <li>Units sold<\/li>\n              <li>Median sales price<\/li>\n              <li>New listings<\/li>\n              <li>Active listings<\/li>\n            <\/ul>\n            <p>They also wanted to highlight changes from the previous year and previous month, and keep the design accessible, color-coded, and branded.<\/p>\n          <\/div>\n          <div class=\"col-md-6\">\n            <figure>\n              <img decoding=\"async\" src=\"https:\/\/creativespark.app\/wp-content\/uploads\/2025\/04\/h2-classmt-5Before-the-Fixh2-figure-classmb-4-img-srchttpscreativespark.mediawp-contentuploads202504IMG_8301.jpeg-altBefore-mobile-responsiveness-fix-housing-market-table-classimg-fluid-rou.gif\" \n                   alt=\"Before mobile responsiveness fix - housing market table\" \n                   class=\"img-fluid rounded shadow-sm w-100\">\n              <figcaption class=\"text-muted mt-2\" style=\"font-size: 0.95rem;\">Before: The table appeared squished and hard to read on mobile devices.<\/figcaption>\n            <\/figure>\n          <\/div>\n        <\/div>\n\n        <h2>The Solution<\/h2>\n        <p>I built a responsive, three-column layout using HTML, CSS, and Bootstrap 4, and integrated it into a Sitefinity content widget so the client could manage updates without needing developer involvement.<\/p>\n        <ul>\n          <li>Used Bootstrap\u2019s responsive grid system for mobile compatibility<\/li>\n          <li>Styled headers with brand colors (orange for March 2025, blue for March 2024, etc.)<\/li>\n          <li>Applied semantic HTML and accessibility features like <code>scope=\"col\"<\/code> for screen readers<\/li>\n          <li>Color-coded performance changes for quick visual cues<\/li>\n          <li>Structured the layout as a CMS-friendly widget<\/li>\n        <\/ul>\n\n        <h2>Mobile Responsiveness Update<\/h2>\n        <p>To further enhance usability on small screens, I added custom CSS to collapse the table into a stacked layout on mobile devices. This includes hiding headers, labeling each cell with <code>data-label<\/code> attributes, and styling each row like a mobile-friendly card for clarity and accessibility.<\/p>\n\n        <h2>The Result<\/h2>\n        <div class=\"row align-items-center mb-4\">\n          <div class=\"col-md-6 order-md-2\">\n            <p>The result is a clean, responsive housing market snapshot widget, seamlessly embedded in Sitefinity CMS. It performs well across devices and is easy for content editors to update as new market data becomes available.<\/p>\n            <blockquote>This project challenged me to balance design, responsiveness, accessibility, and CMS integration \u2014 and it\u2019s the kind of frontend development I truly enjoy.<\/blockquote>\n          <\/div>\n          <div class=\"col-md-6 order-md-1\">\n            <figure>\n              <img decoding=\"async\" src=\"https:\/\/creativespark.app\/wp-content\/uploads\/2025\/04\/h2-classmt-5Before-the-Fixh2-figure-classmb-4-img-srchttpscreativespark.mediawp-contentuploads202504IMG_8301.jpeg-altBefore-mobile-responsiveness-fix-housing-market-table-classimg-fluid-ro-1.gif\" \n                   alt=\"After mobile responsiveness fix - stacked housing market table on mobile\" \n                   class=\"img-fluid rounded shadow-sm w-100\">\n              <figcaption class=\"text-muted mt-2\" style=\"font-size: 0.95rem;\">After: The table now stacks cleanly and is easy to scroll on mobile screens.<\/figcaption>\n            <\/figure>\n          <\/div>\n        <\/div>\n\n        <h2>Key Takeaways<\/h2>\n        <ul>\n          <li>Reusable and editor-friendly widget design improves long-term maintainability<\/li>\n          <li>Responsive, mobile-first layouts enhance user experience<\/li>\n          <li>Custom code can integrate cleanly within a CMS like Sitefinity<\/li>\n        <\/ul>\n\n        <h2>Explore the Code<\/h2>\n        <p>You can view the code on <a href=\"https:\/\/codepen.io\/jojobeats\/pen\/GRLGRWG\" target=\"_blank\" rel=\"noopener\">CodePen<\/a>.<\/p>\n        <p>If you&#8217;re working on a similar project and need help building a custom widget or responsive frontend layout, <a href=\"\/contact\">let\u2019s connect<\/a>.<\/p>\n      <\/section>\n    <\/article>\n  <\/main>\n<\/body>\n\n\n\n\n<h2 class=\"wp-block-heading\"><\/h2>\n","protected":false},"excerpt":{"rendered":"<p>Housing Market Snapshot Metrics March 2025 March 2024 Change from Last Year February 2025 Change from Last Month Sales Volume $30,815,064 $28,914,167 +6.6% $23,094,475 +33.4% Units Sold 114 124 -8.1% 95 +20.0% Median Sales Price $238,950 $215,000 +11.1% $220,000 +8.6% New Listings 135 118 +14.4% 142 -4.9% Active Listings 219 168 +30.4% 212 +3.3% Responsive [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-846","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mobile Responsive Housing Market Widget Built with HTML, CSS &amp; Bootstrap for Sitefinity - Creative Spark Media<\/title>\n<meta name=\"description\" content=\"Responsive Housing Market Widget Built with Bootstrap for Sitefinity\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativespark.media\/?p=846\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mobile Responsive Housing Market Widget Built with HTML, CSS &amp; Bootstrap for Sitefinity - Creative Spark Media\" \/>\n<meta property=\"og:description\" content=\"Responsive Housing Market Widget Built with Bootstrap for Sitefinity\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativespark.media\/?p=846\" \/>\n<meta property=\"og:site_name\" content=\"Creative Spark Media\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-09T15:35:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-13T22:51:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/creativespark.media\/wp-content\/uploads\/2025\/04\/h2-classmt-5Before-the-Fixh2-figure-classmb-4-img-srchttpscreativespark.mediawp-contentuploads202504IMG_8301.jpeg-altBefore-mobile-responsiveness-fix-housing-market-table-classimg-fluid-rou.gif\" \/>\n<meta name=\"author\" content=\"jojobeats\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"jojobeats\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/creativespark.media\\\/?p=846#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativespark.media\\\/?p=846\"},\"author\":{\"name\":\"jojobeats\",\"@id\":\"http:\\\/\\\/creativespark.media\\\/#\\\/schema\\\/person\\\/f91a2dd3349aa564391b2d5c64c6cbe2\"},\"headline\":\"Mobile Responsive Housing Market Widget Built with HTML, CSS &amp; Bootstrap for Sitefinity\",\"datePublished\":\"2025-04-09T15:35:03+00:00\",\"dateModified\":\"2025-04-13T22:51:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/creativespark.media\\\/?p=846\"},\"wordCount\":379,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\\\/\\\/creativespark.media\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/creativespark.media\\\/?p=846#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/creativespark.app\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/h2-classmt-5Before-the-Fixh2-figure-classmb-4-img-srchttpscreativespark.mediawp-contentuploads202504IMG_8301.jpeg-altBefore-mobile-responsiveness-fix-housing-market-table-classimg-fluid-rou.gif\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/creativespark.media\\\/?p=846#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativespark.media\\\/?p=846\",\"url\":\"https:\\\/\\\/creativespark.media\\\/?p=846\",\"name\":\"Mobile Responsive Housing Market Widget Built with HTML, CSS &amp; Bootstrap for Sitefinity - Creative Spark Media\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/creativespark.media\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativespark.media\\\/?p=846#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativespark.media\\\/?p=846#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/creativespark.app\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/h2-classmt-5Before-the-Fixh2-figure-classmb-4-img-srchttpscreativespark.mediawp-contentuploads202504IMG_8301.jpeg-altBefore-mobile-responsiveness-fix-housing-market-table-classimg-fluid-rou.gif\",\"datePublished\":\"2025-04-09T15:35:03+00:00\",\"dateModified\":\"2025-04-13T22:51:26+00:00\",\"description\":\"Responsive Housing Market Widget Built with Bootstrap for Sitefinity\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativespark.media\\\/?p=846#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativespark.media\\\/?p=846\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativespark.media\\\/?p=846#primaryimage\",\"url\":\"https:\\\/\\\/creativespark.app\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/h2-classmt-5Before-the-Fixh2-figure-classmb-4-img-srchttpscreativespark.mediawp-contentuploads202504IMG_8301.jpeg-altBefore-mobile-responsiveness-fix-housing-market-table-classimg-fluid-rou.gif\",\"contentUrl\":\"https:\\\/\\\/creativespark.app\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/h2-classmt-5Before-the-Fixh2-figure-classmb-4-img-srchttpscreativespark.mediawp-contentuploads202504IMG_8301.jpeg-altBefore-mobile-responsiveness-fix-housing-market-table-classimg-fluid-rou.gif\",\"width\":500,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativespark.media\\\/?p=846#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativespark.app\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mobile Responsive Housing Market Widget Built with HTML, CSS &amp; Bootstrap for Sitefinity\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/creativespark.media\\\/#website\",\"url\":\"http:\\\/\\\/creativespark.media\\\/\",\"name\":\"Creative Spark Media\",\"description\":\"\",\"publisher\":{\"@id\":\"http:\\\/\\\/creativespark.media\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/creativespark.media\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\\\/\\\/creativespark.media\\\/#organization\",\"name\":\"Creative Spark Media\",\"url\":\"http:\\\/\\\/creativespark.media\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\\\/\\\/creativespark.media\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/creativespark.app\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/CREATIVE-SPARK-MEDIA-1.png\",\"contentUrl\":\"https:\\\/\\\/creativespark.app\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/CREATIVE-SPARK-MEDIA-1.png\",\"width\":841,\"height\":283,\"caption\":\"Creative Spark Media\"},\"image\":{\"@id\":\"http:\\\/\\\/creativespark.media\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"http:\\\/\\\/creativespark.media\\\/#\\\/schema\\\/person\\\/f91a2dd3349aa564391b2d5c64c6cbe2\",\"name\":\"jojobeats\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/505dd84b42b8e79b6e443c07b4236e9858c6adda24c7396d214ac5fed4c6cf59?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/505dd84b42b8e79b6e443c07b4236e9858c6adda24c7396d214ac5fed4c6cf59?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/505dd84b42b8e79b6e443c07b4236e9858c6adda24c7396d214ac5fed4c6cf59?s=96&d=mm&r=g\",\"caption\":\"jojobeats\"},\"sameAs\":[\"https:\\\/\\\/creativespark.app\"],\"url\":\"https:\\\/\\\/creativespark.app\\\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mobile Responsive Housing Market Widget Built with HTML, CSS &amp; Bootstrap for Sitefinity - Creative Spark Media","description":"Responsive Housing Market Widget Built with Bootstrap for Sitefinity","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:\/\/creativespark.media\/?p=846","og_locale":"en_US","og_type":"article","og_title":"Mobile Responsive Housing Market Widget Built with HTML, CSS &amp; Bootstrap for Sitefinity - Creative Spark Media","og_description":"Responsive Housing Market Widget Built with Bootstrap for Sitefinity","og_url":"https:\/\/creativespark.media\/?p=846","og_site_name":"Creative Spark Media","article_published_time":"2025-04-09T15:35:03+00:00","article_modified_time":"2025-04-13T22:51:26+00:00","og_image":[{"url":"https:\/\/creativespark.media\/wp-content\/uploads\/2025\/04\/h2-classmt-5Before-the-Fixh2-figure-classmb-4-img-srchttpscreativespark.mediawp-contentuploads202504IMG_8301.jpeg-altBefore-mobile-responsiveness-fix-housing-market-table-classimg-fluid-rou.gif","type":"","width":"","height":""}],"author":"jojobeats","twitter_card":"summary_large_image","twitter_misc":{"Written by":"jojobeats","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/creativespark.media\/?p=846#article","isPartOf":{"@id":"https:\/\/creativespark.media\/?p=846"},"author":{"name":"jojobeats","@id":"http:\/\/creativespark.media\/#\/schema\/person\/f91a2dd3349aa564391b2d5c64c6cbe2"},"headline":"Mobile Responsive Housing Market Widget Built with HTML, CSS &amp; Bootstrap for Sitefinity","datePublished":"2025-04-09T15:35:03+00:00","dateModified":"2025-04-13T22:51:26+00:00","mainEntityOfPage":{"@id":"https:\/\/creativespark.media\/?p=846"},"wordCount":379,"commentCount":0,"publisher":{"@id":"http:\/\/creativespark.media\/#organization"},"image":{"@id":"https:\/\/creativespark.media\/?p=846#primaryimage"},"thumbnailUrl":"https:\/\/creativespark.app\/wp-content\/uploads\/2025\/04\/h2-classmt-5Before-the-Fixh2-figure-classmb-4-img-srchttpscreativespark.mediawp-contentuploads202504IMG_8301.jpeg-altBefore-mobile-responsiveness-fix-housing-market-table-classimg-fluid-rou.gif","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/creativespark.media\/?p=846#respond"]}]},{"@type":"WebPage","@id":"https:\/\/creativespark.media\/?p=846","url":"https:\/\/creativespark.media\/?p=846","name":"Mobile Responsive Housing Market Widget Built with HTML, CSS &amp; Bootstrap for Sitefinity - Creative Spark Media","isPartOf":{"@id":"http:\/\/creativespark.media\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativespark.media\/?p=846#primaryimage"},"image":{"@id":"https:\/\/creativespark.media\/?p=846#primaryimage"},"thumbnailUrl":"https:\/\/creativespark.app\/wp-content\/uploads\/2025\/04\/h2-classmt-5Before-the-Fixh2-figure-classmb-4-img-srchttpscreativespark.mediawp-contentuploads202504IMG_8301.jpeg-altBefore-mobile-responsiveness-fix-housing-market-table-classimg-fluid-rou.gif","datePublished":"2025-04-09T15:35:03+00:00","dateModified":"2025-04-13T22:51:26+00:00","description":"Responsive Housing Market Widget Built with Bootstrap for Sitefinity","breadcrumb":{"@id":"https:\/\/creativespark.media\/?p=846#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativespark.media\/?p=846"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativespark.media\/?p=846#primaryimage","url":"https:\/\/creativespark.app\/wp-content\/uploads\/2025\/04\/h2-classmt-5Before-the-Fixh2-figure-classmb-4-img-srchttpscreativespark.mediawp-contentuploads202504IMG_8301.jpeg-altBefore-mobile-responsiveness-fix-housing-market-table-classimg-fluid-rou.gif","contentUrl":"https:\/\/creativespark.app\/wp-content\/uploads\/2025\/04\/h2-classmt-5Before-the-Fixh2-figure-classmb-4-img-srchttpscreativespark.mediawp-contentuploads202504IMG_8301.jpeg-altBefore-mobile-responsiveness-fix-housing-market-table-classimg-fluid-rou.gif","width":500,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/creativespark.media\/?p=846#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativespark.app\/"},{"@type":"ListItem","position":2,"name":"Mobile Responsive Housing Market Widget Built with HTML, CSS &amp; Bootstrap for Sitefinity"}]},{"@type":"WebSite","@id":"http:\/\/creativespark.media\/#website","url":"http:\/\/creativespark.media\/","name":"Creative Spark Media","description":"","publisher":{"@id":"http:\/\/creativespark.media\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/creativespark.media\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/creativespark.media\/#organization","name":"Creative Spark Media","url":"http:\/\/creativespark.media\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/creativespark.media\/#\/schema\/logo\/image\/","url":"https:\/\/creativespark.app\/wp-content\/uploads\/2025\/03\/CREATIVE-SPARK-MEDIA-1.png","contentUrl":"https:\/\/creativespark.app\/wp-content\/uploads\/2025\/03\/CREATIVE-SPARK-MEDIA-1.png","width":841,"height":283,"caption":"Creative Spark Media"},"image":{"@id":"http:\/\/creativespark.media\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"http:\/\/creativespark.media\/#\/schema\/person\/f91a2dd3349aa564391b2d5c64c6cbe2","name":"jojobeats","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/505dd84b42b8e79b6e443c07b4236e9858c6adda24c7396d214ac5fed4c6cf59?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/505dd84b42b8e79b6e443c07b4236e9858c6adda24c7396d214ac5fed4c6cf59?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/505dd84b42b8e79b6e443c07b4236e9858c6adda24c7396d214ac5fed4c6cf59?s=96&d=mm&r=g","caption":"jojobeats"},"sameAs":["https:\/\/creativespark.app"],"url":"https:\/\/creativespark.app\/?author=1"}]}},"brizy_media":[],"_links":{"self":[{"href":"https:\/\/creativespark.app\/index.php?rest_route=\/wp\/v2\/posts\/846","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativespark.app\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativespark.app\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativespark.app\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativespark.app\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=846"}],"version-history":[{"count":5,"href":"https:\/\/creativespark.app\/index.php?rest_route=\/wp\/v2\/posts\/846\/revisions"}],"predecessor-version":[{"id":876,"href":"https:\/\/creativespark.app\/index.php?rest_route=\/wp\/v2\/posts\/846\/revisions\/876"}],"wp:attachment":[{"href":"https:\/\/creativespark.app\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=846"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativespark.app\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=846"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativespark.app\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}