{"id":8052,"date":"2022-04-18T06:22:42","date_gmt":"2022-04-18T06:22:42","guid":{"rendered":"https:\/\/wordpress-theme.spider-themes.net\/docy\/?page_id=8052"},"modified":"2026-01-07T12:19:01","modified_gmt":"2026-01-07T12:19:01","slug":"home-book-chapters-tutorials","status":"publish","type":"page","link":"https:\/\/wordpress-theme.spider-themes.net\/docy\/home-book-chapters-tutorials\/","title":{"rendered":"Home Book Chapters \/ Tutorials"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8052\" class=\"elementor elementor-8052\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3f956e53 elementor-section-height-min-height elementor-section-items-bottom elementor-section-boxed elementor-section-height-default\" data-id=\"3f956e53\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-50 elementor-top-column elementor-element elementor-element-56f4d898\" data-id=\"56f4d898\" 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-3e2a0012 elementor-widget elementor-widget-heading\" data-id=\"3e2a0012\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">What are you looking for?<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36c62e6e elementor-widget elementor-widget-text-editor\" data-id=\"36c62e6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Search here to get answers to your questions<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88f421a elementor-align-start elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-docy_search_form\" data-id=\"88f421a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"docy_search_form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<form action=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/\" class=\"docy_search_hero header_search_form focused-form\" role=\"search\" method=\"get\" >\n    <div class=\"header_search_form_info search_form_wrap\">\n        <div class=\"form-group\">\n            <div class=\"input-wrapper\">\n                <input type='search' class=\"search_field_wrap\" id=\"searchInput\" autocomplete=\"off\" name=\"s\"  placeholder=\"Search for Topics....\">\n\n                <!-- Ajax Search Loading Spinner -->\n                <span class=\"spinner search_form_spinner\">\n                    <img decoding=\"async\" src=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-content\/themes\/docy\/assets\/img\/icons\/loading.svg\" alt=\"loading\">\n                <\/span>\n                <button type=\"submit\" class=\"search_submit_btn left\">\n                    <i aria-hidden=\"true\" class=\"fas fa-search\"><\/i>                <\/button>\n                <!-- WPML Language Code -->\n                            <\/div>\n        <\/div>\n    <\/div>\n    <div id=\"docy-search-result\" data-noresult=\"No Results Found\"> \n           \n        <div class=\"searchbar-tabs\" id=\"search-tabs\"><\/div> <!-- Move tabs out here -->\n            <div id=\"search-results\" class=\"search-results-tab\">\n        <div id=\"search-preloader\" style=\"display:none;\"><\/div>\n    <\/div>\n<\/div>    \t<div class=\"header_search_keyword justify-content-start\">\n\t\t\t\t\t<span class=\"header-search-form__keywords-label search_keyword_label\"> Popular: <\/span>\n\t\t\t\t\t\t\t<ul class=\"list-unstyled\">\n\t\t\t\t\t\t\t\t\t\t<li class=\"wow fadeInUp\" data-wow-delay=\"0.2s\">\n\t\t\t\t\t\t\t<a class=\"has-bg\" href=\"#\"> WordPress <\/a>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"wow fadeInUp\" data-wow-delay=\"0.2s\">\n\t\t\t\t\t\t\t<a class=\"has-bg\" href=\"#\"> Update <\/a>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"wow fadeInUp\" data-wow-delay=\"0.2s\">\n\t\t\t\t\t\t\t<a class=\"has-bg\" href=\"#\"> Getting Started <\/a>\n\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t<\/div>\n<\/form>\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d4d4f8e\" data-id=\"d4d4f8e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-480c1ad7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"480c1ad7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-d7de730\" data-id=\"d7de730\" 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-12ffa4f6 elementor-widget elementor-widget-heading\" data-id=\"12ffa4f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Table of contents<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6e91b elementor-widget-laptop__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"a6e91b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Main course contains 2 parts which cover JavaScript as a programming language and working with a browser. There are also additional series of thematic articles<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f602174 elementor-widget elementor-widget-ezd_docs\" data-id=\"f602174\" 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=\"docs4\">\n    <div id=\"bookchapter\" class=\"doc4-nav-bar\">\n        <div class=\"ezd-container p-0\">\n            <ul id=\"bcNav\" class=\"book-chapter-nav ezd-list-unstyled\">\n\t\t\t\t                        <li class=\"nav-item active\">\n                            <a href=\"#doc-4docly-documentation\" class=\"nav-link\">\n\t\t\t\t\t\t\t\t                                    <span class=\"chapter-part\">\n                                    Part 1<\/span>\n                                    Docy Documentation                            <\/a>\n                        <\/li>\n\t\t\t\t\t                        <li class=\"nav-item\">\n                            <a href=\"#doc-4rogan-documentation\" class=\"nav-link\">\n\t\t\t\t\t\t\t\t                                    <span class=\"chapter-part\">\n                                    Part 2<\/span>\n                                    Rogan Documentation                            <\/a>\n                        <\/li>\n\t\t\t\t\t                        <li class=\"nav-item\">\n                            <a href=\"#doc-4sample-user-guide\" class=\"nav-link\">\n\t\t\t\t\t\t\t\t                                    <span class=\"chapter-part\">\n                                    Part 3<\/span>\n                                    Sample User Guide                            <\/a>\n                        <\/li>\n\t\t\t\t\t            <\/ul>\n        <\/div>\n    <\/div>\n\n    <div class=\"copic-contentn ezd-container p-0\">\n\t\t        <div id=\"doc-4docly-documentation\" class=\"doc_section_wrap \">\n            <div class=\"ezd-grid ezd-grid-cols-12\">\n                <div class=\"ezd-lg-col-12 ezd-md-col-12 ezd-grid-column-full\">\n                    <div class=\"docs4-heading\">\n                        <h3> Docy Documentation <\/h3>\n\t\t\t\t\t\t<p>Docy&nbsp;is a powerful, responsive, and high-performance online documentation WordPress theme that can assist you quickly<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ezd-grid ezd-grid-cols-12 \" \">\n\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/elements\/\">\n                                    <h4> Elements <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/elements\/tab\/\">\n                                            <span class=\"chapter_counter\">\n                                                1.1                                             <\/span>\n                                            Tabs Widget                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/elements\/notice\/\">\n                                            <span class=\"chapter_counter\">\n                                                1.2                                             <\/span>\n                                            Notice \/ Message Widget                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/elements\/accordions\/\">\n                                            <span class=\"chapter_counter\">\n                                                1.3                                             <\/span>\n                                            Accordions Widget                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/elements\/cheatsheet\/\">\n                                            <span class=\"chapter_counter\">\n                                                1.4                                             <\/span>\n                                            Cheatsheet Widget                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/layouts\/\">\n                                    <h4> Layouts <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/layouts\/aesthetic-banner\/\">\n                                            <span class=\"chapter_counter\">\n                                                2.1                                             <\/span>\n                                            Aesthetic Banner Design                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/layouts\/no-search-banner\/\">\n                                            <span class=\"chapter_counter\">\n                                                2.2                                             <\/span>\n                                            No Search Banner                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/layouts\/full-width\/\">\n                                            <span class=\"chapter_counter\">\n                                                2.3                                             <\/span>\n                                            Full-width Layout                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/layouts\/comment-closed\/\">\n                                            <span class=\"chapter_counter\">\n                                                2.4                                             <\/span>\n                                            Comment Closed                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/content\/\">\n                                    <h4> Content <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/content\/video\/\">\n                                            <span class=\"chapter_counter\">\n                                                3.1                                             <\/span>\n                                            Video Widget                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/content\/table\/\">\n                                            <span class=\"chapter_counter\">\n                                                3.2                                             <\/span>\n                                            Table Widget                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/content\/tooltip\/\">\n                                            <span class=\"chapter_counter\">\n                                                3.3                                             <\/span>\n                                            Tooltip &amp; Direction                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/content\/password-protected-doc\/\">\n                                            <span class=\"chapter_counter\">\n                                                3.4                                             <\/span>\n                                            Password Protected doc                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/code\/\">\n                                    <h4> Code Syntax Highlight <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/code\/code-default-theme\/\">\n                                            <span class=\"chapter_counter\">\n                                                4.1                                             <\/span>\n                                            Code Default Theme                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/code\/code-dark-theme\/\">\n                                            <span class=\"chapter_counter\">\n                                                4.2                                             <\/span>\n                                            Code Dark Theme                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/code\/code-tomorrow-theme\/\">\n                                            <span class=\"chapter_counter\">\n                                                4.3                                             <\/span>\n                                            Code Tomorrow Theme                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/code\/code-okaidia-theme\/\">\n                                            <span class=\"chapter_counter\">\n                                                4.4                                             <\/span>\n                                            Code Okaidia Theme                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/footnotes\/\">\n                                    <h4> Footnotes <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/footnotes\/footnote\/\">\n                                            <span class=\"chapter_counter\">\n                                                5.1                                             <\/span>\n                                            Footnote Default                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/footnotes\/footnote-2-columns\/\">\n                                            <span class=\"chapter_counter\">\n                                                5.2                                             <\/span>\n                                            Footnote 2 Columns                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/footnotes\/footnote-3-columns\/\">\n                                            <span class=\"chapter_counter\">\n                                                5.3                                             <\/span>\n                                            Footnote 3 Columns                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/footnotes\/footnote-4-columns\/\">\n                                            <span class=\"chapter_counter\">\n                                                5.4                                             <\/span>\n                                            Footnote 4 Columns                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/changelogs\/\">\n                                    <h4> Changelogs <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/changelogs\/changelogs-timeline\/\">\n                                            <span class=\"chapter_counter\">\n                                                6.1                                             <\/span>\n                                            Changelogs Timeline                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/changelogs\/second-depth\/\">\n                                            <span class=\"chapter_counter\">\n                                                6.2                                             <\/span>\n                                            Second Depth                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/changelogs\/demo-import\/\">\n                                            <span class=\"chapter_counter\">\n                                                6.3                                             <\/span>\n                                            Demo Import                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/changelogs\/plugins-installation\/\">\n                                            <span class=\"chapter_counter\">\n                                                6.4                                             <\/span>\n                                            Plugins Installation                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t        <\/div>\n    <\/div>\n\t        <div id=\"doc-4rogan-documentation\" class=\"doc_section_wrap \">\n            <div class=\"ezd-grid ezd-grid-cols-12\">\n                <div class=\"ezd-lg-col-12 ezd-md-col-12 ezd-grid-column-full\">\n                    <div class=\"docs4-heading\">\n                        <h3> Rogan Documentation <\/h3>\n\t\t\t\t\t\t<p>Spot of come to ever hand as lady meet on. Delicate contempt received two yet<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ezd-grid ezd-grid-cols-12 \" \">\n\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/getting-started\/\">\n                                    <h4> Getting Started <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/getting-started\/theme-installation\/\">\n                                            <span class=\"chapter_counter\">\n                                                1.1                                             <\/span>\n                                            Theme Installation                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/getting-started\/contact-page\/\">\n                                            <span class=\"chapter_counter\">\n                                                1.2                                             <\/span>\n                                            Contact Page                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/getting-started\/demo-import\/\">\n                                            <span class=\"chapter_counter\">\n                                                1.3                                             <\/span>\n                                            Demo Import                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/getting-started\/required-plugins\/\">\n                                            <span class=\"chapter_counter\">\n                                                1.4                                             <\/span>\n                                            Required plugins                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/faqs\/\">\n                                    <h4> FAQs <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/faqs\/updating-your-theme\/\">\n                                            <span class=\"chapter_counter\">\n                                                2.1                                             <\/span>\n                                            Updating Your Theme                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/faqs\/how-to-set-sites-favicon\/\">\n                                            <span class=\"chapter_counter\">\n                                                2.2                                             <\/span>\n                                            How to set site\u2019s favicon                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/faqs\/how-to-paginate-a-post\/\">\n                                            <span class=\"chapter_counter\">\n                                                2.3                                             <\/span>\n                                            How to Paginate a Post ?                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/faqs\/how-to-change-author-avatar\/\">\n                                            <span class=\"chapter_counter\">\n                                                2.4                                             <\/span>\n                                            How to change Author Avatar?                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/tips-guide\/\">\n                                    <h4> Tips \/ Guide <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/tips-guide\/optimize-images\/\">\n                                            <span class=\"chapter_counter\">\n                                                3.1                                             <\/span>\n                                            Optimize Images                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/tips-guide\/language-translations\/\">\n                                            <span class=\"chapter_counter\">\n                                                3.2                                             <\/span>\n                                            Language Translations                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/tips-guide\/how-to-change-author-avatar\/\">\n                                            <span class=\"chapter_counter\">\n                                                3.3                                             <\/span>\n                                            How to change Author Avatar?                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/tips-guide\/how-to-chnage-author-avatar\/\">\n                                            <span class=\"chapter_counter\">\n                                                3.4                                             <\/span>\n                                            How to change Author Avatar?                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/theme-settings\/\">\n                                    <h4> Theme Settings <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/theme-settings\/header-settings\/\">\n                                            <span class=\"chapter_counter\">\n                                                4.1                                             <\/span>\n                                            Header Settings                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/theme-settings\/footer-settings\/\">\n                                            <span class=\"chapter_counter\">\n                                                4.2                                             <\/span>\n                                            Footer Settings                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/theme-settings\/reprehenderit-bibendum\/\">\n                                            <span class=\"chapter_counter\">\n                                                4.3                                             <\/span>\n                                            Reprehenderit bibendum                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/theme-settings\/iusto-molestie-distinctio\/\">\n                                            <span class=\"chapter_counter\">\n                                                4.4                                             <\/span>\n                                            Iusto molestie distinctio                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/shortcodes\/\">\n                                    <h4> Shortcodes <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/shortcodes\/sample-doc-title\/\">\n                                            <span class=\"chapter_counter\">\n                                                5.1                                             <\/span>\n                                            Sample Doc Title                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/shortcodes\/direction-shortcode\/\">\n                                            <span class=\"chapter_counter\">\n                                                5.2                                             <\/span>\n                                            Direction Shortcode                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/shortcodes\/dignissimos-deleniti-recusandae\/\">\n                                            <span class=\"chapter_counter\">\n                                                5.3                                             <\/span>\n                                            Dignissimos deleniti recusandae                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/shortcodes\/lorem-ipsum-title\/\">\n                                            <span class=\"chapter_counter\">\n                                                5.4                                             <\/span>\n                                            Lorem ipsum title                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/visual-composer\/\">\n                                    <h4> Visual Composer <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/visual-composer\/doc-title-example\/\">\n                                            <span class=\"chapter_counter\">\n                                                6.1                                             <\/span>\n                                            Doc title example                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/visual-composer\/doc-title\/\">\n                                            <span class=\"chapter_counter\">\n                                                6.2                                             <\/span>\n                                            Doc title                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/visual-composer\/doc-list-title\/\">\n                                            <span class=\"chapter_counter\">\n                                                6.3                                             <\/span>\n                                            Doc list title                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/rogan-documentation\/visual-composer\/this-is-a-example-title\/\">\n                                            <span class=\"chapter_counter\">\n                                                6.4                                             <\/span>\n                                            This is a example title                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t        <\/div>\n    <\/div>\n\t        <div id=\"doc-4sample-user-guide\" class=\"doc_section_wrap \">\n            <div class=\"ezd-grid ezd-grid-cols-12\">\n                <div class=\"ezd-lg-col-12 ezd-md-col-12 ezd-grid-column-full\">\n                    <div class=\"docs4-heading\">\n                        <h3> Sample User Guide <\/h3>\n\t\t\t\t\t\t<p>Charles is a creative WordPress theme for saas, software, startup, mobile app, agency, and related<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ezd-grid ezd-grid-cols-12 \" \">\n\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/getting-started\/\">\n                                    <h4> Getting Started <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/getting-started\/theme-installation\/\">\n                                            <span class=\"chapter_counter\">\n                                                1.1                                             <\/span>\n                                            Theme Installation                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/getting-started\/demo-import\/\">\n                                            <span class=\"chapter_counter\">\n                                                1.2                                             <\/span>\n                                            Demo Import                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/getting-started\/required-plugins\/\">\n                                            <span class=\"chapter_counter\">\n                                                1.3                                             <\/span>\n                                            Required Plugins                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/getting-started\/system-requirements\/\">\n                                            <span class=\"chapter_counter\">\n                                                1.4                                             <\/span>\n                                            System Requirements                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/how-to-faqs\/\">\n                                    <h4> How to (FAQs) <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/how-to-faqs\/updating-your-theme\/\">\n                                            <span class=\"chapter_counter\">\n                                                2.1                                             <\/span>\n                                            Updating Your Theme                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/how-to-faqs\/how-to-set-sites-favicon\/\">\n                                            <span class=\"chapter_counter\">\n                                                2.2                                             <\/span>\n                                            How to set site\u2019s favicon                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/how-to-faqs\/menu-not-appearing\/\">\n                                            <span class=\"chapter_counter\">\n                                                2.3                                             <\/span>\n                                            Menu Not Appearing                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/how-to-faqs\/how-to-paginate-a-post\/\">\n                                            <span class=\"chapter_counter\">\n                                                2.4                                             <\/span>\n                                            How to Paginate a Post ?                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/sample-guide\/\">\n                                    <h4> Sample Guide <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/sample-guide\/optimize-images\/\">\n                                            <span class=\"chapter_counter\">\n                                                3.1                                             <\/span>\n                                            Optimize Images                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/sample-guide\/language-translations\/\">\n                                            <span class=\"chapter_counter\">\n                                                3.2                                             <\/span>\n                                            Language Translations                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/sample-guide\/sample-doc-title-issues\/\">\n                                            <span class=\"chapter_counter\">\n                                                3.3                                             <\/span>\n                                            Sample doc title issues                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/sample-guide\/example-title-doc\/\">\n                                            <span class=\"chapter_counter\">\n                                                3.4                                             <\/span>\n                                            Example Title Doc                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/theme-settings\/\">\n                                    <h4> Theme Settings <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/theme-settings\/header-settings\/\">\n                                            <span class=\"chapter_counter\">\n                                                4.1                                             <\/span>\n                                            Header Settings                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/theme-settings\/theme-updating-issue\/\">\n                                            <span class=\"chapter_counter\">\n                                                4.2                                             <\/span>\n                                            Theme updating issue                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/theme-settings\/footer-settings\/\">\n                                            <span class=\"chapter_counter\">\n                                                4.3                                             <\/span>\n                                            Footer Settings                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/theme-settings\/create-a-new-page\/\">\n                                            <span class=\"chapter_counter\">\n                                                4.4                                             <\/span>\n                                            Page Building                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/some-common-issues\/\">\n                                    <h4> Some common issues <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/some-common-issues\/voluptatibus-massa-tempor\/\">\n                                            <span class=\"chapter_counter\">\n                                                5.1                                             <\/span>\n                                            Voluptatibus massa tempor                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/some-common-issues\/sample-doc-title\/\">\n                                            <span class=\"chapter_counter\">\n                                                5.2                                             <\/span>\n                                            Sample doc title                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/some-common-issues\/how-to-customize-theme-using-child-theme\/\">\n                                            <span class=\"chapter_counter\">\n                                                5.3                                             <\/span>\n                                            How to customize the theme.                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/some-common-issues\/doc-title-example\/\">\n                                            <span class=\"chapter_counter\">\n                                                5.4                                             <\/span>\n                                            Doc title example                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t                    <div class=\"ezd-lg-col-4 ezd-md-col-6 ezd-grid-column-full\">\n                        <div class=\"topic_list_item\">\n\t\t\t\t\t\t\t                                <a class=\"doc4-section-title\" href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/doc-section\/\">\n                                    <h4> Doc Section <\/h4>\n                                <\/a>\n\t\t\t\t\t\t\t                            <ul class=\"navbar-nav\">\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/doc-section\/this-is-a-doc-title\/\">\n                                            <span class=\"chapter_counter\">\n                                                6.1                                             <\/span>\n                                            This is a doc title                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/doc-section\/example-doc-title\/\">\n                                            <span class=\"chapter_counter\">\n                                                6.2                                             <\/span>\n                                            Example doc title                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/doc-section\/title-doc\/\">\n                                            <span class=\"chapter_counter\">\n                                                6.3                                             <\/span>\n                                            Title doc                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                                    <li>\n                                        <a href=\"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/sample-user-guide\/doc-section\/example-doc-of-docly\/\">\n                                            <span class=\"chapter_counter\">\n                                                6.4                                             <\/span>\n                                            Example doc of docly                                        <\/a>\n                                    <\/li>\n\t\t\t\t\t\t\t\t                            <\/ul>\n                        <\/div>\n                    <\/div>\n\t\t\t\t        <\/div>\n    <\/div>\n\t<\/div>\n<\/div>\n\n<script>\n    ;(function ($) {\n        'use strict';\n\n        $(document).ready(function () {\n            function navFixed() {\n                var windowWidth = $(window).width();\n                if ($('.doc4-nav-bar').length) {\n                    if (windowWidth > 330) {\n                        var tops = $('.doc4-nav-bar');\n                        var tabs = $('.doc4-nav-bar').height();\n                        var leftOffset = tops.offset().top + tabs;\n\n                        $(window).on('scroll', function () {\n                            var scroll = $(window).scrollTop();\n                            if (scroll >= leftOffset) {\n                                tops.addClass('dock4-nav-sticky');\n                            } else {\n                                tops.removeClass('dock4-nav-sticky');\n                            }\n                        });\n                    }\n                }\n            }\n\n            navFixed();\n\n            \/\/ masonry\n            function ezd_book_chapter_masonry() {\n                $('.ezd-masonry').each(function () {\n                    var $masonry = $(this);\n                    var masonryCols = $masonry.attr('ezd-massonry-col');\n                    var masonryColumns = parseInt(masonryCols);\n\n                    if ($(window).width() <= 1024) {\n                        masonryColumns = 2;\n                    }\n                    if ($(window).width() <= 768) {\n                        masonryColumns = 1;\n                    }\n\n                    var count = 0;\n                    var content = $masonry.children();\n\n                    var $columnsContainer = $('<div class=\"ezd-masonry-columns\"><\/div>');\n\n                    content.each(function (index) {\n                        count = count + 1;\n                        $(this).addClass('ezd-masonry-sort-' + count);\n\n                        if (count === masonryColumns) {\n                            count = 0;\n                        }\n                    });\n\n                    for (var i = 1; i <= masonryColumns; i++) {\n                        $columnsContainer.append('<div class=\"ezd-masonry-' + i + '\"><\/div>');\n                    }\n\n                    for (var i = 1; i <= masonryColumns; i++) {\n                        $masonry.find('.ezd-masonry-sort-' + i).appendTo($columnsContainer.find('.ezd-masonry-' + i));\n                    }\n\n                    $masonry.empty().append($columnsContainer);\n                });\n            }\n\n            ezd_book_chapter_masonry();\n\n        });\n    })(jQuery);\n\n    ;\n    (function ($, window, document) {\n\n        $('[data-bs-toggle]').on('click', function (event) {\n            event.preventDefault();\n            var target = $(this.hash);\n            target.toggle();\n        });\n\n        \/\/ Cache selectors\n        var lastId,\n            topMenu = $('#bcNav'),\n            topMenuHeight = topMenu.outerHeight() + 15,\n            \/\/ All list items\n            menuItems = topMenu.find('a'),\n            \/\/ Anchors corresponding to menu items\n            scrollItems = menuItems.map(function () {\n                var item = $(this).attr('href');\n                if (item != '#') {\n                    return $(item);\n                }\n            });\n\n        \/\/ Bind to scroll\n        $(window).scroll(function () {\n            \/\/ Get container scroll position\n            var fromTop = $(this).scrollTop() + topMenuHeight;\n\n            \/\/ Get id of current scroll item\n            var cur = scrollItems.map(function () {\n                if ($(this).offset().top < fromTop)\n                    \/\/ console.log(this)\n                    return this;\n            });\n            \/\/ Get the id of the current element\n            cur = cur[cur.length - 1];\n            var id = cur && cur.length ? cur[0].id : '';\n\n            if (lastId !== id) {\n                lastId = id;\n                \/\/ Set\/remove active class\n                menuItems.parent().removeClass('active').end().filter('[href=\\'#' + id + '\\']').parent().addClass('active');\n                let is_active_added = jQuery('.book-chapter-nav li').hasClass('active');\n                if (is_active_added != true) {\n                    jQuery('.book-chapter-nav li:first-child').addClass('active');\n                }\n            }\n        });\n    })(jQuery, window, document);\n<\/script>\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-f602174\";\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\/\/ 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\treturn false;\n\t\t\t\t\t});\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-79ebdda8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"79ebdda8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-3ba0cddb\" data-id=\"3ba0cddb\" 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-19907167 elementor-widget elementor-widget-heading\" data-id=\"19907167\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">More resources<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5f86ee08 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5f86ee08\" 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-33 elementor-inner-column elementor-element elementor-element-3a85055a\" data-id=\"3a85055a\" 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-556c9600 resource-box elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"556c9600\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"#\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"App status\">\n\t\t\t\t<i aria-hidden=\"true\" class=\" icon_chat_alt\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"#\" >\n\t\t\t\t\t\t\tApp status\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tStay up to date on Front\u2019s technical systems and app stability.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\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<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-63b9dcaa\" data-id=\"63b9dcaa\" 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-1a46fc63 resource-box elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"1a46fc63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"#\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"New features\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-magic\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"#\" >\n\t\t\t\t\t\t\tNew features\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tLearn about the latest app updates and new feature releases.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\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<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-6d9455d9\" data-id=\"6d9455d9\" 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-2c58bdf2 resource-box elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"2c58bdf2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"#\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"For developers\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-robot\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"#\" >\n\t\t\t\t\t\t\tFor developers\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tBuild integrations and customize Front with powerful APIs.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\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\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>What are you looking for? Search here to get answers to your questions Popular: WordPress Update Getting Started Table of contents Main course contains 2 parts which cover JavaScript as a programming language and working with a browser. There are also additional series of thematic articles Part 1 Docy Documentation Part 2 Rogan Documentation Part [&hellip;]<\/p>\n","protected":false},"author":22,"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-8052","page","type-page","status-publish","hentry","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/pages\/8052","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/comments?post=8052"}],"version-history":[{"count":10,"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/pages\/8052\/revisions"}],"predecessor-version":[{"id":15515,"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/pages\/8052\/revisions\/15515"}],"wp:attachment":[{"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/media?parent=8052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}