{"id":12,"date":"2024-07-23T17:18:58","date_gmt":"2024-07-23T17:18:58","guid":{"rendered":"https:\/\/prayath.com\/?page_id=12"},"modified":"2024-08-04T09:35:49","modified_gmt":"2024-08-04T09:35:49","slug":"about","status":"publish","type":"page","link":"https:\/\/prayath.com\/index.php\/about\/","title":{"rendered":"About"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-large-font-size\" id=\"inspiro-is-a-digital-product-agency-that-focuses-on-strategy-and-design\" style=\"font-style:normal;font-weight:100\"><strong>Meet People Behind Your Project<\/strong><\/h2>\n\n\n\n<p>We are happy to collaborate to send suitable solutions for you and your brands. Discover who will be in charge of your case.<\/p>\n\n\n\n<style>\n  .three-d-container {\n    display: flex;\n    justify-content: space-between;\n    perspective: 1000px;\n  }\n\n  .three-d-column {\n    width: 48%;\n    padding: 30px;\n    box-sizing: border-box;\n    background: rgba(244, 245, 248, 0.9);\n    border-radius: 10px;\n    transform-style: preserve-3d;\n    transition: transform 0.6s, background-color 0.6s;\n    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\n  }\n\n  .three-d-column:hover {\n    transform: rotateY(10deg) rotateX(10deg);\n    background-color: rgba(244, 245, 248, 1);\n  }\n\n  .three-d-column img {\n    width: 100%;\n    border-radius: 10px;\n    transition: transform 0.6s;\n  }\n\n  .three-d-column img:hover {\n    transform: scale(1.05);\n  }\n\n  .three-d-column h1 {\n    font-family: 'Arial', sans-serif;\n    font-size: 24px;\n    margin-top: 15px;\n    color: #333;\n    transition: color 0.3s;\n  }\n\n  .three-d-column h1:hover {\n    color: #0073e6;\n  }\n\n  .three-d-column h3 {\n    font-family: 'Arial', sans-serif;\n    font-size: 18px;\n    margin-top: 10px;\n    color: #666;\n    transition: color 0.3s;\n  }\n\n  .three-d-column h3:hover {\n    color: #0073e6;\n  }\n\n  .three-d-column p {\n    font-family: 'Arial', sans-serif;\n    font-size: 16px;\n    color: #555;\n    margin-top: 10px;\n    line-height: 1.5;\n    transition: color 0.3s;\n  }\n\n  .three-d-column p:hover {\n    color: #333;\n  }\n<\/style>\n\n<div class=\"three-d-container\">\n  <div class=\"three-d-column\">\n    <img decoding=\"async\" src=\"https:\/\/prayath.com\/wp-content\/uploads\/2024\/08\/team-website.jpg\" alt=\"Image 1\">\n    <h1>Diah Damayanti<\/h1> \n    <h3>CEO\/Business Development<\/h3>    \n    <p>Passionate woman for social enterprise and helping more SMEs to grow their business online through digital marketing.<\/p>\n  <\/div>\n  <div class=\"three-d-column\">\n    <img decoding=\"async\" src=\"https:\/\/prayath.com\/wp-content\/uploads\/2024\/08\/team-website-SAT-1024x682.jpg\" alt=\"Image 2\">\n    <h1>Satria Pratama<\/h1> \n    <h3>CTO\/Designer<\/h3>      \n    <p>Curabitur aliquet quam id dui posuere blandit. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.<\/p>\n  <\/div>\n<\/div>\n\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n  .three-d-container {\n    display: flex;\n    justify-content: space-between;\n    perspective: 1000px;\n  }\n\n  .three-d-column {\n    width: 48%;\n    padding: 30px;\n    box-sizing: border-box;\n    background: rgba(244, 245, 248, 0.9);\n    border-radius: 10px;\n    transform-style: preserve-3d;\n    transition: transform 0.6s, background-color 0.6s;\n    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\n  }\n\n  .three-d-column:hover {\n    transform: rotateY(10deg) rotateX(10deg);\n    background-color: rgba(244, 245, 248, 1);\n  }\n\n  .three-d-column img {\n    width: 100%;\n    border-radius: 10px;\n    transition: transform 0.6s;\n  }\n\n  .three-d-column img:hover {\n    transform: scale(1.05);\n  }\n\n  .three-d-column h1 {\n    font-family: 'Arial', sans-serif;\n    font-size: 24px;\n    margin-top: 15px;\n    color: #333;\n    transition: color 0.3s;\n  }\n\n  .three-d-column h1:hover {\n    color: #0073e6;\n  }\n\n  .three-d-column h3 {\n    font-family: 'Arial', sans-serif;\n    font-size: 18px;\n    margin-top: 10px;\n    color: #666;\n    transition: color 0.3s;\n  }\n\n  .three-d-column h3:hover {\n    color: #0073e6;\n  }\n\n  .three-d-column p {\n    font-family: 'Arial', sans-serif;\n    font-size: 16px;\n    color: #555;\n    margin-top: 10px;\n    line-height: 1.5;\n    transition: color 0.3s;\n  }\n\n  .three-d-column p:hover {\n    color: #333;\n  }\n<\/style>\n\n<div class=\"three-d-container\">\n  <div class=\"three-d-column\">\n    <img decoding=\"async\" src=\"https:\/\/prayath.com\/wp-content\/uploads\/2024\/08\/team-website-Dw.png\" alt=\"Image 1\">\n    <h1>Dwi Darmawan<\/h1> \n    <h3>Video Editor<\/h3>    \n    <p>Keen on creating a creative video that shows values and every behind story from your core business with the trending theme.<\/p>\n  <\/div>\n  <div class=\"three-d-column\">\n    <img decoding=\"async\" src=\"https:\/\/prayath.com\/wp-content\/uploads\/2024\/08\/team-website-Larz.png\" alt=\"Image 2\">\n    <h1>Laras Pristina<\/h1> \n    <h3>Admin<\/h3>      \n    <p>An administrative enthusiast that will help to manage your project and become the mediatory between you and your company<\/p>\n  <\/div>\n<\/div>\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Meet People Behind Your Project We are happy to collaborate to send suitable solutions for you and your brands. Discover who will be in charge of your case. Diah Damayanti CEO\/Business Development Passionate woman for social enterprise and helping more SMEs to grow their business online through digital marketing. Satria Pratama CTO\/Designer Curabitur aliquet quam &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/prayath.com\/index.php\/about\/\" class=\"more-link\">Read more<span class=\"screen-reader-text\"> &#8220;About&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":9,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/prayath.com\/index.php\/wp-json\/wp\/v2\/pages\/12"}],"collection":[{"href":"https:\/\/prayath.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prayath.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prayath.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prayath.com\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":10,"href":"https:\/\/prayath.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":370,"href":"https:\/\/prayath.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/370"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prayath.com\/index.php\/wp-json\/wp\/v2\/media\/9"}],"wp:attachment":[{"href":"https:\/\/prayath.com\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}