{"id":8179,"date":"2021-08-23T07:36:27","date_gmt":"2021-08-23T07:36:27","guid":{"rendered":"https:\/\/www.scmgalaxy.com\/tutorials\/?p=8179"},"modified":"2021-08-25T05:19:04","modified_gmt":"2021-08-25T05:19:04","slug":"bootstrap-component-card","status":"publish","type":"post","link":"https:\/\/www.scmgalaxy.com\/tutorials\/bootstrap-component-card\/","title":{"rendered":"Bootstrap: Component &#8220;Card&#8221;"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Cards:<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>A card in Bootstrap 4 is a bordered box with some padding around its content.<\/li><li>It includes options for headers, footers, content, colors, etc.<\/li><li>A basic card is created with the<strong>&nbsp;.card&nbsp;class<\/strong>.<\/li><li>The<strong>&nbsp;.card-header<\/strong>&nbsp;class adds a heading to the card and the&nbsp;<strong>.card-footer<\/strong>&nbsp;class adds a footer to the card.<\/li><li>add a background color the card, use<strong> contextual classes<\/strong>. ( .bg-primary, .bg-success&#8230;&#8230;).<\/li><li>Add&nbsp;<strong>.card-img-top<\/strong>&nbsp;or&nbsp;<strong>.card-img-bottom<\/strong>&nbsp;to an&nbsp;<strong><code>&lt;<\/code>img&gt;<\/strong>&nbsp;to place the image at the top or at the bottom inside the card.<\/li><li>Add the&nbsp;<strong>.stretched-link<\/strong>&nbsp;class to a link inside the card.<\/li><li>&nbsp;<strong>.card-img-overlay<\/strong>&nbsp;to add text on top of the image.<\/li><li>The&nbsp;<strong>.card-columns<\/strong>&nbsp;class creates a masonry-like <strong>grid of cards.<\/strong><\/li><li><strong>.card-deck<\/strong>&nbsp;class creates a grid of cards that are of&nbsp;<strong>equal height and width<\/strong>.<\/li><li>The cards are displayed vertically on small screens <strong>(less than 576px)<\/strong>.<\/li><li>The<strong>&nbsp;.card-group<\/strong>&nbsp;class is similar to<strong>&nbsp;.card-deck<\/strong>. The only difference is that the<strong>&nbsp;.card-group<\/strong>&nbsp;class <strong>removes left and right margins between each card.<\/strong><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Syntax:-<\/h3>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;lt;div class=&quot;card&quot;&gt;\n  &amp;lt;div class=&quot;card-body&quot;&gt;Basic card&amp;lt;\/div&gt;\n&amp;lt;\/div&gt;\n<\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\">Creat a profile:<\/h2>\n\n\n\n<script src=\"https:\/\/gist.github.com\/vikash-cotocus\/981fb39ea44444e2c23f89eb2586e606.js\"><\/script>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"543\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/make_profile-1024x543.png\" alt=\"\" class=\"wp-image-8195\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/make_profile-1024x543.png 1024w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/make_profile-300x159.png 300w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/make_profile-768x407.png 768w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/make_profile-1536x815.png 1536w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/make_profile.png 1934w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<script src=\"https:\/\/gist.github.com\/vikash-cotocus\/4b486f7d392e0fb27797fd4dc264b2e4.js\"><\/script>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/card_all-1024x576.png\" alt=\"\" class=\"wp-image-8276\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/card_all-1024x576.png 1024w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/card_all-300x169.png 300w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/card_all-768x432.png 768w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/card_all-1536x864.png 1536w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/card_all.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Cards: A card in Bootstrap 4 is a bordered box with some padding around its content. It includes options for [&hellip;]<\/p>\n","protected":false},"author":34,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[5670],"tags":[568,5267,6465,6473,6475,6466,6476,6468,6472,6469,6467,6474,1122,6470,373,593,6471,213],"class_list":["post-8179","post","type-post","status-publish","format-standard","hentry","category-bootstrap","tag-bootstrap","tag-bootstrap4","tag-card-class-in-bootstrap","tag-card-columns-in-bootstrap","tag-card-deck-in-bootstrap","tag-card-footer-in-bootstap","tag-card-group-in-bootstrap","tag-card-image-in-top-in-bootstrap","tag-card-image-overlay-in-bootstrap","tag-card-image-use-in-bottom-in-bootstrpa","tag-contextual-class-in-bootstrap","tag-grid-in-card-bootstrap","tag-guide","tag-image-in-card-bootstrap","tag-perforce","tag-process","tag-stretched-link-inside-the-card-in-bootstrap","tag-tutorial"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Bootstrap: Component &quot;Card&quot; - scmGalaxy<\/title>\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.scmgalaxy.com\/tutorials\/bootstrap-component-card\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bootstrap: Component &quot;Card&quot; - scmGalaxy\" \/>\n<meta property=\"og:description\" content=\"Cards: A card in Bootstrap 4 is a bordered box with some padding around its content. It includes options for [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.scmgalaxy.com\/tutorials\/bootstrap-component-card\/\" \/>\n<meta property=\"og:site_name\" content=\"scmGalaxy\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-23T07:36:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-25T05:19:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/make_profile-1024x543.png\" \/>\n<meta name=\"author\" content=\"vikashdev k\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"vikashdev k\" \/>\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:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/bootstrap-component-card\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/bootstrap-component-card\\\/\"},\"author\":{\"name\":\"vikashdev k\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#\\\/schema\\\/person\\\/ec4d1004b3acffc7df65899e880c7515\"},\"headline\":\"Bootstrap: Component &#8220;Card&#8221;\",\"datePublished\":\"2021-08-23T07:36:27+00:00\",\"dateModified\":\"2021-08-25T05:19:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/bootstrap-component-card\\\/\"},\"wordCount\":194,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/bootstrap-component-card\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/make_profile-1024x543.png\",\"keywords\":[\"Bootstrap\",\"bootstrap4\",\"card class in bootstrap\",\"card columns in bootstrap\",\"card deck in bootstrap\",\"card footer in bootstap\",\"card group in bootstrap\",\"card image in top in bootstrap\",\"card image overlay in bootstrap\",\"card image use in bottom in bootstrpa\",\"contextual class in bootstrap\",\"grid in card bootstrap\",\"Guide\",\"image in card bootstrap\",\"Perforce\",\"Process\",\"stretched link inside the card in bootstrap\",\"Tutorial\"],\"articleSection\":[\"Bootstrap\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/bootstrap-component-card\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/bootstrap-component-card\\\/\",\"url\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/bootstrap-component-card\\\/\",\"name\":\"Bootstrap: Component \\\"Card\\\" - scmGalaxy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/bootstrap-component-card\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/bootstrap-component-card\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/make_profile-1024x543.png\",\"datePublished\":\"2021-08-23T07:36:27+00:00\",\"dateModified\":\"2021-08-25T05:19:04+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#\\\/schema\\\/person\\\/ec4d1004b3acffc7df65899e880c7515\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/bootstrap-component-card\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/bootstrap-component-card\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/bootstrap-component-card\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/make_profile.png\",\"contentUrl\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/make_profile.png\",\"width\":1934,\"height\":1026},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/bootstrap-component-card\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bootstrap: Component &#8220;Card&#8221;\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#website\",\"url\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/\",\"name\":\"scmGalaxy\",\"description\":\"A Platform for Software Engineers\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#\\\/schema\\\/person\\\/ec4d1004b3acffc7df65899e880c7515\",\"name\":\"vikashdev k\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/738fe2694a5769295d6bbe57066232fcf8351e09ce1090f200c7b34f770fa61b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/738fe2694a5769295d6bbe57066232fcf8351e09ce1090f200c7b34f770fa61b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/738fe2694a5769295d6bbe57066232fcf8351e09ce1090f200c7b34f770fa61b?s=96&d=mm&r=g\",\"caption\":\"vikashdev k\"},\"url\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/author\\\/vikashdev\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bootstrap: Component \"Card\" - scmGalaxy","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.scmgalaxy.com\/tutorials\/bootstrap-component-card\/","og_locale":"en_US","og_type":"article","og_title":"Bootstrap: Component \"Card\" - scmGalaxy","og_description":"Cards: A card in Bootstrap 4 is a bordered box with some padding around its content. It includes options for [&hellip;]","og_url":"https:\/\/www.scmgalaxy.com\/tutorials\/bootstrap-component-card\/","og_site_name":"scmGalaxy","article_published_time":"2021-08-23T07:36:27+00:00","article_modified_time":"2021-08-25T05:19:04+00:00","og_image":[{"url":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/make_profile-1024x543.png","type":"","width":"","height":""}],"author":"vikashdev k","twitter_card":"summary_large_image","twitter_misc":{"Written by":"vikashdev k","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/bootstrap-component-card\/#article","isPartOf":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/bootstrap-component-card\/"},"author":{"name":"vikashdev k","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#\/schema\/person\/ec4d1004b3acffc7df65899e880c7515"},"headline":"Bootstrap: Component &#8220;Card&#8221;","datePublished":"2021-08-23T07:36:27+00:00","dateModified":"2021-08-25T05:19:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/bootstrap-component-card\/"},"wordCount":194,"commentCount":0,"image":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/bootstrap-component-card\/#primaryimage"},"thumbnailUrl":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/make_profile-1024x543.png","keywords":["Bootstrap","bootstrap4","card class in bootstrap","card columns in bootstrap","card deck in bootstrap","card footer in bootstap","card group in bootstrap","card image in top in bootstrap","card image overlay in bootstrap","card image use in bottom in bootstrpa","contextual class in bootstrap","grid in card bootstrap","Guide","image in card bootstrap","Perforce","Process","stretched link inside the card in bootstrap","Tutorial"],"articleSection":["Bootstrap"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.scmgalaxy.com\/tutorials\/bootstrap-component-card\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/bootstrap-component-card\/","url":"https:\/\/www.scmgalaxy.com\/tutorials\/bootstrap-component-card\/","name":"Bootstrap: Component \"Card\" - scmGalaxy","isPartOf":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/bootstrap-component-card\/#primaryimage"},"image":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/bootstrap-component-card\/#primaryimage"},"thumbnailUrl":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/make_profile-1024x543.png","datePublished":"2021-08-23T07:36:27+00:00","dateModified":"2021-08-25T05:19:04+00:00","author":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#\/schema\/person\/ec4d1004b3acffc7df65899e880c7515"},"breadcrumb":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/bootstrap-component-card\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.scmgalaxy.com\/tutorials\/bootstrap-component-card\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/bootstrap-component-card\/#primaryimage","url":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/make_profile.png","contentUrl":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/make_profile.png","width":1934,"height":1026},{"@type":"BreadcrumbList","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/bootstrap-component-card\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.scmgalaxy.com\/tutorials\/"},{"@type":"ListItem","position":2,"name":"Bootstrap: Component &#8220;Card&#8221;"}]},{"@type":"WebSite","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#website","url":"https:\/\/www.scmgalaxy.com\/tutorials\/","name":"scmGalaxy","description":"A Platform for Software Engineers","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.scmgalaxy.com\/tutorials\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#\/schema\/person\/ec4d1004b3acffc7df65899e880c7515","name":"vikashdev k","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/738fe2694a5769295d6bbe57066232fcf8351e09ce1090f200c7b34f770fa61b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/738fe2694a5769295d6bbe57066232fcf8351e09ce1090f200c7b34f770fa61b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/738fe2694a5769295d6bbe57066232fcf8351e09ce1090f200c7b34f770fa61b?s=96&d=mm&r=g","caption":"vikashdev k"},"url":"https:\/\/www.scmgalaxy.com\/tutorials\/author\/vikashdev\/"}]}},"_links":{"self":[{"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/posts\/8179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/comments?post=8179"}],"version-history":[{"count":2,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/posts\/8179\/revisions"}],"predecessor-version":[{"id":8277,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/posts\/8179\/revisions\/8277"}],"wp:attachment":[{"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/media?parent=8179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/categories?post=8179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/tags?post=8179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}