{"id":7467,"date":"2024-01-16T16:59:00","date_gmt":"2024-01-16T16:59:00","guid":{"rendered":"https:\/\/codehim.com\/?p=7467"},"modified":"2024-01-22T15:01:28","modified_gmt":"2024-01-22T10:01:28","slug":"mobile-bottom-navigation-bar-html-css","status":"publish","type":"post","link":"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/","title":{"rendered":"Mobile Bottom Navigation Bar HTML CSS"},"content":{"rendered":"

This HTML and CSS code snippet helps you to create a bottom fixed navigation for mobile view. It uses CSS position property with absolute value to set the navigation at the bottom of the screen. You can also use fixed value to make it sticky while scrolling page content.<\/p>\n

How to Create Mobile Bottom Navigation in Bar HTML & CSS<\/h2>\n

1. In first step, load the Google fonts API into the head tag of your HTML document.<\/p>\n

<link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons\" rel=\"stylesheet\"><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/normalize\/5.0.0\/normalize.min.css\"><\/pre>\n
2. Now, create the HTML structure for bottom navigation as follows:<\/p>\n
<h1>Mobile Fixed Bottom Nav<\/h1>\r\n<h2>Bottom<\/h2>\r\n\r\n<nav class=\"mobile-bottom-nav\">\r\n\t<div class=\"mobile-bottom-nav__item mobile-bottom-nav__item--active\">\r\n\t\t<div class=\"mobile-bottom-nav__item-content\">\r\n\t\t\t<i class=\"material-icons\">home<\/i>\r\n\t\t\tone\r\n\t\t<\/div>\t\t\r\n\t<\/div>\r\n\t<div class=\"mobile-bottom-nav__item\">\t\t\r\n\t\t<div class=\"mobile-bottom-nav__item-content\">\r\n\t\t\t<i class=\"material-icons\">mail<\/i>\r\n\t\t\ttwo\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t<div class=\"mobile-bottom-nav__item\">\r\n\t\t<div class=\"mobile-bottom-nav__item-content\">\r\n\t\t\t<i class=\"material-icons\">person<\/i>\r\n\t\t\tthree\r\n\t\t<\/div>\t\t\r\n\t<\/div>\r\n\t\r\n\t<div class=\"mobile-bottom-nav__item\">\r\n\t\t<div class=\"mobile-bottom-nav__item-content\">\r\n\t\t\t<i class=\"material-icons\">phone<\/i>\r\n\t\t\tfour\r\n\t\t<\/div>\t\t\r\n\t<\/div>\r\n<\/nav> \r\n<\/pre>\n
3. Style the navigation using the following CSS styles:<\/p>\n
body {\r\n  padding: 10px;\r\n  padding-bottom: 50px;\r\n}\r\n\r\nh1 {\r\n  margin-bottom: 2000px;\r\n}\r\n\/* For Demo only *\/\r\n.cd__main{\r\n   position: relative;\r\n   width: 360px !important;\r\n   height: 720px;\r\n   border: 2px solid #bbb;\r\n}\r\n\/* end demo only *\/\r\n.mobile-bottom-nav {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 1000;\r\n  will-change: transform;\r\n  transform: translateZ(0);\r\n  display: flex;\r\n  height: 50px;\r\n  box-shadow: 0 -2px 5px -2px #333;\r\n  background-color: #fff;\r\n}\r\n.mobile-bottom-nav__item {\r\n  flex-grow: 1;\r\n  text-align: center;\r\n  font-size: 12px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n.mobile-bottom-nav__item--active {\r\n  color: red;\r\n}\r\n.mobile-bottom-nav__item-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n}<\/pre>\n
4. Finally, add the following JavaScript function to make the link active when clicked.<\/p>\n
var navItems = document.querySelectorAll(\".mobile-bottom-nav__item\");\r\nnavItems.forEach(function(e, i) {\r\n\te.addEventListener(\"click\", function(e) {\r\n\t\tnavItems.forEach(function(e2, i2) {\r\n\t\t\te2.classList.remove(\"mobile-bottom-nav__item--active\");\r\n\t\t})\r\n\t\tthis.classList.add(\"mobile-bottom-nav__item--active\");\r\n\t});\r\n});<\/pre>\n
That’s all! hopefully, you have successfully created mobile bottom navigation bar using HTML and CSS. If you have any questions or suggestions, feel free to comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"
This HTML and CSS code snippet helps you to create a bottom fixed navigation for mobile view. It uses CSS…<\/p>\n","protected":false},"author":1,"featured_media":7547,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[63],"tags":[],"class_list":["post-7467","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5-css3"],"acf":[],"yoast_head":"\nMobile Bottom Navigation Bar HTML CSS — CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a HTML and CSS code snippet to create mobile bottom fixed navigation. You can view demo and download source code.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mobile Bottom Navigation Bar HTML CSS — CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a HTML and CSS code snippet to create mobile bottom fixed navigation. You can view demo and download source code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeHim\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codehimofficial\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-16T16:59:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T10:01:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/Mobile-Bottom-Navigation-Bar-HTML-CSS-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"960\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Asif Mughal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:site\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Asif Mughal\" \/>\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:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"Mobile Bottom Navigation Bar HTML CSS\",\"datePublished\":\"2024-01-16T16:59:00+00:00\",\"dateModified\":\"2024-01-22T10:01:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/\"},\"wordCount\":141,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/Mobile-Bottom-Navigation-Bar-HTML-CSS-1.png\",\"articleSection\":[\"HTML5 & CSS3\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/\",\"url\":\"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/\",\"name\":\"Mobile Bottom Navigation Bar HTML CSS — CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/Mobile-Bottom-Navigation-Bar-HTML-CSS-1.png\",\"datePublished\":\"2024-01-16T16:59:00+00:00\",\"dateModified\":\"2024-01-22T10:01:28+00:00\",\"description\":\"Here is a HTML and CSS code snippet to create mobile bottom fixed navigation. You can view demo and download source code.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/Mobile-Bottom-Navigation-Bar-HTML-CSS-1.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/Mobile-Bottom-Navigation-Bar-HTML-CSS-1.png\",\"width\":1280,\"height\":960,\"caption\":\"Mobile Bottom Navigation Bar HTML CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5 & CSS3\",\"item\":\"https:\/\/codehim.com\/category\/html5-css3\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Mobile Bottom Navigation Bar HTML CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codehim.com\/#website\",\"url\":\"https:\/\/codehim.com\/\",\"name\":\"CodeHim\",\"description\":\"Web Design Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"alternateName\":\"Web Design Codes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codehim.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codehim.com\/#organization\",\"name\":\"CodeHim - Web Design Code & Scripts\",\"url\":\"https:\/\/codehim.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"contentUrl\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"width\":280,\"height\":280,\"caption\":\"CodeHim - Web Design Code & Scripts\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codehimofficial\",\"https:\/\/x.com\/CodeHimOfficial\",\"https:\/\/www.instagram.com\/codehim\/\",\"https:\/\/www.linkedin.com\/company\/codehim\",\"https:\/\/co.pinterest.com\/codehim\/\",\"https:\/\/www.youtube.com\/@codehim\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\",\"name\":\"Asif Mughal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"caption\":\"Asif Mughal\"},\"description\":\"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.\",\"sameAs\":[\"https:\/\/codehim.com\"],\"url\":\"https:\/\/codehim.com\/author\/asif-mughal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mobile Bottom Navigation Bar HTML CSS — CodeHim","description":"Here is a HTML and CSS code snippet to create mobile bottom fixed navigation. You can view demo and download source code.","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:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/","og_locale":"en_US","og_type":"article","og_title":"Mobile Bottom Navigation Bar HTML CSS — CodeHim","og_description":"Here is a HTML and CSS code snippet to create mobile bottom fixed navigation. You can view demo and download source code.","og_url":"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-01-16T16:59:00+00:00","article_modified_time":"2024-01-22T10:01:28+00:00","og_image":[{"width":1280,"height":960,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/Mobile-Bottom-Navigation-Bar-HTML-CSS-1.png","type":"image\/png"}],"author":"Asif Mughal","twitter_card":"summary_large_image","twitter_creator":"@CodeHimOfficial","twitter_site":"@CodeHimOfficial","twitter_misc":{"Written by":"Asif Mughal","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"Mobile Bottom Navigation Bar HTML CSS","datePublished":"2024-01-16T16:59:00+00:00","dateModified":"2024-01-22T10:01:28+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/"},"wordCount":141,"commentCount":0,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/Mobile-Bottom-Navigation-Bar-HTML-CSS-1.png","articleSection":["HTML5 & CSS3"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/","url":"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/","name":"Mobile Bottom Navigation Bar HTML CSS — CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/Mobile-Bottom-Navigation-Bar-HTML-CSS-1.png","datePublished":"2024-01-16T16:59:00+00:00","dateModified":"2024-01-22T10:01:28+00:00","description":"Here is a HTML and CSS code snippet to create mobile bottom fixed navigation. You can view demo and download source code.","breadcrumb":{"@id":"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/Mobile-Bottom-Navigation-Bar-HTML-CSS-1.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/Mobile-Bottom-Navigation-Bar-HTML-CSS-1.png","width":1280,"height":960,"caption":"Mobile Bottom Navigation Bar HTML CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/html5-css3\/mobile-bottom-navigation-bar-html-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"HTML5 & CSS3","item":"https:\/\/codehim.com\/category\/html5-css3\/"},{"@type":"ListItem","position":3,"name":"Mobile Bottom Navigation Bar HTML CSS"}]},{"@type":"WebSite","@id":"https:\/\/codehim.com\/#website","url":"https:\/\/codehim.com\/","name":"CodeHim","description":"Web Design Code Snippets","publisher":{"@id":"https:\/\/codehim.com\/#organization"},"alternateName":"Web Design Codes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codehim.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codehim.com\/#organization","name":"CodeHim - Web Design Code & Scripts","url":"https:\/\/codehim.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/","url":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","contentUrl":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","width":280,"height":280,"caption":"CodeHim - Web Design Code & Scripts"},"image":{"@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codehimofficial","https:\/\/x.com\/CodeHimOfficial","https:\/\/www.instagram.com\/codehim\/","https:\/\/www.linkedin.com\/company\/codehim","https:\/\/co.pinterest.com\/codehim\/","https:\/\/www.youtube.com\/@codehim"]},{"@type":"Person","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed","name":"Asif Mughal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","caption":"Asif Mughal"},"description":"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.","sameAs":["https:\/\/codehim.com"],"url":"https:\/\/codehim.com\/author\/asif-mughal\/"}]}},"views":19955,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/7467","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/comments?post=7467"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/7467\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/7547"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=7467"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=7467"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=7467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}