Skip to content

Instantly share code, notes, and snippets.

@makerstorage
Created March 16, 2022 16:11
Show Gist options
  • Select an option

  • Save makerstorage/fb6c32aad3b8dd6eca6fe3cb0181f471 to your computer and use it in GitHub Desktop.

Select an option

Save makerstorage/fb6c32aad3b8dd6eca6fe3cb0181f471 to your computer and use it in GitHub Desktop.
eposta adresi toplamak için kayıt sayfası
[
{
"id": "546cd2a611a93d7e",
"type": "tab",
"label": "Canlı Yayın Subscription",
"disabled": false,
"info": "",
"env": []
},
{
"id": "00fe99ca52e56cbe",
"type": "http in",
"z": "546cd2a611a93d7e",
"name": "",
"url": "/kayitol",
"method": "get",
"upload": false,
"swaggerDoc": "",
"x": 330,
"y": 60,
"wires": [
[
"db447245a8d49ec3"
]
]
},
{
"id": "8732dd7533bd1d21",
"type": "template",
"z": "546cd2a611a93d7e",
"name": "",
"field": "payload",
"fieldType": "msg",
"format": "handlebars",
"syntax": "mustache",
"template": "<!-- Begin Sendinblue Form -->\n<!-- START - We recommend to place the below code in head tag of your website html -->\n<style>\n @font-face {\n font-display: block;\n font-family: Roboto;\n src: url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format(\"woff2\"), url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format(\"woff\")\n }\n\n @font-face {\n font-display: fallback;\n font-family: Roboto;\n font-weight: 600;\n src: url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format(\"woff2\"), url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format(\"woff\")\n }\n\n @font-face {\n font-display: fallback;\n font-family: Roboto;\n font-weight: 700;\n src: url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format(\"woff2\"), url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format(\"woff\")\n }\n\n #sib-container input:-ms-input-placeholder {\n text-align: left;\n font-family: \"Helvetica\", sans-serif;\n color: #c0ccda;\n }\n\n #sib-container input::placeholder {\n text-align: left;\n font-family: \"Helvetica\", sans-serif;\n color: #c0ccda;\n }\n\n #sib-container textarea::placeholder {\n text-align: left;\n font-family: \"Helvetica\", sans-serif;\n color: #c0ccda;\n }\n</style>\n<link rel=\"stylesheet\" href=\"https://sibforms.com/forms/end-form/build/sib-styles.css\">\n<!-- END - We recommend to place the above code in head tag of your website html -->\n\n<!-- START - We recommend to place the below code where you want the form in your website html -->\n<div class=\"sib-form\" style=\"text-align: center;\n background-color: #EFF2F7; \">\n <div id=\"sib-form-container\" class=\"sib-form-container\">\n <div id=\"error-message\" class=\"sib-form-message-panel\" style=\"font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;max-width:540px;\">\n <div class=\"sib-form-message-panel__text sib-form-message-panel__text--center\">\n <svg viewBox=\"0 0 512 512\" class=\"sib-icon sib-notification__icon\">\n <path d=\"M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z\" />\n </svg>\n <span class=\"sib-form-message-panel__inner-text\">\n Kaydınız oluşturulamadı lütfen tekrar deneyin.\n </span>\n </div>\n </div>\n <div></div>\n <div id=\"success-message\" class=\"sib-form-message-panel\" style=\"font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#085229; background-color:#e7faf0; border-radius:3px; border-color:#13ce66;max-width:540px;\">\n <div class=\"sib-form-message-panel__text sib-form-message-panel__text--center\">\n <svg viewBox=\"0 0 512 512\" class=\"sib-icon sib-notification__icon\">\n <path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z\" />\n </svg>\n <span class=\"sib-form-message-panel__inner-text\">\n Kaydınız Başarıyla Oluşturuldu\n </span>\n </div>\n </div>\n <div></div>\n <div id=\"sib-container\" class=\"sib-container--large sib-container--vertical\" style=\"text-align:center; background-color:rgba(255,255,255,1); max-width:540px; border-radius:3px; border-width:1px; border-color:#C0CCD9; border-style:solid;\">\n <form id=\"sib-form\" method=\"POST\" action=\"https://75eaaf18.sibforms.com/serve/MUIEAAHWBIcGoXpbcTWUALzb5Rh41E1-CBfxfipJvYvMrcNeXW7VfTEgzfSyWO5_RHQTO7nowuYSWQpJ2ZRo0jo0EzC0ytTNMt88Dvglj8gpqP7XXBaGCd5D8W2K5YT2u8fUs5OfMeZVdOaAKxEpdd8oJCCndOa2QfvVCV0IFgLYIBT2brp78Kf8EnGW5SMTQxHQvHMfZ48k2dsU\" data-type=\"subscription\">\n <div style=\"padding: 8px 0;\">\n <div class=\"sib-form-block\" style=\"font-size:32px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3C4858; background-color:transparent;\">\n <p>Node-red ve kripto robotlar</p>\n </div>\n </div>\n <div style=\"padding: 8px 0;\">\n <div class=\"sib-form-block\" style=\"font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#f21179; background-color:transparent;\">\n <div class=\"sib-text-form-block\">\n <p>Canlı Ücretsiz Youtube Eğitimine Kayıt Olun!</p>\n </div>\n </div>\n </div>\n <div style=\"padding: 8px 0;\">\n <div class=\"sib-input sib-form-block\">\n <div class=\"form__entry entry_block\">\n <div class=\"form__label-row \">\n <label class=\"entry__label\" style=\"font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;\" for=\"FIRSTNAME\">\n İsim\n </label>\n\n <div class=\"entry__field\">\n <input class=\"input\" maxlength=\"200\" type=\"text\" id=\"FIRSTNAME\" name=\"FIRSTNAME\" autocomplete=\"off\" placeholder=\"FIRSTNAME\" />\n </div>\n </div>\n\n <label class=\"entry__error entry__error--primary\" style=\"font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;\">\n </label>\n </div>\n </div>\n </div>\n <div style=\"padding: 8px 0;\">\n <div class=\"sib-input sib-form-block\">\n <div class=\"form__entry entry_block\">\n <div class=\"form__label-row \">\n <label class=\"entry__label\" style=\"font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;\" for=\"LASTNAME\">\n Soyisim\n </label>\n\n <div class=\"entry__field\">\n <input class=\"input\" maxlength=\"200\" type=\"text\" id=\"LASTNAME\" name=\"LASTNAME\" autocomplete=\"off\" placeholder=\"LASTNAME\" />\n </div>\n </div>\n\n <label class=\"entry__error entry__error--primary\" style=\"font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;\">\n </label>\n </div>\n </div>\n </div>\n <div style=\"padding: 8px 0;\">\n <div class=\"sib-input sib-form-block\">\n <div class=\"form__entry entry_block\">\n <div class=\"form__label-row \">\n <label class=\"entry__label\" style=\"font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;\" for=\"EMAIL\" data-required=\"*\">\n Eposta adresinizi girerek kayıt yaptırabilirsiniz\n </label>\n\n <div class=\"entry__field\">\n <input class=\"input\" type=\"text\" id=\"EMAIL\" name=\"EMAIL\" autocomplete=\"off\" placeholder=\"EMAIL\" data-required=\"true\" required />\n </div>\n </div>\n\n <label class=\"entry__error entry__error--primary\" style=\"font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;\">\n </label>\n <label class=\"entry__specification\" style=\"font-size:12px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#8390A4;\">\n Teknolojinin çalışıp sizin için para kazanması fikri ilginç geliyorsa bu eğitim size uygun demektir.\n </label>\n </div>\n </div>\n </div>\n <div style=\"padding: 8px 0;\">\n <div class=\"sib-form-block\" style=\"text-align: left\">\n <button class=\"sib-form-block__button sib-form-block__button-with-loader\" style=\"font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#FFFFFF; background-color:#3E4857; border-radius:3px; border-width:0px;\" form=\"sib-form\" type=\"submit\">\n <svg class=\"icon clickable__icon progress-indicator__icon sib-hide-loader-icon\" viewBox=\"0 0 512 512\">\n <path d=\"M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z\" />\n </svg>\n Kayıt Ol\n </button>\n </div>\n </div>\n\n <input type=\"text\" name=\"email_address_check\" value=\"\" class=\"input--hidden\">\n <input type=\"hidden\" name=\"locale\" value=\"en\">\n </form>\n </div>\n </div>\n</div>\n<!-- END - We recommend to place the below code where you want the form in your website html -->\n\n<!-- START - We recommend to place the below code in footer or bottom of your website html -->\n<script>\n window.REQUIRED_CODE_ERROR_MESSAGE = 'Please choose a country code';\n window.LOCALE = 'en';\n window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = \"Geçersiz bilgi girdiniz.\";\n\n window.REQUIRED_ERROR_MESSAGE = \"Bu alan boş bırakılamaz. \";\n\n window.GENERIC_INVALID_MESSAGE = \"Geçersiz bilgi girdiniz.\";\n\n\n\n\n window.translation = {\n common: {\n selectedList: '{quantity} list selected',\n selectedLists: '{quantity} lists selected'\n }\n };\n\n var AUTOHIDE = Boolean(0);\n</script>\n<script src=\"https://sibforms.com/forms/end-form/build/main.js\"></script>\n\n\n<!-- END - We recommend to place the above code in footer or bottom of your website html -->\n<!-- End Sendinblue Form -->",
"output": "str",
"x": 540,
"y": 140,
"wires": [
[]
]
},
{
"id": "e5d4a0f7232ae7f9",
"type": "http response",
"z": "546cd2a611a93d7e",
"name": "",
"statusCode": "",
"headers": {},
"x": 710,
"y": 60,
"wires": []
},
{
"id": "db447245a8d49ec3",
"type": "template",
"z": "546cd2a611a93d7e",
"name": "",
"field": "payload",
"fieldType": "msg",
"format": "handlebars",
"syntax": "mustache",
"template": "<!doctype html>\n<html>\n<head>\n <meta charset=\"UTF-8\">\n\n<style>\n/*\n! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com\n*/\n\n/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n box-sizing: border-box;\n /* 1 */\n border-width: 0;\n /* 2 */\n border-style: solid;\n /* 2 */\n border-color: #e5e7eb;\n /* 2 */\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n*/\n\nhtml {\n line-height: 1.5;\n /* 1 */\n -webkit-text-size-adjust: 100%;\n /* 2 */\n -moz-tab-size: 4;\n /* 3 */\n -o-tab-size: 4;\n tab-size: 4;\n /* 3 */\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* 4 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n margin: 0;\n /* 1 */\n line-height: inherit;\n /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n height: 0;\n /* 1 */\n color: inherit;\n /* 2 */\n border-top-width: 1px;\n /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n text-indent: 0;\n /* 1 */\n border-color: inherit;\n /* 2 */\n border-collapse: collapse;\n /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: inherit;\n /* 1 */\n color: inherit;\n /* 1 */\n margin: 0;\n /* 2 */\n padding: 0;\n /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n -webkit-appearance: button;\n /* 1 */\n background-color: transparent;\n /* 2 */\n background-image: none;\n /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1;\n /* 1 */\n color: #9ca3af;\n /* 2 */\n}\n\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder {\n opacity: 1;\n /* 1 */\n color: #9ca3af;\n /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1;\n /* 1 */\n color: #9ca3af;\n /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block;\n /* 1 */\n vertical-align: middle;\n /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/*\nEnsure the default browser behavior of the `hidden` attribute.\n*/\n\n[hidden] {\n display: none;\n}\n\nul, ol {\n list-style: revert;\n}\n\n*, ::before, ::after {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n}\n\n.container {\n width: 100%;\n}\n\n@media (min-width: 640px) {\n .container {\n max-width: 640px;\n }\n}\n\n@media (min-width: 768px) {\n .container {\n max-width: 768px;\n }\n}\n\n@media (min-width: 1024px) {\n .container {\n max-width: 1024px;\n }\n}\n\n@media (min-width: 1280px) {\n .container {\n max-width: 1280px;\n }\n}\n\n@media (min-width: 1536px) {\n .container {\n max-width: 1536px;\n }\n}\n\n.absolute {\n position: absolute;\n}\n\n.relative {\n position: relative;\n}\n\n.left-0 {\n left: 0px;\n}\n\n.top-0 {\n top: 0px;\n}\n\n.right-4 {\n right: 1rem;\n}\n\n.top-1\\/2 {\n top: 50%;\n}\n\n.top-full {\n top: 100%;\n}\n\n.z-50 {\n z-index: 50;\n}\n\n.-mx-4 {\n margin-left: -1rem;\n margin-right: -1rem;\n}\n\n.my-\\[6px\\] {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n\n.ml-36 {\n margin-left: 9rem;\n}\n\n.mb-3 {\n margin-bottom: 0.75rem;\n}\n\n.mb-8 {\n margin-bottom: 2rem;\n}\n\n.mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.mb-2 {\n margin-bottom: 0.5rem;\n}\n\n.block {\n display: block;\n}\n\n.flex {\n display: flex;\n}\n\n.hidden {\n display: none;\n}\n\n.h-\\[2px\\] {\n height: 2px;\n}\n\n.w-full {\n width: 100%;\n}\n\n.w-60 {\n width: 15rem;\n}\n\n.w-\\[30px\\] {\n width: 30px;\n}\n\n.max-w-\\[480px\\] {\n max-width: 480px;\n}\n\n.max-w-full {\n max-width: 100%;\n}\n\n.max-w-\\[250px\\] {\n max-width: 250px;\n}\n\n.-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.flex-wrap {\n flex-wrap: wrap;\n}\n\n.items-center {\n align-items: center;\n}\n\n.justify-end {\n justify-content: flex-end;\n}\n\n.justify-between {\n justify-content: space-between;\n}\n\n.rounded-lg {\n border-radius: 0.5rem;\n}\n\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.bg-blue-900 {\n --tw-bg-opacity: 1;\n background-color: rgb(30 58 138 / var(--tw-bg-opacity));\n}\n\n.bg-gray-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(75 85 99 / var(--tw-bg-opacity));\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.py-5 {\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n}\n\n.px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.py-\\[6px\\] {\n padding-top: 6px;\n padding-bottom: 6px;\n}\n\n.px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.px-7 {\n padding-left: 1.75rem;\n padding-right: 1.75rem;\n}\n\n.pt-\\[120px\\] {\n padding-top: 120px;\n}\n\n.pb-\\[110px\\] {\n padding-bottom: 110px;\n}\n\n.pr-16 {\n padding-right: 4rem;\n}\n\n.text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.text-6xl {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n.font-bold {\n font-weight: 700;\n}\n\n.font-medium {\n font-weight: 500;\n}\n\n.font-extrabold {\n font-weight: 800;\n}\n\n.leading-snug {\n line-height: 1.375;\n}\n\n.tracking-wide {\n letter-spacing: 0.025em;\n}\n\n.tracking-wider {\n letter-spacing: 0.05em;\n}\n\n.tracking-widest {\n letter-spacing: 0.1em;\n}\n\n.text-blue-800 {\n --tw-text-opacity: 1;\n color: rgb(30 64 175 / var(--tw-text-opacity));\n}\n\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity));\n}\n\n.text-gray-600 {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity));\n}\n\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.hover\\:bg-opacity-90:hover {\n --tw-bg-opacity: 0.9;\n}\n\n.focus\\:ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n@media (min-width: 640px) {\n .sm\\:flex {\n display: flex;\n }\n\n .sm\\:text-\\[42px\\] {\n font-size: 42px;\n }\n}\n\n@media (min-width: 1024px) {\n .lg\\:static {\n position: static;\n }\n\n .lg\\:ml-auto {\n margin-left: auto;\n }\n\n .lg\\:ml-12 {\n margin-left: 3rem;\n }\n\n .lg\\:block {\n display: block;\n }\n\n .lg\\:flex {\n display: flex;\n }\n\n .lg\\:inline-flex {\n display: inline-flex;\n }\n\n .lg\\:hidden {\n display: none;\n }\n\n .lg\\:w-5\\/12 {\n width: 41.666667%;\n }\n\n .lg\\:w-1\\/12 {\n width: 8.333333%;\n }\n\n .lg\\:w-6\\/12 {\n width: 50%;\n }\n\n .lg\\:w-full {\n width: 100%;\n }\n\n .lg\\:max-w-full {\n max-width: 100%;\n }\n\n .lg\\:pt-\\[150px\\] {\n padding-top: 150px;\n }\n\n .lg\\:pr-0 {\n padding-right: 0px;\n }\n\n .lg\\:text-right {\n text-align: right;\n }\n\n .lg\\:text-\\[40px\\] {\n font-size: 40px;\n }\n\n .lg\\:shadow-none {\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n }\n}\n\n@media (min-width: 1280px) {\n .xl\\:text-\\[42px\\] {\n font-size: 42px;\n }\n}\n\n</style>\n</head>\n<body>\n\n\n <!-- ====== Navbar Section Start -->\n <header\n x-data=\"\n {\n navbarOpen: false,\n }\n \"\n class=\"absolute z-50 w-full left-0 top-0 ml-36\"\n>\n <div class=\"container\">\n <div class=\"flex -mx-4 items-center justify-between relative\">\n <div class=\"px-4 w-60 max-w-full\">\n <a href=\"javascript:void(0)\" class=\"w-full block py-5 text-5xl font-bold text-gray-600\">\n GnexLab\n </a>\n </div>\n\n </div>\n </div>\n</header>\n\n<!-- ====== Navbar Section End -->\n <div class=\"ml-36\">\n\n\n\n <!-- ====== Hero Section Start -->\n<div class=\"relative pt-[120px] lg:pt-[150px] pb-[110px] bg-white\">\n <div class=\"container\">\n <div class=\"flex flex-wrap -mx-4\">\n <div class=\"w-full lg:w-5/12 px-4\">\n <div class=\"hero-content\">\n <h1\n class=\"\n text-dark\n font-bold\n text-4xl\n sm:text-[42px]\n lg:text-[40px]\n xl:text-[42px]\n leading-snug\n mb-2\n \"\n >\n Node-red ve <br /> Kripto robotlar\n </h1>\n <p class=\"font-bold text-xl text-blue-800 max-w-[480px] mb-2\">\n Ücretsiz Canlı Yayına Katılın: \n </p>\n <span class=\"text-white text-xl bg-gray-600 tracking-widest\">5 Mart 2022 Saat: 20:00</span>\n <p class=\"mb-8\"> </p>\n <p class=\"text-base mb-6 text-body-color max-w-[480px]\">\n Teknolojinin çalışıp sizin için para kazanması fikri ilginç geliyorsa bu eğitim size uygun demektir.\n </p>\n\n <p class=\"font-bold mb-2\">\n Bu eğitimde;\n </p> \n\n\n<ul>\n <li>\n Binance.com Btcturk.com gibi borsalardan kripto fiyatlarını çekmeyi\n </li>\n <li>\n Bu borsalarda fiyat farkı yakalayıp Arbitraj yapmayı.\n </li>\n <li>\n Tradingview al sat sinyallerini kendi yazılımımızla yakalamayı\n </li>\n <li>\n Ve bu sinyallerle gerçek alım satım emirleri vermeyi öğreneceksiniz.­\n </li>\n</ul>\n\n\n\n\n\n\n \n\n </div>\n </div>\n <div class=\"hidden lg:block lg:w-1/12 px-4\"></div>\n <div class=\"w-full lg:w-6/12 px-4\">\n <div class=\"lg:text-right lg:ml-auto\">\n\n\n<!-- Begin Sendinblue Form -->\n<!-- START - We recommend to place the below code in head tag of your website html -->\n<style>\n @font-face {\n font-display: block;\n font-family: Roboto;\n src: url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format(\"woff2\"), url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format(\"woff\")\n }\n \n @font-face {\n font-display: fallback;\n font-family: Roboto;\n font-weight: 600;\n src: url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format(\"woff2\"), url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format(\"woff\")\n }\n \n @font-face {\n font-display: fallback;\n font-family: Roboto;\n font-weight: 700;\n src: url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format(\"woff2\"), url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format(\"woff\")\n }\n \n #sib-container input:-ms-input-placeholder {\n text-align: left;\n font-family: \"Helvetica\", sans-serif;\n color: #c0ccda;\n }\n \n #sib-container input::placeholder {\n text-align: left;\n font-family: \"Helvetica\", sans-serif;\n color: #c0ccda;\n }\n \n #sib-container textarea::placeholder {\n text-align: left;\n font-family: \"Helvetica\", sans-serif;\n color: #c0ccda;\n }\n </style>\n <link rel=\"stylesheet\" href=\"https://sibforms.com/forms/end-form/build/sib-styles.css\">\n <!-- END - We recommend to place the above code in head tag of your website html -->\n \n <!-- START - We recommend to place the below code where you want the form in your website html -->\n <div class=\"sib-form\" style=\"text-align: center;\n background-color: #EFF2F7; \">\n <div id=\"sib-form-container\" class=\"sib-form-container\">\n <div id=\"error-message\" class=\"sib-form-message-panel\" style=\"font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;max-width:540px;\">\n <div class=\"sib-form-message-panel__text sib-form-message-panel__text--center\">\n <svg viewBox=\"0 0 512 512\" class=\"sib-icon sib-notification__icon\">\n <path d=\"M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z\" />\n </svg>\n <span class=\"sib-form-message-panel__inner-text\">\n Kaydınız oluşturulamadı lütfen tekrar deneyin.\n </span>\n </div>\n </div>\n <div></div>\n <div id=\"success-message\" class=\"sib-form-message-panel\" style=\"font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#085229; background-color:#e7faf0; border-radius:3px; border-color:#13ce66;max-width:540px;\">\n <div class=\"sib-form-message-panel__text sib-form-message-panel__text--center\">\n <svg viewBox=\"0 0 512 512\" class=\"sib-icon sib-notification__icon\">\n <path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z\" />\n </svg>\n <span class=\"sib-form-message-panel__inner-text\">\n Kaydınız Başarıyla Oluşturuldu\n </span>\n </div>\n </div>\n <div></div>\n <div id=\"sib-container\" class=\"sib-container--large sib-container--vertical\" style=\"text-align:center; background-color:rgba(255,255,255,1); max-width:540px; border-radius:3px; border-width:1px; border-color:#C0CCD9; border-style:solid;\">\n <form id=\"sib-form\" method=\"POST\" action=\"https://75eaaf18.sibforms.com/serve/MUIEAAHWBIcGoXpbcTWUALzb5Rh41E1-CBfxfipJvYvMrcNeXW7VfTEgzfSyWO5_RHQTO7nowuYSWQpJ2ZRo0jo0EzC0ytTNMt88Dvglj8gpqP7XXBaGCd5D8W2K5YT2u8fUs5OfMeZVdOaAKxEpdd8oJCCndOa2QfvVCV0IFgLYIBT2brp78Kf8EnGW5SMTQxHQvHMfZ48k2dsU\" data-type=\"subscription\">\n \n <div style=\"padding: 8px 0;\">\n <div class=\"sib-input sib-form-block\">\n <div class=\"form__entry entry_block\">\n <div class=\"form__label-row \">\n <label class=\"entry__label\" style=\"font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;\" for=\"FIRSTNAME\">\n İsim\n </label>\n \n <div class=\"entry__field\">\n <input class=\"input\" maxlength=\"200\" type=\"text\" id=\"FIRSTNAME\" name=\"FIRSTNAME\" autocomplete=\"off\" placeholder=\"FIRSTNAME\" />\n </div>\n </div>\n \n <label class=\"entry__error entry__error--primary\" style=\"font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;\">\n </label>\n </div>\n </div>\n </div>\n <div style=\"padding: 8px 0;\">\n <div class=\"sib-input sib-form-block\">\n <div class=\"form__entry entry_block\">\n <div class=\"form__label-row \">\n <label class=\"entry__label\" style=\"font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;\" for=\"LASTNAME\">\n Soyisim\n </label>\n \n <div class=\"entry__field\">\n <input class=\"input\" maxlength=\"200\" type=\"text\" id=\"LASTNAME\" name=\"LASTNAME\" autocomplete=\"off\" placeholder=\"LASTNAME\" />\n </div>\n </div>\n \n <label class=\"entry__error entry__error--primary\" style=\"font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;\">\n </label>\n </div>\n </div>\n </div>\n <div style=\"padding: 8px 0;\">\n <div class=\"sib-input sib-form-block\">\n <div class=\"form__entry entry_block\">\n <div class=\"form__label-row \">\n <label class=\"entry__label\" style=\"font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;\" for=\"EMAIL\" data-required=\"*\">\n Eposta adresinizi girerek kayıt yaptırabilirsiniz\n </label>\n \n <div class=\"entry__field\">\n <input class=\"input\" type=\"text\" id=\"EMAIL\" name=\"EMAIL\" autocomplete=\"off\" placeholder=\"EMAIL\" data-required=\"true\" required />\n </div>\n </div>\n \n <label class=\"entry__error entry__error--primary\" style=\"font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;\">\n </label>\n\n </div>\n </div>\n </div>\n <div style=\"padding: 8px 0;\">\n <div class=\"sib-form-block\" style=\"text-align: left\">\n <button class=\"sib-form-block__button sib-form-block__button-with-loader\" style=\"font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#FFFFFF; background-color:#3E4857; border-radius:3px; border-width:0px;\" form=\"sib-form\" type=\"submit\">\n <svg class=\"icon clickable__icon progress-indicator__icon sib-hide-loader-icon\" viewBox=\"0 0 512 512\">\n <path d=\"M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z\" />\n </svg>\n Kayıt Ol\n </button>\n </div>\n </div>\n \n <input type=\"text\" name=\"email_address_check\" value=\"\" class=\"input--hidden\">\n <input type=\"hidden\" name=\"locale\" value=\"en\">\n </form>\n </div>\n </div>\n </div>\n <!-- END - We recommend to place the below code where you want the form in your website html -->\n \n <!-- START - We recommend to place the below code in footer or bottom of your website html -->\n <script>\n window.REQUIRED_CODE_ERROR_MESSAGE = 'Please choose a country code';\n window.LOCALE = 'en';\n window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = \"Geçersiz bilgi girdiniz.\";\n \n window.REQUIRED_ERROR_MESSAGE = \"Bu alan boş bırakılamaz. \";\n \n window.GENERIC_INVALID_MESSAGE = \"Geçersiz bilgi girdiniz.\";\n \n \n \n \n window.translation = {\n common: {\n selectedList: '{quantity} list selected',\n selectedLists: '{quantity} lists selected'\n }\n };\n \n var AUTOHIDE = Boolean(0);\n </script>\n <script src=\"https://sibforms.com/forms/end-form/build/main.js\"></script>\n \n \n <!-- END - We recommend to place the above code in footer or bottom of your website html -->\n <!-- End Sendinblue Form -->\n\n\n\n </div>\n </div>\n </div>\n </div>\n </div>\n <!-- ====== Hero Section End -->\n </div>\n\n\n</body>\n</html>",
"output": "str",
"x": 540,
"y": 60,
"wires": [
[
"e5d4a0f7232ae7f9"
]
]
}
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment