{"id":996,"date":"2022-05-31T12:29:52","date_gmt":"2022-05-31T12:29:52","guid":{"rendered":"https:\/\/neuronthemes.com\/minimo\/?page_id=996"},"modified":"2024-04-18T07:41:25","modified_gmt":"2024-04-18T06:41:25","slug":"about-me","status":"publish","type":"page","link":"https:\/\/postport.in\/index.php\/about-me\/","title":{"rendered":"work"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"996\" class=\"elementor elementor-996\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2a84dd7 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"2a84dd7\" data-element_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-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-be5fd1a\" data-id=\"be5fd1a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-159c7e0 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"159c7e0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-9ac7dff\" data-id=\"9ac7dff\" data-element_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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a2b26e5\" data-id=\"a2b26e5\" data-element_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-81a127c a-animated-heading__direction-column a-animated-heading__direction-tablet-column elementor-widget elementor-widget-neuron-animated-heading\" data-id=\"81a127c\" data-element_type=\"widget\" data-settings=\"{&quot;animated_text&quot;:&quot;Let us play Catalyst for you,\\nbecause marketing takes more than just a lazy ass&quot;,&quot;animated_animation&quot;:&quot;h-neuron-animation--slideDown&quot;,&quot;neuron_animations_duration&quot;:&quot;animated-slow&quot;,&quot;style&quot;:&quot;animated&quot;,&quot;animated_type&quot;:&quot;line&quot;,&quot;animation_delay&quot;:200}\" data-widget_type=\"neuron-animated-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h2 class=\"a-animated-heading a-animated-heading--animated a-animated-heading--animated__line\" data-id=\"81a127c\">\r\n\r\n\t\t\t\r\n\t\t\t<span class=\"a-animated-heading__text--dynamic-wrapper a-animated-heading__text\"><\/span>\r\n\r\n\t\t\t\r\n\t\t<\/h2>\r\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<div class=\"elementor-element elementor-element-5678325 e-con-full e-flex e-con e-parent\" data-id=\"5678325\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a708853 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"a708853\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<style>\n  \/* Add your CSS styles here *\/\n  .flip-card-container {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    margin: 10px -10px; \/* Add negative margin to counteract spacing *\/\n  }\n\n  .flip-container {\n    perspective: 1000px;\n    width: calc(25% - 20px); \/* Adjusted width to account for margins *\/\n    margin: 10px; \/* Add some space between sections *\/\n  }\n\n  .flipper {\n    position: relative;\n    transform-style: preserve-3d;\n    transition: transform 0.5s;\n    width: 100%;\n    height: 0;\n    padding-bottom: 100%; \/* Maintain a square aspect ratio *\/\n  }\n\n  .front,\n  .back {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    backface-visibility: hidden;\n  }\n\n  .back {\n    transform: rotateY(180deg);\n  }\n  @media(max-width:600px){\n      \n  }\n<\/style>\n<\/head>\n<body>\n  <div class=\"flip-card-container\">\n    <!-- First Flip Container -->\n    <div class=\"flip-container\" onclick=\"flipSection(this)\">\n      <div class=\"flipper\">\n        <div class=\"front\">\n          <video id=\"video1\" onmouseover=\"this.play()\" onmouseout=\"this.pause();this.currentTime=0;\">\n            <source src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/09\/video-output-96D91E27-C044-4A62-9EF9-318FA5E1CEC8.mp4\"><\/source>\n          <\/video>\n        <\/div>\n        <div class=\"back\">\n          <img decoding=\"async\" id=\"image1\" src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/9.png\" alt=\"Flipped Image 1\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Second Flip Container -->\n    <div class=\"flip-container\" onclick=\"flipSection(this)\">\n      <div class=\"flipper\">\n        <div class=\"front\">\n          <video id=\"video2\" onmouseover=\"this.play()\" onmouseout=\"this.pause();this.currentTime=0;\">\n            <source src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/09\/ad-video-2.mp4\"><\/source>\n          <\/video>\n        <\/div>\n        <div class=\"back\">\n          <img decoding=\"async\" id=\"image2\" src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/10.png\" alt=\"Flipped Image 2\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Third Flip Container -->\n    <div class=\"flip-container\" onclick=\"flipSection(this)\">\n      <div class=\"flipper\">\n        <div class=\"front\">\n          <video id=\"video3\" onmouseover=\"this.play()\" onmouseout=\"this.pause();this.currentTime=0;\">\n            <source src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/09\/video-output-137E119C-00E9-4668-88E5-16E063DA823E.mp4\"><\/source>\n          <\/video>\n        <\/div>\n        <div class=\"back\">\n          <img decoding=\"async\" id=\"image3\" src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/7.png\" alt=\"Flipped Image 3\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Fourth Flip Container -->\n    <div class=\"flip-container\" onclick=\"flipSection(this)\">\n      <div class=\"flipper\">\n        <div class=\"front\">\n          <video id=\"video4\" onmouseover=\"this.play()\" onmouseout=\"this.pause();this.currentTime=0;\">\n            <source src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/09\/video-output-90FD7177-373C-4888-AA2D-607527419BB7.mp4\"><\/source>\n          <\/video>\n        <\/div>\n        <div class=\"back\">\n          <img decoding=\"async\" id=\"image4\" src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/1.png\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    function flipSection(container) {\n      const flipper = container.querySelector('.flipper');\n      flipper.style.transform = flipper.style.transform === 'rotateY(180deg)' ? 'rotateY(0deg)' : 'rotateY(180deg)';\n    }\n\n    \/\/ Calculate and set dynamic padding based on content height\n    window.addEventListener('DOMContentLoaded', () => {\n      const flipContainers = document.querySelectorAll('.flip-container');\n      flipContainers.forEach(container => {\n        const flipper = container.querySelector('.flipper');\n        const frontContent = container.querySelector('.front > *');\n        const backContent = container.querySelector('.back > *');\n        const contentHeight = Math.max(frontContent.offsetHeight, backContent.offsetHeight);\n        const paddingPercent = (contentHeight \/ container.offsetWidth) * 100;\n        flipper.style.paddingBottom = `${paddingPercent}%`;\n      });\n    });\n  <\/script>\n\n\n<script>\n  function flipSection(container) {\n    const flipContainers = document.querySelectorAll('.flip-container');\n    flipContainers.forEach(otherContainer => {\n      const flipper = otherContainer.querySelector('.flipper');\n      if (otherContainer !== container) {\n        flipper.style.transform = 'rotateY(0deg)';\n      }\n    });\n\n    const flipper = container.querySelector('.flipper');\n    flipper.style.transform = flipper.style.transform === 'rotateY(180deg)' ? 'rotateY(0deg)' : 'rotateY(180deg)';\n  }\n\n  \/\/ Calculate and set dynamic padding based on content height\n  window.addEventListener('DOMContentLoaded', () => {\n    const flipContainers = document.querySelectorAll('.flip-container');\n    flipContainers.forEach(container => {\n      const flipper = container.querySelector('.flipper');\n      const frontContent = container.querySelector('.front > *');\n      const backContent = container.querySelector('.back > *');\n      const contentHeight = Math.max(frontContent.offsetHeight, backContent.offsetHeight);\n      const paddingPercent = (contentHeight \/ container.offsetWidth) * 100;\n      flipper.style.paddingBottom = `${paddingPercent}%`;\n    });\n  });\n\n  \/\/ Close flipper sections on click outside\n  document.body.addEventListener('click', (event) => {\n    const flipContainers = document.querySelectorAll('.flip-container');\n    const isInsideFlipContainer = Array.from(flipContainers).some(container => container.contains(event.target));\n    if (!isInsideFlipContainer) {\n      flipContainers.forEach(container => {\n        const flipper = container.querySelector('.flipper');\n        flipper.style.transform = 'rotateY(0deg)';\n      });\n    }\n  });\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5db44d e-con-full e-flex e-con e-parent\" data-id=\"a5db44d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb8c2ff elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"bb8c2ff\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<style>\n  \/* Add your CSS styles here *\/\n  .flip-card-container {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    margin: 10px -10px; \/* Add negative margin to counteract spacing *\/\n  }\n\n  .flip-container {\n    perspective: 1000px;\n    width: calc(25% - 20px); \/* Adjusted width to account for margins *\/\n    margin: 10px; \/* Add some space between sections *\/\n  }\n\n  .flipper {\n    position: relative;\n    transform-style: preserve-3d;\n    transition: transform 0.5s;\n    width: 100%;\n    height: 0;\n    padding-bottom: 100%; \/* Maintain a square aspect ratio *\/\n  }\n\n  .front,\n  .back {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    backface-visibility: hidden;\n  }\n\n  .back {\n    transform: rotateY(180deg);\n  }\n  @media(max-width:600px){\n      .flip-card-container {\n    display: flex;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    margin: 10px -10px;\n    flex-direction:column;\n}\n.flip-container {\n    perspective: 1000px;\n    width: calc(100% - 20px);\n    margin: 10px;\n}\n  }\n<\/style>\n<\/head>\n<body>\n  <div class=\"flip-card-container\">\n    <!-- First Flip Container -->\n    <div class=\"flip-container\" onclick=\"flipSection(this)\">\n      <div class=\"flipper\">\n        <div class=\"front\">\n          <video id=\"video1\" onmouseover=\"this.play()\" onmouseout=\"this.pause();this.currentTime=0;\">\n            <source src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/09\/video-output-CCEBC1D1-695C-43FE-9F7D-F456B60AF043.mp4\"><\/source>\n          <\/video>\n        <\/div>\n        <div class=\"back\">\n          <img decoding=\"async\" id=\"image1\" src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/11.png\" alt=\"Flipped Image 1\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Second Flip Container -->\n    <div class=\"flip-container\" onclick=\"flipSection(this)\">\n      <div class=\"flipper\">\n        <div class=\"front\">\n          <video id=\"video2\" onmouseover=\"this.play()\" onmouseout=\"this.pause();this.currentTime=0;\">\n            <source src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/09\/video-output-963ED22D-9EE5-4FB6-8AA4-356CEB8A09AC.mp4\"><\/source>\n          <\/video>\n        <\/div>\n        <div class=\"back\">\n          <img decoding=\"async\" id=\"image2\" src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/10.png\" alt=\"Flipped Image 2\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Third Flip Container -->\n    <div class=\"flip-container\" onclick=\"flipSection(this)\">\n      <div class=\"flipper\">\n        <div class=\"front\">\n          <video id=\"video3\" onmouseover=\"this.play()\" onmouseout=\"this.pause();this.currentTime=0;\">\n            <source src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/09\/raas-final.mp4\"><\/source>\n          <\/video>\n        <\/div>\n        <div class=\"back\">\n          <img decoding=\"async\" id=\"image3\" src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/7.png\" alt=\"Flipped Image 3\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Fourth Flip Container -->\n    <div class=\"flip-container\" onclick=\"flipSection(this)\">\n      <div class=\"flipper\">\n        <div class=\"front\">\n          <video id=\"video4\" onmouseover=\"this.play()\" onmouseout=\"this.pause();this.currentTime=0;\">\n            <source src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/09\/corenature-final-2.mp4\"><\/source>\n          <\/video>\n        <\/div>\n        <div class=\"back\">\n          <img decoding=\"async\" id=\"image4\" src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/1.png\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    function flipSection(container) {\n      const flipper = container.querySelector('.flipper');\n      flipper.style.transform = flipper.style.transform === 'rotateY(180deg)' ? 'rotateY(0deg)' : 'rotateY(180deg)';\n    }\n\n    \/\/ Calculate and set dynamic padding based on content height\n    window.addEventListener('DOMContentLoaded', () => {\n      const flipContainers = document.querySelectorAll('.flip-container');\n      flipContainers.forEach(container => {\n        const flipper = container.querySelector('.flipper');\n        const frontContent = container.querySelector('.front > *');\n        const backContent = container.querySelector('.back > *');\n        const contentHeight = Math.max(frontContent.offsetHeight, backContent.offsetHeight);\n        const paddingPercent = (contentHeight \/ container.offsetWidth) * 100;\n        flipper.style.paddingBottom = `${paddingPercent}%`;\n      });\n    });\n  <\/script>\n\n\n<script>\n  function flipSection(container) {\n    const flipContainers = document.querySelectorAll('.flip-container');\n    flipContainers.forEach(otherContainer => {\n      const flipper = otherContainer.querySelector('.flipper');\n      if (otherContainer !== container) {\n        flipper.style.transform = 'rotateY(0deg)';\n      }\n    });\n\n    const flipper = container.querySelector('.flipper');\n    flipper.style.transform = flipper.style.transform === 'rotateY(180deg)' ? 'rotateY(0deg)' : 'rotateY(180deg)';\n  }\n\n  \/\/ Calculate and set dynamic padding based on content height\n  window.addEventListener('DOMContentLoaded', () => {\n    const flipContainers = document.querySelectorAll('.flip-container');\n    flipContainers.forEach(container => {\n      const flipper = container.querySelector('.flipper');\n      const frontContent = container.querySelector('.front > *');\n      const backContent = container.querySelector('.back > *');\n      const contentHeight = Math.max(frontContent.offsetHeight, backContent.offsetHeight);\n      const paddingPercent = (contentHeight \/ container.offsetWidth) * 100;\n      flipper.style.paddingBottom = `${paddingPercent}%`;\n    });\n  });\n\n  \/\/ Close flipper sections on click outside\n  document.body.addEventListener('click', (event) => {\n    const flipContainers = document.querySelectorAll('.flip-container');\n    const isInsideFlipContainer = Array.from(flipContainers).some(container => container.contains(event.target));\n    if (!isInsideFlipContainer) {\n      flipContainers.forEach(container => {\n        const flipper = container.querySelector('.flipper');\n        flipper.style.transform = 'rotateY(0deg)';\n      });\n    }\n  });\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-58313fa e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"58313fa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1863d00 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"1863d00\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"457\" src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/postport-banners-1-1024x457.png\" class=\"attachment-large size-large wp-image-3289\" alt=\"\" srcset=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/postport-banners-1-1024x457.png 1024w, https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/postport-banners-1-300x134.png 300w, https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/postport-banners-1-768x343.png 768w, https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/postport-banners-1-1536x686.png 1536w, https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/postport-banners-1-2048x914.png 2048w, https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/postport-banners-1-600x268.png 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-55c7993 e-con-full elementor-hidden-desktop e-flex e-con e-parent\" data-id=\"55c7993\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c41c450 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"c41c450\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"617\" height=\"1024\" src=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/Artboard-1-copy-7-617x1024.png\" class=\"attachment-large size-large wp-image-3296\" alt=\"\" srcset=\"https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/Artboard-1-copy-7-617x1024.png 617w, https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/Artboard-1-copy-7-181x300.png 181w, https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/Artboard-1-copy-7-768x1275.png 768w, https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/Artboard-1-copy-7-925x1536.png 925w, https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/Artboard-1-copy-7-600x996.png 600w, https:\/\/postport.in\/wp-content\/uploads\/2023\/08\/Artboard-1-copy-7.png 1208w\" sizes=\"(max-width: 617px) 100vw, 617px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-996","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/postport.in\/index.php\/wp-json\/wp\/v2\/pages\/996"}],"collection":[{"href":"https:\/\/postport.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/postport.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/postport.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/postport.in\/index.php\/wp-json\/wp\/v2\/comments?post=996"}],"version-history":[{"count":172,"href":"https:\/\/postport.in\/index.php\/wp-json\/wp\/v2\/pages\/996\/revisions"}],"predecessor-version":[{"id":3659,"href":"https:\/\/postport.in\/index.php\/wp-json\/wp\/v2\/pages\/996\/revisions\/3659"}],"wp:attachment":[{"href":"https:\/\/postport.in\/index.php\/wp-json\/wp\/v2\/media?parent=996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}