{"id":3993,"date":"2024-01-11T16:40:00","date_gmt":"2024-01-11T16:40:00","guid":{"rendered":"https:\/\/codehim.com\/?p=3993"},"modified":"2024-01-22T14:44:43","modified_gmt":"2024-01-22T09:44:43","slug":"bootstrap-select-dropdown-with-search-box","status":"publish","type":"post","link":"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/","title":{"rendered":"19+ Bootstrap Select Dropdown with Search Box Tutorial & Examples"},"content":{"rendered":"

The “Hierarchy Select” is a well developed jQuery plugin for Bootstrap to make select dropdown with search box. It comes with built-in search feature to search from select list. You just need to define a list of words, then this plugin will do everything. The plugin also useful to create multilevel tree view select dropdowns.
\nMoreover, the select element can be fully customize with plugin options and with additional CSS.<\/p>\n

How to Make Bootstrap Select Dropdown with Search<\/h2>\n

1. First of all load jQuery<\/strong>, Popper JS<\/strong> and Bootstrap framework<\/strong> into your webpage.<\/p>\n

<!-- jQuery -->\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.4.1.min.js\"><\/script>\r\n\r\n<!-- Popper Js -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.14.7\/umd\/popper.min.js\" integrity=\"sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1\" crossorigin=\"anonymous\"><\/script>\r\n\r\n<!-- Bootstrap JS -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/twitter-bootstrap\/4.3.1\/js\/bootstrap.min.js\" integrity=\"sha256-CjSoeELFOcH0\/uxWu6mC\/Vlrc1AARqbm\/jiiImDGV3s=\" crossorigin=\"anonymous\"><\/script>\r\n\r\n<!-- Bootstrap CSS -->\r\n<link rel='stylesheet' href='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/twitter-bootstrap\/4.1.3\/css\/bootstrap.min.css'>\r\n<\/pre>\n
2. Now, also include Hierarchy Select<\/b>‘s CSS and JavaScript file.<\/p>\n
<!-- Hierarchy Select CSS -->\r\n<link rel=\"stylesheet\" href=\"css\/hierarchy-select.min.css\">\r\n\r\n<!-- Hierarchy Select Js -->\r\n<script src=\"js\/hierarchy-select.min.js\"><\/script>\r\n<\/pre>\n
3. After loading all necessary assets, create HTML structure for select dropdown as follows:<\/p>\n
  <div class=\"dropdown hierarchy-select\" id=\"example\">\r\n    <button type=\"button\" class=\"btn btn-secondary dropdown-toggle\" id=\"example-two-button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\"><\/button>\r\n    <div class=\"dropdown-menu\" aria-labelledby=\"example-two-button\">\r\n        <div class=\"hs-searchbox\">\r\n            <input type=\"text\" class=\"form-control\" autocomplete=\"off\">\r\n        <\/div>\r\n        <div class=\"hs-menu-inner\">\r\n            <a class=\"dropdown-item\" data-value=\"\" data-default-selected=\"\" href=\"#\">All colors<\/a>\r\n            <a class=\"dropdown-item\" data-value=\"1\" href=\"#\">Red<\/a>\r\n            <a class=\"dropdown-item\" data-value=\"2\" href=\"#\">Orange<\/a>\r\n            <a class=\"dropdown-item\" data-value=\"3\" href=\"#\">Yellow<\/a>\r\n            <a class=\"dropdown-item\" data-value=\"4\" href=\"#\">Green<\/a>\r\n            <a class=\"dropdown-item\" data-value=\"5\" href=\"#\">Blue<\/a>\r\n            <a class=\"dropdown-item\" data-value=\"6\" href=\"#\">Purple<\/a>\r\n            <a class=\"dropdown-item\" data-value=\"7\" href=\"#\">Pink<\/a>\r\n            <a class=\"dropdown-item\" data-value=\"8\" href=\"#\">Brown<\/a>\r\n            <a class=\"dropdown-item\" data-value=\"9\" href=\"#\">Black<\/a>\r\n            <a class=\"dropdown-item\" data-value=\"10\" href=\"#\">Grey<\/a>\r\n            <a class=\"dropdown-item\" data-value=\"11\" href=\"#\">White<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    <input class=\"d-none\" name=\"example_two\" readonly=\"readonly\" aria-hidden=\"true\" type=\"text\"\/>\r\n<\/div>\r\n<\/pre>\n
4. Finally, initialize the plugin in jQuery document ready function to active Bootstrap select dropdown with search.<\/p>\n
 $(document).ready(function(){\r\n    $('#example').hierarchySelect({\r\n    hierarchy: false,\r\n    width: 'auto'\r\n   });\r\n});\r\n<\/pre>\n
Advance Configuration Options for Bootstrap Select with Search<\/h2>\n
The following are some advance configuration options to create Bootstrap select with search.<\/p>\n\n\n\n\n\n\n\n
Option<\/th>\nDescription, Default, Type<\/th>\n<\/tr>\n
width<\/code><\/td>\nIt define the CSS width property for select element. Default: ‘auto’, Type: String.<\/p>\n
$('#example').hierarchySelect({\r\n   width: 'auto',\r\n});\r\n<\/pre>\n<\/td>\n<\/tr>\n
height<\/code><\/td>\nDefine the CSS height property for select dropdown list. Default: ‘256px’, Type: String.<\/p>\n
$('#example').hierarchySelect({\r\n   height: '256px',\r\n});\r\n<\/pre>\n<\/td>\n<\/tr>\n
 hierarchy<\/code><\/td>\nDecide weather to make your dropdown list hierarchy (tree view). Default: true, Type: Boolean.<\/p>\n
$('#example').hierarchySelect({\r\n   hierarchy: false,\r\n});\r\n<\/pre>\n<\/td>\n<\/tr>\n
 search<\/code><\/td>\nEnable \/ disable search functionality in select dropdown. Default: true, Type: Boolean.<\/p>\n
$('#example').hierarchySelect({\r\n   search: true,\r\n});\r\n<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"
The “Hierarchy Select” is a well developed jQuery plugin for Bootstrap to make select dropdown with search box. It comes…<\/p>\n","protected":false},"author":1,"featured_media":3996,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[97],"tags":[],"class_list":["post-3993","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-text-input"],"acf":[],"yoast_head":"\n19+ Bootstrap Select Dropdown with Search Box Tutorial & Examples — CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a free jQuery plugin to create Bootstrap select dropdown with search box. Hierarchy Select lets you to create select with search feature.\" \/>\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\/text-input\/bootstrap-select-dropdown-with-search-box\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"19+ Bootstrap Select Dropdown with Search Box Tutorial & Examples — CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a free jQuery plugin to create Bootstrap select dropdown with search box. Hierarchy Select lets you to create select with search feature.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/\" \/>\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-11T16:40:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T09:44:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/09\/bootstrap-select-dropdown-with-search.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"962\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"19+ Bootstrap Select Dropdown with Search Box Tutorial & Examples\",\"datePublished\":\"2024-01-11T16:40:00+00:00\",\"dateModified\":\"2024-01-22T09:44:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/\"},\"wordCount\":218,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/09\/bootstrap-select-dropdown-with-search.jpg\",\"articleSection\":[\"Text & Input\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/\",\"url\":\"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/\",\"name\":\"19+ Bootstrap Select Dropdown with Search Box Tutorial & Examples — CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/09\/bootstrap-select-dropdown-with-search.jpg\",\"datePublished\":\"2024-01-11T16:40:00+00:00\",\"dateModified\":\"2024-01-22T09:44:43+00:00\",\"description\":\"Here is a free jQuery plugin to create Bootstrap select dropdown with search box. Hierarchy Select lets you to create select with search feature.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/09\/bootstrap-select-dropdown-with-search.jpg\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/09\/bootstrap-select-dropdown-with-search.jpg\",\"width\":1280,\"height\":962,\"caption\":\"Bootstrap Select Dropdown with Search Box\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Text & Input\",\"item\":\"https:\/\/codehim.com\/category\/text-input\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"19+ Bootstrap Select Dropdown with Search Box Tutorial & Examples\"}]},{\"@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":"19+ Bootstrap Select Dropdown with Search Box Tutorial & Examples — CodeHim","description":"Here is a free jQuery plugin to create Bootstrap select dropdown with search box. Hierarchy Select lets you to create select with search feature.","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\/text-input\/bootstrap-select-dropdown-with-search-box\/","og_locale":"en_US","og_type":"article","og_title":"19+ Bootstrap Select Dropdown with Search Box Tutorial & Examples — CodeHim","og_description":"Here is a free jQuery plugin to create Bootstrap select dropdown with search box. Hierarchy Select lets you to create select with search feature.","og_url":"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-01-11T16:40:00+00:00","article_modified_time":"2024-01-22T09:44:43+00:00","og_image":[{"width":1280,"height":962,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/09\/bootstrap-select-dropdown-with-search.jpg","type":"image\/jpeg"}],"author":"Asif Mughal","twitter_card":"summary_large_image","twitter_creator":"@CodeHimOfficial","twitter_site":"@CodeHimOfficial","twitter_misc":{"Written by":"Asif Mughal","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"19+ Bootstrap Select Dropdown with Search Box Tutorial & Examples","datePublished":"2024-01-11T16:40:00+00:00","dateModified":"2024-01-22T09:44:43+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/"},"wordCount":218,"commentCount":1,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/09\/bootstrap-select-dropdown-with-search.jpg","articleSection":["Text & Input"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/","url":"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/","name":"19+ Bootstrap Select Dropdown with Search Box Tutorial & Examples — CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/09\/bootstrap-select-dropdown-with-search.jpg","datePublished":"2024-01-11T16:40:00+00:00","dateModified":"2024-01-22T09:44:43+00:00","description":"Here is a free jQuery plugin to create Bootstrap select dropdown with search box. Hierarchy Select lets you to create select with search feature.","breadcrumb":{"@id":"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/09\/bootstrap-select-dropdown-with-search.jpg","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/09\/bootstrap-select-dropdown-with-search.jpg","width":1280,"height":962,"caption":"Bootstrap Select Dropdown with Search Box"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/text-input\/bootstrap-select-dropdown-with-search-box\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"Text & Input","item":"https:\/\/codehim.com\/category\/text-input\/"},{"@type":"ListItem","position":3,"name":"19+ Bootstrap Select Dropdown with Search Box Tutorial & Examples"}]},{"@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":100774,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/3993","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=3993"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/3993\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/3996"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=3993"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=3993"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=3993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}