{"id":805,"date":"2022-03-06T04:44:32","date_gmt":"2022-03-06T09:44:32","guid":{"rendered":"https:\/\/colletteinc.ca\/calculateur\/"},"modified":"2022-04-14T13:38:44","modified_gmt":"2022-04-14T17:38:44","slug":"calculator","status":"publish","type":"page","link":"https:\/\/www.colletteinc.ca\/en\/calculator\/","title":{"rendered":"Calculator"},"content":{"rendered":"\n    <style type=\"text\/css\">\n        #header-block_6225536716d47 .bg {\n            background-image: url('https:\/\/www.colletteinc.ca\/wp-content\/uploads\/2022\/03\/collette-header-produits.jpg');\n            background-size: cover;\n        }\n        #header-block_6225536716d47:before {\n            display: block;\n        }\n    <\/style>\n\n<section id=\"header-block_6225536716d47\" class=\"block block-header\">\n    <div class=\"container\">\n        <div class=\"content flow\" data-sal=\"slide-right\" data-sal-duration=\"900\">\n            \n\n<h1 class=\"has-blanc-color has-text-color wp-block-heading\">Our Calculator<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">Calculate Your Actual Needs<\/h2>\n\n\n        <\/div>\n            <\/div>\n    <div class=\"bg\" data-sal=\"fade\" data-sal-duration=\"600\"><\/div>\n<\/section>\n\n<section class=\"block block-calculatrice\">\n    <div class=\"container\">\n        <div class=\"box-calculatrice\">\n            <div class=\"head\">\n                <h2>Entrez vos informations<\/h2>\n                <div class=\"wp-block-button\">\n                    <button id=\"calcReset\" class=\"wp-block-button__link\">R\u00e9initialiser<\/button>\n                <\/div>\n            <\/div>\n            <div class=\"step step1\">\n                <h3>Choisissez un produit<\/h3>\n                <div class=\"fields\">\n                    <div class=\"row row-full\">\n                        <label for=\"product\">Produit<\/label>\n                        <select name=\"product\" id=\"product\">\n                            <option class=\"default-value-temp\" selected=\"selected\" disabled>S\u00e9lectionner<\/option>\n                            <option value=\"1.8\">SABLE MG112<\/option>\n                            <option value=\"1.8\">SABLE B<\/option>\n                            <option value=\"1.8\">SABLE CG14<\/option>\n                            <option value=\"1.8\">CG20C<\/option>\n                            <option value=\"1.95\">SABLE MG112 MANUFACTURER<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"step step2\">\n                <h3>D\u00e9terminez votre surface<\/h3>\n                \n                <div class=\"fields\">\n                    <div class=\"row row-half\">\n                        <label for=\"unit\">Unit\u00e9<\/label>\n                        <select name=\"unit\" id=\"unit\" >\n                            <option value=\"metric\">M\u00e9trique<\/option>\n                            <option value=\"imperial\">Imp\u00e9rial<\/option>\n                        <\/select>\n                    <\/div>\n                    <div class=\"row row-half\">\n                        <label for=\"shape\">Surface<\/label>\n                        <select name=\"shape\" id=\"shape\" >\n                            <option value=\"rectangle\">Rectangulaire<\/option>\n                            <option value=\"circular\">Circulaire<\/option>\n                        <\/select>\n                    <\/div>\n                    <div class=\"row row-full\">\n                        <form name=\"rectangle\" id=\"rectangle\" class=\"shape fields\">\n                            <div class=\"row row-third\">\n                                <label for=\"rectLength\">Longueur (<span class=\"unit-a\">m<\/span>)<\/label>\n                                <input id=\"rectLength\" name=\"rectLength\" value=\"\" placeholder=\"0\" min=\"0\" type=\"number\" >\n                            <\/div>\n                            <div class=\"row row-third\">\n                                <label for=\"rectWidth\">Largeur (<span class=\"unit-a\">m<\/span>)<\/label>\n                                <input id=\"rectWidth\"  name=\"rectWidth\" value=\"\" placeholder=\"0\" min=\"0\" type=\"number\" >\n                            <\/div>\n                            <div class=\"row row-third\">\n                                <label for=\"rectDepth\">Profondeur (<span class=\"unit-b\">cm<\/span>)<\/label>\n                                <input id=\"rectDepth\"  name=\"rectDepth\" value=\"\" placeholder=\"0\" min=\"0\" type=\"number\" >\n                            <\/div>\n                        <\/form>\n                    <\/div>\n                    <div class=\"row row-full\">\n                        <form name=\"shapeCircle\" id=\"circ\" class=\"shape fields\">\n                            <div class=\"row row-half\">\n                                <label for=\"circDiam\">Diam\u00e8tre (<span class=\"unit-a\">m<\/span>)<\/label>\n                                <input name=\"circDiam\"  id=\"circDiam\" value=\"\" placeholder=\"0\" min=\"0\" type=\"number\" >\n                            <\/div>\n                            <div class=\"row row-half\">\n                                <label for=\"circDepth\">Profondeur (<span class=\"unit-b\">cm<\/span>)<\/label>\n                                <input name=\"circDepth\" id=\"circDepth\" value=\"\" placeholder=\"0\" min=\"0\" type=\"number\" >\n                            <\/div>\n                        <\/form>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"result\">\n                <div class=\"box\">\n                    <div class=\"col\">\n                        <span class=\"result-title\">Votre r\u00e9sultat<\/span>\n                    <\/div>\n                    <div class=\"col\">\n                        <span class=\"result-label\">Quantit\u00e9 n\u00e9cessaire*<\/span>\n                    <\/div>\n                    <div class=\"col col-result\">\n                        <span class=\"result-result\" id=\"productQty\"><\/span> <span class=\"unit\">TM<\/span>\n                    <\/div>\n                <\/div>\n                <span class=\"result-info\">* Ce r\u00e9sultat est approximatif.<\/span>\n            <\/div>\n        <\/div>\n\n\n        <div class=\"calculatrice-footer\">\n            <h2>CONTACTEZ-NOUS POUR<br>PASSER VOTRE COMMANDE<\/h2>\n            <div class=\"wp-block-button\">\n                \n                                    <a class=\"wp-block-button__link\" href=\"\/en\/contact-us\/\">CONTACT US<\/a>\n                            <\/div>\n            <svg class=\"phone\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"259.364\" height=\"271.509\" viewBox=\"0 0 259.364 271.509\">\n                <defs>\n                    <clipPath id=\"clip-path\">\n                    <rect id=\"Rectangle_178\" data-name=\"Rectangle 178\" width=\"201.194\" height=\"220.109\" fill=\"none\" stroke=\"#0a0a0a\" stroke-width=\"1\"\/>\n                    <\/clipPath>\n                <\/defs>\n                <g id=\"Group_421\" data-name=\"Group 421\" transform=\"matrix(0.951, -0.309, 0.309, 0.951, 0, 62.172)\" opacity=\"0.05\">\n                    <g id=\"Group_420\" data-name=\"Group 420\" clip-path=\"url(#clip-path)\">\n                    <path id=\"Path_1061\" data-name=\"Path 1061\" d=\"M77.583,131.535C66.565,118.4,49.7,90.348,52.292,79.024c2.572-11.251,23.867-8.986,23.487-19.693-.258-3.577-8.8-52.947-16.63-53.632C25.561.2,3.156,28.114,5.119,58.226c2.371,36.382,34.371,77.987,47.806,94s48.854,54.75,84.271,63.4c29.313,7.162,60.7-10.055,61.112-44.087.685-7.828-46.453-24.816-49.93-25.691-10.478-2.234-11.945,19.131-23.472,19.71C113.3,166.144,88.6,144.667,77.583,131.535Z\" transform=\"translate(-1.061 -1.061)\" fill=\"none\" stroke=\"#0a0a0a\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"10\"\/>\n                    <\/g>\n                <\/g>\n            <\/svg>\n        <\/div>\n\n    <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":8,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-805","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.colletteinc.ca\/en\/wp-json\/wp\/v2\/pages\/805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.colletteinc.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.colletteinc.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.colletteinc.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.colletteinc.ca\/en\/wp-json\/wp\/v2\/comments?post=805"}],"version-history":[{"count":2,"href":"https:\/\/www.colletteinc.ca\/en\/wp-json\/wp\/v2\/pages\/805\/revisions"}],"predecessor-version":[{"id":872,"href":"https:\/\/www.colletteinc.ca\/en\/wp-json\/wp\/v2\/pages\/805\/revisions\/872"}],"wp:attachment":[{"href":"https:\/\/www.colletteinc.ca\/en\/wp-json\/wp\/v2\/media?parent=805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}