{"id":5093,"date":"2024-05-22T20:39:54","date_gmt":"2024-05-22T20:39:54","guid":{"rendered":"http:\/\/202.38.173.159\/wordpress\/?page_id=5093"},"modified":"2024-05-27T17:32:00","modified_gmt":"2024-05-27T17:32:00","slug":"subscription-form-2","status":"publish","type":"page","link":"https:\/\/artindiamag.com\/index.php\/subscription-form-2\/","title":{"rendered":"Subscription Form"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Subscribe to ART India Magazine<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css?family=Open+Sans:400,700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Open Sans', sans-serif;\n            background-color: #e4f3fc;\n            \/* Light blue background *\/\n            width: 100% margin: 0;\n            padding: 0;\n            display: flex;\n            flex-direction: column;\n            \/* Changes to column layout for stacking *\/\n            justify-content: center;\n            align-items: center;\n            min-height: 60vh;\n            color: #29418a;\n            \/* Dark blue text color *\/\n        }\n\n        .content-container {\n            width: 100%;\n            \/* Full width of the viewport *\/\n            text-align: left;\n        }\n\n        .content-align {\n            margin-left: 80px;\n        }\n\n        .subscription-container {\n            width: 100%;\n            \/* Full width of the viewport *\/\n            padding: 10px 10px;\n            \/* Padding for containers *\/\n            text-align: center;\n            \/* Center text alignment for content container *\/\n        }\n\n        .subscription-container {\n            width: 100%;\n            \/* Full width of the viewport *\/\n            display: flex;\n            justify-content: space-between;\n            \/* Distributes space evenly between the columns *\/\n\n        }\n\n        .subscription-box {\n            flex: 1;\n            \/* Each box takes up equal space *\/\n            padding: 80px 80px;\n            \/* Padding inside each box *\/\n            text-align: left;\n            \/* Text and form elements are left-aligned *\/\n        }\n\n        .space-arc {\n            margin-bottom: 89px;\n        }\n\n        .space-print {\n            margin-bottom: 36px;\n        }\n\n        .form-horizontal {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .form-horizontal .radio-group {\n            margin-bottom: 15px;\n            \/* Space below the radio button groups *\/\n        }\n\n        .form-horizontal .form-check {\n            margin: 5px 0;\n            \/* Margin around each radio button *\/\n        }\n\n        .form-control,\n        .black-btn {\n            width: 100%;\n            \/* Full width of their container *\/\n            padding: 8px 12px;\n            margin-top: 5px;\n        }\n\n        .black-btn {\n            background-color: #29418a;\n            \/* Button background color *\/\n            color: #e0e4ee;\n            \/* Button text color *\/\n            border: none;\n            cursor: pointer;\n            margin-top: 10px;\n            \/* Ensures alignment *\/\n        }\n\n        select.form-control {\n            display: inline-block;\n            width: auto;\n            \/* Makes select width auto to match content *\/\n            background-color: #e4f3fc;\n            \/* Same as body background *\/\n            color: #29418a;\n            \/* Text color same as the body text *\/\n            border: 1px solid #29418a;\n            \/* Border color same as button color *\/\n        }\n    <\/style>\n<\/head>\n<div class=\"content-container\">\n    <h1 class=\"content-align\">SUBSCRIBE TO ART INDIA MAGAZINE<\/h1>\n    <h3 class=\"content-align\"> Fill in the details below to subscribe to our magazine<\/h3>\n    <h3 class=\"content-align\"> or make any other payments<\/h3>\n<\/div>\n\n<body>\n\n\n    <div class=\"subscription-container\">\n        <!-- Print Subscription -->\n        <div class=\"subscription-box\">\n            <h3>Print Subscription<\/h3>\n            <h4 id=\"printHeader\">\u20b92400.0<\/h4>\n            <p>4 issues a year<\/p>\n            <p class=\"space-print\">doorstep delivery<\/p>\n            <!-- Subscription form -->\n            <form class=\"form-horizontal\" method=\"post\" action=\"details-form.php\">\n                <div class=\"radio-group\">\n                    <div class=\"form-check\"><input type=\"radio\" name=\"subscription_type\" value=\"new\" checked> NEW\n                        SUBSCRIPTION<\/div>\n                    <div class=\"form-check\"><input type=\"radio\" name=\"subscription_type\" value=\"renewal\"> EXISTING\n                        SUBSCRIPTION<\/div>\n                <\/div>\n                <select class=\"form-control\" name=\"amount\" id=\"printSelect\"\n                    onchange=\"updateHeader(this, 'printHeader')\">\n                    <option value=\"2400.0\">1 year<\/option>\n                    <option value=\"4500.0\">2 years<\/option>\n                    <option value=\"1500.0\">January\/February -Special Edition<\/option>\n                    <option value=\"750.0\">May\/June -Edition<\/option>\n                    <option value=\"750.0\">September\/October -Edition<\/option>\n\n                <\/select>\n                <input type=\"hidden\" id=\"subscription_name\" name=\"subscription_name\">\n                <button type=\"submit\" class=\"black-btn\">Subscribe<\/button>\n                <input type=\"hidden\" name=\"subscription_for\" value=\"print_subscription\">\n            <\/form>\n        <\/div>\n        <!-- Digital Subscription -->\n        <div class=\"subscription-box\">\n            <h3>Digital Subscription<\/h3>\n            <h4 id=\"digitalHeader\">\u20b9500.0<\/h4>\n            <p>4 issues a year<\/p>\n            <p>Digital access for Single Device &#8211; Online Content<\/p>\n            <!-- Subscription form -->\n            <form class=\"form-horizontal\" method=\"post\" action=\"details-form.php\">\n                <div class=\"radio-group\">\n                    <div class=\"form-check\"><input type=\"radio\" name=\"subscription_type\" value=\"new\" checked> NEW\n                        SUBSCRIPTION<\/div>\n                    <div class=\"form-check\"><input type=\"radio\" name=\"subscription_type\" value=\"renewal\"> EXISTING\n                        SUBSCRIPTION<\/div>\n                <\/div>\n                <select class=\"form-control\" name=\"amount\" id=\"digitalSelect\"\n                    onchange=\"updateHeader(this, 'digitalHeader')\">\n                    <option value=\"500.0\">Single<\/option>\n                    <option value=\"1125.0\">1 year<\/option>\n                    <option value=\"2100.0\">2 years<\/option>\n                <\/select>\n                <button type=\"submit\" class=\"black-btn\">Subscribe<\/button>\n                <input type=\"hidden\" name=\"subscription_for\" value=\"digital_subscription\">\n            <\/form>\n        <\/div>\n        <!-- Archival Subscription -->\n        <div class=\"subscription-box\">\n            <h3>Archival Subscription<\/h3>\n            <h4 id=\"archivalHeader\">\u20b92500.0<\/h4>\n            <p>Issues published since 1996<\/p>\n            <p class=\"space-arc\">Digital access for Single Device &#8211; Online Content<\/p>\n            <p> <\/p>\n            <!-- Subscription form -->\n            <form class=\"form-horizontal\" method=\"post\" action=\"details-form.php\">\n                <select class=\"form-control\" name=\"amount\" id=\"archivalSelect\"\n                    onchange=\"updateHeader(this, 'archivalHeader')\">\n                    <option value=\"2500.0\">1 year<\/option>\n                    <option value=\"3900.0\">2 years<\/option>\n                <\/select>\t\t\t\n                <button type=\"submit\" class=\"black-btn\">Subscribe<\/button>\n                <input type=\"hidden\" name=\"subscription_for\" value=\"archival_issues\">\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <script>\n\t\tdocument.addEventListener('DOMContentLoaded', function() {\n\t\t\t\/\/ Initialize the display and hidden input on page load\n\t\t\tvar selectElement = document.getElementById('printSelect');\n\t\t\tupdateHeader(selectElement, 'printHeader');\n\n\t\t});\n        function updateHeader(selectElement, headerId) {\n            var header = document.getElementById(headerId);\n            var selectedOption = selectElement.options[selectElement.selectedIndex];\n            var amount = selectedOption.value; \/\/ Use the value attribute of the selected option\n            var name = selectedOption.text;\n            \/\/ Update the header with the new amount directly from the option's value\n            header.textContent = '\u20b9' + amount;\n            document.getElementById('subscription_name').value = name;\n        }\n    <\/script>\n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Subscribe to ART India Magazine SUBSCRIBE TO ART INDIA MAGAZINE Fill in the details below to subscribe to our magazine or make any other payments Print Subscription \u20b92400.0 4 issues a year doorstep delivery NEW SUBSCRIPTION EXISTING SUBSCRIPTION 1 year2 yearsJanuary\/February -Special EditionMay\/June -EditionSeptember\/October -Edition Subscribe Digital Subscription \u20b9500.0 4 issues a year Digital access [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5093","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/artindiamag.com\/index.php\/wp-json\/wp\/v2\/pages\/5093","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/artindiamag.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/artindiamag.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/artindiamag.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/artindiamag.com\/index.php\/wp-json\/wp\/v2\/comments?post=5093"}],"version-history":[{"count":0,"href":"https:\/\/artindiamag.com\/index.php\/wp-json\/wp\/v2\/pages\/5093\/revisions"}],"wp:attachment":[{"href":"https:\/\/artindiamag.com\/index.php\/wp-json\/wp\/v2\/media?parent=5093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}