{"id":5636,"date":"2024-01-11T16:40:00","date_gmt":"2024-01-11T16:40:00","guid":{"rendered":"https:\/\/codehim.com\/?p=5636"},"modified":"2024-01-22T14:45:22","modified_gmt":"2024-01-22T09:45:22","slug":"dropdown-menu-onclick-event-using-javascript","status":"publish","type":"post","link":"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/","title":{"rendered":"Dropdown Menu onclick Event using JavaScript"},"content":{"rendered":"<p>The &#8220;clicky-menus&#8221; is a lightweight JavaScript plugin that helps you to create a dropdown menu onclick event. The menu comes with a one-level <a href=\"https:\/\/codehim.com\/menu\/simple-dropdown-menu-using-jquery-css\/\" target=\"_blank\" rel=\"noopener\">dropdown menu<\/a> that can be opened with a click, tap, or keyboard <kbd>enter<\/kbd>\/<kbd>space<\/kbd> key (when it is focused).<\/p>\n<p>The plugin converts each parent item (dropdown link) to the button element to expand dropdowns. It supports mouse, touch, and keyboard interactions to toggle dropdowns. Similarly, the opened dropdown can be closed if a user clicks outside the menu. Moreover, the menu also works (with pure CSS) in case of JavaScript is disabled in the browser.<\/p>\n<h2>How to Create Dropdown Menu onclick Event<\/h2>\n<p>1. In order to create a dropdown menu onclick event, you need to getting started with clicky-menus plugin. So, load the clicky-menu CSS file into the head tag of your HTML page.<\/p>\n<pre class=\"prettyprint linenums lang-html\">&lt;!-- Clicky Menus CSS --&gt;\r\n&lt;link rel=\"stylesheet\" href=\"css\/clicky-menu.css\"&gt;\r\n<\/pre>\n<p>2. After that, create the HTML structure for the dropdown menu as follows. You only need to add your links to it.<\/p>\n<pre class=\"prettyprint linenums lang-html\">&lt;!-- dropdown arrow icon SVG to use with &lt;use&gt; --&gt;\r\n&lt;svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  hidden&gt;\r\n\t&lt;symbol id=\"arrow\" viewbox=\"0 0 16 16\" &gt;\r\n\t\t&lt;polyline points=\"4 6, 8 10, 12 6\" stroke=\"#000\" stroke-width=\"2\" fill=\"transparent\" stroke-linecap=\"round\" \/&gt;\r\n\t&lt;\/symbol&gt;\r\n&lt;\/svg&gt;\r\n&lt;nav id=\"site-navigation\" class=\"site-navigation\" aria-label=\"Dropdown Menu\"&gt;\r\n&lt;ul class=\"main-menu clicky-menu no-js\"&gt;\r\n    &lt;li&gt;\r\n        &lt;a href=\"#\"&gt;Home&lt;\/a&gt;\r\n    &lt;\/li&gt;\r\n    &lt;li&gt;\r\n        &lt;a href=\"#\"&gt;\r\n            Services\r\n            &lt;svg aria-hidden=\"true\" width=\"16\" height=\"16\"&gt;\r\n                &lt;use xlink:href=\"#arrow\" \/&gt;\r\n            &lt;\/svg&gt;\r\n        &lt;\/a&gt;\r\n        &lt;ul&gt;\r\n            &lt;li&gt;&lt;a href=\"#\"&gt;Design&lt;\/a&gt;&lt;\/li&gt;\r\n            &lt;li&gt;&lt;a href=\"#\"&gt;Development&lt;\/a&gt;&lt;\/li&gt;\r\n            &lt;li&gt;&lt;a href=\"#\"&gt;Accessibility&lt;\/a&gt;&lt;\/li&gt;\r\n            &lt;li&gt;&lt;a href=\"#\"&gt;Content Strategy&lt;\/a&gt;&lt;\/li&gt;\r\n            &lt;li&gt;&lt;a href=\"#\"&gt;Training&lt;\/a&gt;&lt;\/li&gt;\r\n        &lt;\/ul&gt;\r\n    &lt;\/li&gt;\r\n    &lt;li&gt;\r\n        &lt;a href=\"#\"&gt;\r\n            Portfolio\r\n            &lt;svg aria-hidden=\"true\" width=\"16\" height=\"16\"&gt;\r\n                &lt;use xlink:href=\"#arrow\" \/&gt;\r\n            &lt;\/svg&gt;\r\n        &lt;\/a&gt;\r\n        &lt;ul&gt;\r\n            &lt;li&gt;&lt;a href=\"#\"&gt;Nonprofits&lt;\/a&gt;&lt;\/li&gt;\r\n            &lt;li&gt;&lt;a href=\"#\"&gt;Higher Education&lt;\/a&gt;&lt;\/li&gt;\r\n            &lt;li&gt;&lt;a href=\"#\"&gt;Associations&lt;\/a&gt;&lt;\/li&gt;\r\n            &lt;li&gt;&lt;a href=\"#\"&gt;Consultants&lt;\/a&gt;&lt;\/li&gt;\r\n        &lt;\/ul&gt;\r\n    &lt;\/li&gt;\r\n    &lt;li&gt;\r\n        &lt;a href=\"#\"&gt;\r\n            About\r\n            &lt;svg aria-hidden=\"true\" width=\"16\" height=\"16\"&gt;\r\n                &lt;use xlink:href=\"#arrow\" \/&gt;\r\n            &lt;\/svg&gt;\r\n        &lt;\/a&gt;\r\n        &lt;ul&gt;\r\n            &lt;li&gt;&lt;a href=\"#\"&gt;Mission&lt;\/a&gt;&lt;\/li&gt;\r\n            &lt;li&gt;&lt;a href=\"#\"&gt;History&lt;\/a&gt;&lt;\/li&gt;\r\n            &lt;li&gt;&lt;a href=\"#\"&gt;Contact&lt;\/a&gt;&lt;\/li&gt;\r\n        &lt;\/ul&gt;\r\n    &lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n&lt;\/nav&gt;\r\n<\/pre>\n<p>3. Finally, load the &#8220;clicky-menus&#8221; JavaScript file before closing the body tag and done.<\/p>\n<pre class=\"prettyprint linenums lang-html\">&lt;!-- Clicky Menus JS --&gt;\r\n&lt;script src=\"js\/clicky-menus.js\"&gt;&lt;\/script&gt;\r\n<\/pre>\n<p>That&#8217;s all! hopefully, this JavaScript plugin is helpful for you to create a dropdown menu onclick event. If you have any questions or suggestions, let me know by comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The &#8220;clicky-menus&#8221; is a lightweight JavaScript plugin that helps you to create a dropdown menu onclick event. The menu comes&#8230;<\/p>\n","protected":false},"author":1,"featured_media":5639,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[38,116],"tags":[],"class_list":["post-5636","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-menu","category-vanilla-javascript"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dropdown Menu onclick Event using JavaScript &#8212; CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a JavaScript plugin to create dropdown menu onclick event. You can view demo and download code for dropdown navigation menu.\" \/>\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\/menu\/dropdown-menu-onclick-event-using-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dropdown Menu onclick Event using JavaScript &#8212; CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a JavaScript plugin to create dropdown menu onclick event. You can view demo and download code for dropdown navigation menu.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/\" \/>\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:45:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/dropdown-menu-onclick-event-using-javascript.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1256\" \/>\n\t<meta property=\"og:image:height\" content=\"942\" \/>\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\/menu\/dropdown-menu-onclick-event-using-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"Dropdown Menu onclick Event using JavaScript\",\"datePublished\":\"2024-01-11T16:40:00+00:00\",\"dateModified\":\"2024-01-22T09:45:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/\"},\"wordCount\":207,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/dropdown-menu-onclick-event-using-javascript.png\",\"articleSection\":[\"Menu &amp; Nav\",\"Vanilla JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/\",\"url\":\"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/\",\"name\":\"Dropdown Menu onclick Event using JavaScript &#8212; CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/dropdown-menu-onclick-event-using-javascript.png\",\"datePublished\":\"2024-01-11T16:40:00+00:00\",\"dateModified\":\"2024-01-22T09:45:22+00:00\",\"description\":\"Here is a JavaScript plugin to create dropdown menu onclick event. You can view demo and download code for dropdown navigation menu.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/dropdown-menu-onclick-event-using-javascript.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/dropdown-menu-onclick-event-using-javascript.png\",\"width\":1256,\"height\":942,\"caption\":\"Dropdown Menu onclick Event using JavaScript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Menu &amp; Nav\",\"item\":\"https:\/\/codehim.com\/category\/menu\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Dropdown Menu onclick Event using JavaScript\"}]},{\"@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":"Dropdown Menu onclick Event using JavaScript &#8212; CodeHim","description":"Here is a JavaScript plugin to create dropdown menu onclick event. You can view demo and download code for dropdown navigation menu.","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\/menu\/dropdown-menu-onclick-event-using-javascript\/","og_locale":"en_US","og_type":"article","og_title":"Dropdown Menu onclick Event using JavaScript &#8212; CodeHim","og_description":"Here is a JavaScript plugin to create dropdown menu onclick event. You can view demo and download code for dropdown navigation menu.","og_url":"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/","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:45:22+00:00","og_image":[{"width":1256,"height":942,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/dropdown-menu-onclick-event-using-javascript.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\/menu\/dropdown-menu-onclick-event-using-javascript\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"Dropdown Menu onclick Event using JavaScript","datePublished":"2024-01-11T16:40:00+00:00","dateModified":"2024-01-22T09:45:22+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/"},"wordCount":207,"commentCount":2,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/dropdown-menu-onclick-event-using-javascript.png","articleSection":["Menu &amp; Nav","Vanilla JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/","url":"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/","name":"Dropdown Menu onclick Event using JavaScript &#8212; CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/dropdown-menu-onclick-event-using-javascript.png","datePublished":"2024-01-11T16:40:00+00:00","dateModified":"2024-01-22T09:45:22+00:00","description":"Here is a JavaScript plugin to create dropdown menu onclick event. You can view demo and download code for dropdown navigation menu.","breadcrumb":{"@id":"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/dropdown-menu-onclick-event-using-javascript.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2021\/09\/dropdown-menu-onclick-event-using-javascript.png","width":1256,"height":942,"caption":"Dropdown Menu onclick Event using JavaScript"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/menu\/dropdown-menu-onclick-event-using-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"Menu &amp; Nav","item":"https:\/\/codehim.com\/category\/menu\/"},{"@type":"ListItem","position":3,"name":"Dropdown Menu onclick Event using JavaScript"}]},{"@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":27273,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/5636","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=5636"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/5636\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/5639"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=5636"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=5636"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=5636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}