{"id":21186,"date":"2023-03-15T15:04:33","date_gmt":"2023-03-15T09:34:33","guid":{"rendered":"https:\/\/www.dronahq.com\/?page_id=21186"},"modified":"2024-06-25T13:11:17","modified_gmt":"2024-06-25T07:41:17","slug":"integrating-apis-dbs-to-your-app-live-dronahq-tutorial","status":"publish","type":"page","link":"https:\/\/www.dronahq.com\/integrating-apis-dbs-to-your-app-live-dronahq-tutorial\/","title":{"rendered":"Integrating APIs and DBs to your apps | Live DronaHQ Tutorial"},"content":{"rendered":"<p>[vc_row][vc_column]<Script>\n\t\t\/\/history.replaceState();\n\t\t<\/script>\n         <!-- two colum layout with pointers -->\n    <div class=\"Section_masked\">\n        <div class=\"Section_backgroundMask\">\n            <div class=\"Section_background\">\n                <div class=\"Guides\" aria-hidden=\"true\">\n                    <div class=\"Guides_container\">\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n          \n         <div class=\"Section_container\"  > \n            <div class=\"Section_layoutContainer shadowelement\">\n                <div class=\"Section_layout\">\n                    <div class=\" RowLayout\" style=\"--rowLayoutGap: var(--rowLayoutGapXLarge)\">\n                        <div class=\" ColumnLayout\" data-columns=\"2,2\">\n                            <section class=\" dhq variant--Section\">\n                                <header class=\"dhq_header pr112\">\n                                    <div class=\"dhq_caption\">March 23, 2023 | 12 PM CT<\/div>\n<h2 class=\"dhq_title\">DronaHQ Tutorial: Integrating APIs and DBs to your app<\/h2> \n                                \n                                <\/header>\n                                <div class=\"pr112 dhq_body\">\n                                    <p><strong>Live DronaHQ Tutorial<\/strong><\/p>\n<p>Learn how to consume your database or microservice app data in your DronaHQ apps through integrations.<\/p>\n\n                                <\/div> \n                                \n                                <footer class=\"dhq_footer\"><!--  -->\n                                    <div class=\"dhq_ctaContainer\"><a class=\"CtaButton variant--Button CtaButton--arrow\" href=\"https:\/\/www.dronahq.com\/integrating-apis-dbs-to-your-app-live-dronahq-tutorial\/#form\" target=\"\">Watch on demand\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10.471\" viewBox=\"0 0 11.968 10.471\">\n                                                <g id=\"Group_14\" data-name=\"Group 14\" transform=\"translate(-1603.274 -4411.436)\">\n                                                    <path id=\"Path_14886\" class=\"HoverArrow_linePath\" data-name=\"Path 14886\" d=\"M1573.563,4416.874h11.225\" transform=\"translate(29.711 -0.152)\" fill=\"none\" stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-width=\"1.5\"><\/path>\n                                                    <path id=\"Path_14887\" class=\"HoverArrow_linePath\" data-name=\"Path 14887\" d=\"M1608.71,4413.137l4.529,4.528-4.529,4.528\" transform=\"translate(1.503 -0.994)\" fill=\"none\" stroke=\"#ffffff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><\/path>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/a><\/div> <\/footer>\n                            <\/section>\n                            <figure class=\"InvoiceBrandingAnimation\" aria-hidden=\"true\">\n                                <div class=\"FallingCardsAnimation\" data-js-controller=\"FallingCardsAnimation\">\n                                    <div class=\"FallingCard\" data-js-target-list=\"FallingCardsAnimation.initialCards\">\n                                        <div class=\"Card Card--shadowXLarge\" id=\"noautoplay\">\n                                        <img class=\"dhq_banner_image\"   src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2024\/06\/dronaHQ-tutorial-on-Db-and-API-scaled-1.webp\" alt=\"\" ><\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/figure>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <!-- end -->\n    \n     \n     \n\t\n\t\t\n <style> @media (min-width: 800px) {\n    .announcement {\n        display: block !important;\n    }\n}\n  .announcement {\n                    position: relative;\n                    z-index: 3;\n                    margin-left: auto;\n                    margin-right: auto;\n                    padding: 0 40px;\n                    max-width: 1280px;\n                    display: flex!important;\n                    justify-content: center;\n                }\n                \n                .announcementBanner {\n                    cursor: pointer;\n                    transition: all 300ms ease 0s;\n                    display: flex;\n                    -webkit-box-align: center;\n                    align-items: center;\n                    -webkit-box-pack: center;\n                    justify-content: center;\n                    background: #e2fcee;\n                    padding: 8px 16px;\n                    border-radius: 6px;\n                }\n                \n                .dhq_tag {\n                    color: #fff;\n                    padding: 6px 8px;\n                    font-size: 10px;\n                    font-weight: 600;\n                    line-height: 10px;\n                    letter-spacing: normal;\n                    -webkit-font-smoothing: inherit;\n                    border-radius: 4px;\n                    background: #26bc6a;\n                    text-transform: uppercase;\n                    transition: all 600ms ease 0s\n                }\n                \n                .annou p {\n                    margin-bottom: 0!important\n                }\n        <\/style>  <div class=\"Section_masked\">\n        <div class=\"Section_backgroundMask\">\n            <div class=\"Section_background\">\n                <div class=\" Guides  \" aria-hidden=\"true\">\n                    <div class=\"Guides_container\">\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div> <div class=\"announcement\">\n            <div class=\"announcementBanner\"> <div class=\"dhq_tag\">Events<\/div> <div class=\"dhq_body annou\"><p>Get notified about upcoming DronaHQ events &amp; webinars<!-- --> <strong class=\"dhq_link\"><a href=\"https:\/\/crm.dronahq.io\/events?notifyuser=yes&formname=webinar1\" target=\"_blank\">Notify me<\/a><\/strong>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10.471\" viewBox=\"0 0 11.968 10.471\">\n                        <g id=\"Group_14\" data-name=\"Group 14\" transform=\"translate(-1603.274 -4411.436)\">\n                            <path id=\"Path_14886\" class=\"HoverArrow_linePath\" data-name=\"Path 14886\" d=\"M1573.563,4416.874h11.225\" transform=\"translate(29.711 -0.152)\" fill=\"none\" stroke=\"#26bc6a\" stroke-linecap=\"round\" stroke-width=\"1.5\"><\/path>\n                            <path id=\"Path_14887\" class=\"HoverArrow_linePath\" data-name=\"Path 14887\" d=\"M1608.71,4413.137l4.529,4.528-4.529,4.528\" transform=\"translate(1.503 -0.994)\" fill=\"none\" stroke=\"#26bc6a\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><\/path>\n                        <\/g>\n                    <\/svg><\/span><\/p> <\/div>\n            <\/div>\n        <\/div>\n        \n                              \n                                     \n[\/vc_column][\/vc_row][vc_row][vc_column]\n        <!-- spacier -->\n    <div class=\"Section_masked\">\n        <div class=\"Section_backgroundMask\">\n            <div class=\"Section_background\">\n                <div class=\" Guides \" aria-hidden=\"true\">\n                    <div class=\"Guides_container\">\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>  \n        <\/div>\n          <div class=\"Section_container\"  >\n            <div class=\"Section_layoutContainer\">\n                <div class=\"\">\n                    <div class=\"RowLayout \">\n                        <section class=\" dhq variant--Section \">\n                            <div class=\"dhq_Spacer\"><\/div>\n                        <\/section>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n      \n\t\t\n[\/vc_column][\/vc_row][vc_row id=&#8221;form&#8221;][vc_column]\n        <!-- spacier -->\n    <div class=\"Section_masked\">\n        <div class=\"Section_backgroundMask\">\n            <div class=\"Section_background\">\n                <div class=\" Guides \" aria-hidden=\"true\">\n                    <div class=\"Guides_container\">\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>  \n        <\/div>\n          <div class=\"Section_container\"  >\n            <div class=\"Section_layoutContainer\">\n                <div class=\"\">\n                    <div class=\"RowLayout \">\n                        <section class=\" dhq variant--Section \">\n                            <div class=\"dhq_Spacer\"><\/div>\n                        <\/section>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n      \n\t\t\n <!-- two colum signup -->\n    <div class=\"Section_masked\">\n        <div class=\"Section_backgroundMask\">\n            <div class=\"Section_background\">\n                <div class=\"Guides\" aria-hidden=\"true\">\n                    <div class=\"Guides_container\">\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"Section_container\">\n            <div class=\"Section_layoutContainer shadowelement\">\n                <div class=\"Section_layout\">\n                    <div class=\" RowLayout\" style=\"--rowLayoutGap: var(--rowLayoutGapXLarge)\">\n                        <div class=\" ColumnLayout\" data-columns=\"2,2\">\n                            <section class=\" dhq variant--Section\">\n                                <header class=\"dhq_header pr112\">\n                                    <div class=\"dhq_caption\">DronaHQ Live Tutorial<\/div>\n                                    <h2 class=\"dhq_title\">What you will learn?<\/h2>\n                                <\/header>\n                                <div class=\"pr112 dhq_body\">\n                                   Learn how to seamlessly integrate APIs and databases into your app. Explore advanced techniques and optimize your app's functionality.\n                                <\/div>\n\n                                <!--  -->\n                                <div class=\"Box-root Flex-flex Flex-direction--column Flex-justifyContent--flexStart Flex-wrap--nowrap pr32\">\n \n                <style>\n                \/* Styles for each bullet point item *\/\n                .bullet-item-wrapper {\n                    display: flex;\n                    align-items: flex-start;\n                    margin-top: 24px;\n                    margin-left: 24px;\n                }\n\n\n                .bullet-item-wrapper .icon-wrapper {\n                    flex: 0 0 auto;\n                    margin-right: 10px;\n                    padding-top: 4px;\n                    width: 16px;\n                    height: 20px;\n                    display:flex;\n                }\n\n                .bullet-item-wrapper .icon-wrapper img{\n                    width: 16px;\n                    height: 16px;\n                }\n                \n                .bullet-item-wrapper .content-wrapper {\n                    flex: 1;\n                }\n\n\n                .bullet-item-wrapper .content-wrapper h3 {\n                    margin: 0;\n                    font-style: normal;\n                    font-weight: 500;\n                    color: rgb(26, 31, 54);\n                    font-size: 16px;\n                    line-height: 24px;\n                }\n\n\n                .bullet-item-wrapper .content-wrapper p {\n                    margin: 0;\n                    font-style: normal;\n                    font-weight: 400;\n                    color: rgb(60, 66, 87);\n                    font-size: 14px;\n                    line-height: 20px;\n                }\n            <\/style>\n                \n                                    <div class=\"bullet-item-wrapper\">\n                                        <div class=\"icon-wrapper\">\n                                            <img src=\"https:\/\/www.dronahq.com\/wp-content\/themes\/montserrat\/images\/check.svg\" alt=\"listdotIcons \" width=\"16\" height=\"16\">\n                                        <\/div>\n                                        <div class=\"content-wrapper\">\n                                            <h3>Configuring ready connectors<\/h3>\n                                            <p>Effortlessly connect with pre-built connectors<\/p>\n                                        <\/div>\n                                    <\/div>\n                                     \n                                    <div class=\"bullet-item-wrapper\">\n                                        <div class=\"icon-wrapper\">\n                                            <img src=\"https:\/\/www.dronahq.com\/wp-content\/themes\/montserrat\/images\/check.svg\" alt=\"listdotIcons \" width=\"16\" height=\"16\">\n                                        <\/div>\n                                        <div class=\"content-wrapper\">\n                                            <h3>Configuring REST API<\/h3>\n                                            <p>Configure REST API with ease for streamlined data access<\/p>\n                                        <\/div>\n                                    <\/div>\n                                     \n                                    <div class=\"bullet-item-wrapper\">\n                                        <div class=\"icon-wrapper\">\n                                            <img src=\"https:\/\/www.dronahq.com\/wp-content\/themes\/montserrat\/images\/check.svg\" alt=\"listdotIcons \" width=\"16\" height=\"16\">\n                                        <\/div>\n                                        <div class=\"content-wrapper\">\n                                            <h3>Binding API data to UI components<\/h3>\n                                            <p>Efficiently bind API data to UI components for enhanced functionality<\/p>\n                                        <\/div>\n                                    <\/div>\n                                     \n                                    <div class=\"bullet-item-wrapper\">\n                                        <div class=\"icon-wrapper\">\n                                            <img src=\"https:\/\/www.dronahq.com\/wp-content\/themes\/montserrat\/images\/check.svg\" alt=\"listdotIcons \" width=\"16\" height=\"16\">\n                                        <\/div>\n                                        <div class=\"content-wrapper\">\n                                            <h3>Performing actions and changes to data<\/h3>\n                                            <p>Easily perform actions and make changes to your data<\/p>\n                                        <\/div>\n                                    <\/div>\n                                     \n                                    <div class=\"bullet-item-wrapper\">\n                                        <div class=\"icon-wrapper\">\n                                            <img src=\"https:\/\/www.dronahq.com\/wp-content\/themes\/montserrat\/images\/check.svg\" alt=\"listdotIcons \" width=\"16\" height=\"16\">\n                                        <\/div>\n                                        <div class=\"content-wrapper\">\n                                            <h3>API and DB permissions<\/h3>\n                                            <p>Manage API and DB permissions with precision for secure data access<\/p>\n                                        <\/div>\n                                    <\/div>\n                                     \n                                    \n             <\/div>\n\n                            <\/section>\n                            <figure class=\"InvoiceBrandingAnimation\" aria-hidden=\"true\">\n                                <div class=\"FallingCardsAnimation\" data-js-controller=\"FallingCardsAnimation\">\n                                    <div class=\"FallingCard\" data-js-target-list=\"FallingCardsAnimation.initialCards\">\n                                        <div class=\"Card Card--shadowXLarge iframe-wrapper\" style=\" padding: 32px 0; overflow: hidden;\">\n                                             <iframe class=\"studio-embed\" src=\"https:\/\/web.dronahq.com\/events?type=emd&session=four\" frameborder=\"0\"  style=\"background: transparent; \" width=\"100%\" height=\"553\" ><\/iframe>\n                 <br><div class=\"dhq_subbody\" style=\"padding:0 32px;\"><font size =\"2\">By signing you agree to <a href=\"https:\/\/www.dronahq.com\/terms-conditions\/\"><u>Terms &amp; Condition<\/u>\u00a0<\/a> and <a href=\"https:\/\/www.dronahq.com\/privacy\/\"> <u>Privacy Policy <\/u><\/a>  <\/font> <\/small>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/figure>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <!-- end  -->                        \n[\/vc_column][\/vc_row][vc_row][vc_column]\n        <!-- spacier -->\n    <div class=\"Section_masked\">\n        <div class=\"Section_backgroundMask\">\n            <div class=\"Section_background\">\n                <div class=\" Guides \" aria-hidden=\"true\">\n                    <div class=\"Guides_container\">\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>  \n        <\/div>\n          <div class=\"Section_container\"  >\n            <div class=\"Section_layoutContainer\">\n                <div class=\"\">\n                    <div class=\"RowLayout \">\n                        <section class=\" dhq variant--Section \">\n                            <div class=\"dhq_Spacer\"><\/div>\n                        <\/section>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n      \n\t\t\n\n        \n        <!-- Left secondary header -->\n    <div class=\"Section_masked\">\n        <div class=\"Section_backgroundMask\">\n            <div class=\"Section_background\">\n                <div class=\"Guides\" aria-hidden=\"true\">\n                    <div class=\"Guides_container\">\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n         <div class=\"Section_container\"  >\n            <div class=\"Section_layoutContainer\">\n                <div class=\"Section_layout\">\n                    <div class=\"RowLayout\">\n                        <div class=\"ColumnLayout\" data-columns=\"3,1\">\n                            <section class=\"dhq variant--Section\" style=\"padding-right: 16px;\">\n                                <header class=\"dhq_header\">\n                                    <div class=\"dhq_caption\">Explore DronaHQ\n                                    <\/div><h2 class=\"dhq_title\">Who can benefit from this tutorial?<\/h2> <\/header>\n                                <div class=\"dhq_body\">\n                                    <p>Anyone who is interested in learning about integrating APIs and DBs to their apps.<\/p>\n                                <\/div>\n<\/section>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <!-- block end -->\n    \n    \n    \n     \n\t\n\t\t\n\n           <div class=\"Section_masked\">\n        <div class=\"Section_backgroundMask\">\n            <div class=\"Section_background\">\n                <div class=\"Guides\" aria-hidden=\"true\">\n                    <div class=\"Guides_container\">\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div> <div class=\"Section_container\"  ><div class=\"Section_layoutContainer\">\n                <div class=\"Section_layout\">\n                    <div class=\"ColumnLayout\" data-columns=\"1,1,1,1\">\n\t\t\n\n         <section class=\"dhq variant--Detail\">\n                            <header class=\"dhq_header\">\n                                <div class=\"Card inFourColumns\">\n                                    <img  class=\"dhq_banner_image\"  src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2023\/02\/6324690fac6b3f580221cd5f_low-code-pne68lrijqpbs8gte9g8ciia551m05flwx7gt2x54g-1.png\" alt=\"\" \/>\n                                <\/div>\n                                <div class=\"dhq_subtitle\">Novice to low code<\/div>\n                            <\/header>\n                            <div class=\"dhq_subbody\">Unlock the power of DronaHQ ready DBs and APIs connectors , perfect for novice developers seeking to enhance their skills. \n                            <div class=\"dhq_ctaContainer pt-2\"><\/div>\n                            \n                            \n                            \n                            <\/div>\n                        <\/section>\n                        \n\t\n\t\t\n\n         <section class=\"dhq variant--Detail\">\n                            <header class=\"dhq_header\">\n                                <div class=\"Card inFourColumns\">\n                                    <img  class=\"dhq_banner_image\"  src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2023\/02\/0x0-1.png\" alt=\"\" \/>\n                                <\/div>\n                                <div class=\"dhq_subtitle\">Existing platform users<\/div>\n                            <\/header>\n                            <div class=\"dhq_subbody\">Enhance your pre-built connectors knowledge, empower your team and create more impactful apps and internal tools. \n                            <div class=\"dhq_ctaContainer pt-2\"><\/div>\n                            \n                            \n                            \n                            <\/div>\n                        <\/section>\n                        \n\t\n\t\t\n\n         <section class=\"dhq variant--Detail\">\n                            <header class=\"dhq_header\">\n                                <div class=\"Card inFourColumns\">\n                                    <img  class=\"dhq_banner_image\"  src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2022\/10\/software-developer-on-php-code.jpg\" alt=\"\" \/>\n                                <\/div>\n                                <div class=\"dhq_subtitle\">Low code enthusiasts<\/div>\n                            <\/header>\n                            <div class=\"dhq_subbody\">Get a comprehensive connectors overview and elevate your experience as a new customer. \n                            <div class=\"dhq_ctaContainer pt-2\"><\/div>\n                            \n                            \n                            \n                            <\/div>\n                        <\/section>\n                        \n\t\n\t\t\n\n         <section class=\"dhq variant--Detail\">\n                            <header class=\"dhq_header\">\n                                <div class=\"Card inFourColumns\">\n                                    <img  class=\"dhq_banner_image\"  src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2022\/10\/product-manager-illustration-1.jpg\" alt=\"\" \/>\n                                <\/div>\n                                <div class=\"dhq_subtitle\">Partners<\/div>\n                            <\/header>\n                            <div class=\"dhq_subbody\">Maximize your DronaHQ partnership potential boost your business growth with our tutorial. \n                            <div class=\"dhq_ctaContainer pt-2\"><\/div>\n                            \n                            \n                            \n                            <\/div>\n                        <\/section>\n                        \n\t\n\t\t\n\n\t         <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n    <!-- end -->\n\t\t\n[\/vc_column][\/vc_row][vc_row][vc_column]\n        \n       <style>\n        .Section_layout.colored {\n            background: #e2fcee;\n            border-radius: 10px;\n            padding: 0;\n            padding-top: 24px;\n        }\n        \n        .Section_layout.colored .variant--Subsection {\n            padding-bottom: 24px;\n        }\n        \n        .Section_layout.colored .dhq_header.image-block {\n            display: flex;\n            align-items: flex-end;\n        }\n        \n        @media (min-width: 600px) {\n            .Section_layout.colored .ColumnLayout[data-columns=\"2,1,1\"] {\n                grid-template-columns: 3fr repeat(1, 2fr);\n            }\n        }\n        \n        .ColumnLayout {\n            row-gap: 24px !important;\n        }\n        \n        @media screen and (max-width: 900px) and (min-width: 600px) {\n            .Section_layout.colored .ColumnLayout[data-columns=\"2,1,1\"] {\n                grid-template-columns: 0fr repeat(1, 1fr);\n            }\n            .ColumnLayout {\n                row-gap: 0px !important;\n            }\n        }\n    <\/style>\n    \n     <div class=\"Section_masked\">\n                <div class=\"Section_backgroundMask\">\n                    <div class=\"Section_background\">\n                        <div class=\" Guides \" aria-hidden=\"true\">\n                            <div class=\"Guides_container\">\n                                <div class=\"Guides_guide\"><\/div>\n                                <div class=\"Guides_guide\"><\/div>\n                                <div class=\"Guides_guide\"><\/div>\n                                <div class=\"Guides_guide\"><\/div>\n                                <div class=\"Guides_guide\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"Section_container\">\n                    <div class=\"Section_layoutContainer\">\n                        <div class=\"\">\n                            <div class=\"RowLayout \">\n                                <section class=\" dhq variant--Section \">\n                                    <div class=\"dhq_Spacer\"><\/div>\n                                <\/section>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"Section_masked\">\n                <div class=\"Section_backgroundMask\">\n                    <div class=\"Section_background\">\n                        <div class=\"Guides\" aria-hidden=\"true\">\n                            <div class=\"Guides_container\">\n                                <div class=\"Guides_guide\"><\/div>\n                                <div class=\"Guides_guide\"><\/div>\n                                <div class=\"Guides_guide\"><\/div>\n                                <div class=\"Guides_guide\"><\/div>\n                                <div class=\"Guides_guide\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>  <div class=\"Section_container\"  > \n          \n                 \n                    <div class=\"Section_layoutContainer\">\n                        <div class=\"Section_layout colored\"  style=\"background: rgba(115,162,212,0.05) !important;\">\n                            <div class=\" RowLayout\">\n                                <div class=\" ColumnLayout\" data-columns=\"2,1,1\">\n                                    <section class=\" dhq variant--Subsection pr112\">\n                                        <header class=\"dhq_header\">\n                                            <div class=\"dhq_caption\">About Instructor<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"dhq_midtitle\">Shibam Dhar<\/h2> \n                                          \n                                        <\/header>\n                                        <div class=\"dhq_body\">\n                                            <p>Developer advocate and a community enthusiast, Shibam has passion for creating impact with devrel evangelism. He believes that your network is your net worth that drives him to be an active member in various technical and non-technical communities.<\/p>\n                                        <\/div><\/section>\n                                    <section class=\" dhq variant--Detail <!--h-full-->\">\n                                        <header class=\"dhq_header image-block pr32\">\n                                            <img class=\"dhq_banner_image\" src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2022\/12\/Mask-group-1.png\" alt=\"Shibam Dhar\"  data-lazy-src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2022\/12\/Mask-group-1.png\" data-was-processed=\"true\" loading=\"lazy\">\n\n                                        <\/header>\n\n                                    <\/section>\n\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"Section_container\">\n                    <div class=\"Section_layoutContainer\">\n                        <div class=\"\">\n                            <div class=\"RowLayout \">\n                                <section class=\" dhq variant--Section \">\n                                    <div class=\"dhq_Spacer\"><\/div>\n                                <\/section>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <!--  -->\n            <\/div>\n\t\n\t\t\n[\/vc_column][\/vc_row][vc_row padding_top=&#8221;0&#8243; padding_bottom=&#8221;0&#8243;][vc_column]\n        <!-- *********************** -->\n    <!-- FAQs -->\n    <!-- *********************** -->\n       <div class=\"Section_masked\">\n        <div class=\"Section_backgroundMask\">\n            <div class=\"Section_background\">\n                <div class=\"Guides\" aria-hidden=\"true\">\n                    <div class=\"Guides_container\">\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n          <div class=\"Section_container\"  >\n    <div class=\"main-faq-accordion-section\" id=\"\" >\n        <div class=\"block-wrapper margin-primary\">\n            <div class=\"faq-accordion-heading\" style=\"color: #3b566e!important;\">\n                        <p>Frequently Asked Questions<\/p>\n<\/div>\n            <div class=\"block-wrapper margin-primary remove-padding\">\n                <div class=\"accordion-wrapper-list\">\n        <div class=\"left-accordin-wrapper\">\n                        <div class=\"left-accordin-heading\" style=\"color: !important;\">\n                        <\/div>\n        <div class=\"accordin-card\" data-accordin=\"1\" \n        onMouseOver=\"this.style.background=''\" onMouseOut=\"this.style.background='';\"\n                            \n                            style=\"background: !important;border-color:#e8e8e8;\">\n                            <div class=\"accordin-card-head\"\n                            onMouseOver=\"this.style.color='#999999';\" onMouseOut=\"this.style.color= '#4d4d4d'\"\n                            \n                            style=\"color: #4d4d4d!important;\"\n                            >What does DronaHQ do?<span class=\"ti-plus\" \n                             onMouseOver=\"this.style.color='#85d4f1';\" onMouseOut=\"this.style.color= '#85d4f1'\"\n                            \n                            style=\"color: #85d4f1!important;\"\n                            ><\/span><\/div>\n                            <div class=\"accordin-data\" style=\"color: #7b8b9a!important;background: #f6f6f6!important;\">\n                                <p>DronaHQ is a cloud-based low-code app development platform for building forms, processes, applications for mobile &amp; web access. Its drag-and-drop interface enables you to create custom business applications in days rather than weeks, without much IT expertise.<\/p>\n\n                            <\/div>\n                        <\/div>\n        <div class=\"accordin-card\" data-accordin=\"1\" \n        onMouseOver=\"this.style.background=''\" onMouseOut=\"this.style.background='';\"\n                            \n                            style=\"background: !important;border-color:#e8e8e8;\">\n                            <div class=\"accordin-card-head\"\n                            onMouseOver=\"this.style.color='#999999';\" onMouseOut=\"this.style.color= '#4d4d4d'\"\n                            \n                            style=\"color: #4d4d4d!important;\"\n                            >What are connectors? Can I have multiple APIs under a single connector?<span class=\"ti-plus\" \n                             onMouseOver=\"this.style.color='#85d4f1';\" onMouseOut=\"this.style.color= '#85d4f1'\"\n                            \n                            style=\"color: #85d4f1!important;\"\n                            ><\/span><\/div>\n                            <div class=\"accordin-data\" style=\"color: #7b8b9a!important;background: #f6f6f6!important;\">\n                                <p>Connectors in DronaHQ are integrations to back-end services \u2013 apps or database to enable data exchange between two or more systems. DronaHQ\u00a0offer over 50 out-of-the-box connectors to most commonly used apps and databases.<\/p>\n<p>Yes, you can configure multiple APIs under a single connector.<\/p>\n\n                            <\/div>\n                        <\/div>\n        <div class=\"accordin-card\" data-accordin=\"1\" \n        onMouseOver=\"this.style.background=''\" onMouseOut=\"this.style.background='';\"\n                            \n                            style=\"background: !important;border-color:#e8e8e8;\">\n                            <div class=\"accordin-card-head\"\n                            onMouseOver=\"this.style.color='#999999';\" onMouseOut=\"this.style.color= '#4d4d4d'\"\n                            \n                            style=\"color: #4d4d4d!important;\"\n                            >Can I integrate APIs?<span class=\"ti-plus\" \n                             onMouseOver=\"this.style.color='#85d4f1';\" onMouseOut=\"this.style.color= '#85d4f1'\"\n                            \n                            style=\"color: #85d4f1!important;\"\n                            ><\/span><\/div>\n                            <div class=\"accordin-data\" style=\"color: #7b8b9a!important;background: #f6f6f6!important;\">\n                                <p>Yes, you can integrate APIs to connect DronaHQ to your existing apps and databases. You can also access ready connectors in DronaHQ that help you integrate with most commonly used apps and databases.<\/p>\n\n                            <\/div>\n                        <\/div><\/div>\n        <div class=\"left-accordin-wrapper\">\n                        <div class=\"left-accordin-heading\" style=\"color: !important;\">\n                        <\/div>\n        <div class=\"accordin-card\" data-accordin=\"1\" \n        onMouseOver=\"this.style.background=''\" onMouseOut=\"this.style.background='';\"\n                            \n                            style=\"background: !important;border-color:#e8e8e8;\">\n                            <div class=\"accordin-card-head\"\n                            onMouseOver=\"this.style.color='#999999';\" onMouseOut=\"this.style.color= '#4d4d4d'\"\n                            \n                            style=\"color: #4d4d4d!important;\"\n                            >Can I setup User groups and permissions?<span class=\"ti-plus\" \n                             onMouseOver=\"this.style.color='#85d4f1';\" onMouseOut=\"this.style.color= '#85d4f1'\"\n                            \n                            style=\"color: #85d4f1!important;\"\n                            ><\/span><\/div>\n                            <div class=\"accordin-data\" style=\"color: #7b8b9a!important;background: #f6f6f6!important;\">\n                                <p>You can categorize various views of the apps into catalogs like End-Users, Supervisors, Managers, and Partners.<br \/>\nYou can also define the access permission to the Sheets, Automation, and APIs configured in your account for different user groups.<\/p>\n\n                            <\/div>\n                        <\/div>\n        <div class=\"accordin-card\" data-accordin=\"1\" \n        onMouseOver=\"this.style.background=''\" onMouseOut=\"this.style.background='';\"\n                            \n                            style=\"background: !important;border-color:#e8e8e8;\">\n                            <div class=\"accordin-card-head\"\n                            onMouseOver=\"this.style.color='#999999';\" onMouseOut=\"this.style.color= '#4d4d4d'\"\n                            \n                            style=\"color: #4d4d4d!important;\"\n                            >Can I design, develop and deploy apps using DronaHQ?<span class=\"ti-plus\" \n                             onMouseOver=\"this.style.color='#85d4f1';\" onMouseOut=\"this.style.color= '#85d4f1'\"\n                            \n                            style=\"color: #85d4f1!important;\"\n                            ><\/span><\/div>\n                            <div class=\"accordin-data\" style=\"color: #7b8b9a!important;background: #f6f6f6!important;\">\n                                <p>Yes, you can design apps, develop them, and deploy using DronaHQ\u2019s platform.<\/p>\n\n                            <\/div>\n                        <\/div>\n        <div class=\"accordin-card\" data-accordin=\"1\" \n        onMouseOver=\"this.style.background=''\" onMouseOut=\"this.style.background='';\"\n                            \n                            style=\"background: !important;border-color:#e8e8e8;\">\n                            <div class=\"accordin-card-head\"\n                            onMouseOver=\"this.style.color='#999999';\" onMouseOut=\"this.style.color= '#4d4d4d'\"\n                            \n                            style=\"color: #4d4d4d!important;\"\n                            >What deployment options do I get for my apps?<span class=\"ti-plus\" \n                             onMouseOver=\"this.style.color='#85d4f1';\" onMouseOut=\"this.style.color= '#85d4f1'\"\n                            \n                            style=\"color: #85d4f1!important;\"\n                            ><\/span><\/div>\n                            <div class=\"accordin-data\" style=\"color: #7b8b9a!important;background: #f6f6f6!important;\">\n                                <p>All apps built can be instantly deployed on DronaHQ managed cloud. Enterprise plan users can deploy apps on a virtual private cloud or on-premises.<\/p>\n\n                            <\/div>\n                        <\/div><\/div>\n        \t<\/div>\n        \t<\/div>\n        \t<\/div>\n            <\/div>\n        <\/div>\n    <\/div>[\/vc_column][\/vc_row][vc_row background_color=&#8221;rgba(209,229,252,0.24)&#8221;][vc_column]\n        <!-- spacier -->\n    <div class=\"Section_masked\">\n        <div class=\"Section_backgroundMask\">\n            <div class=\"Section_background\">\n                <div class=\" Guides \" aria-hidden=\"true\">\n                    <div class=\"Guides_container\">\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>  \n        <\/div>\n          <div class=\"Section_container\"  >\n            <div class=\"Section_layoutContainer\">\n                <div class=\"\">\n                    <div class=\"RowLayout \">\n                        <section class=\" dhq variant--Section \">\n                            <div class=\"dhq_Spacer\"><\/div>\n                        <\/section>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n      \n\t\t\n<div class=\"Section_masked\">\n        <div class=\"Section_backgroundMask\">\n            <div class=\"Section_background\">\n                <div class=\"Guides\" aria-hidden=\"true\">\n                    <div class=\"Guides_container\">\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\t \n <div class=\"Section_container\"  style=\"background: rgba(115,162,212,0.05) !important;\">\n            <div class=\"Section_layoutContainer\">\n                <div class=\"Section_layout\">\n                    <section class=\"UserLogoGrid\">\n\t <img class=\"UserLogo variant--\" width=\"200px\" height=\"40px\" src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2021\/05\/mondelez.svg\" alt=\"Mondelez Logo\" \/>\n\t\t\n\n\t <img class=\"UserLogo variant--\" width=\"200px\" height=\"40px\" src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2021\/05\/wipro.svg\" alt=\"Wipro Logo\" \/>\n\t\t\n\n\t <img class=\"UserLogo variant--\" width=\"200px\" height=\"40px\" src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2022\/06\/Purplle-Logo.svg\" alt=\"\" \/>\n\t\t\n\n\t <img class=\"UserLogo variant--\" width=\"200px\" height=\"40px\" src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2021\/05\/sany.svg\" alt=\"Sany Logo\" \/>\n\t\t\n\n\t <img class=\"UserLogo variant--\" width=\"200px\" height=\"40px\" src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2021\/05\/lti.svg\" alt=\"LTI Logo\" \/>\n\t\t\n\n\t <img class=\"UserLogo variant--\" width=\"200px\" height=\"40px\" src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2021\/05\/endy.svg\" alt=\"Endy Logo\" \/>\n\t\t\n\n\t <img class=\"UserLogo variant--\" width=\"200px\" height=\"40px\" src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2022\/06\/Bandwidth-Logo.svg\" alt=\"Bandwidth Logo\" \/>\n\t\t\n\n\t <img class=\"UserLogo variant--\" width=\"200px\" height=\"40px\" src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2022\/06\/IndigoAG-Logo.svg\" alt=\"IndigoAG Logo\" \/>\n\t\t\n   <\/section>  <div class=\"dhq_subbody pt-5 centerAlign\">Loved by engineering heads, product managers and developers from Fortune 500s to some of the fastest growing startups.<\/div>  <\/div>\n            <\/div>\n        <\/div>\n     <\/div>\n    <!-- end -->\n\t\t\n[\/vc_column][\/vc_row][vc_row][vc_column]\n        <!-- spacier -->\n    <div class=\"Section_masked\">\n        <div class=\"Section_backgroundMask\">\n            <div class=\"Section_background\">\n                <div class=\" Guides \" aria-hidden=\"true\">\n                    <div class=\"Guides_container\">\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>  \n        <\/div>\n          <div class=\"Section_container\"  >\n            <div class=\"Section_layoutContainer\">\n                <div class=\"\">\n                    <div class=\"RowLayout \">\n                        <section class=\" dhq variant--Section \">\n                            <div class=\"dhq_Spacer\"><\/div>\n                        <\/section>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n      \n\t\t\n\n              <!-- pricing and demo block 3 column -->\n    <div class=\"Section_masked\">\n        <div class=\"Section_backgroundMask\">\n            <div class=\"Section_background\">\n                <div class=\"Guides\" aria-hidden=\"true\">\n                    <div class=\"Guides_container\">\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n         <div class=\"Section_container\"  >\n            <div class=\"Section_layoutContainer\">\n                <div class=\"Section_layout\">\n                    <div class=\" RowLayout\">\n                        <div class=\" ColumnLayout\" data-columns=\"2,1,1\">\n                            <section class=\" dhq variant--Subsection pr112\">\n                                <header class=\"dhq_header\"><h2 class=\"dhq_midtitle\">Get ready for the webinar<\/h2>\n                       \n                                <\/header>\n                                <div class=\"dhq_body\">\n                                    <p>Create an account instantly, connect your systems and build and publish apps.<\/p>\n                                <\/div>\n                                <footer class=\"dhq_footer\">\n                                    <div class=\" CtaGroup CtaGroup--inline\">\n<a class=\"CtaButton boldCTA smallCTA variant--Link CtaButton--arrow\"  href=\"https:\/\/www.dronahq.com\/signup\" style=\"display: inline !important;\">SaaS Signup&#65279;\n\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10.471\" viewBox=\"0 0 11.968 10.471\">\n                                                <g id=\"Group_14\" data-name=\"Group 14\" transform=\"translate(-1603.274 -4411.436)\">\n                                                    <path id=\"Path_14886\" class=\"HoverArrow_linePath\" data-name=\"Path 14886\" d=\"M1573.563,4416.874h11.225\" transform=\"translate(29.711 -0.152)\" fill=\"none\" stroke=\"#26bc6a\" stroke-linecap=\"round\n                                                          \" stroke-width=\"1.5\"><\/path>\n                                                    <path id=\"Path_14887\" class=\"HoverArrow_linePath\" data-name=\"Path 14887\" d=\"M1608.71,4413.137l4.529,4.528-4.529,4.528\" transform=\"translate(1.503 -0.994)\" fill=\"none\" stroke=\"#26bc6a\n                                                          \" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><\/path>\n                                                <\/g>\n                                            <\/svg>\n    \n                                        <\/a>\n<a class=\"CtaButton variant--Link CtaButton--arrow pl-2\"   data-js-controller=\"AnalyticsButton\" data-analytics-category=\"Buttons\" style=\"display: inline !important;\" data-analytics-action=\"Clicked\" data-analytics-label=\"Payment Methods\n                                                            CTA\"  href=\"https:\/\/www.dronahq.com\/self-hosted-signup\/\" >Self-hosted Signup&#65279;\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10.471\" viewBox=\"0 0 11.968 10.471\">\n                                                <g id=\"Group_14\" data-name=\"Group 14\" transform=\"translate(-1603.274 -4411.436)\">\n                                                    <path id=\"Path_14886\" class=\"HoverArrow_linePath\" data-name=\"Path 14886\" d=\"M1573.563,4416.874h11.225\" transform=\"translate(29.711 -0.152)\" fill=\"none\" stroke=\"#26bc6a\" stroke-linecap=\"round\n                                                          \" stroke-width=\"1.5\"><\/path>\n                                                    <path id=\"Path_14887\" class=\"HoverArrow_linePath\" data-name=\"Path 14887\" d=\"M1608.71,4413.137l4.529,4.528-4.529,4.528\" transform=\"translate(1.503 -0.994)\" fill=\"none\" stroke=\"#26bc6a\n                                                          \" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><\/path>\n                                                <\/g>\n                                            <\/svg>\n                                        <\/a><\/div>\n                                <\/footer>\n                            <\/section>\n\n         <section class=\" dhq variant--Detail\">\n                                <header class=\"dhq_header pr32\">\n                                    <div class=\"dhq_icon\">\n                                        <div class=\"AnimatedIcon PricingIcon\">\n                                            <img  src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2021\/05\/demo-1.svg\" alt=\"Book a Demo\">\n                                        <\/div>\n                                    <\/div>\n                                    <h3 class=\" dhq_subtitle\">Book a demo<\/h3>\n                                <\/header>\n                                <div class=\" dhq_subbody pr32\">\n                                    <p>Schedule a 1:1 session with an expert from our team.<\/p>\n                                <\/div>\n                                <footer class=\"dohq_footer pr32\">\n                                    <div class=\"dhq_ctaContainer\"><a class=\"CtaButton variant--Link CtaButton--arrow\"  data-js-controller=\"AnalyticsButton\" data-analytics-category=\"Buttons\" data-analytics-action=\"Clicked\" data-analytics-label=\"Payment Methods CTA\" href=\"https:\/\/www.dronahq.com\/request-a-demo\/\" >Schedule a demo&#65279;\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10.471\" viewBox=\"0 0 11.968 10.471\">\n                                                    <g id=\"Group_14\" data-name=\"Group 14\" transform=\"translate(-1603.274 -4411.436)\">\n                                                        <path id=\"Path_14886\" class=\"HoverArrow_linePath\" data-name=\"Path 14886\" d=\"M1573.563,4416.874h11.225\" transform=\"translate(29.711 -0.152)\" fill=\"none\" stroke=\"#26bc6a\" stroke-linecap=\"round\n                                                          \" stroke-width=\"1.5\"><\/path>\n                                                        <path id=\"Path_14887\" class=\"HoverArrow_linePath\" data-name=\"Path 14887\" d=\"M1608.71,4413.137l4.529,4.528-4.529,4.528\" transform=\"translate(1.503 -0.994)\" fill=\"none\" stroke=\"#26bc6a\n                                                          \" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><\/path>\n                                                    <\/g>\n                                                <\/svg>\n                                            <\/a><\/div>\n                                <\/footer>\n                            <\/section>\n                            \n                        \n                        \n\t\n\t\t\n\n         <section class=\" dhq variant--Detail\">\n                                <header class=\"dhq_header pr32\">\n                                    <div class=\"dhq_icon\">\n                                        <div class=\"AnimatedIcon PricingIcon\">\n                                            <img  src=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2021\/05\/prise-1.svg\" alt=\"Usage Based Pricing\">\n                                        <\/div>\n                                    <\/div>\n                                    <h3 class=\" dhq_subtitle\">User based pricing<\/h3>\n                                <\/header>\n                                <div class=\" dhq_subbody pr32\">\n                                    <p>Simple, transparent pricing with no hidden fees.<\/p>\n                                <\/div>\n                                <footer class=\"dohq_footer pr32\">\n                                    <div class=\"dhq_ctaContainer\"><a class=\"CtaButton variant--Link CtaButton--arrow\"  data-js-controller=\"AnalyticsButton\" data-analytics-category=\"Buttons\" data-analytics-action=\"Clicked\" data-analytics-label=\"Payment Methods CTA\" href=\"https:\/\/www.dronahq.com\/pricing\/\" >Pricing details&#65279;\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10.471\" viewBox=\"0 0 11.968 10.471\">\n                                                    <g id=\"Group_14\" data-name=\"Group 14\" transform=\"translate(-1603.274 -4411.436)\">\n                                                        <path id=\"Path_14886\" class=\"HoverArrow_linePath\" data-name=\"Path 14886\" d=\"M1573.563,4416.874h11.225\" transform=\"translate(29.711 -0.152)\" fill=\"none\" stroke=\"#26bc6a\" stroke-linecap=\"round\n                                                          \" stroke-width=\"1.5\"><\/path>\n                                                        <path id=\"Path_14887\" class=\"HoverArrow_linePath\" data-name=\"Path 14887\" d=\"M1608.71,4413.137l4.529,4.528-4.529,4.528\" transform=\"translate(1.503 -0.994)\" fill=\"none\" stroke=\"#26bc6a\n                                                          \" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><\/path>\n                                                    <\/g>\n                                                <\/svg>\n                                            <\/a><\/div>\n                                <\/footer>\n                            <\/section>\n                            \n                        \n                        \n\t\n\t\t\n\n        <!-- spacier -->\n    <div class=\"Section_masked\">\n        <div class=\"Section_backgroundMask\">\n            <div class=\"Section_background\">\n                <div class=\" Guides \" aria-hidden=\"true\">\n                    <div class=\"Guides_container\">\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                        <div class=\"Guides_guide\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>  \n        <\/div>\n          <div class=\"Section_container\"  >\n            <div class=\"Section_layoutContainer\">\n                <div class=\"\">\n                    <div class=\"RowLayout \">\n                        <section class=\" dhq variant--Section \">\n                            <div class=\"dhq_Spacer\"><\/div>\n                        <\/section>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n      \n\t\t\n[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row][vc_row id=&#8221;form&#8221;][vc_column][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row][vc_row padding_top=&#8221;0&#8243; padding_bottom=&#8221;0&#8243;][vc_column][\/vc_column][\/vc_row][vc_row background_color=&#8221;rgba(209,229,252,0.24)&#8221;][vc_column][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":45,"featured_media":21333,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"yst_prominent_words":[1624,1168,511,578,8486,872,555,448,2678,8836,3319,546],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v14.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Integrating APIs and DBs to your apps | Live DronaHQ Tutorial<\/title>\n<meta name=\"description\" content=\"Join and learn how to integrate APIs and databases seamlessly into your app with DronaHQ&#039;s step-by-step tutorial. Register now!\" \/>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integrating APIs and DBs to your apps | Live DronaHQ Tutorial\" \/>\n<meta property=\"og:description\" content=\"Join and learn how to integrate APIs and databases seamlessly into your app with DronaHQ&#039;s step-by-step tutorial. Register now!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dronahq.com\/integrating-apis-dbs-to-your-app-live-dronahq-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"DronaHQ\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DronaHQ.MobileApps\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-25T07:41:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2023\/03\/Webinar-13-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dronahq\" \/>\n<meta name=\"twitter:site\" content=\"@dronahq\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.dronahq.com\/#organization\",\"name\":\"DronaHQ\",\"url\":\"https:\/\/www.dronahq.com\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/DronaHQ.MobileApps\",\"https:\/\/www.instagram.com\/dronahq\/\",\"https:\/\/www.linkedin.com\/company\/deltecs-infotech\",\"https:\/\/www.youtube.com\/c\/DronaHQPlatform\",\"https:\/\/en.wikipedia.org\/wiki\/DronaHQ\",\"https:\/\/twitter.com\/dronahq\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.dronahq.com\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2018\/09\/dronahq-logo-updated.png\",\"width\":144,\"height\":34,\"caption\":\"DronaHQ\"},\"image\":{\"@id\":\"https:\/\/www.dronahq.com\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dronahq.com\/#website\",\"url\":\"https:\/\/www.dronahq.com\/\",\"name\":\"DronaHQ\",\"description\":\"Build Internal Tools and Custom Applications, at speed.\",\"publisher\":{\"@id\":\"https:\/\/www.dronahq.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.dronahq.com\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.dronahq.com\/integrating-apis-dbs-to-your-app-live-dronahq-tutorial\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.dronahq.com\/wp-content\/uploads\/2023\/03\/Webinar-13-1.png\",\"width\":1200,\"height\":675,\"caption\":\"Integrating APIs & DBs to your app\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dronahq.com\/integrating-apis-dbs-to-your-app-live-dronahq-tutorial\/#webpage\",\"url\":\"https:\/\/www.dronahq.com\/integrating-apis-dbs-to-your-app-live-dronahq-tutorial\/\",\"name\":\"Integrating APIs and DBs to your apps | Live DronaHQ Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/www.dronahq.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.dronahq.com\/integrating-apis-dbs-to-your-app-live-dronahq-tutorial\/#primaryimage\"},\"datePublished\":\"2023-03-15T09:34:33+00:00\",\"dateModified\":\"2024-06-25T07:41:17+00:00\",\"description\":\"Join and learn how to integrate APIs and databases seamlessly into your app with DronaHQ's step-by-step tutorial. Register now!\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dronahq.com\/integrating-apis-dbs-to-your-app-live-dronahq-tutorial\/\"]}]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.dronahq.com\/wp-json\/wp\/v2\/pages\/21186"}],"collection":[{"href":"https:\/\/www.dronahq.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dronahq.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dronahq.com\/wp-json\/wp\/v2\/users\/45"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dronahq.com\/wp-json\/wp\/v2\/comments?post=21186"}],"version-history":[{"count":10,"href":"https:\/\/www.dronahq.com\/wp-json\/wp\/v2\/pages\/21186\/revisions"}],"predecessor-version":[{"id":28394,"href":"https:\/\/www.dronahq.com\/wp-json\/wp\/v2\/pages\/21186\/revisions\/28394"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dronahq.com\/wp-json\/wp\/v2\/media\/21333"}],"wp:attachment":[{"href":"https:\/\/www.dronahq.com\/wp-json\/wp\/v2\/media?parent=21186"}],"wp:term":[{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.dronahq.com\/wp-json\/wp\/v2\/yst_prominent_words?post=21186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}