{"id":2,"date":"2022-11-14T10:32:43","date_gmt":"2022-11-14T09:32:43","guid":{"rendered":"http:\/\/hdkard.com\/?page_id=2"},"modified":"2022-11-22T10:54:04","modified_gmt":"2022-11-22T09:54:04","slug":"creez-votre-hdkard","status":"publish","type":"page","link":"https:\/\/hdkard.com\/en\/creez-votre-hdkard\/","title":{"rendered":"Cr\u00e9ez votre HDKARD"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c53643b e-flex e-con-boxed e-con e-parent\" data-id=\"c53643b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ddf87f elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"1ddf87f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"2\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"1ddf87f\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_0185b7f elementor-col-100\">\n\t\t\t\t\t<h3>Choisissez votre support<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-radio elementor-field-group elementor-column elementor-field-group-field_481867b elementor-col-100 elementor-field-required\">\n\t\t\t\t\t<div class=\"elementor-field-subgroup  \"><span class=\"elementor-field-option\"><input type=\"radio\" value=\"Simpliste\" id=\"form-field-field_481867b-0\" name=\"form_fields[field_481867b]\" required=\"required\" aria-required=\"true\"> <label for=\"form-field-field_481867b-0\">Simpliste<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"Pure silver\" id=\"form-field-field_481867b-1\" name=\"form_fields[field_481867b]\" required=\"required\" aria-required=\"true\"> <label for=\"form-field-field_481867b-1\">Pure silver<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"18K\" id=\"form-field-field_481867b-2\" name=\"form_fields[field_481867b]\" required=\"required\" aria-required=\"true\"> <label for=\"form-field-field_481867b-2\">18K<\/label><\/span><span class=\"elementor-field-option\"><input type=\"radio\" value=\"Organic Bambou\" id=\"form-field-field_481867b-3\" name=\"form_fields[field_481867b]\" required=\"required\" aria-required=\"true\"> <label for=\"form-field-field_481867b-3\">Organic Bambou<\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_5abd722 elementor-col-100\">\n\t\t\t\t\t<h3>Orientation de la carte<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_e8733c5 elementor-col-100\">\n\t\t\t\t\t<div class=\"row d-flex justify-content-between \" style=\"background-color: #EFEFEF; padding-top:3%;padding-bottom:3%;\">\n    <div class=\"col-4 d-flex justify-content-center\">\n        <div class=\"d-flex align-items-center\">\n            <img decoding=\"async\" src=\"https:\/\/hdkard.com\/wp-content\/uploads\/2022\/11\/Horizontale.png\" alt=\"\" id=\"imgchange\">\n            <p style=\"margin-left:2%; margin-top:12% \">Horizontale<\/p>\n        <\/div>\n        <b class=\"d-flex align-items-center m-5\" >OU<\/b>\n        <div class=\"d-flex align-items-center \">\n            <img decoding=\"async\" src=\"https:\/\/hdkard.com\/wp-content\/uploads\/2022\/11\/Verticale.png\" alt=\"\" id=\"imgchange2\">\n            <p style=\"margin-left:2%;margin-top:12% \">Verticale<\/p>\n        <\/div>\n    <\/div>\n    <div class=\"col d-flex justify-content-center\">\n        <div id=\"imgverthor\" class=\"d-felx align-items-center\" \n        style=\"  \n        background-color: #fff;\n        box-shadow: 0px 0px 13px rgb(0 0 0 \/ 25%);\n        border-radius: 14px;\n        height: 300px;\n        width: 550px;\n        position: relative;\">\n            <!-- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis ab quibusdam nobis voluptatem dicta dolores cumque laborum maxime natus numquam.<\/p> -->\n            <img decoding=\"async\" id=\"imglogo\" style=\"width: 100px;\n            height: 100px;\n            margin: 0;\n            position: absolute;\n            top: 34%;\n            left: 41%;\"  src=\"https:\/\/hdkard.com\/wp-content\/uploads\/2022\/11\/logo.png\" alt=\"\">\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    var image1 = document.getElementById('imgchange');\n    \n    image1.addEventListener('click', function(){\n        document.getElementById(\"imgverthor\").style.width='300px';\n        document.getElementById(\"imgverthor\").style.height='550px';\n        document.getElementById(\"imglogo\").style.top='38%';\n        document.getElementById(\"imglogo\").style.left='34%';\n    });\n\n    var image2 = document.getElementById('imgchange2');\n\n    image2.addEventListener('click', function(){\n        document.getElementById(\"imgverthor\").style.width='550px';\n        document.getElementById(\"imgverthor\").style.height='300px';\n        document.getElementById(\"imglogo\").style.top='34%';\n        document.getElementById(\"imglogo\").style.left='41%';\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_92cd941 elementor-col-100\">\n\t\t\t\t\t<h3>Personnalisez votre carte au recto<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_4623a93 elementor-col-70\">\n\t\t\t\t\t<style>\n    .input-file-container {\n  position: relative;\n  width: 97%;\n} \n.js .input-file-trigger {\n  display: block;\n  padding: 14px 45px;\n  background: #ffffff;\n  color: #808080;\n  font-size: 1em;\n  transition: all .4s;\n  cursor: pointer;\n    border-radius: 50px;\n\n}\n.js .input-file {\n  position: absolute;\n  top: 0; left: 0;\n  width: 225px;\n  opacity: 0;\n  padding: 14px 0;\n  cursor: pointer;\n}\n.js .input-file:hover + .input-file-trigger,\n.js .input-file:focus + .input-file-trigger,\n.js .input-file-trigger:hover,\n.js .input-file-trigger:focus {\n  background: #34495E;\n  color: #39D2B4;\n}\n\n.file-return {\n  margin: 0;\n}\n.file-return:not(:empty) {\n  margin: 1em 0;\n}\n.js .file-return {\n  font-style: italic;\n  font-size: .9em;\n  font-weight: bold;\n}\n.js .file-return:not(:empty):before {\n  content: \"Selected file: \";\n  font-style: normal;\n  font-weight: normal;\n}\n\n\n<\/style>\n<div class=\"input-file-container\">  \n    <input class=\"input-file\" id=\"my-file\" type=\"file\">\n    <label tabindex=\"0\" for=\"my-file\" class=\"input-file-trigger\">S\u00e9lectionne\u00e9 un ficher ...<\/label>\n  <\/div>\n<p class=\"file-return\"><\/p>\n<script>\n    document.querySelector(\"html\").classList.add('js');\n\nvar fileInput  = document.querySelector( \".input-file\" ),  \n    button     = document.querySelector( \".input-file-trigger\" ),\n    the_return = document.querySelector(\".file-return\");\n      \nbutton.addEventListener( \"keydown\", function( event ) {  \n    if ( event.keyCode == 13 || event.keyCode == 32 ) {  \n        fileInput.focus();  \n    }  \n});\nbutton.addEventListener( \"click\", function( event ) {\n   fileInput.focus();\n   return false;\n});  \nfileInput.addEventListener( \"change\", function( event ) {  \n    the_return.innerHTML = this.value;  \n});  \n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_c1bd356 elementor-col-30\">\n\t\t\t\t\t<button style=\"background: linear-gradient(334.54deg, #5BC1D9 -5.37%, #625292 95.81%);\n    border-radius: 37.5px;\n    color: #fff;\n    height: 56px;\n    width: 220px;\n    border-color: #fff;\">Ajoutez votre logo<\/button>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button type=\"submit\" class=\"elementor-button elementor-size-sm\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\" elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7ea18a9f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7ea18a9f\" data-element_type=\"section\" data-e-type=\"section\">\n\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-100 elementor-top-column elementor-element elementor-element-3308219\" data-id=\"3308219\" data-element_type=\"column\" data-e-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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hdkard.com\/en\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hdkard.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hdkard.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hdkard.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hdkard.com\/en\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":88,"href":"https:\/\/hdkard.com\/en\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":8352,"href":"https:\/\/hdkard.com\/en\/wp-json\/wp\/v2\/pages\/2\/revisions\/8352"}],"wp:attachment":[{"href":"https:\/\/hdkard.com\/en\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}