{"id":6481,"date":"2021-05-04T06:45:06","date_gmt":"2021-05-04T06:45:06","guid":{"rendered":"https:\/\/wordpress-theme.spider-themes.net\/docy\/?page_id=6481"},"modified":"2021-05-04T06:45:06","modified_gmt":"2021-05-04T06:45:06","slug":"documentation-column-4","status":"publish","type":"page","link":"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/documentation-column-4\/","title":{"rendered":"Documentation Column 4"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6481\" class=\"elementor elementor-6481\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4eb9e6bc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4eb9e6bc\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7ba27712\" data-id=\"7ba27712\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-647f6ce elementor-widget elementor-widget-ezd_docs\" data-id=\"647f6ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ezd_docs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"eazydocs_shortcode\">\n    <div class=\"ezd-grid  ezd-column-4 \"  >\n\t\t                <div class=\"ezd-col-width\">\n                    <div class=\"categories_guide_item  wow fadeInUp\">\n\t\t\t\t\t\t\n                        <div class=\"doc-top ezd-d-flex ezd-align-items-start\">\n                            <a class=\"doc_tag_title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/docly-documentation\/\">\n                                <h4 class=\"title ezd_item_title\"> Docy Documentation It can be used for documenting API <\/h4>\n\t\t\t\t\t\t\t\t                                <span class=\"ezd-badge\">\n\t\t\t\t\t\t\t\t\t43 Topics\t\t\t\t\t\t\t\t<\/span>\n                            <\/a>\n                        <\/div>\n\n\t\t\t\t\t\t<ul class=\"ezd-list-unstyled article_list\"><li><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/docly-documentation\/elements\/\" class=\"ezd_item_list_title\">Elements<\/a><\/li><li><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/docly-documentation\/layouts\/\" class=\"ezd_item_list_title\">Layouts<\/a><\/li><li><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/docly-documentation\/content\/\" class=\"ezd_item_list_title\">Content<\/a><\/li><li><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/docly-documentation\/code\/\" class=\"ezd_item_list_title\">Code Syntax Highlight<\/a><\/li><li><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/docly-documentation\/footnotes\/\" class=\"ezd_item_list_title\">Footnotes<\/a><\/li><\/ul><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/docly-documentation\/\" class=\"doc_border_btn ezd_btn\">View All<i class=\"arrow_right\"><\/i><\/a>\t\t\t\t\t\t\n                    <\/div>\n                <\/div>\n\t\t\t                    <div class=\"ezd-col-width\">\n                    <div class=\"categories_guide_item ezd-doc-protected wow fadeInUp\">\n\t\t\t\t\t\t<div class=\"private\" title=\"Password Protected Doc\"><svg width=\"50px\" height=\"50px\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#4e5668\"><g><path fill=\"none\" d=\"M0 0h24v24H0z\"\/><path d=\"M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0v1zm-2 0V7a4 4 0 1 0-8 0v1h8zm-5 6v2h2v-2h-2zm-4 0v2h2v-2H7zm8 0v2h2v-2h-2z\"\/><\/g><\/svg><\/div>\n                        <div class=\"doc-top ezd-d-flex ezd-align-items-start\">\n                            <a class=\"doc_tag_title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/rogan-documentation\/\">\n                                <h4 class=\"title ezd_item_title\"> Protected: Rogan Documentation <\/h4>\n\t\t\t\t\t\t\t\t<span class=\"ezd-doc-flag ezd-doc-flag--protected\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 1a5 5 0 00-5 5v3H6a2 2 0 00-2 2v9a2 2 0 002 2h12a2 2 0 002-2v-9a2 2 0 00-2-2h-1V6a5 5 0 00-5-5zm3 8H9V6a3 3 0 016 0v3z\"\/><\/svg>Protected<\/span>                                <span class=\"ezd-badge\">\n\t\t\t\t\t\t\t\t\t31 Topics\t\t\t\t\t\t\t\t<\/span>\n                            <\/a>\n                        <\/div>\n\n\t\t\t\t\t\t<ul class=\"ezd-list-unstyled article_list\"><li><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/rogan-documentation\/getting-started\/\" class=\"ezd_item_list_title\">Getting Started<\/a><\/li><li><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/rogan-documentation\/faqs\/\" class=\"ezd_item_list_title\">FAQs<\/a><\/li><li><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/rogan-documentation\/tips-guide\/\" class=\"ezd_item_list_title\">Tips \/ Guide<\/a><\/li><li><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/rogan-documentation\/theme-settings\/\" class=\"ezd_item_list_title\">Theme Settings<\/a><\/li><li><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/rogan-documentation\/shortcodes\/\" class=\"ezd_item_list_title\">Shortcodes<\/a><\/li><\/ul><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/rogan-documentation\/\" class=\"doc_border_btn ezd_btn\">View All<i class=\"arrow_right\"><\/i><\/a>\t\t\t\t\t\t\n                    <\/div>\n                <\/div>\n\t\t\t                    <div class=\"ezd-col-width\">\n                    <div class=\"categories_guide_item  wow fadeInUp\">\n\t\t\t\t\t\t\n                        <div class=\"doc-top ezd-d-flex ezd-align-items-start\">\n                            <a class=\"doc_tag_title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/sample-user-guide\/\">\n                                <h4 class=\"title ezd_item_title\"> Sample User Guide <\/h4>\n\t\t\t\t\t\t\t\t                                <span class=\"ezd-badge\">\n\t\t\t\t\t\t\t\t\t33 Topics\t\t\t\t\t\t\t\t<\/span>\n                            <\/a>\n                        <\/div>\n\n\t\t\t\t\t\t<ul class=\"ezd-list-unstyled article_list\"><li><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/sample-user-guide\/getting-started\/\" class=\"ezd_item_list_title\">Getting Started<\/a><\/li><li><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/sample-user-guide\/how-to-faqs\/\" class=\"ezd_item_list_title\">How to (FAQs)<\/a><\/li><li><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/sample-user-guide\/sample-guide\/\" class=\"ezd_item_list_title\">Sample Guide<\/a><\/li><li><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/sample-user-guide\/theme-settings\/\" class=\"ezd_item_list_title\">Theme Settings<\/a><\/li><li><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/sample-user-guide\/some-common-issues\/\" class=\"ezd_item_list_title\">Some common issues<\/a><\/li><\/ul><a href=\"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/docs\/sample-user-guide\/\" class=\"doc_border_btn ezd_btn\">View All<i class=\"arrow_right\"><\/i><\/a>\t\t\t\t\t\t\n                    <\/div>\n                <\/div>\n\t\t\t    \n    <\/div>\n<\/div>\n\n\n\t\t<script type=\"text\/javascript\">\n\t\t\t;\n\t\t\t(function ($) {\n\t\t\t\t\"use strict\";\n\n\t\t\t\t$(document).ready(function () {\n\n\t\t\t\t\t\/\/ === Tabs Slider\n\t\t\t\t\tvar tabId = \"#Arrow_slides-647f6ce\";\n\t\t\t\t\tvar tabSliderContainers = $(tabId + \" .tabs_sliders\");\n\n\t\t\t\t\ttabSliderContainers.each(function () {\n\t\t\t\t\t\tlet tabWrapWidth = $(this).outerWidth();\n\t\t\t\t\t\tlet totalWidth = 0;\n\n\t\t\t\t\t\tlet slideArrowBtn = $(tabId + \" .scroller-btn\");\n\t\t\t\t\t\tlet slideBtnLeft = $(tabId + \" .scroller-btn.left\");\n\t\t\t\t\t\tlet slideBtnRight = $(tabId + \" .scroller-btn.right\");\n\t\t\t\t\t\tlet navWrap = $(tabId + \" .slide_nav_tabs\");\n\t\t\t\t\t\tlet navWrapItem = $(tabId + \" .slide_nav_tabs li\");\n\n\t\t\t\t\t\tnavWrapItem.each(function () {\n\t\t\t\t\t\t\ttotalWidth += $(this).outerWidth();\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (totalWidth > tabWrapWidth) {\n\t\t\t\t\t\t\tslideArrowBtn.removeClass(\"inactive\");\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tslideArrowBtn.addClass(\"inactive\");\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (navWrap.scrollLeft() === 0) {\n\t\t\t\t\t\t\tslideBtnLeft.addClass(\"inactive\");\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tslideBtnLeft.removeClass(\"inactive\");\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tslideBtnRight.on(\"click\", function () {\n\t\t\t\t\t\t\tnavWrap.animate({\n\t\t\t\t\t\t\t\tscrollLeft: \"+=200px\"\n\t\t\t\t\t\t\t}, 300);\n\t\t\t\t\t\t\tconsole.log(navWrap.scrollLeft() + \" px\");\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tslideBtnLeft.on(\"click\", function () {\n\t\t\t\t\t\t\tnavWrap.animate({\n\t\t\t\t\t\t\t\tscrollLeft: \"-=200px\"\n\t\t\t\t\t\t\t}, 300);\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tscrollerHide(navWrap, slideBtnLeft, slideBtnRight);\n\t\t\t\t\t});\n\n\t\t\t\t\tfunction scrollerHide(navWrap, slideBtnLeft, slideBtnRight) {\n\t\t\t\t\t\tlet scrollLeftPrev = 0;\n\t\t\t\t\t\tnavWrap.scroll(function () {\n\t\t\t\t\t\t\tlet $elem = $(this);\n\t\t\t\t\t\t\tlet newScrollLeft = $elem.scrollLeft(),\n\t\t\t\t\t\t\t\twidth = $elem.outerWidth(),\n\t\t\t\t\t\t\t\tscrollWidth = $elem.get(0).scrollWidth;\n\t\t\t\t\t\t\tif (scrollWidth - newScrollLeft === width) {\n\t\t\t\t\t\t\t\tslideBtnRight.addClass(\"inactive\");\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tslideBtnRight.removeClass(\"inactive\");\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (newScrollLeft === 0) {\n\t\t\t\t\t\t\t\tslideBtnLeft.addClass(\"inactive\");\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tslideBtnLeft.removeClass(\"inactive\");\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tscrollLeftPrev = newScrollLeft;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Storage key for persisting the last opened tab of this widget.\n\t\t\t\t\tvar ezdTabStorageKey = 'ezd_active_tab_' + tabId.replace('#', '');\n\n\t\t\t\t\t\/\/ custom tab js\n\t\t\t\t\t$('.ezd-tab-menu li a').on('click', function (e) {\n\t\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\t\t\/\/ Remove active class from all tabs within the same menu\n\t\t\t\t\t\t$(this).closest('.ezd-tab-menu').find('li a').removeClass('active');\n\n\t\t\t\t\t\t\/\/ Add active class to the clicked tab\n\t\t\t\t\t\t$(this).addClass('active');\n\n\t\t\t\t\t\tvar target = $(this).attr('data-rel');\n\n\t\t\t\t\t\t$('#' + target)\n\t\t\t\t\t\t\t.addClass('active')\n\t\t\t\t\t\t\t.siblings('.ezd-tab-box')\n\t\t\t\t\t\t\t.removeClass('active');\n\n\t\t\t\t\t\t\/\/ Remember the last opened tab for its widget container.\n\t\t\t\t\t\tvar $widget = $(this).closest('[id^=\"Arrow_slides-\"]');\n\t\t\t\t\t\tif ($widget.length) {\n\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\twindow.localStorage.setItem('ezd_active_tab_' + $widget.attr('id'), target);\n\t\t\t\t\t\t\t} catch (err) {}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t});\n\n\t\t\t\t\t\/\/ Restore the last opened tab for this widget on page load.\n\t\t\t\t\ttry {\n\t\t\t\t\t\tvar ezdSavedTab = window.localStorage.getItem(ezdTabStorageKey);\n\t\t\t\t\t\tif (ezdSavedTab) {\n\t\t\t\t\t\t\tvar $savedLink = $(tabId + ' .ezd-tab-menu li a[data-rel=\"' + ezdSavedTab + '\"]');\n\t\t\t\t\t\t\tvar $savedPane = $(tabId + ' #' + ezdSavedTab);\n\n\t\t\t\t\t\t\tif ($savedLink.length && $savedPane.length) {\n\t\t\t\t\t\t\t\t$(tabId + ' .ezd-tab-menu li a').removeClass('active');\n\t\t\t\t\t\t\t\t$savedLink.addClass('active');\n\t\t\t\t\t\t\t\t$savedPane.addClass('active').siblings('.ezd-tab-box').removeClass('active');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} catch (err) {}\n\n\t\t\t\t});\n\t\t\t})(jQuery);\n\t\t<\/script>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Docy Documentation 43 Topics Elements Layouts Content Code Syntax Highlight View All Rogan Documentation 31 Topics Getting Started FAQs Tips \/ Guide Theme Settings View All Sample User Guide 32 Topics Getting Started How to (FAQs) Sample Guide Theme Settings View All Gullu Knowledge Base 33 Topics Getting Started How to (FAQs) Tips \/ Guide [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-6481","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/wp-json\/wp\/v2\/pages\/6481","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/wp-json\/wp\/v2\/comments?post=6481"}],"version-history":[{"count":0,"href":"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/wp-json\/wp\/v2\/pages\/6481\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress-theme.spider-themes.net\/akram-hossain\/wp-json\/wp\/v2\/media?parent=6481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}