{"id":338,"date":"2020-01-06T12:47:00","date_gmt":"2020-01-06T12:47:00","guid":{"rendered":"https:\/\/www.xhtmlteam.com\/blog\/?p=338"},"modified":"2026-04-27T15:49:20","modified_gmt":"2026-04-27T15:49:20","slug":"responsive-icon-boxes","status":"publish","type":"post","link":"https:\/\/www.xhtmlteam.com\/blog\/responsive-icon-boxes\/","title":{"rendered":"Responsive Icon Boxes"},"content":{"rendered":"<p>Download these free, fully responsive icon boxes for personal use. They&#8217;re easy to edit with just basic HTML knowledge, making them perfect for quick customization. Ideal for enhancing your website design with clean, functional icon boxes that work seamlessly across devices. Get your free download now!<\/p>\n<p><strong>Features<\/strong><\/p>\n<ul>\n<li>Full Responsive<\/li>\n<li>HTML5 CSS3<\/li>\n<li>Easy to Customise<\/li>\n<li>Most browsers supported<\/li>\n<li>Free for Personal Use<\/li>\n<\/ul>\n<p><strong>CSS:<\/strong><\/p>\n<pre class=\"brush:css\">@font-face {\r\n  font-family: 'open_sansregular';\r\n  src: url('..\/webfonts\/opensans-regular-webfont.eot');\r\n  src: url('..\/webfonts\/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),\r\n         url('..\/webfonts\/opensans-regular-webfont.woff') format('woff'),\r\n         url('..\/webfonts\/opensans-regular-webfont.ttf') format('truetype'),\r\n         url('..\/webfonts\/opensans-regular-webfont.svg#open_sansregular') format('svg');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'open_sanssemibold';\r\n    src: url('..\/webfonts\/opensans-semibold-webfont.eot');\r\n    src: url('..\/webfonts\/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),\r\n         url('..\/webfonts\/opensans-semibold-webfont.woff') format('woff'),\r\n         url('..\/webfonts\/opensans-semibold-webfont.ttf') format('truetype'),\r\n         url('..\/webfonts\/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');\r\n    font-weight: normal;\r\n    font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'open_sansbold';\r\n    src: url('..\/webfonts\/opensans-bold-webfont.eot');\r\n    src: url('..\/webfonts\/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),\r\n         url('..\/webfonts\/opensans-bold-webfont.woff2') format('woff2'),\r\n         url('..\/webfonts\/opensans-bold-webfont.woff') format('woff'),\r\n         url('..\/webfonts\/opensans-bold-webfont.ttf') format('truetype'),\r\n         url('..\/webfonts\/opensans-bold-webfont.svg#open_sansbold') format('svg');\r\n    font-weight: normal;\r\n    font-style: normal;\r\n}\r\n\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\nhtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {\r\n  margin: 0;\r\n  padding: 0;\r\n  border: 0;\r\n  font-size: 100%;\r\n  font: inherit;\r\n  vertical-align: baseline;\r\n}\r\n\r\narticle, aside, details, figcaption, figure, footer, header, hgroup, nav, section {\r\n  display: block;\r\n}\r\n\r\nhtml {\r\n  font-size: 100%;\r\n  -webkit-text-size-adjust: 100%;\r\n  -ms-text-size-adjust: 100%;\r\n}\r\n\r\n*, *:before, *:after {\r\n  -webkit-box-sizing: border-box;\r\n  -moz-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  font-family: 'Open Sans', sans-serif;\r\n  font-weight: 400;\r\n  font-size: 15px;\r\n  color: #666666;\r\n  line-height: 24px;\r\n}\r\n\r\n.container-main {\r\n  width: 100%;\r\n  height: 100%;\r\n  float: left;\r\n  background: #ffffff;\r\n  background: -webkit-linear-gradient(#ffffff, #f2f7fc);\r\n  background: -o-linear-gradient(#ffffff, #f2f7fc);\r\n  background: -moz-linear-gradient(#ffffff, #f2f7fc);\r\n  background: linear-gradient(#ffffff, #f2f7fc);\r\n  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f7fc', GradientType=0);\r\n  overflow: auto;\r\n  overflow-x: hidden;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  padding: 0 0!important;\r\n}\r\n\r\n.container-main .container-in {\r\n  width: 100%;\r\n  float: left;\r\n  padding: 100px 0;\r\n}\r\n\r\n.container-main .container {\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 30px;\r\n}\r\n\r\n@media only screen and (max-width: 991px) {\r\n  .container-main .container-in {\r\n    padding: 70px 0;\r\n  }\r\n}\r\n\r\n@media only screen and (max-width: 767px) {\r\n  .container-main .container-in {\r\n    padding: 50px 0;\r\n  }\r\n\r\n  .container-main .container {\r\n    max-width: 540px;\r\n    padding: 0 20px;\r\n  }\r\n}\r\n\r\n.feature-list {\r\n  width: 100%;\r\n  float: left;\r\n  text-align: center;\r\n}\r\n\r\n.feature-list .heading-txt {\r\n  width: 100%;\r\n  float: left;\r\n  padding: 0 0 100px 0;\r\n}\r\n\r\n.feature-list .heading-txt h2 {\r\n  font-family: \"open_sansregular\", Arial, Helvetica, sans-serif;\r\n  font-size: 42px;\r\n  color: #212121;\r\n  line-height: 1.2em;\r\n  padding: 0 0 30px 0;\r\n  margin: 0;\r\n}\r\n\r\n.feature-list .heading-txt p {\r\n  font-family: \"open_sansregular\", Arial, Helvetica, sans-serif;\r\n  font-size: 20px;\r\n  color: #5f646f;\r\n  line-height: 30px;\r\n  letter-spacing: 0.02em;\r\n  padding: 0 0 20px 0;\r\n  margin: 0;\r\n}\r\n\r\n.feature-list .heading-txt p:last-child {\r\n  padding-bottom: 0;\r\n}\r\n\r\n.feature-list .heading-txt aside {\r\n  width: 100%;\r\n  max-width: 780px;\r\n  float: none;\r\n  display: inline-block;\r\n  vertical-align: top;\r\n}\r\n\r\n.feature-list .article {\r\n  width: 30.77%;\r\n  float: none;\r\n  display: inline-block;\r\n  vertical-align: top;\r\n  border: 1px solid #e1e1e1;\r\n  box-shadow: rgba(0, 0, 0, 0.10) 0 8px 20px;\r\n  border-radius: 3px;\r\n  position: relative;\r\n  padding: 30px 25px 80px 25px;\r\n  margin: 0 1.1% 2.56% 1.1%;\r\n}\r\n\r\n.feature-list .article .icon {\r\n  width: 70px;\r\n  height: 70px;\r\n  float: none;\r\n  display: inline-block;\r\n  vertical-align: top;\r\n  line-height: 68px;\r\n  text-align: center;\r\n  border-radius: 70px;\r\n  background: #5ead52;\r\n  background: -webkit-linear-gradient(#5ead52, #5ba2a7);\r\n  background: -o-linear-gradient(#5ead52, #5ba2a7);\r\n  background: -moz-linear-gradient(#5ead52, #5ba2a7);\r\n  background: linear-gradient(#5ead52, #5ba2a7);\r\n  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ead52', endColorstr='#5ba2a7', GradientType=0);\r\n  margin: 0 0 24px 0;\r\n}\r\n\r\n.feature-list .article img {\r\n  max-width: 100%;\r\n  max-height: 41px;\r\n  vertical-align: middle;\r\n  color: #fff;\r\n}\r\n\r\n.feature-list .article h3 {\r\n  font-family: \"open_sanssemibold\", Arial, Helvetica, sans-serif;\r\n  font-size: 18px;\r\n  color: #000000;\r\n  line-height: 24px;\r\n  text-transform: uppercase;\r\n  padding: 0 0 24px 0;\r\n}\r\n\r\n.feature-list .article h3 a {\r\n  color: #000000;\r\n  text-decoration: none;\r\n}\r\n\r\n.feature-list .article h3 a:hover {\r\n  color: #5ead4e;\r\n}\r\n\r\n.feature-list .article p {\r\n  font-family: \"open_sansregular\", Arial, Helvetica, sans-serif;\r\n  font-size: 16px;\r\n  color: #5f646f;\r\n  line-height: 28px;\r\n  padding: 0 0 24px 0;\r\n  margin: 0;\r\n}\r\n\r\n.feature-list .article p strong {\r\n  font-family: \"open_sanssemibold\", Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.feature-list .article p a {\r\n  color: #5f646f;\r\n  text-decoration: none;\r\n}\r\n\r\n.feature-list .article p a:hover {\r\n  color: #5ead4e;\r\n}\r\n\r\n.feature-list .article p:last-child {\r\n  padding-bottom: 0;\r\n}\r\n\r\n.feature-list .article .btn {\r\n  width: 100%;\r\n  float: none;\r\n  display: inline-block;\r\n  font-weight: normal;\r\n  font-family: \"open_sanssemibold\", Arial, Helvetica, sans-serif;\r\n  font-size: 14px;\r\n  color: #ffffff;\r\n  line-height: 20px;\r\n  letter-spacing: 0.06em;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  text-transform: uppercase;\r\n  white-space: normal;\r\n  vertical-align: middle;\r\n  filter: 0;\r\n  background: #5ead4e;\r\n  border: 2px solid #5ead4e;\r\n  border-radius: 100px;\r\n  box-shadow: none;\r\n  position: relative;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n  outline: 0;\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  padding: 13px 20px 13px 20px;\r\n}\r\n\r\n.feature-list .article .btn:hover, .feature-list .article .btn:focus, .feature-list .article .btn:active, .feature-list .article .btn:active:focus, .feature-list .article .btn.active, .feature-list .article .btn.active:focus {\r\n  color: #5ead4e;\r\n  text-decoration: none;\r\n  background: none;\r\n  outline: 0;\r\n}\r\n\r\n.feature-list .article .btn.disabled, .feature-list .article .btn[disabled], .feature-list .article fieldset[disabled] .btn {\r\n  cursor: not-allowed;\r\n  filter: alpha(opacity=65);\r\n  -webkit-box-shadow: none;\r\n  box-shadow: none;\r\n  opacity: .65;\r\n}\r\n\r\n.feature-list .article a.btn.disabled, .feature-list .article fieldset[disabled] a.btn {\r\n  pointer-events: none;\r\n}\r\n\r\n.feature-list .article .btn-out {\r\n  width: 100%;\r\n  float: left;\r\n  position: absolute;\r\n  bottom: 30px;\r\n  left: 0;\r\n  padding: 0 25px;\r\n}\r\n\r\n.feature-list .article-out {\r\n  width: 102.56%;\r\n  float: left;\r\n  margin: 0 -1.28% -2.56% -1.28%;\r\n}\r\n\r\n.feature-list .article-list {\r\n  width: 100%;\r\n  max-width: 780px;\r\n  float: none;\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  margin: 0 0 80px 0;\r\n}\r\n\r\n.feature-list .article-list:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n@media only screen and (max-width: 991px) {\r\n  .feature-list .heading-txt {\r\n    padding: 0 0 70px 0;\r\n  }\r\n\r\n  .feature-list .heading-txt h2 {\r\n    font-size: 34px;\r\n    padding: 0 0 25px 0;\r\n  }\r\n\r\n  .feature-list .heading-txt p {\r\n    font-size: 18px;\r\n    line-height: 26px;\r\n    padding: 0 0 20px 0;\r\n  }\r\n\r\n  .feature-list .article {\r\n    width: 30.70%;\r\n    padding: 30px 20px 76px 20px;\r\n  }\r\n\r\n  .feature-list .article .icon {\r\n    margin: 0 0 25px 0;\r\n  }\r\n\r\n  .feature-list .article h3 {\r\n    font-size: 16px;\r\n    line-height: 22px;\r\n    padding: 0 0 25px 0;\r\n  }\r\n\r\n  .feature-list .article p {\r\n    font-size: 15px;\r\n    line-height: 24px;\r\n    padding: 0 0 25px 0;\r\n  }\r\n\r\n  .feature-list .article .btn {\r\n    font-size: 13px;\r\n    line-height: 18px;\r\n    padding: 12px 20px 12px 20px;\r\n  }\r\n\r\n  .feature-list .article .btn-out {\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .feature-list .article-list {\r\n    margin: 0 0 60px 0;\r\n  }\r\n}\r\n\r\n@media only screen and (max-width: 767px) {\r\n  .feature-list .heading-txt {\r\n    padding: 0 0 50px 0;\r\n  }\r\n\r\n  .feature-list .heading-txt h2 {\r\n    font-size: 28px;\r\n    padding: 0 0 20px 0;\r\n  }\r\n\r\n  .feature-list .heading-txt p {\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n  }\r\n\r\n  .feature-list .article {\r\n    width: 100%;\r\n    max-width: 230px;\r\n    padding: 30px 20px 76px 20px;\r\n    margin: 0 8px 20px 8px;\r\n  }\r\n\r\n  .feature-list .article .icon {\r\n    margin: 0 0 20px 0;\r\n  }\r\n\r\n  .feature-list .article h3 {\r\n    padding: 0 0 20px 0;\r\n  }\r\n\r\n  .feature-list .article p {\r\n    padding: 0 0 20px 0;\r\n  }\r\n\r\n  .feature-list .article-out {\r\n    width: 100%;\r\n    margin: 0 0 -20px 0;\r\n  }\r\n\r\n  .feature-list .article-list {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0 0 40px 0;\r\n  }\r\n}\r\n\r\n.client-logo {\r\n  width: 100%;\r\n  float: left;\r\n  overflow: hidden;\r\n}\r\n\r\n.client-logo h2 {\r\n  font-family: \"open_sanssemibold\", Arial, Helvetica, sans-serif;\r\n  font-size: 18px;\r\n  color: #7d909d;\r\n  line-height: 26px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.04em;\r\n  padding: 0 0 25px 0;\r\n  margin: 0;\r\n}\r\n\r\n.client-logo h2:last-child {\r\n  padding-bottom: 0;\r\n}\r\n\r\n.client-logo ul {\r\n  width: auto;\r\n  float: none;\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  margin: 0 -15px -30px -15px;\r\n}\r\n\r\n.client-logo ul li {\r\n  width: auto;\r\n  float: none;\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  margin: 0 15px 30px 15px;\r\n}\r\n\r\n.client-logo ul li img {\r\n  max-width: 100%;\r\n}\r\n\r\n@media only screen and (max-width: 767px) {\r\n  .client-logo ul {\r\n    margin: 0 -15px -25px -15px;\r\n  }\r\n\r\n  .client-logo ul li {\r\n    margin: 0 15px 25px 15px;\r\n  }\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<p><strong>HTML:<\/strong><\/p>\n<pre class=\"brush:php\">&lt;!doctype html&gt;\r\n&lt;html lang=\"en\"&gt;\r\n&lt;!-- downloaded from xhtmlteam.com --&gt;\r\n\r\n&lt;head&gt;\r\n    &lt;meta charset=\"utf-8\" \/&gt;\r\n    &lt;meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\" \/&gt;\r\n    &lt;meta name=\"apple-touch-fullscreen\" content=\"YES\"&gt;\r\n    &lt;meta name=\"description\" content=\"\"&gt;\r\n    &lt;meta name=\"keywords\" content=\"\"&gt;\r\n    &lt;title&gt;Responive Icon Boxes | XHTMLTEAM&lt;\/title&gt;\r\n    &lt;meta content=\"width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0\" name=\"viewport\"&gt;\r\n    &lt;link href=\"css\/style.css\" rel=\"stylesheet\" type=\"text\/css\" \/&gt;\r\n    &lt;!-- html5.js for IE less than 10 --&gt;\r\n    &lt;!--[if lt IE 10]&gt;\r\n&lt;script src=\"http:\/\/html5shim.googlecode.com\/svn\/trunk\/html5.js\"&gt;&lt;\/script&gt;\r\n&lt;![endif]--&gt;\r\n    &lt;!-- css3-mediaqueries.js for IE less than 9 --&gt;\r\n    &lt;!--[if lt IE 9]&gt;\r\n&lt;script src=\"http:\/\/css3-mediaqueries-js.googlecode.com\/svn\/trunk\/css3-mediaqueries.js\"&gt;&lt;\/script&gt;\r\n&lt;![endif]--&gt;\r\n&lt;\/head&gt;\r\n\r\n&lt;body&gt;\r\n\r\n    &lt;div class=\"container-main\"&gt;\r\n        &lt;div class=\"container-in\"&gt;\r\n\r\n            &lt;div class=\"container\"&gt;\r\n                &lt;div class=\"feature-list\"&gt;\r\n\r\n                    &lt;div class=\"article-list\"&gt;\r\n                        &lt;div class=\"article-out\"&gt;\r\n                            &lt;div class=\"article\"&gt;\r\n                                &lt;div class=\"icon\"&gt;&lt;img src=\"img\/icon-1.png\" alt=\"icon\" \/&gt;&lt;\/div&gt;\r\n                                &lt;h3&gt;Lorem Ipsum&lt;\/h3&gt;\r\n                                &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry.&lt;\/p&gt;\r\n                                &lt;div class=\"btn-out\"&gt;&lt;a href=\"#\" class=\"btn\"&gt;Learn More&lt;\/a&gt;&lt;\/div&gt;\r\n                            &lt;\/div&gt;\r\n                            &lt;div class=\"article\"&gt;\r\n                                &lt;div class=\"icon\"&gt;&lt;img src=\"img\/icon-2.png\" alt=\"icon\" \/&gt;&lt;\/div&gt;\r\n                                &lt;h3&gt;Lorem Ipsum&lt;\/h3&gt;\r\n                                &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry.&lt;\/p&gt;\r\n                                &lt;div class=\"btn-out\"&gt;&lt;a href=\"#\" class=\"btn\"&gt;Learn More&lt;\/a&gt;&lt;\/div&gt;\r\n                            &lt;\/div&gt;\r\n                            &lt;div class=\"article\"&gt;\r\n                                &lt;div class=\"icon\"&gt;&lt;img src=\"img\/icon-3.png\" alt=\"icon\" \/&gt;&lt;\/div&gt;\r\n                                &lt;h3&gt;Lorem Ipsum&lt;\/h3&gt;\r\n                                &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry.&lt;\/p&gt;\r\n                                &lt;div class=\"btn-out\"&gt;&lt;a href=\"#\" class=\"btn\"&gt;Learn More&lt;\/a&gt;&lt;\/div&gt;\r\n                            &lt;\/div&gt;\r\n                        &lt;\/div&gt;\r\n                    &lt;\/div&gt;\r\n\r\n                    &lt;div class=\"client-logo\"&gt;\r\n                        &lt;h2&gt;In The Press&lt;\/h2&gt;\r\n                        &lt;ul&gt;\r\n                            &lt;li&gt;\r\n                                &lt;a href=\"#\"&gt;&lt;img src=\"img\/logo-bloomberg.png\" alt=\"bloomberg\" \/&gt;&lt;\/a&gt;\r\n                            &lt;\/li&gt;\r\n                            &lt;li&gt;\r\n                                &lt;a href=\"#\"&gt;&lt;img src=\"img\/logo-forbes.png\" alt=\"forbes\" \/&gt;&lt;\/a&gt;\r\n                            &lt;\/li&gt;\r\n                            &lt;li&gt;\r\n                                &lt;a href=\"#\"&gt;&lt;img src=\"img\/logo-the-huffington-post.png\" alt=\"the-huffington-post\" \/&gt;&lt;\/a&gt;\r\n                            &lt;\/li&gt;\r\n                            &lt;li&gt;\r\n                                &lt;a href=\"#\"&gt;&lt;img src=\"img\/logo-techcrunch.png\" alt=\"techcrunch\" \/&gt;&lt;\/a&gt;\r\n                            &lt;\/li&gt;\r\n                            &lt;li&gt;\r\n                                &lt;a href=\"#\"&gt;&lt;img src=\"img\/logo-usa-today.png\" alt=\"usa-today\" \/&gt;&lt;\/a&gt;\r\n                            &lt;\/li&gt;\r\n                        &lt;\/ul&gt;\r\n                    &lt;\/div&gt;\r\n                &lt;\/div&gt;\r\n\r\n            &lt;\/div&gt;\r\n        &lt;\/div&gt;\r\n    &lt;\/div&gt;\r\n\r\n    &lt;script src=\"js\/jquery.min.js\"&gt;&lt;\/script&gt;\r\n    &lt;script src=\"js\/custom.js\"&gt;&lt;\/script&gt;\r\n\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p><strong>Live Preview<\/strong><br \/>\nYou can view a <strong><a href=\"https:\/\/xhtmlteam.com\/frontend-demo\/download\/responsive-icon-boxes\/\" target=\"_blank\" rel=\"noopener noreferrer\" rel=\"noopener noreferrer\">live demo<\/a><\/strong> here.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Download these free, fully responsive icon boxes for personal use. They&#8217;re easy to edit with just basic HTML knowledge, making them perfect for quick customization. Ideal for enhancing your website&hellip; <a class=\"read-more-link\" href=\"https:\/\/www.xhtmlteam.com\/blog\/responsive-icon-boxes\/\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":341,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[38],"tags":[65,44],"class_list":["post-338","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-frontend-demo","tag-free-download","tag-icon-boxes"],"acf":[],"aioseo_notices":[],"views":2640,"_links":{"self":[{"href":"https:\/\/www.xhtmlteam.com\/blog\/wp-json\/wp\/v2\/posts\/338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xhtmlteam.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xhtmlteam.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xhtmlteam.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xhtmlteam.com\/blog\/wp-json\/wp\/v2\/comments?post=338"}],"version-history":[{"count":0,"href":"https:\/\/www.xhtmlteam.com\/blog\/wp-json\/wp\/v2\/posts\/338\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.xhtmlteam.com\/blog\/wp-json\/wp\/v2\/media\/341"}],"wp:attachment":[{"href":"https:\/\/www.xhtmlteam.com\/blog\/wp-json\/wp\/v2\/media?parent=338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xhtmlteam.com\/blog\/wp-json\/wp\/v2\/categories?post=338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xhtmlteam.com\/blog\/wp-json\/wp\/v2\/tags?post=338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}