{"id":3338,"date":"2024-03-29T08:31:19","date_gmt":"2024-03-29T08:31:19","guid":{"rendered":"https:\/\/akbkaravan.com\/build-your-own-caravan\/"},"modified":"2024-10-08T10:58:51","modified_gmt":"2024-10-08T10:58:51","slug":"build-your-own-caravan","status":"publish","type":"page","link":"https:\/\/akbkaravan.com\/en\/build-your-own-caravan\/","title":{"rendered":"Build Your Own Caravan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3338\" class=\"elementor elementor-3338 elementor-789\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9bea650 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9bea650\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-69200c4\" data-id=\"69200c4\" 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-5e7ed0d elementor-align-left elementor-icon-list--layout-inline elementor-mobile-align-left elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"5e7ed0d\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/akbkaravan.com\/wp-content\/plugins\/elementor\/assets\/css\/widget-icon-list.min.css\">\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/akbkaravan.com\/en\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Homepage<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Build Your Own Caravan<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5a8facb\" data-id=\"5a8facb\" 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\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-153ce69 e-con-full e-flex e-con e-parent\" data-id=\"153ce69\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d20b618 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"d20b618\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">List Item 1<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">List Item 1<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">List Item 1<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">List Item 1<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6b7a8f elementor-widget elementor-widget-shortcode\" data-id=\"d6b7a8f\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <title>Ara\u00e7 Se\u00e7imi<\/title>\r\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.2\/css\/fontawesome.min.css\" rel=\"stylesheet\" \/>\r\n    <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"><\/script>\r\n    <style>\r\n        \/*custom font*\/\r\n        @import url(https:\/\/fonts.googleapis.com\/css?family=Montserrat);\r\n\r\n        \/*basic reset*\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        html {\r\n            height: 100%;\r\n            background: #eee;\r\n        }\r\n\r\n        body {\r\n            font-family: Montserrat, arial, verdana;\r\n            background: transparent;\r\n            overflow: hidden;\r\n        }\r\n        .row\r\n        {\r\n            z-index:1;\r\n        }\r\n        \r\n        \/*form styles*\/\r\n        #msform {\r\n            text-align: center;\r\n            position: relative;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        #msform fieldset {\r\n            background: white;\r\n            border: 0 none;\r\n            border-radius: 8px;\r\n            box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);\r\n            padding: 20px 30px;\r\n            box-sizing: border-box;\r\n            width: 80%;\r\n            margin: 0 auto;\r\n\r\n            \/*stacking fieldsets above each other*\/\r\n            position: relative;\r\n        }\r\n\r\n        \/*Hide all except first fieldset*\/\r\n        #msform fieldset:not(:first-of-type) {\r\n            display: none;\r\n        }\r\n\r\n        \/*inputs*\/\r\n        #msform input, #msform textarea {\r\n            padding: 15px;\r\n            border: 1px solid #ccc;\r\n            border-radius: 4px;\r\n            box-sizing: border-box;\r\n            font-family: montserrat;\r\n            color: #2C3E50;\r\n            font-size: 13px;\r\n        }\r\n\r\n        #msform input:focus, #msform textarea:focus {\r\n            -moz-box-shadow: none !important;\r\n            -webkit-box-shadow: none !important;\r\n            box-shadow: none !important;\r\n            border: 1px solid #2098ce;\r\n            outline-width: 0;\r\n            transition: All 0.5s ease-in;\r\n            -webkit-transition: All 0.5s ease-in;\r\n            -moz-transition: All 0.5s ease-in;\r\n            -o-transition: All 0.5s ease-in;\r\n        }\r\n        \/*inputs*\/\r\n        #msform input, #msform .verigirisi {\r\n            padding: 15px;\r\n            border: 1px solid #ccc;\r\n            border-radius: 4px;\r\n            margin-bottom:10px;\r\n            box-sizing: border-box;\r\n            font-family: montserrat;\r\n            color: #2C3E50;\r\n            font-size: 13px;\r\n        }\r\n\r\n        #msform input:focus, #msform .verigirisi:focus {\r\n            -moz-box-shadow: none !important;\r\n            -webkit-box-shadow: none !important;\r\n            box-shadow: none !important;\r\n            border: 1px solid #2098ce;\r\n            outline-width: 0;\r\n            transition: All 0.5s ease-in;\r\n            -webkit-transition: All 0.5s ease-in;\r\n            -moz-transition: All 0.5s ease-in;\r\n            -o-transition: All 0.5s ease-in;\r\n        }\r\n\r\n        \/*buttons*\/\r\n        #msform .action-button {\r\n            width: 100px;\r\n            background: #2098ce;\r\n            font-weight: bold;\r\n            color: white;\r\n            border: 0 none;\r\n            border-radius: 25px;\r\n            cursor: pointer;\r\n            padding: 10px 5px;\r\n            margin: 10px 5px;\r\n        }\r\n\r\n        #msform .action-button:hover, #msform .action-button:focus {\r\n            box-shadow: 0 0 0 2px white, 0 0 0 3px #2098ce;\r\n        }\r\n\r\n        #msform .action-button-previous {\r\n            width: 100px;\r\n            background: #aCbEd0;\r\n            font-weight: bold;\r\n            color: white;\r\n            border: 0 none;\r\n            border-radius: 25px;\r\n            cursor: pointer;\r\n            padding: 10px 5px;\r\n            margin: 10px 5px;\r\n        }\r\n\r\n        #msform .action-button-previous:hover, #msform .action-button-previous:focus {\r\n            box-shadow: 0 0 0 2px white, 0 0 0 3px #aCbEd0;\r\n        }\r\n\r\n        \/*headings*\/\r\n        .fs-title {\r\n            font-size: 18px;\r\n            text-transform: uppercase;\r\n            color: #2C3E50;\r\n            margin-bottom: 10px;\r\n            letter-spacing: 2px;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .fs-subtitle {\r\n            font-weight: normal;\r\n            font-size: 13px;\r\n            color: #666;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        \/*progressbar*\/\r\n        #progressbar {\r\n            margin-bottom: 30px;\r\n            overflow: hidden;\r\n            \/*CSS counters to number the steps*\/\r\n            counter-reset: step;\r\n        }\r\n\r\n        #progressbar li {\r\n            list-style-type: none;\r\n            color: #666;\r\n            text-transform: uppercase;\r\n            font-size: 9px;\r\n            width: 20%;\r\n            float: left;\r\n            position: relative;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        #progressbar li:before {\r\n            content: counter(step);\r\n            counter-increment: step;\r\n            width: 24px;\r\n            height: 24px;\r\n            line-height: 26px;\r\n            display: block;\r\n            font-size: 12px;\r\n            color: #333;\r\n            background: white;\r\n            border-radius: 25px;\r\n            margin: 0 auto 10px auto;\r\n        }\r\n\r\n        \/*progressbar connectors*\/\r\n        #progressbar li:after {\r\n            content: '';\r\n            width: 100%;\r\n            height: 2px;\r\n            background: white;\r\n            position: absolute;\r\n            left: -50%;\r\n            top: 9px;\r\n            z-index: -1; \/*put it behind the numbers*\/\r\n        }\r\n\r\n        #progressbar li:first-child:after {\r\n            \/*connector not needed before the first step*\/\r\n            content: none;\r\n        }\r\n\r\n        \/*marking active\/completed steps blue*\/\r\n        \/*The number of the step and the connector before it = blue*\/\r\n        #progressbar li.active:before, #progressbar li.active:after {\r\n            background: #2098ce;\r\n            color: white;\r\n        }\r\n\r\n        #cevap1, #cevap2 {\r\n            display: inline-block;\r\n        }\r\n        .radio-container {\r\n            display: inline-block;\r\n            position:relative;\r\n            width: 47%;\r\n            margin: 10px 10px; \/* Kutular aras\u0131ndaki yatay bo\u015fluk *\/\r\n            text-align: left;\r\n            cursor: pointer;\r\n            border: 1px solid #ccc;\r\n            padding: 10px;\r\n            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);\r\n        }\r\n        .radio-container.selected {\r\n            border: 1px solid #007BFF;\r\n            background-color: #E0F7FA;\r\n        }\r\n        .radio-container img {\r\n            max-width: 100%; \/* G\u00f6rsellerin geni\u015fli\u011fini s\u0131n\u0131rlamak *\/\r\n            height: auto;\r\n            width: 1024px;\r\n            cursor: pointer;\r\n            display: block;\r\n        }\r\n        .radio-container .ozellikler {\r\n            max-width: 100%; \/* G\u00f6rsellerin geni\u015fli\u011fini s\u0131n\u0131rlamak *\/\r\n            height: auto;\r\n            width: 120px;\r\n            cursor: pointer;\r\n            display: block;\r\n        }\r\n        #extra-features\r\n        {\r\n            text-align: left;\r\n        }\r\n        .radio-container .text-container {\r\n            display: inline-block;\r\n        }\r\n\r\n        .radio-container h4 {\r\n            margin: 0 0 10px 0;\r\n        }\r\n\r\n        .radio-container p {\r\n            margin: 0;\r\n        }\r\n\r\n        .feature-checkbox {\r\n            vertical-align: middle;\r\n            margin-right: 10px;\r\n        }\r\n        @media screen and (max-width: 768px) {\r\n            \r\n\r\n            .radio-container img {\r\n                margin-left: 0;\r\n                margin-bottom: 10px;\r\n            }\r\n\r\n            .action-button, .action-button-previous {\r\n                width: 100%;\r\n                margin: 10px 0;\r\n            }\r\n            \r\n                .radio-container {\r\n                display: inline-block;\r\n                width: 100%;\r\n                margin: 5px 0px; \/* Kutular aras\u0131ndaki yatay bo\u015fluk *\/\r\n                text-align: left;\r\n                cursor: pointer;\r\n                border: 1px solid #ccc;\r\n                padding: 5px;\r\n                box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);\r\n                }\r\n                .radio-container.selected {\r\n                    border: 1px solid #007BFF;\r\n                    background-color: #E0F7FA;\r\n                }\r\n                .radio-container img {\r\n                    margin-left: 0px;\r\n                    max-width: 100%;\r\n                    cursor: pointer;\r\n                    display: inline-block;\r\n                    vertical-align: middle;\r\n                }\r\n                #extra-features\r\n                {\r\n                    text-align: left;\r\n                }\r\n                .radio-container .text-container {\r\n                    display: inline-block;\r\n                    \r\n                }\r\n                .feature-checkbox {\r\n                    display:inline-block;\r\n                    vertical-align: middle;\r\n                    margin-right: 0px;\r\n                }\r\n            \r\n        }\r\n        #total-price\r\n        {\r\n            color:#007BFF;\r\n            font-weight:600;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"row\">\r\n        <div class=\"col-md-6 col-md-offset-3\">\r\n            <form id=\"msform\" action=\"https:\/\/akbkaravan.com\/crm\/includes\/islem.php\" method=\"POST\">\r\n                <!-- progressbar -->\r\n                <ul id=\"progressbar\">\r\n                    <li class=\"active\">Ara\u00e7 Bilgisi<\/li>\r\n                    <li>Men\u015fei Bilgisi<\/li>\r\n                    <li>Ara\u00e7lar<\/li>\r\n                    <li>Extra \u00d6zellikler<\/li>\r\n                    <li>\u0130leti\u015fim Bilgileri<\/li>\r\n                <\/ul>\r\n                <!-- fieldsets -->\r\n                <fieldset>\r\n                    <h2 class=\"fs-title\">Ara\u00e7 Bilgisi<\/h2>\r\n                    <h3 class=\"fs-subtitle\">Karavan yap\u0131m\u0131na uygun arac\u0131n\u0131z var m\u0131?<\/h3>\r\n                    <div class=\"radio-container\" id=\"container-evet\" onclick=\"selectRadio('cevap1')\" style=\"height:40px;\">\r\n                        <input type=\"radio\" value=\"Evet\" id=\"cevap1\" name=\"aracinvarmi\" style=\"display:none;\"><h4 for=\"cevap1\">Evet<\/h4>\r\n                    <\/div>\r\n                    <div class=\"radio-container\" id=\"container-hayir\" onclick=\"selectRadio('cevap2')\" style=\"height:40px;\">\r\n                        <input type=\"radio\" value=\"Hay\u0131r\" id=\"cevap2\" name=\"aracinvarmi\" style=\"display:none;\"><h4 for=\"cevap2\">Hay\u0131r<\/h4>\r\n                    <\/div><br><br>\r\n                    <input type=\"button\" name=\"next\" class=\"next action-button\" value=\"Sonraki\"\/>\r\n                <\/fieldset>\r\n                <fieldset>\r\n                    <h2 class=\"fs-title\">Standartlar\u0131n\u0131 Belirle<\/h3>\r\n                    <h3 class=\"fs-subtitle\">Karavan\u0131n\u0131 Tasarlarken Standartlar\u0131n\u0131 Nas\u0131l Belirleyeceksin?<\/h3>\r\n                    \r\n                    <div class=\"radio-container\" id=\"container-turkiye\" onclick=\"selectRadio('turkiye')\">\r\n                        <input type=\"radio\" id=\"turkiye\" name=\"standart\" value=\"T\u00fcrkiye\" style=\"display:none;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/akbkaravan.com\/wp-content\/uploads\/2024\/06\/turkiye.jpg\" for=\"turkiye\" onclick=\"selectRadio('turkiye')\">\r\n                        <div class=\"text-container\">\r\n                            <h4>T\u00fcrkiye \u00dcretimleri<\/h4>\r\n                            <p>T\u00fcrkiye Cumhuriyeti T\u00dcV-TSE Kurallar\u0131na ve Kanunlar\u0131na G\u00f6re \u00dcretilir. T\u00fcrkiye Genelinde Servis A\u011f\u0131 ve Garanti Hizmetleri Bulunmaktad\u0131r.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"radio-container\" id=\"container-avrupa\" onclick=\"selectRadio('avrupa')\">\r\n                        <input type=\"radio\" id=\"avrupa\" name=\"standart\" value=\"Avrupa\" style=\"display:none;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/akbkaravan.com\/wp-content\/uploads\/2024\/06\/Avrupa-Birligi-Bayragi.jpeg\" for=\"avrupa\" onclick=\"selectRadio('avrupa')\">\r\n                        <div class=\"text-container\">\r\n                            <h4>Avrupa Birli\u011fi \u00dclkeleri \u00dcretimi<\/h4>\r\n                            <p>Almanya, Hollanda, Bel\u00e7ika, Fransa, \u0130ngiltere, \u0130svi\u00e7re \u00dclkelerin T\u00dcV Kurallar\u0131na ve Kanunlar\u0131na Birebir Uygun Olarak \u00dcretilir. Uluslararas\u0131 Garanti Ge\u00e7erlili\u011fi Bulunmaktad\u0131r. <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <input type=\"button\" name=\"previous\" class=\"previous action-button-previous\" value=\"\u00d6nceki\"\/>\r\n                    <input type=\"button\" name=\"next\" class=\"next action-button\" value=\"Sonraki\"\/>\r\n                <\/fieldset>\r\n                <fieldset>\r\n                    <h2 class=\"fs-title\">Ara\u00e7 Modelleri<\/h3>\r\n                    <h3 class=\"fs-subtitle\">Tarz\u0131na Uygun Ara\u00e7\u0131n\u0131z\u0131 Se\u00e7iniz?<\/h3>\r\n                    <div id=\"car-selection\"><\/div><br>\r\n                    <input type=\"button\" name=\"previous\" class=\"previous action-button-previous\" value=\"\u00d6nceki\"\/>\r\n                    <input type=\"button\" name=\"next\" class=\"next action-button\" value=\"Sonraki\"\/>\r\n                <\/fieldset>\r\n                <fieldset>\r\n                    <h2 class=\"fs-title\">Extra Donan\u0131mlar<\/h2>\r\n                    <h3 class=\"fs-subtitle\">Extra Hangi \u00d6zellikleri \u0130stersiniz?<\/h3>\r\n                    <span id=\"total-price\">0 \u20ba<\/span>\r\n                    <div id=\"extra-features\"><\/div>\r\n                    <input type=\"button\" name=\"previous\" class=\"previous action-button-previous\" value=\"\u00d6nceki\"\/>\r\n                    <input type=\"button\" name=\"next\" class=\"next action-button\" value=\"Sonraki\"\/>\r\n                <\/fieldset>\r\n                \r\n                <fieldset>\r\n                    <h2 class=\"fs-title\">\u0130leti\u015fim Bilgileriniz<\/h2>\r\n                    <h3 class=\"fs-subtitle\">Sizlere Daha \u0130yi Hizmet \u0130\u00e7in Bizlerle \u0130leti\u015fim Bilgilerinizi Payla\u015f\u0131n<\/h3>\r\n                    <input type=\"text\" name=\"adinizsoyadiniz\" placeholder=\"Ad\u0131n\u0131z Soyad\u0131n\u0131z\" class=\"verigirisi\" required><br>\r\n                    <input type=\"text\" name=\"telefon\" placeholder=\"Telefon Numaran\u0131z\" class=\"verigirisi\" required><br>\r\n                    <input type=\"text\" name=\"email\" placeholder=\"Email Adresiniz\" class=\"verigirisi\" required><br>\r\n                    <input type=\"hidden\" id=\"total-price2\" value=\"0\" name=\"price\">\r\n                    <input type=\"button\" name=\"previous\" class=\"previous action-button-previous\" value=\"\u00d6nceki\" id=\"oncekikaybol\"\/>\r\n                    <input type=\"submit\" name=\"submit\" class=\"submit action-button\" value=\"G\u00f6nder\"\/>\r\n                <\/fieldset>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n<script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.7\/js\/bootstrap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery-easing\/1.3\/jquery.easing.min.js\"><\/script>\r\n <script>\r\n        function selectchecked(featureId) {\r\n            var radio = document.getElementById(featureId);\r\n            var container = document.getElementById(\"container-\" + featureId);\r\n\r\n            if (radio.checked) {\r\n                \/\/ E\u011fer zaten se\u00e7iliyse, i\u015faretini kald\u0131r ve container'\u0131n se\u00e7ili durumunu kald\u0131r\r\n                radio.checked = false;\r\n                container.classList.remove('selected');\r\n            } else {\r\n                \/\/ Se\u00e7ilen checkbox'\u0131 i\u015faretle ve container'\u0131 se\u00e7ili g\u00f6ster\r\n                radio.checked = true;\r\n                container.classList.add('selected');\r\n            }\r\n            var total = 0;\r\n            $('.feature-checkbox:checked').each(function() {\r\n                total += parseFloat($(this).data('value'));\r\n            });\r\n            $('#total-price').text(total.toFixed(2)+\" \u20ba\");  \/\/ Toplam fiyat\u0131 g\u00fcncelle\r\n            $('#total-price2').val(total.toFixed(2)+\" \u20ba\");  \/\/ Toplam fiyat\u0131 g\u00fcncelle ve textbox'a yaz\r\n        }\r\n        \r\n        function selectRadio(featureId) {\r\n            var radio = document.getElementById(featureId);\r\n            var allRadios = document.querySelectorAll('input[type=\"radio\"][name=\"standart\"]');\r\n            \r\n            \/\/ T\u00fcm radio buttonlar\u0131n i\u015faretini kald\u0131r ve container s\u0131n\u0131flar\u0131n\u0131 kald\u0131r\r\n            allRadios.forEach(function(r) {\r\n                r.checked = false;\r\n                var container = document.getElementById(\"container-\" + r.id);\r\n                container.classList.remove('selected');\r\n            });\r\n\r\n            \/\/ Se\u00e7ilen radio button'u i\u015faretle ve container'\u0131 se\u00e7ili g\u00f6ster\r\n            radio.checked = true;\r\n            radio.dispatchEvent(new Event('change'));  \/\/ De\u011fi\u015fim olay\u0131n\u0131 tetikle\r\n\r\n            var container = document.getElementById(\"container-\" + featureId);\r\n            container.classList.add('selected');\r\n        }\r\n        $(document).on('change', 'input[name=\"standart\"]', function() {\r\n            \/\/ Radio button'un bulundu\u011fu container'\u0131 se\u00e7ili g\u00f6ster\r\n            var allContainers = document.querySelectorAll('.radio-container');\r\n            allContainers.forEach(function(container) {\r\n                container.classList.remove('selected');\r\n            });\r\n            var selectedContainer = this.closest('.radio-container');\r\n            selectedContainer.classList.add('selected');\r\n        });\r\n        \r\n        function selectRadio2(featureId) {\r\n            var radio = document.getElementById(featureId);\r\n            var allRadios = document.querySelectorAll('input[type=\"radio\"][name=\"aracinvarmi\"]');\r\n            \r\n            \/\/ T\u00fcm radio buttonlar\u0131n i\u015faretini kald\u0131r ve container s\u0131n\u0131flar\u0131n\u0131 kald\u0131r\r\n            allRadios.forEach(function(r) {\r\n                r.checked = false;\r\n                var container = document.getElementById(\"container-\" + r.id);\r\n                container.classList.remove('selected');\r\n            });\r\n\r\n            \/\/ Se\u00e7ilen radio button'u i\u015faretle ve container'\u0131 se\u00e7ili g\u00f6ster\r\n            radio.checked = true;\r\n            radio.dispatchEvent(new Event('change'));  \/\/ De\u011fi\u015fim olay\u0131n\u0131 tetikle\r\n\r\n            var container = document.getElementById(\"container-\" + featureId);\r\n            container.classList.add('selected');\r\n        }\r\n        $(document).on('change', 'input[name=\"aracinvarmi\"]', function() {\r\n            \/\/ Radio button'un bulundu\u011fu container'\u0131 se\u00e7ili g\u00f6ster\r\n            var allContainers = document.querySelectorAll('.radio-container');\r\n            allContainers.forEach(function(container) {\r\n                container.classList.remove('selected');\r\n            });\r\n            var selectedContainer = this.closest('.radio-container');\r\n            selectedContainer.classList.add('selected');\r\n        });\r\n        function selectRadio(featureId) {\r\n            var radio = document.getElementById(featureId);\r\n            var allRadios = document.querySelectorAll('input[type=\"radio\"][name=\"car_id\"]');\r\n            \r\n            \/\/ T\u00fcm radio buttonlar\u0131n i\u015faretini kald\u0131r ve container s\u0131n\u0131flar\u0131n\u0131 kald\u0131r\r\n            allRadios.forEach(function(r) {\r\n                r.checked = false;\r\n                var container = document.getElementById(\"container-\" + r.id);\r\n                container.classList.remove('selected');\r\n            });\r\n\r\n            \/\/ Se\u00e7ilen radio button'u i\u015faretle ve container'\u0131 se\u00e7ili g\u00f6ster\r\n            radio.checked = true;\r\n            radio.dispatchEvent(new Event('change'));  \/\/ De\u011fi\u015fim olay\u0131n\u0131 tetikle\r\n\r\n            var container = document.getElementById(\"container-\" + featureId);\r\n            container.classList.add('selected');\r\n        }\r\n\r\n        $(document).on('change', 'input[name=\"car_id\"]', function() {\r\n            var car_id = $(this).val();\r\n            $.ajax({\r\n                url: 'https:\/\/akbkaravan.com\/wp-content\/themes\/hello-elementor\/get_features.php',\r\n                type: 'post',\r\n                data: { car_id: car_id },\r\n                success: function(response) {\r\n                    $('#extra-features').html(response);\r\n                }\r\n            });\r\n\r\n            \/\/ Radio button'un bulundu\u011fu container'\u0131 se\u00e7ili g\u00f6ster\r\n            var allContainers = document.querySelectorAll('.radio-container');\r\n            allContainers.forEach(function(container) {\r\n                container.classList.remove('selected');\r\n            });\r\n            var selectedContainer = this.closest('.radio-container');\r\n            selectedContainer.classList.add('selected');\r\n        });\r\n        \r\n        \r\n        function selectRadio(optionId) {\r\n            var radio = document.getElementById(optionId);\r\n            radio.checked = true;\r\n            $(radio).trigger('change');  \/\/ jQuery change olay\u0131n\u0131 tetikleyin\r\n        }\r\n        $(document).ready(function(){\r\n            $('input[name=\"standart\"]').change(function(){\r\n                var origin = $(this).val();\r\n                $.ajax({\r\n                    url: 'https:\/\/akbkaravan.com\/wp-content\/themes\/hello-elementor\/get_cars.php',\r\n                    type: 'post',\r\n                    data: {origin: origin},\r\n                    success: function(response){\r\n                        $('#car-selection').html(response);\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ Add event listener for \"cevap2\" radio button\r\n            $('#cevap2').change(function() {\r\n                if ($(this).is(':checked')) {\r\n                    $(\"#oncekikaybol\").css(\"display\", \"none\");\r\n                    goToStep(4); \/\/ 0-based index, so 4 corresponds to the 5th step\r\n                }\r\n            });\r\n        });\r\n\r\n        var current_fs, next_fs, previous_fs; \/\/fieldsets\r\n        var animating; \/\/flag to prevent quick multi-click glitches\r\n\r\n        function goToStep(stepIndex) {\r\n            var fieldsets = $(\"fieldset\");\r\n            current_fs = fieldsets.filter(\":visible\");\r\n            next_fs = fieldsets.eq(stepIndex);\r\n\r\n            \/\/ Activate the appropriate step on the progress bar\r\n            $(\"#progressbar li\").removeClass(\"active\");\r\n            for (var i = 0; i <= stepIndex; i++) {\r\n                $(\"#progressbar li\").eq(i).addClass(\"active\");\r\n            }\r\n\r\n            \/\/ Show the target fieldset\r\n            next_fs.show();\r\n\r\n            \/\/ Hide the current fieldset with style\r\n            current_fs.hide();\r\n            animating = false;\r\n        }\r\n\r\n        $(\".next\").click(function(){\r\n            if(animating) return false;\r\n            animating = true;\r\n\r\n            current_fs = $(this).parent();\r\n            next_fs = $(this).parent().next();\r\n\r\n            \/\/activate next step on progressbar using the index of next_fs\r\n            $(\"#progressbar li\").eq($(\"fieldset\").index(next_fs)).addClass(\"active\");\r\n            \r\n            \/\/show the next fieldset\r\n            next_fs.show(); \r\n            window.scrollTo(0, 0);\r\n\r\n            \/\/hide the current fieldset with style\r\n            current_fs.hide();\r\n            animating = false;\r\n        });\r\n\r\n        $(\".previous\").click(function(){\r\n            if(animating) return false;\r\n            animating = true;\r\n\r\n            current_fs = $(this).parent();\r\n            previous_fs = $(this).parent().prev();\r\n\r\n            \/\/de-activate current step on progressbar\r\n            $(\"#progressbar li\").eq($(\"fieldset\").index(current_fs)).removeClass(\"active\");\r\n\r\n            \/\/show the previous fieldset\r\n            previous_fs.show(); \r\n            window.scrollTo(0, 0);\r\n\r\n            \/\/hide the current fieldset with style\r\n            current_fs.hide();\r\n            animating = false;\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<div class=\"elementor-shortcode\"><\/div>\n\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":"<p>Homepage List Item 1 List Item 1 List Item 1 List Item 1<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"rank_math_lock_modified_date":false,"footnotes":""},"class_list":["post-3338","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/akbkaravan.com\/en\/wp-json\/wp\/v2\/pages\/3338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/akbkaravan.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/akbkaravan.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/akbkaravan.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/akbkaravan.com\/en\/wp-json\/wp\/v2\/comments?post=3338"}],"version-history":[{"count":1,"href":"https:\/\/akbkaravan.com\/en\/wp-json\/wp\/v2\/pages\/3338\/revisions"}],"predecessor-version":[{"id":3339,"href":"https:\/\/akbkaravan.com\/en\/wp-json\/wp\/v2\/pages\/3338\/revisions\/3339"}],"wp:attachment":[{"href":"https:\/\/akbkaravan.com\/en\/wp-json\/wp\/v2\/media?parent=3338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}