{"id":1669,"date":"2022-10-27T13:47:07","date_gmt":"2022-10-27T13:47:07","guid":{"rendered":"https:\/\/allabout.cc\/a1\/?page_id=1669"},"modified":"2022-10-27T13:47:07","modified_gmt":"2022-10-27T13:47:07","slug":"1669-2","status":"publish","type":"page","link":"https:\/\/allabout.cc\/a1\/1669-2\/","title":{"rendered":""},"content":{"rendered":"\n<link href=\"\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.0.0\/css\/bootstrap.min.css\" rel=\"stylesheet\" id=\"bootstrap-css\">\n<script src=\"\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.0.0\/js\/bootstrap.min.js\"><\/script>\n<script src=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.2.1\/jquery.min.js\"><\/script>\n<!------ Include the above in your HEAD tag ---------->\n\n\n\n\n\n    <meta charset=\"utf-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <meta name=\"description\" content=\"Responsive sidebar template with sliding effect and dropdown menu based on bootstrap 3\">\n    <title>Sidebar template<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.0.0\/css\/bootstrap.min.css\" integrity=\"sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW\/dAiS6JXm\" crossorigin=\"anonymous\">\n    <link href=\"https:\/\/use.fontawesome.com\/releases\/v5.0.6\/css\/all.css\" rel=\"stylesheet\">\n \n\n\n\n\n<div class=\"page-wrapper chiller-theme toggled\">\n  <a id=\"show-sidebar\" class=\"btn btn-sm btn-dark\" href=\"#\">\n    <i class=\"fas fa-bars\"><\/i>\n  <\/a>\n  <nav id=\"sidebar\" class=\"sidebar-wrapper\">\n    <div class=\"sidebar-content\">\n      <div class=\"sidebar-brand\">\n        <a href=\"#\">pro sidebar<\/a>\n        <div id=\"close-sidebar\">\n          <i class=\"fas fa-times\"><\/i>\n        <\/div>\n      <\/div>\n      <div class=\"sidebar-header\">\n        <div class=\"user-pic\">\n          <img class=\"img-responsive img-rounded\" src=\"https:\/\/raw.githubusercontent.com\/azouaoui-med\/pro-sidebar-template\/gh-pages\/src\/img\/user.jpg\" alt=\"User picture\">\n        <\/div>\n        <div class=\"user-info\">\n          <span class=\"user-name\">Jhon\n            <strong>Smith<\/strong>\n          <\/span>\n          <span class=\"user-role\">Administrator<\/span>\n          <span class=\"user-status\">\n            <i class=\"fa fa-circle\"><\/i>\n            <span>Online<\/span>\n          <\/span>\n        <\/div>\n      <\/div>\n      <!-- sidebar-header  -->\n      <div class=\"sidebar-search\">\n        <div>\n          <div class=\"input-group\">\n            <input type=\"text\" class=\"form-control search-menu\" placeholder=\"Search...\">\n            <div class=\"input-group-append\">\n              <span class=\"input-group-text\">\n                <i class=\"fa fa-search\" aria-hidden=\"true\"><\/i>\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- sidebar-search  -->\n      <div class=\"sidebar-menu\">\n        <ul>\n          <li class=\"header-menu\">\n            <span>General<\/span>\n          <\/li>\n          <li class=\"sidebar-dropdown\">\n            <a href=\"#\">\n              <i class=\"fa fa-tachometer-alt\"><\/i>\n              <span>Dashboard<\/span>\n              <span class=\"badge badge-pill badge-warning\">New<\/span>\n            <\/a>\n            <div class=\"sidebar-submenu\">\n              <ul>\n                <li>\n                  <a href=\"#\">Dashboard 1\n                    <span class=\"badge badge-pill badge-success\">Pro<\/span>\n                  <\/a>\n                <\/li>\n                <li>\n                  <a href=\"#\">Dashboard 2<\/a>\n                <\/li>\n                <li>\n                  <a href=\"#\">Dashboard 3<\/a>\n                <\/li>\n              <\/ul>\n            <\/div>\n          <\/li>\n          <li class=\"sidebar-dropdown\">\n            <a href=\"#\">\n              <i class=\"fa fa-shopping-cart\"><\/i>\n              <span>E-commerce<\/span>\n              <span class=\"badge badge-pill badge-danger\">3<\/span>\n            <\/a>\n            <div class=\"sidebar-submenu\">\n              <ul>\n                <li>\n                  <a href=\"#\">Products\n\n                  <\/a>\n                <\/li>\n                <li>\n                  <a href=\"#\">Orders<\/a>\n                <\/li>\n                <li>\n                  <a href=\"#\">Credit cart<\/a>\n                <\/li>\n              <\/ul>\n            <\/div>\n          <\/li>\n          <li class=\"sidebar-dropdown\">\n            <a href=\"#\">\n              <i class=\"far fa-gem\"><\/i>\n              <span>Components<\/span>\n            <\/a>\n            <div class=\"sidebar-submenu\">\n              <ul>\n                <li>\n                  <a href=\"#\">General<\/a>\n                <\/li>\n                <li>\n                  <a href=\"#\">Panels<\/a>\n                <\/li>\n                <li>\n                  <a href=\"#\">Tables<\/a>\n                <\/li>\n                <li>\n                  <a href=\"#\">Icons<\/a>\n                <\/li>\n                <li>\n                  <a href=\"#\">Forms<\/a>\n                <\/li>\n              <\/ul>\n            <\/div>\n          <\/li>\n          <li class=\"sidebar-dropdown\">\n            <a href=\"#\">\n              <i class=\"fa fa-chart-line\"><\/i>\n              <span>Charts<\/span>\n            <\/a>\n            <div class=\"sidebar-submenu\">\n              <ul>\n                <li>\n                  <a href=\"#\">Pie chart<\/a>\n                <\/li>\n                <li>\n                  <a href=\"#\">Line chart<\/a>\n                <\/li>\n                <li>\n                  <a href=\"#\">Bar chart<\/a>\n                <\/li>\n                <li>\n                  <a href=\"#\">Histogram<\/a>\n                <\/li>\n              <\/ul>\n            <\/div>\n          <\/li>\n          <li class=\"sidebar-dropdown\">\n            <a href=\"#\">\n              <i class=\"fa fa-globe\"><\/i>\n              <span>Maps<\/span>\n            <\/a>\n            <div class=\"sidebar-submenu\">\n              <ul>\n                <li>\n                  <a href=\"#\">Google maps<\/a>\n                <\/li>\n                <li>\n                  <a href=\"#\">Open street map<\/a>\n                <\/li>\n              <\/ul>\n            <\/div>\n          <\/li>\n          <li class=\"header-menu\">\n            <span>Extra<\/span>\n          <\/li>\n          <li>\n            <a href=\"#\">\n              <i class=\"fa fa-book\"><\/i>\n              <span>Documentation<\/span>\n              <span class=\"badge badge-pill badge-primary\">Beta<\/span>\n            <\/a>\n          <\/li>\n          <li>\n            <a href=\"#\">\n              <i class=\"fa fa-calendar\"><\/i>\n              <span>Calendar<\/span>\n            <\/a>\n          <\/li>\n          <li>\n            <a href=\"#\">\n              <i class=\"fa fa-folder\"><\/i>\n              <span>Examples<\/span>\n            <\/a>\n          <\/li>\n        <\/ul>\n      <\/div>\n      <!-- sidebar-menu  -->\n    <\/div>\n    <!-- sidebar-content  -->\n    <div class=\"sidebar-footer\">\n      <a href=\"#\">\n        <i class=\"fa fa-bell\"><\/i>\n        <span class=\"badge badge-pill badge-warning notification\">3<\/span>\n      <\/a>\n      <a href=\"#\">\n        <i class=\"fa fa-envelope\"><\/i>\n        <span class=\"badge badge-pill badge-success notification\">7<\/span>\n      <\/a>\n      <a href=\"#\">\n        <i class=\"fa fa-cog\"><\/i>\n        <span class=\"badge-sonar\"><\/span>\n      <\/a>\n      <a href=\"#\">\n        <i class=\"fa fa-power-off\"><\/i>\n      <\/a>\n    <\/div>\n  <\/nav>\n  <!-- sidebar-wrapper  -->\n  <main class=\"page-content\">\n    <div class=\"container-fluid\">\n      <h2>Pro Sidebar<\/h2>\n<ul class=\"card-list\">\n\t\n\t<li class=\"card\">\n\t\t<a class=\"card-image\" href=\"https:\/\/allabout.cc\/a1\/1050-2\/\" target=\"_blank\" style=\"background-image: url(https:\/\/allabout.cc\/a1\/wp-content\/uploads\/2022\/10\/images-2-2-1.png);\" data-image-full=\"https:\/\/s3-us-west-2.amazonaws.com\/s.cdpn.io\/310408\/psychopomp-500.jpg\" rel=\"noopener\">\n\t\t\t<img src=\"https:\/\/storage.googleapis.com\/a1-gg\/named\/Amaka731.jpg\" alt=\"Psychopomp\">\n\t\t<\/a>\n\t\t<a class=\"card-description\" href=\"https:\/\/allabout.cc\/2934-2\/\" target=\"_blank\" rel=\"noopener\">\n\t\t\t<h2>Psychopomp<\/h2>\n\t\t\t<p>Japanese Breakfast<\/p>\n\t\t<\/a>\n<p>\n<audio controls=\"controls\" preload=\"none\"><source src=\"audio\/my_music.ogg\" type=\"audio\/ogg\"> <source src=\"audio\/my_music.mp3\" type=\"audio\/mpeg\"><\/audio>\n\n\t<\/p>\n<meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title><\/title>\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.0.2\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\"><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.0.2\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\n<div class=\"m-4\">\n<div class=\"btn-group\"><a class=\"btn btn-primary\" href=\"https:\/\/allabout.cc\/3255-2\/\">Back<\/a> <a class=\"btn btn-primary\" href=\"https:\/\/allabout.cc\/a1\/81-2\/\">Next<\/a> <\/div><a class=\"btn btn-danger\" href=\"353-2\">Save<\/a>\n<\/div><\/li><\/ul>\n   \n<\/div>\n\n        <\/main><\/div>\n      \n    \n  \n  <!-- page-content\" -->\n\n<!-- page-wrapper -->\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.12.9\/umd\/popper.min.js\" integrity=\"sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K\/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q\" crossorigin=\"anonymous\"><\/script>\n    <script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.0.0\/js\/bootstrap.min.js\" integrity=\"sha384-JZR6Spejh4U02d8jOt6vLEHfe\/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl\" crossorigin=\"anonymous\"><\/script>\n","protected":false},"excerpt":{"rendered":"<p>Sidebar template pro sidebar Jhon Smith Administrator Online General Dashboard New Dashboard 1 Pro Dashboard 2 Dashboard 3 E-commerce 3 Products Orders Credit cart Components General Panels Tables Icons Forms Charts Pie chart Line chart Bar chart Histogram Maps Google maps Open street map Extra Documentation Beta Calendar Examples 3 7 Pro Sidebar Psychopomp Japanese [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"hide_page_title":"","_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":""},"_links":{"self":[{"href":"https:\/\/allabout.cc\/a1\/wp-json\/wp\/v2\/pages\/1669"}],"collection":[{"href":"https:\/\/allabout.cc\/a1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/allabout.cc\/a1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/allabout.cc\/a1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/allabout.cc\/a1\/wp-json\/wp\/v2\/comments?post=1669"}],"version-history":[{"count":1,"href":"https:\/\/allabout.cc\/a1\/wp-json\/wp\/v2\/pages\/1669\/revisions"}],"predecessor-version":[{"id":1670,"href":"https:\/\/allabout.cc\/a1\/wp-json\/wp\/v2\/pages\/1669\/revisions\/1670"}],"wp:attachment":[{"href":"https:\/\/allabout.cc\/a1\/wp-json\/wp\/v2\/media?parent=1669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}