Modern Kay\u0131t Formu<\/title><\/p>\n<style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }<\/p>\n<p> body {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px;\n }<\/p>\n<p> .container {\n background-color: white;\n border-radius: 20px;\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n width: 100%;\n max-width: 450px;\n padding: 40px;\n transition: transform 0.3s ease;\n }<\/p>\n<p> .container:hover {\n transform: translateY(-5px);\n }<\/p>\n<p> h1 {\n color: #333;\n text-align: center;\n margin-bottom: 30px;\n font-weight: 600;\n }<\/p>\n<p> .form-group {\n margin-bottom: 25px;\n position: relative;\n }<\/p>\n<p> .form-group label {\n display: block;\n color: #666;\n margin-bottom: 8px;\n font-size: 14px;\n font-weight: 500;\n }<\/p>\n<p> .form-group input {\n width: 100%;\n padding: 15px;\n border: 1px solid #ddd;\n border-radius: 10px;\n font-size: 16px;\n outline: none;\n transition: all 0.3s;\n }<\/p>\n<p> .form-group input:focus {\n border-color: #667eea;\n box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);\n }<\/p>\n<p> .form-group .input-icon {\n position: absolute;\n left: 15px;\n top: 38px;\n color: #aaa;\n }<\/p>\n<p> .form-group .password-toggle {\n position: absolute;\n right: 15px;\n top: 38px;\n color: #aaa;\n cursor: pointer;\n }<\/p>\n<p> button {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n border: none;\n border-radius: 10px;\n padding: 15px;\n width: 100%;\n font-size: 16px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s;\n margin-top: 10px;\n }<\/p>\n<p> button:hover {\n opacity: 0.9;\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);\n }<\/p>\n<p> .social-signup {\n display: flex;\n justify-content: center;\n margin-top: 30px;\n }<\/p>\n<p> .social-btn {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 10px;\n border: 1px solid #ddd;\n cursor: pointer;\n transition: all 0.3s;\n }<\/p>\n<p> .social-btn:hover {\n background-color: #f9f9f9;\n transform: translateY(-3px);\n }<\/p>\n<p> .divider {\n display: flex;\n align-items: center;\n margin: 30px 0;\n }<\/p>\n<p> .divider hr {\n flex: 1;\n border: none;\n height: 1px;\n background-color: #ddd;\n }<\/p>\n<p> .divider span {\n padding: 0 15px;\n color: #888;\n font-size: 14px;\n }<\/p>\n<p> .login-link {\n text-align: center;\n margin-top: 30px;\n color: #666;\n font-size: 14px;\n }<\/p>\n<p> .login-link a {\n color: #667eea;\n text-decoration: none;\n font-weight: 600;\n }<\/p>\n<p> .login-link a:hover {\n text-decoration: underline;\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"container\">\n<h1>Hesap Olu\u015ftur<\/h1>\n<form id=\"signup-form\">\n<div class=\"form-group\">\n <label for=\"name\">Ad\u0131n\u0131z Soyad\u0131n\u0131z<\/label><br \/>\n <input type=\"text\" i aria-label=\"Input field\"d=\"name\" name=\"name\" placeholder=\"Ad\u0131n\u0131z\u0131 ve soyad\u0131n\u0131z\u0131 giriniz\" required>\n <\/div>\n<div class=\"form-group\">\n <label for=\"email\">E-posta Adresiniz<\/label><br \/>\n <input type=\"email\" i aria-label=\"Input field\"d=\"email\" name=\"email\" placeholder=\"E-posta adresinizi giriniz\" required>\n <\/div>\n<div class=\"form-group\">\n <label for=\"password\">\u015eifre<\/label><br \/>\n <input type=\"password\" i aria-label=\"Input field\"d=\"password\" name=\"password\" placeholder=\"\u015eifrenizi giriniz\" required>\n <\/div>\n<div class=\"form-group\">\n <label for=\"confirm-password\">\u015eifre (Tekrar)<\/label><br \/>\n <input type=\"password\" i aria-label=\"Input field\"d=\"confirm-password\" name=\"confirm-password\" placeholder=\"\u015eifrenizi tekrar giriniz\" required>\n <\/div>\n<p> <button type=\"submit\">Kay\u0131t Ol<\/button><\/p>\n<div class=\"divider\">\n<hr>\n<p> <span>veya<\/span><\/p>\n<hr><\/div>\n<div class=\"social-signup\">\n<div class=\"social-btn\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#1877F2\">\n <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385h-3.047v-3.47h3.047v-2.642c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953h-1.514c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385c5.738-.902 10.126-5.866 10.126-11.855z\"\/>\n <\/svg>\n <\/div>\n<div class=\"social-btn\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#EA4335\">\n <path d=\"M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2.917 16.083c-2.258 0-4.083-1.825-4.083-4.083s1.825-4.083 4.083-4.083c1.103 0 2.024.402 2.735 1.067l-1.107 1.068c-.304-.292-.834-.63-1.628-.63-1.394 0-2.531 1.155-2.531 2.579 0 1.424 1.138 2.579 2.531 2.579 1.616 0 2.224-1.162 2.316-1.762h-2.316v-1.4h3.855c.036.204.064.408.064.677.001 2.332-1.563 3.988-3.919 3.988zm9.917-3.5h-1.75v1.75h-1.167v-1.75h-1.75v-1.166h1.75v-1.75h1.167v1.75h1.75v1.166z\"\/>\n <\/svg>\n <\/div>\n<div class=\"social-btn\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#000000\">\n <path d=\"M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm2.784 15.752c-.015-.033-.085-.15-.266-.347-.18-.196-.313-.313-.398-.35-.107-.05-.24-.075-.4-.075-.226 0-.49.06-.79.18-.302.12-.574.263-.82.426-.244.163-.457.3-.637.413-.18.112-.288.168-.326.168-.037 0-.116-.05-.238-.152-.121-.1-.255-.234-.403-.4-.146-.166-.3-.368-.463-.607-.161-.238-.3-.507-.415-.806-.116-.3-.175-.607-.175-.922 0-.43.139-.826.418-1.188.278-.362.643-.543 1.093-.543.075 0 .167.015.273.046.105.032.19.075.252.132.063.056.138.14.225.25.088.113.14.186.155.223.015.035.078.162.19.378.113.217.194.39.244.524.05.132.076.232.076.297 0 .063-.032.14-.097.227-.064.088-.148.168-.25.238-.104.072-.198.143-.282.215-.085.072-.127.135-.127.19 0 .038.013.09.038.157.026.066.077.158.154.275.076.115.224.293.444.53.219.24.41.413.574.522.164.108.287.162.371.162.084 0 .151-.022.201-.066.05-.044.138-.126.266-.244.127-.12.216-.19.266-.216.051-.025.124-.038.22-.038.095 0 .192.018.292.053.1.036.192.08.273.132.082.053.164.122.246.208.083.087.133.145.151.177.019.033.082.142.191.332.109.189.163.343.163.463 0 .118-.039.229-.116.331z\"\/>\n <\/svg>\n <\/div>\n<\/p><\/div>\n<div class=\"login-link\">\n Zaten bir hesab\u0131n\u0131z var m\u0131? <a href=\"#\">Giri\u015f Yap<\/a>\n <\/div>\n<\/p><\/form>\n<\/p><\/div>\n<p> <script>\n document.getElementById('signup-form').addEventListener('submit', function(e) {\n e.preventDefault();<\/p>\n<p> \/\/ Form do\u011frulama i\u015flemleri\n const password = document.getElementById('password').value;\n const confirmPassword = document.getElementById('confirm-password').value;<\/p>\n<p> if (password !== confirmPassword) {\n alert('\u015eifreler e\u015fle\u015fmiyor!');\n return;\n }<\/p>\n<p> \/\/ Ba\u015far\u0131l\u0131 kay\u0131t sim\u00fclasyonu\n alert('Kay\u0131t ba\u015far\u0131l\u0131! Ho\u015f geldiniz.');\n \/\/ Ger\u00e7ek uygulamada burada sunucuya form verilerini g\u00f6nderebilirsiniz\n });\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"featured_media":0,"template":"","landing_category":[],"landing_technology":[],"landing_library":[],"class_list":["post-1263","landing_page","type-landing_page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page\/1263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page"}],"about":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/types\/landing_page"}],"wp:attachment":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/media?parent=1263"}],"wp:term":[{"taxonomy":"landing_category","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_category?post=1263"},{"taxonomy":"landing_technology","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_technology?post=1263"},{"taxonomy":"landing_library","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_library?post=1263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1263,"date":"2025-04-04T06:05:33","date_gmt":"2025-04-04T03:05:33","guid":{"rendered":"https:\/\/mudosdigital.com\/tr\/?landing_page=kayit-formu"},"modified":"2025-04-04T06:05:33","modified_gmt":"2025-04-04T03:05:33","slug":"kayit-formu","status":"publish","type":"landing_page","link":"https:\/\/mudosdigital.com\/tr\/store\/kayit-formu\/","title":{"rendered":"Kay\u0131t Formu"},"content":{"rendered":"

\n
\n
\n
\n
\n Modern Kay\u0131t Formu<\/title><\/p>\n<style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }<\/p>\n<p> body {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 20px;\n }<\/p>\n<p> .container {\n background-color: white;\n border-radius: 20px;\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n width: 100%;\n max-width: 450px;\n padding: 40px;\n transition: transform 0.3s ease;\n }<\/p>\n<p> .container:hover {\n transform: translateY(-5px);\n }<\/p>\n<p> h1 {\n color: #333;\n text-align: center;\n margin-bottom: 30px;\n font-weight: 600;\n }<\/p>\n<p> .form-group {\n margin-bottom: 25px;\n position: relative;\n }<\/p>\n<p> .form-group label {\n display: block;\n color: #666;\n margin-bottom: 8px;\n font-size: 14px;\n font-weight: 500;\n }<\/p>\n<p> .form-group input {\n width: 100%;\n padding: 15px;\n border: 1px solid #ddd;\n border-radius: 10px;\n font-size: 16px;\n outline: none;\n transition: all 0.3s;\n }<\/p>\n<p> .form-group input:focus {\n border-color: #667eea;\n box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);\n }<\/p>\n<p> .form-group .input-icon {\n position: absolute;\n left: 15px;\n top: 38px;\n color: #aaa;\n }<\/p>\n<p> .form-group .password-toggle {\n position: absolute;\n right: 15px;\n top: 38px;\n color: #aaa;\n cursor: pointer;\n }<\/p>\n<p> button {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n border: none;\n border-radius: 10px;\n padding: 15px;\n width: 100%;\n font-size: 16px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s;\n margin-top: 10px;\n }<\/p>\n<p> button:hover {\n opacity: 0.9;\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);\n }<\/p>\n<p> .social-signup {\n display: flex;\n justify-content: center;\n margin-top: 30px;\n }<\/p>\n<p> .social-btn {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 10px;\n border: 1px solid #ddd;\n cursor: pointer;\n transition: all 0.3s;\n }<\/p>\n<p> .social-btn:hover {\n background-color: #f9f9f9;\n transform: translateY(-3px);\n }<\/p>\n<p> .divider {\n display: flex;\n align-items: center;\n margin: 30px 0;\n }<\/p>\n<p> .divider hr {\n flex: 1;\n border: none;\n height: 1px;\n background-color: #ddd;\n }<\/p>\n<p> .divider span {\n padding: 0 15px;\n color: #888;\n font-size: 14px;\n }<\/p>\n<p> .login-link {\n text-align: center;\n margin-top: 30px;\n color: #666;\n font-size: 14px;\n }<\/p>\n<p> .login-link a {\n color: #667eea;\n text-decoration: none;\n font-weight: 600;\n }<\/p>\n<p> .login-link a:hover {\n text-decoration: underline;\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"container\">\n<h1>Hesap Olu\u015ftur<\/h1>\n<form id=\"signup-form\">\n<div class=\"form-group\">\n <label for=\"name\">Ad\u0131n\u0131z Soyad\u0131n\u0131z<\/label><br \/>\n <input type=\"text\" i aria-label=\"Input field\"d=\"name\" name=\"name\" placeholder=\"Ad\u0131n\u0131z\u0131 ve soyad\u0131n\u0131z\u0131 giriniz\" required>\n <\/div>\n<div class=\"form-group\">\n <label for=\"email\">E-posta Adresiniz<\/label><br \/>\n <input type=\"email\" i aria-label=\"Input field\"d=\"email\" name=\"email\" placeholder=\"E-posta adresinizi giriniz\" required>\n <\/div>\n<div class=\"form-group\">\n <label for=\"password\">\u015eifre<\/label><br \/>\n <input type=\"password\" i aria-label=\"Input field\"d=\"password\" name=\"password\" placeholder=\"\u015eifrenizi giriniz\" required>\n <\/div>\n<div class=\"form-group\">\n <label for=\"confirm-password\">\u015eifre (Tekrar)<\/label><br \/>\n <input type=\"password\" i aria-label=\"Input field\"d=\"confirm-password\" name=\"confirm-password\" placeholder=\"\u015eifrenizi tekrar giriniz\" required>\n <\/div>\n<p> <button type=\"submit\">Kay\u0131t Ol<\/button><\/p>\n<div class=\"divider\">\n<hr>\n<p> <span>veya<\/span><\/p>\n<hr><\/div>\n<div class=\"social-signup\">\n<div class=\"social-btn\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#1877F2\">\n <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385h-3.047v-3.47h3.047v-2.642c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953h-1.514c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385c5.738-.902 10.126-5.866 10.126-11.855z\"\/>\n <\/svg>\n <\/div>\n<div class=\"social-btn\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#EA4335\">\n <path d=\"M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2.917 16.083c-2.258 0-4.083-1.825-4.083-4.083s1.825-4.083 4.083-4.083c1.103 0 2.024.402 2.735 1.067l-1.107 1.068c-.304-.292-.834-.63-1.628-.63-1.394 0-2.531 1.155-2.531 2.579 0 1.424 1.138 2.579 2.531 2.579 1.616 0 2.224-1.162 2.316-1.762h-2.316v-1.4h3.855c.036.204.064.408.064.677.001 2.332-1.563 3.988-3.919 3.988zm9.917-3.5h-1.75v1.75h-1.167v-1.75h-1.75v-1.166h1.75v-1.75h1.167v1.75h1.75v1.166z\"\/>\n <\/svg>\n <\/div>\n<div class=\"social-btn\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#000000\">\n <path d=\"M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm2.784 15.752c-.015-.033-.085-.15-.266-.347-.18-.196-.313-.313-.398-.35-.107-.05-.24-.075-.4-.075-.226 0-.49.06-.79.18-.302.12-.574.263-.82.426-.244.163-.457.3-.637.413-.18.112-.288.168-.326.168-.037 0-.116-.05-.238-.152-.121-.1-.255-.234-.403-.4-.146-.166-.3-.368-.463-.607-.161-.238-.3-.507-.415-.806-.116-.3-.175-.607-.175-.922 0-.43.139-.826.418-1.188.278-.362.643-.543 1.093-.543.075 0 .167.015.273.046.105.032.19.075.252.132.063.056.138.14.225.25.088.113.14.186.155.223.015.035.078.162.19.378.113.217.194.39.244.524.05.132.076.232.076.297 0 .063-.032.14-.097.227-.064.088-.148.168-.25.238-.104.072-.198.143-.282.215-.085.072-.127.135-.127.19 0 .038.013.09.038.157.026.066.077.158.154.275.076.115.224.293.444.53.219.24.41.413.574.522.164.108.287.162.371.162.084 0 .151-.022.201-.066.05-.044.138-.126.266-.244.127-.12.216-.19.266-.216.051-.025.124-.038.22-.038.095 0 .192.018.292.053.1.036.192.08.273.132.082.053.164.122.246.208.083.087.133.145.151.177.019.033.082.142.191.332.109.189.163.343.163.463 0 .118-.039.229-.116.331z\"\/>\n <\/svg>\n <\/div>\n<\/p><\/div>\n<div class=\"login-link\">\n Zaten bir hesab\u0131n\u0131z var m\u0131? <a href=\"#\">Giri\u015f Yap<\/a>\n <\/div>\n<\/p><\/form>\n<\/p><\/div>\n<p> <script>\n document.getElementById('signup-form').addEventListener('submit', function(e) {\n e.preventDefault();<\/p>\n<p> \/\/ Form do\u011frulama i\u015flemleri\n const password = document.getElementById('password').value;\n const confirmPassword = document.getElementById('confirm-password').value;<\/p>\n<p> if (password !== confirmPassword) {\n alert('\u015eifreler e\u015fle\u015fmiyor!');\n return;\n }<\/p>\n<p> \/\/ Ba\u015far\u0131l\u0131 kay\u0131t sim\u00fclasyonu\n alert('Kay\u0131t ba\u015far\u0131l\u0131! Ho\u015f geldiniz.');\n \/\/ Ger\u00e7ek uygulamada burada sunucuya form verilerini g\u00f6nderebilirsiniz\n });\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"featured_media":0,"template":"","landing_category":[],"landing_technology":[],"landing_library":[],"class_list":["post-1263","landing_page","type-landing_page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page\/1263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page"}],"about":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/types\/landing_page"}],"wp:attachment":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/media?parent=1263"}],"wp:term":[{"taxonomy":"landing_category","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_category?post=1263"},{"taxonomy":"landing_technology","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_technology?post=1263"},{"taxonomy":"landing_library","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_library?post=1263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}