{"id":63,"date":"2023-06-16T16:01:30","date_gmt":"2023-06-16T13:01:30","guid":{"rendered":"https:\/\/armagankaya.com\/?page_id=63"},"modified":"2023-06-19T15:20:55","modified_gmt":"2023-06-19T12:20:55","slug":"forms","status":"publish","type":"page","link":"https:\/\/armagankaya.com\/index.php\/forms\/","title":{"rendered":"Forms"},"content":{"rendered":"\n\n \n Simple registration form<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css?family=Roboto:300,400,500,700\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/use.fontawesome.com\/releases\/v5.4.1\/css\/all.css\" integrity=\"sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz\" crossorigin=\"anonymous\">\n <style>\n html, body {\n display: flex;\n justify-content: center;\n height: 100%;\n }\n body, div, h1, form, input, p { \n padding: 0;\n margin: 0;\n outline: none;\n font-family: Roboto, Arial, sans-serif;\n font-size: 16px;\n color: #666;\n }\n h1 {\n padding: 10px 0;\n font-size: 32px;\n font-weight: 300;\n text-align: center;\n }\n p {\n font-size: 12px;\n }\n hr {\n color: #a9a9a9;\n opacity: 0.3;\n }\n .main-block {\n max-width: 340px; \n min-height: 460px; \n padding: 10px 0;\n margin: auto;\n border-radius: 5px; \n border: solid 1px #ccc;\n box-shadow: 1px 2px 5px rgba(0,0,0,.31); \n background: #ebebeb; \n }\n form {\n margin: 0 30px;\n }\n .account-type, .gender {\n margin: 15px 0;\n }\n input[type=radio] {\n display: none;\n }\n label#icon {\n margin: 0;\n border-radius: 5px 0 0 5px;\n }\n label.radio {\n position: relative;\n display: inline-block;\n padding-top: 4px;\n margin-right: 20px;\n text-indent: 30px;\n overflow: visible;\n cursor: pointer;\n }\n label.radio:before {\n content: \"\";\n position: absolute;\n top: 2px;\n left: 0;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #1c87c9;\n }\n label.radio:after {\n content: \"\";\n position: absolute;\n width: 9px;\n height: 4px;\n top: 8px;\n left: 4px;\n border: 3px solid #fff;\n border-top: none;\n border-right: none;\n transform: rotate(-45deg);\n opacity: 0;\n }\n input[type=radio]:checked + label:after {\n opacity: 1;\n }\n input[type=text], input[type=password] {\n width: calc(100% - 57px);\n height: 36px;\n margin: 13px 0 0 -5px;\n padding-left: 10px; \n border-radius: 0 5px 5px 0;\n border: solid 1px #cbc9c9; \n box-shadow: 1px 2px 5px rgba(0,0,0,.09); \n background: #fff; \n }\n input[type=password] {\n margin-bottom: 15px;\n }\n #icon {\n display: inline-block;\n padding: 9.3px 15px;\n box-shadow: 1px 2px 5px rgba(0,0,0,.09); \n background: #1c87c9;\n color: #fff;\n text-align: center;\n }\n .btn-block {\n margin-top: 10px;\n text-align: center;\n }\n button {\n width: 100%;\n padding: 10px 0;\n margin: 10px auto;\n border-radius: 5px; \n border: none;\n background: #1c87c9; \n font-size: 14px;\n font-weight: 600;\n color: #fff;\n }\n button:hover {\n background: #26a9e0;\n }\n <\/style>\n <\/head>\n <body>\n <div class=\"main-block\">\n <h1>DENEME IT<\/h1>\n <form action=\"\/\">\n <hr>\n <div class=\"account-type\">\n <input type=\"radio\" value=\"none\" id=\"radioOne\" name=\"account\" checked\/>\n <label for=\"radioOne\" class=\"radio\">Personal<\/label>\n <input type=\"radio\" value=\"none\" id=\"radioTwo\" name=\"account\" \/>\n <label for=\"radioTwo\" class=\"radio\">Di\u011fer<\/label>\n <\/div>\n <hr>\n <label id=\"icon\" for=\"name\"><i class=\"fas fa-envelope\"><\/i><\/label>\n <input type=\"text\" name=\"name\" id=\"name\" placeholder=\"E-mail\" required\/>\n <label id=\"icon\" for=\"name\"><i class=\"fas fa-user\"><\/i><\/label>\n <input type=\"text\" name=\"name\" id=\"name\" placeholder=\"\u0130sim Soyisim\" required\/>\n <label id=\"icon\" for=\"name\"><i class=\"fas fa-unlock-alt\"><\/i><\/label>\n <input type=\"password\" name=\"name\" id=\"name\" placeholder=\"Password\" required\/>\n <hr>\n <div class=\"gender\">\n <input type=\"radio\" value=\"none\" id=\"male\" name=\"gender\" checked\/>\n <label for=\"male\" class=\"radio\">Erkek<\/label>\n <input type=\"radio\" value=\"none\" id=\"female\" name=\"gender\" \/>\n <label for=\"female\" class=\"radio\">Kad\u0131n<\/label>\n <\/div>\n <hr>\n <div class=\"btn-block\">\n <p>Deneme forms i\u00e7in <a href=\"https:\/\/www.armagankaya.com\">KVKK Metni<\/a>.<\/p>\n <button><a href=\"mailto:akaya@er-kim.com.tr\">G\u00f6nder<\/a><\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Simple registration form DENEME IT Personal Di\u011fer Erkek Kad\u0131n Deneme forms i\u00e7in KVKK Metni. G\u00f6nder<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-63","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/armagankaya.com\/index.php\/wp-json\/wp\/v2\/pages\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/armagankaya.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/armagankaya.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/armagankaya.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/armagankaya.com\/index.php\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":18,"href":"https:\/\/armagankaya.com\/index.php\/wp-json\/wp\/v2\/pages\/63\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/armagankaya.com\/index.php\/wp-json\/wp\/v2\/pages\/63\/revisions\/82"}],"wp:attachment":[{"href":"https:\/\/armagankaya.com\/index.php\/wp-json\/wp\/v2\/media?parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}