{"id":522,"date":"2024-10-02T05:40:14","date_gmt":"2024-10-02T05:40:14","guid":{"rendered":"https:\/\/prowebmentor.com\/elementor-pro-sidebar-header-code-templates\/"},"modified":"2025-12-24T15:54:58","modified_gmt":"2025-12-24T15:54:58","slug":"esh-cs","status":"publish","type":"post","link":"https:\/\/prowebmentor.com\/esh-cs\/","title":{"rendered":"Elementor Pro Sidebar Header: Code + Templates"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"522\" class=\"elementor elementor-522\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fdd89bf e-flex e-con-boxed e-con e-parent\" data-id=\"fdd89bf\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b4cffe envato-kit-138-bracket elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"3b4cffe\" data-element_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\">Resource Page<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21c7d24 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"21c7d24\" data-element_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\">Elementor Pro Sidebar Header: <span style=\"color:#FF404C;font-size:0.8em\">All versions<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e75b34a elementor-widget elementor-widget-ucaddon_flash_timer_v1_1\" data-id=\"e75b34a\" data-element_type=\"widget\" data-widget_type=\"ucaddon_flash_timer_v1_1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start FlashTimer V1.1 -->\n<style>\/* widget: FlashTimer V1.1 *\/\n\n#flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a{\n  display:flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.flip-counter-sub-wrapperuc_flash_timer_v1_1_elementor_e75b34a{\n    display: flex;\n    flex-direction: row;\n    gap:2;\n    background: rgba(255, 255, 255, 0);\n    border: none;\n    margin: 0;\n    justify-content: center;\n    align-items: center;\n    padding: 0px 0px 0px;\n}\n\n\n@keyframes ripple {\n  0% {\n    transform: scale(0);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n\n#flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .ripple-wrapper{\n  width: calc(15px + 15px);\n  height: calc(15px + 15px);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .ripple {\n  width: 15px;\n  height: 15px;\n  border-radius: 50%;\n  background-color: #FF1A1A;\n  position: absolute;\n  animation: ripple 3.5s infinite; \n}\n\n#flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .ripple:nth-child(2) {\n  animation-delay: -0.5s;\n}\n\n#flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .ripple:nth-child(3) {\n  animation-delay: -1s;\n}\n\n#flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .ripple:nth-child(4) {\n  animation-delay: -1.5s; \n}\n\n#flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .ripple:nth-child(5) {\n  animation-delay: -2s;\n}\n\n#flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .ripple:nth-child(6) {\n  animation-delay: -2.5s;\n}\n\n#flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .ripple:nth-child(7) {\n  animation-delay: -3s;\n}\n\n#flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .live-wrapper{\npadding:0px 3px;\nmargin:0px 0px 0px 0px;\ndisplay:flex;\njustify-content: center;\nalign-items:center;\nflex-direction:column;\n}\n\n#live-textuc_flash_timer_v1_1_elementor_e75b34a{\n  display:none;\n  color:#FF404C;\n}\n\n.live-textuc_flash_timer_v1_1_elementor_e75b34a{\nfont-family: 'Roboto Condensed', sans-serif;\nfont-size:14px;\nfont-weight:700;\nline-height:10px;\n}\n\n\n#flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .collon_separator {\n  font-size:24px;\n  font-weight:600;\n  color:#54595F;\n  line-height:0px;\n  margin: 0px 2px 6px;\n}\n\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a {\n  width: 36px;\n  height: 36px;\n  background: #333;\n  border-radius: 5px;\n  position: relative;\n  perspective: 100px;\n}\n\n\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .up {\n  width: 36px;\n  height: calc(36px \/ 2);\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  transform-style: preserve-3d;\n  transition: transform 0.5s;\n  transform-origin: center bottom;\n  z-index: 2;\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .up.noanime {\n  transition: transform 0s;\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .up.is-flipped {\n  transform: rotateX(-180deg);\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .up .face {\n  position: absolute;\n   width: 36px;\n  height: calc(36px \/ 2);\n  overflow: hidden;\n  backface-visibility: hidden;\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .up .text {\n  font-family: 'Roboto Mono', monospace;\n  font-size: 17px;\n  line-height: 15px;\n   width: 36px;\n   height: 36px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #ffffff;\n \/* text-shadow: 0 1px 2px #000;*\/\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .up .front {\n  background: #333;\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .up .back {\n  background: #333;\n  transform: rotateX(180deg);\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .up .back .text {\n  transform: translateY(calc(-36px \/ 2));\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .down {\n     width: 36px;\n    height: 36px;\n  z-index: 1;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n}\n\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a::after {\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 0.5px;\n  background-color: #555555;\n  position: absolute;\n  bottom: 48%;\n  left: 0;\n  transform: translateY(50%);\n  z-index: 3;\n}\n\n\n\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .down .face {\n  position: absolute;\n  width: 36px;\n  height: calc(36px \/ 2);\n  overflow: hidden;\n  backface-visibility: hidden;\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .down .text {\n  font-family: 'Roboto Mono', monospace;\n  font-size: 17px;\n  line-height: 15px;\n    width: 36px;\n    height: 36px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #ffffff;\n \/* text-shadow: 0 1px 2px #000;*\/\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .down .front {\n  background: #333;\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .down .back {\n  background: #333;\n  transform: translateY(calc(36px \/ 2));\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .down .back .text {\n  transform: translateY(calc(-36px \/ 2));\n}\n\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .label{\nmargin-top: 2px;\n  text-align: center;\nposition: absolute;\ntop: 100%;\nwidth: 100%;\nfont-size:14px;\nfont-family: 'Roboto Condensed', sans-serif;\nfont-weight:700;\nline-height:1;\ncolor:#333333;\n}\n\n\n@media only screen and (min-width: 767px) {\n   #flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a{\n  justify-content: center;\n}\n  \n  .flip-counter-sub-wrapperuc_flash_timer_v1_1_elementor_e75b34a{\n  gap:2;\npadding: 0px 0px 0px;\n}\n  \n   #flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .live-wrapper{\n    margin:0px 0px 0px 0px;\n    display:flex;\n}\n  \n   #flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .ripple-wrapper{\n  width: calc(15px + 15px);\n  height: calc(15px + 15px);\n}\n   #flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .ripple {\n  width: 15px;\n  height: 15px;\n}\n  #live-textuc_flash_timer_v1_1_elementor_e75b34a{\n  display:none;\n}\n  \n.live-textuc_flash_timer_v1_1_elementor_e75b34a{\nfont-size:14px;\nline-height:10px;\n}\n  \n  \n   #flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .collon_separator {\n   margin: 0px 2px 6px;\n}\n\n   #flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .collon_separator {\n  font-size:24px;\n }\n  \n  \n  .flip-counteruc_flash_timer_v1_1_elementor_e75b34a {\n      width: 36px;\n    height: 36px;\n    perspective: 100px;\n  }\n  \n  .flip-counteruc_flash_timer_v1_1_elementor_e75b34a .up {\n  width: 36px;\n  height: calc(36px \/ 2);\n}\n  \n  .flip-counteruc_flash_timer_v1_1_elementor_e75b34a .up .face {\n  width: 36px;\n  height: calc(36px \/ 2);\n}\n  \n  .flip-counteruc_flash_timer_v1_1_elementor_e75b34a .up .text {\n  font-size: 17px;\n      width: 36px;\n    height: 36px;\n}\n\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .up .back .text {\n  transform: translateY(calc(-36px \/ 2));\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .down {\n      width: 36px;\n    height: 36px;\n}\n\n  .flip-counteruc_flash_timer_v1_1_elementor_e75b34a .down .face {\n  width: 36px;\n  height: calc(36px \/ 2);\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .down .text {\n  font-size: 17px;\n    width: 36px;\n    height: 36px;\n}\n\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .down .back {\n  transform: translateY(calc(36px \/ 2));\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .down .back .text {\n  transform: translateY(calc(-36px \/ 2));\n}\n\n  .flip-counteruc_flash_timer_v1_1_elementor_e75b34a::after {\n  height: 0.5px;\n}\n  \n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .label{\nfont-size:14px;\n  margin-top: 2px;\n} \n  \n}\n\n\n@media only screen and (min-width: 1024px) {\n  #flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a{\n    justify-content: center;\n}\n  \n    .flip-counter-sub-wrapperuc_flash_timer_v1_1_elementor_e75b34a{\n      gap:2;\npadding: 0px 0px 0px;\n}\n  \n  #flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .live-wrapper{\n    margin:0px 5px 0px 0px;\n    display:flex;\n}\n  \n  #flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .ripple-wrapper{\n  width: calc(15px + 15px);\n  height: calc(15px + 15px);\n}\n  #flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .ripple {\n  width: 15px;\n  height: 15px;\n}\n  #live-textuc_flash_timer_v1_1_elementor_e75b34a{\n  display:block;\n}\n  \n.live-textuc_flash_timer_v1_1_elementor_e75b34a{\nfont-size:14px;\nline-height:10px;\n}\n  \n  \n  #flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .collon_separator {\n   margin: 0px 2px 8px;\n}\n\n  #flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a .collon_separator {\n  font-size:30px;\n }\n  \n  .flip-counteruc_flash_timer_v1_1_elementor_e75b34a {\n    width: 36px;\n    height: 36px;\n    perspective: 100px;\n  }\n  \n  .flip-counteruc_flash_timer_v1_1_elementor_e75b34a .up {\n  width: 36px;\n  height: calc(36px \/ 2);\n}\n  \n  .flip-counteruc_flash_timer_v1_1_elementor_e75b34a .up .face {\n  width: 36px;\n  height: calc(36px \/ 2);\n}\n  \n  .flip-counteruc_flash_timer_v1_1_elementor_e75b34a .up .text {\n  font-size: 17px;\n    width: 36px;\n    height: 36px;\n}\n\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .up .back .text {\n  transform: translateY(calc(-36px \/ 2));\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .down {\n    width: 36px;\n    height: 36px;\n}\n\n  .flip-counteruc_flash_timer_v1_1_elementor_e75b34a .down .face {\n  width: 36px;\n  height: calc(36px \/ 2);\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .down .text {\n  font-size: 17px;\n    width: 36px;\n    height: 36px;\n}\n\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .down .back {\n  transform: translateY(calc(36px \/ 2));\n}\n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .down .back .text {\n  transform: translateY(calc(-36px \/ 2));\n}\n\n    .flip-counteruc_flash_timer_v1_1_elementor_e75b34a::after {\n  height: 0.5px;\n}\n  \n.flip-counteruc_flash_timer_v1_1_elementor_e75b34a .label{\nfont-size: 14px;\n  margin-top: 2px;\n} \n  \n}\n\n\n\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Condensed:wght@400;700&family=Roboto+Mono:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n\n<div id=\"flip-counter-wrapperuc_flash_timer_v1_1_elementor_e75b34a\">\n <div id=\"time-num-box\" class=\"countdown-wrapper flip-counter-sub-wrapperuc_flash_timer_v1_1_elementor_e75b34a\">\n  <div class=\"live-wrapper\" id=\"live-wrapperuc_flash_timer_v1_1_elementor_e75b34a\">\n    <div class=\"ripple-wrapper\">\n       <div class=\"ripple\"><\/div>\n       <div class=\"ripple\"><\/div>\n       <div class=\"ripple\"><\/div>\n       <div class=\"ripple\"><\/div>\n       <div class=\"ripple\"><\/div>\n       <div class=\"ripple\"><\/div>\n       <div class=\"ripple\"><\/div>\n    <\/div>\n    <div class=\"live-text live-textuc_flash_timer_v1_1_elementor_e75b34a\" id=\"live-textuc_flash_timer_v1_1_elementor_e75b34a\">LIVE<\/div>\n <\/div>\n<div class=\"flip-counteruc_flash_timer_v1_1_elementor_e75b34a time-unit\" id=\"counter1uc_flash_timer_v1_1_elementor_e75b34a\">\n  <div class=\"down\">\n    <div class=\"face front\">\n      <div class=\"text num dayFrontd0\">00<\/div>\n    <\/div>\n    <div class=\"face back\">\n      <div class=\"text num dayBackd1\">00<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"up\">\n    <div class=\"face front\">\n      <div class=\"text num dayFrontu0\">00<\/div>\n    <\/div>\n    <div class=\"face back\">\n      <div class=\"text num dayBacku1\">00<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"down\"><\/div>\n  <div class=\"label daylabel\">DAYS<\/div>\n<\/div>\n\n<div class=\"collon_separator\">:<\/div>\n  \n<div class=\"flip-counteruc_flash_timer_v1_1_elementor_e75b34a time-unit\" id=\"counter2uc_flash_timer_v1_1_elementor_e75b34a\">\n  <div class=\"down\">\n    <div class=\"face front\">\n      <div class=\"text num hourFrontd0\">00<\/div>\n    <\/div>\n    <div class=\"face back\">\n      <div class=\"text num hourBackd1\">00<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"up\">\n    <div class=\"face front\">\n      <div class=\"text num hourFrontu0\">00<\/div>\n    <\/div>\n    <div class=\"face back\">\n      <div class=\"text num hourBacku1\">00<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"down\"><\/div>\n  <div class=\"label hourslabel\">HOUS<\/div>\n<\/div>\n\n<div class=\"collon_separator\">:<\/div>\n  \n<div class=\"flip-counteruc_flash_timer_v1_1_elementor_e75b34a time-unit\" id=\"counter3uc_flash_timer_v1_1_elementor_e75b34a\">\n  <div class=\"down\">\n    <div class=\"face front\">\n      <div class=\"text num minFrontd0\">00<\/div>\n    <\/div>\n    <div class=\"face back\">\n      <div class=\"text num minBackd1\">00<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"up\">\n    <div class=\"face front\">\n      <div class=\"text num minFrontu0\">00<\/div>\n    <\/div>\n    <div class=\"face back\">\n      <div class=\"text num minBacku1\">00<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"down\"><\/div>\n  <div class=\"label minuteslabel\">MINS<\/div>\n<\/div>\n\n<div class=\"collon_separator\">:<\/div>\n  \n<div class=\"flip-counteruc_flash_timer_v1_1_elementor_e75b34a time-unit\" id=\"counter4uc_flash_timer_v1_1_elementor_e75b34a\">\n  <div class=\"down\">\n    <div class=\"face front\">\n      <div class=\"text num secFrontd0\">00<\/div>\n    <\/div>\n    <div class=\"face back\">\n      <div class=\"text num secBackd1\">00<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"up\">\n    <div class=\"face front\">\n      <div class=\"text num secFrontu0\">00<\/div>\n    <\/div>\n    <div class=\"face back\">\n      <div class=\"text num secBacku1\">00<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"down\"><\/div>\n  <div class=\"label secondslabel\">SECS<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<!-- end FlashTimer V1.1 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4058023 .envato-kit-138-bracket elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"4058023\" data-element_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>Our Elementor sidebar header versions are perfect for creating any type of page, such as a muti-section <a class=\"demo\" style=\"color: #7d8dff;\" href=\"https:\/\/prowebmentor.com\/elementor-sidebar-header-dotcmh-v1-demo\/\" target=\"_blank\" rel=\"nofollow noopener\">Landing Page<\/a>, <a class=\"demo\" style=\"color: #7d8dff;\" href=\"https:\/\/prowebmentor.com\/elementor-sidebar-header-dotcmh-v2-demo\/\" target=\"_blank\" rel=\"nofollow noopener\">dashboard<\/a>, <a class=\"demo\" style=\"color: #7d8dff;\" href=\"https:\/\/prowebmentor.com\/elementor-sidebar-header-dotcmh-v3-home-demo\/\" target=\"_blank\" rel=\"nofollow noopener\">multi-page<\/a> websites.<\/p><p>Check out my ready-made templates on Gumroad for less than $5 each. Save time and effort &#8211; purchase now.<br \/><a class=\"esh-v1-demo\" style=\"color: #7d8dff;\" href=\"https:\/\/prowebmentor.gumroad.com\/l\/eshv1\" rel=\"nofollow noopener\">Get Landing-page version<\/a>, <a class=\"esh-v1-demo\" style=\"color: #7d8dff;\" href=\"https:\/\/prowebmentor.gumroad.com\/l\/eshv2\" rel=\"nofollow noopener\">Get dashboard version<\/a>, <a class=\"esh-v1-demo\" style=\"color: #7d8dff;\" href=\"https:\/\/prowebmentor.gumroad.com\/l\/eshv3\" rel=\"nofollow noopener\">Get multi-page version<\/a>.<\/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-2f38141 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"2f38141\" data-element_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\">Requirements:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-baa989e elementor-widget__width-inherit elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"baa989e\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/be.elementor.com\/visit\/?bta=206233&#038;nci=5383&#038;utm_campaign=resource-page\" target=\"_blank\" rel=\"nofollow\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-double\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M505 174.8l-39.6-39.6c-9.4-9.4-24.6-9.4-33.9 0L192 374.7 80.6 263.2c-9.4-9.4-24.6-9.4-33.9 0L7 302.9c-9.4 9.4-9.4 24.6 0 34L175 505c9.4 9.4 24.6 9.4 33.9 0l296-296.2c9.4-9.5 9.4-24.7.1-34zm-324.3 106c6.2 6.3 16.4 6.3 22.6 0l208-208.2c6.2-6.3 6.2-16.4 0-22.6L366.1 4.7c-6.2-6.3-16.4-6.3-22.6 0L192 156.2l-55.4-55.5c-6.2-6.3-16.4-6.3-22.6 0L68.7 146c-6.2 6.3-6.2 16.4 0 22.6l112 112.2z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Elementor with pro license, <span style=\"color:white;background-color:#7d8dff;padding:0.05em 0.3em 0.2em 0.3em;border-radius:2px\">Grab It<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e43031 elementor-tablet-align-left elementor-mobile-align-center elementor-align-left elementor-widget elementor-widget-button\" data-id=\"3e43031\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/prowebmentor.gumroad.com\/l\/esh-code\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get The Code<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-85f1710 elementor-tablet-align-center elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"85f1710\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/prowebmentor.gumroad.com\/l\/eshbundle\" rel=\"nofollow\" id=\"buy-btn-stop-animation\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Template<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-cc1f372 elementor-widget elementor-widget-html\" data-id=\"cc1f372\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href='http:\/\/fonts.googleapis.com\/css?family=Droid+Sans' rel='stylesheet'>\n\n<style>\n    #buy-btn {\n  animation: float 3s ease-in-out infinite;\n}\n\n@keyframes float {\n  0% { transform: translate(0, -5px); }\n  50% { transform: translate(0, 5px); }\n  100% { transform: translate(0, -5px); }\n}\n\n#buy-btn:hover {\n  animation: none;\n}\n    \n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9657655 e-flex e-con-boxed e-con e-parent\" data-id=\"9657655\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edce6c3 elementor-widget__width-inherit elementor-widget elementor-widget-video\" data-id=\"edce6c3\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/50fsS5hRDRU&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0df5337 elementor-tablet-align-left elementor-align-left elementor-mobile-align-center elementor-widget-tablet__width-auto elementor-widget elementor-widget-button\" data-id=\"0df5337\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/prowebmentor.gumroad.com\/?tags=discounted\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">CHECKOUT OUR SHOP<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-71888e6 elementor-widget elementor-widget-heading\" data-id=\"71888e6\" data-element_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\">Sale on templates <br> ending soon.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df72c2b elementor-widget elementor-widget-ucaddon_flash_timer\" data-id=\"df72c2b\" data-element_type=\"widget\" data-widget_type=\"ucaddon_flash_timer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start FlashTimer -->\n<style>\/* widget: FlashTimer *\/\n\n@keyframes ripple {\n  0% {\n    transform: scale(0);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n#countdown-wrapperuc_flash_timer_elementor_df72c2b .ripple-wrapper{\n  width: calc(12px + 12px);\n  height: calc(12px + 12px);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n#countdown-wrapperuc_flash_timer_elementor_df72c2b .ripple {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background-color: #FF404C;\n  position: absolute;\n  animation: ripple 3.5s infinite; \n}\n\n#countdown-wrapperuc_flash_timer_elementor_df72c2b .ripple:nth-child(2) {\n  animation-delay: -0.5s;\n}\n\n#countdown-wrapperuc_flash_timer_elementor_df72c2b .ripple:nth-child(3) {\n  animation-delay: -1s;\n}\n\n#countdown-wrapperuc_flash_timer_elementor_df72c2b .ripple:nth-child(4) {\n  animation-delay: -1.5s; \n}\n#countdown-wrapperuc_flash_timer_elementor_df72c2b .ripple:nth-child(5) {\n  animation-delay: -2s;\n}\n#countdown-wrapperuc_flash_timer_elementor_df72c2b .ripple:nth-child(6) {\n  animation-delay: -2.5s;\n}\n#countdown-wrapperuc_flash_timer_elementor_df72c2b .ripple:nth-child(7) {\n  animation-delay: -3s;\n}\n\n#countdown-wrapperuc_flash_timer_elementor_df72c2b .live-wrapper{\npadding:0px 3px;\nmargin:0px 0px 0px 0px;\ndisplay:flex;\njustify-content: center;\nalign-items:center;\nflex-direction:column;\n}\n\n#live-textuc_flash_timer_elementor_df72c2b{\n  display:block;\n  color:#FF404C;\n}\n\n\n\n.main-wrapperuc_flash_timer_elementor_df72c2b *{\nmargin:0;\npadding:0;\ntext-decoration: none;\n}\n\n.main-wrapperuc_flash_timer_elementor_df72c2b{\n  display: flex;\n  justify-content: center;\n  align-items:center;\n}\n#countdown-wrapperuc_flash_timer_elementor_df72c2b{\n    display: flex;\n    flex-direction: row;\nbackground: rgba(255, 255, 255, 0);\nborder: none;\nmargin: 0;\npadding: 0px 0px 0px;\n}\n\n#countdownuc_flash_timer_elementor_df72c2b {\n  display: flex;\n  justify-content: center;\n  align-items:center;\n}\n\n.time-unit {\n  position: relative;\n}\n\n\n#countdownuc_flash_timer_elementor_df72c2b .time-unit {\n  position: relative;\n  text-align: center;\n  background-color: #7D8DFF;\n  margin: 0 2px;\n  flex: 0;\n  padding: 0px 0px 0px;\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\njustify-content:center;\ngap: 2px;\naspect-ratio: 1 \/ 1;\nmin-width:29px;\n}\n\n#countdownuc_flash_timer_elementor_df72c2b hr {\nposition: absolute;\ntop: 50%;\nleft: 50%;\ntransform: translate(-50%, -50%);\nwidth:100%; \nmargin: 0;\nborder: 0px solid #FFFFFF;\nborder-top-width:0.3px;\n}\n\n#countdownuc_flash_timer_elementor_df72c2b .time-unit span {\n  display: inline-block;\n}\n\n#countdownuc_flash_timer_elementor_df72c2b .label {\n  color:#FFFFFF;\n}\n\n#countdownuc_flash_timer_elementor_df72c2b .collon_separator {\n  color:#000000;\n  line-height:0px;\n  margin: 0px 0px 1px;\n}\n\n.countdownuc_flash_timer_elementor_df72c2b .label{\nfont-family: 'Roboto Condensed', sans-serif;\nfont-size:1.2rem;\nfont-weight:600;\nfont-style: normal;\ntext-transform:uppercase;\nline-height:20px;\n}\n\n#countdownuc_flash_timer_elementor_df72c2b .num {\n  color:#FFFFFF;\n}\n\n\n.countdownuc_flash_timer_elementor_df72c2b .num{\n  font-family:\"Roboto\", Sans-serif;\n  font-size:1.5rem;\n  font-weight:500;\n  font-style: normal;\n  text-transform:uppercase;\n  line-height:21px;\n}\n\n\n\n@media only screen and (min-width: 767px) {\n  \n  #countdown-wrapperuc_flash_timer_elementor_df72c2b .live-wrapper{\n    margin:0px 5px 0px 0px;\n    display:flex;\n}\n  \n  #countdown-wrapperuc_flash_timer_elementor_df72c2b .ripple-wrapper{\n  width: calc(15px + 15px);\n  height: calc(15px + 15px);\n}\n#countdown-wrapperuc_flash_timer_elementor_df72c2b .ripple {\n  width: 15px;\n  height: 15px;\n}\n  #live-textuc_flash_timer_elementor_df72c2b{\n  display:block;\n}\n  \n    .main-wrapperuc_flash_timer_elementor_df72c2b{\n  justify-content: center;\n}\n  \n#countdown-wrapperuc_flash_timer_elementor_df72c2b{\npadding: 0px 0px 0px;\n}\n\n#countdownuc_flash_timer_elementor_df72c2b .time-unit {\n  padding: 0px 0px 0px;\n  gap: 2px;\n  min-width:37px;\n  flex: 0;\n}\n\n#countdownuc_flash_timer_elementor_df72c2b hr {\nwidth:100%; \nborder-top-width:0.3px;\n}\n\n\n#countdownuc_flash_timer_elementor_df72c2b .collon_separator {\n   margin: 0px 3px 2px;\n}\n\n.countdownuc_flash_timer_elementor_df72c2b .label{\nfont-size:1.2rem;\nline-height:19px;\n}\n\n.countdownuc_flash_timer_elementor_df72c2b .num{\n  font-size:1.4rem;\n  line-height:19px;\n}\n}\n\n@media only screen and (min-width: 1024px) {\n  \n  #countdown-wrapperuc_flash_timer_elementor_df72c2b .live-wrapper{\n    margin:0px 5px 0px 0px;\n    display:flex;\n}\n  \n    #countdown-wrapperuc_flash_timer_elementor_df72c2b .ripple-wrapper{\n  width: calc(14px + 14px);\n  height: calc(14px + 14px);\n}\n#countdown-wrapperuc_flash_timer_elementor_df72c2b .ripple {\n  width: 14px;\n  height: 14px;\n}\n  #live-textuc_flash_timer_elementor_df72c2b{\n  display:none;\n}\n  .main-wrapperuc_flash_timer_elementor_df72c2b{\n  justify-content: center;\n}\n  \n#countdown-wrapperuc_flash_timer_elementor_df72c2b{\npadding: 0px 0px 0px;\n}\n\n#countdownuc_flash_timer_elementor_df72c2b .time-unit {\n  padding: 0px 0px 0px;\n  gap: 3px;\n  min-width:36px;\n  flex: 0;\n}\n\n#countdownuc_flash_timer_elementor_df72c2b hr {\nwidth:100%; \nborder-top-width:0.3px;\n}\n\n\n#countdownuc_flash_timer_elementor_df72c2b .collon_separator {\n   margin: 0px 2px 1px;\n}\n\n.countdownuc_flash_timer_elementor_df72c2b .label{\nfont-size:1.4rem;\nline-height:19px;\n}\n\n.countdownuc_flash_timer_elementor_df72c2b .num{\n  font-size:1.6rem;\n  line-height:19px;\n}\n\n}\n\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Condensed:wght@700&family=Roboto:wght@500&display=swap\" rel=\"stylesheet\">\n<div id=\"time-num-box\" class=\"main-wrapperuc_flash_timer_elementor_df72c2b\" >\n   <div id=\"countdown-wrapperuc_flash_timer_elementor_df72c2b\" class=\"countdown-wrapper\">\n      <div class=\"live-wrapper\" id=\"live-wrapperuc_flash_timer_elementor_df72c2b\">\n         <div class=\"ripple-wrapper\">\n            <div class=\"ripple\"><\/div>\n            <div class=\"ripple\"><\/div>\n            <div class=\"ripple\"><\/div>\n            <div class=\"ripple\"><\/div>\n            <div class=\"ripple\"><\/div>\n            <div class=\"ripple\"><\/div>\n            <div class=\"ripple\"><\/div>\n         <\/div>\n         <div class=\"live-text\" id=\"live-textuc_flash_timer_elementor_df72c2b\">LIVE<\/div>\n      <\/div>\n      <div id=\"countdownuc_flash_timer_elementor_df72c2b\" class=\"countdownuc_flash_timer_elementor_df72c2b\">\n         <div class=\"time-unit days\">\n            <span id=\"daysuc_flash_timer_elementor_df72c2b\" class=\"num\"><\/span>\n            <hr>\n            <div class=\"label\">Days<\/div>\n         <\/div>\n         <div id=\"collon_separatoruc_flash_timer_elementor_df72c2b\" class=\"collon_separator\">:<\/div>\n         <div class=\"time-unit hours\">\n            <span id=\"hoursuc_flash_timer_elementor_df72c2b\" class=\"num\"><\/span>\n            <hr>\n            <div class=\"label\">Hous<\/div>\n         <\/div>\n         <div id=\"collon_separatoruc_flash_timer_elementor_df72c2b\" class=\"collon_separator\">:<\/div>\n         <div class=\"time-unit minutes\">\n            <span id=\"minutesuc_flash_timer_elementor_df72c2b\" class=\"num\"><\/span>\n            <hr>\n            <div class=\"label\">Mins<\/div>\n         <\/div>\n         <div id=\"collon_separatoruc_flash_timer_elementor_df72c2b\" class=\"collon_separator\">:<\/div>\n         <div class=\"time-unit seconds\">\n            <span id=\"secondsuc_flash_timer_elementor_df72c2b\" class=\"num\"><\/span>\n            <hr>\n            <div class=\"label\">Secs<\/div>\n         <\/div>\n      <\/div>\n   <\/div>\n<\/div>\n<!-- end FlashTimer -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38e3a08 elementor-widget__width-auto elementor-widget elementor-widget-text-editor\" data-id=\"38e3a08\" data-element_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><span class=\"box3\">D<\/span><span class=\"box2\"><strong>isclaimer:<\/strong> Some of the links on this page are affiliate links. If you make a purchase through my link, I may receive a small commission at no extra cost to you. I only recommend products and services that I truly believe in and have used myself. <br \/><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Elementor sidebar header versions are perfect for creating any type of page, such as a muti-section Landing Page, dashboard, multi-page websites.<\/p>\n<p>Check out my ready-made templates on Gumroad for less than $5 each. Save time and effort \u2013 purchase now.<br \/>\nGet Landing-page version, Get dashboard version, Get multi-page version.<\/p>\n","protected":false},"author":1,"featured_media":525,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,12,9],"tags":[],"class_list":["post-522","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor-pro","category-elementor-template","category-posts"],"_links":{"self":[{"href":"https:\/\/prowebmentor.com\/wp-json\/wp\/v2\/posts\/522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prowebmentor.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prowebmentor.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prowebmentor.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prowebmentor.com\/wp-json\/wp\/v2\/comments?post=522"}],"version-history":[{"count":86,"href":"https:\/\/prowebmentor.com\/wp-json\/wp\/v2\/posts\/522\/revisions"}],"predecessor-version":[{"id":1624,"href":"https:\/\/prowebmentor.com\/wp-json\/wp\/v2\/posts\/522\/revisions\/1624"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prowebmentor.com\/wp-json\/wp\/v2\/media\/525"}],"wp:attachment":[{"href":"https:\/\/prowebmentor.com\/wp-json\/wp\/v2\/media?parent=522"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prowebmentor.com\/wp-json\/wp\/v2\/categories?post=522"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prowebmentor.com\/wp-json\/wp\/v2\/tags?post=522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}