{"id":28,"date":"2019-08-29T16:39:44","date_gmt":"2019-08-29T16:39:44","guid":{"rendered":"https:\/\/themes.pixelwars.org\/ikonik\/demo-01\/?page_id=28"},"modified":"2026-10-08T10:06:19","modified_gmt":"2026-10-08T10:06:19","slug":"contact","status":"publish","type":"page","link":"https:\/\/jdtv.ca\/?page_id=28","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa291d9 e-flex e-con-boxed e-con e-parent\" data-id=\"aa291d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4268f6 elementor-widget elementor-widget-html\" data-id=\"b4268f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.jdtv-contact {\n  --cream: #f8f5eb;\n  --blue: #ade1fa;\n  --ink: #252725;\n  --line: #d8d9d3;\n  max-width: 1160px;\n  margin: auto;\n  padding: clamp(24px, 5vw, 64px);\n  background: #fff;\n  color: var(--ink);\n  font-family: Arial, Helvetica, sans-serif;\n  box-sizing: border-box;\n}\n.jdtv-contact * { box-sizing: border-box; }\n\n.jdtv-contact a {\n  color: #246581;\n  text-decoration: none;\n  overflow-wrap: anywhere;\n}\n.jdtv-contact a:hover { text-decoration: underline; }\n\n.jdtv-contact .contact-top {\n  display: flex;\n  justify-content: space-between;\n  gap: 16px;\n  padding-bottom: 20px;\n  border-bottom: 1px solid var(--line);\n  font-size: 11px;\n  letter-spacing: .1em;\n}\n\n.jdtv-contact .contact-details {\n  display: grid;\n  grid-template-columns: 1fr 1.4fr 1fr;\n  gap: 24px;\n  margin: 28px 0 58px;\n  padding: 26px;\n  background: var(--cream);\n}\n.jdtv-contact .contact-details > div + div {\n  border-left: 1px solid var(--line);\n  padding-left: 24px;\n}\n.jdtv-contact .contact-details small {\n  display: block;\n  margin-bottom: 8px;\n  color: #626761;\n  font-size: 10px;\n  letter-spacing: .13em;\n  text-transform: uppercase;\n}\n.jdtv-contact .contact-details p {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n.jdtv-contact .contact-grid {\n  display: grid;\n  grid-template-columns: 1fr 1.2fr;\n  gap: 64px;\n}\n.jdtv-contact .contact-kicker {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 0 0 26px;\n  color: #246581;\n  font-size: 11px;\n  letter-spacing: .17em;\n  text-transform: uppercase;\n}\n.jdtv-contact .contact-kicker::before {\n  content: \"\";\n  width: 26px;\n  height: 1px;\n  background: currentColor;\n}\n.jdtv-contact h2 {\n  margin: 0 0 24px;\n  color: var(--ink);\n  font: 400 clamp(48px, 6vw, 76px)\/1.04 Arial, sans-serif;\n  letter-spacing: -.06em;\n}\n.jdtv-contact h2 span {\n  padding-right: 6px;\n  background: linear-gradient(\n    transparent 73%, var(--blue) 73%\n  );\n}\n.jdtv-contact .contact-intro {\n  max-width: 310px;\n  margin: 0;\n  color: #626761;\n  font-size: 16px;\n  line-height: 1.8;\n}\n.jdtv-contact .contact-arrow {\n  display: grid;\n  place-items: center;\n  width: 90px;\n  height: 90px;\n  margin-top: 32px;\n  border-radius: 50%;\n  background: var(--cream);\n  font-size: 50px;\n  line-height: 1;\n}\n\n.jdtv-contact form { margin: 0; padding: 0; }\n.jdtv-contact .contact-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n}\n.jdtv-contact label {\n  display: block;\n  margin-bottom: 26px;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n.jdtv-contact input:not([type=\"hidden\"]),\n.jdtv-contact textarea {\n  display: block;\n  width: 100%;\n  min-width: 0;\n  margin-top: 8px;\n  padding: 13px 0;\n  border: 0;\n  border-bottom: 1px solid #9caaa9;\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n  color: var(--ink);\n  font: 400 16px\/1.5 Arial, sans-serif;\n  letter-spacing: normal;\n}\n.jdtv-contact input::placeholder,\n.jdtv-contact textarea::placeholder {\n  color: #757a75;\n  opacity: 1;\n}\n.jdtv-contact textarea {\n  min-height: 138px;\n  resize: vertical;\n}\n.jdtv-contact input:focus,\n.jdtv-contact textarea:focus,\n.jdtv-contact button:focus-visible,\n.jdtv-contact a:focus-visible {\n  outline: 2px solid #246581;\n  outline-offset: 5px;\n}\n.jdtv-contact button {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 42px;\n  min-height: 54px;\n  padding: 16px 24px;\n  border: 1px solid var(--ink);\n  border-radius: 0;\n  background: var(--blue);\n  color: var(--ink);\n  font: 600 12px\/1.4 Arial, sans-serif;\n  letter-spacing: .02em;\n  text-transform: none;\n  cursor: pointer;\n}\n.jdtv-contact button:hover { background: #c9ecfc; }\n.jdtv-contact button span {\n  font-size: 20px;\n  font-weight: 400;\n}\n.jdtv-contact .contact-note {\n  margin: 16px 0 0;\n  color: #626761;\n  font-size: 11px;\n  line-height: 1.6;\n}\n.jdtv-contact .contact-bottom {\n  margin-top: 48px;\n  padding-top: 18px;\n  border-top: 1px solid var(--line);\n  color: #626761;\n  font-size: 11px;\n}\n\n@media (max-width: 760px) {\n  .jdtv-contact .contact-grid {\n    grid-template-columns: 1fr;\n    gap: 34px;\n  }\n  .jdtv-contact .contact-details {\n    grid-template-columns: 1fr;\n    gap: 16px;\n    margin-bottom: 38px;\n  }\n  .jdtv-contact .contact-details > div + div {\n    padding: 16px 0 0;\n    border-left: 0;\n    border-top: 1px solid var(--line);\n  }\n  .jdtv-contact .contact-intro { max-width: 100%; }\n  .jdtv-contact .contact-arrow { display: none; }\n}\n\n@media (max-width: 440px) {\n  .jdtv-contact .contact-row {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n  .jdtv-contact button { width: 100%; }\n  .jdtv-contact .contact-top { font-size: 10px; }\n  .jdtv-contact h2 { font-size: 54px; }\n}\n<\/style>\n\n<section class=\"jdtv-contact\" aria-label=\"Contact JDTV\">\n\n  <div class=\"contact-top\">\n    <strong>JDTV \/ CONTACT<\/strong>\n    <span>Good things start with hello.<\/span>\n  <\/div>\n\n  <div class=\"contact-details\">\n    <div>\n      <small>Based in<\/small>\n      <p>Vietnam<\/p>\n    <\/div>\n\n    <div>\n      <small>Say hello<\/small>\n      <p>\n        <a href=\"mailto:jdtvcontactme@gmail.com\">\n          jdtvcontactme@gmail.com\n        <\/a>\n      <\/p>\n    <\/div>\n\n    <div>\n      <small>Have a project?<\/small>\n      <p>Let\u2019s talk availability \u2197<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"contact-grid\">\n    <div>\n      <p class=\"contact-kicker\">Drop me a line<\/p>\n\n      <h2>Something<br>in <span>mind?<\/span><\/h2>\n\n      <p class=\"contact-intro\">\n        A project, a collaboration, or just a question.\n        Tell me what you\u2019re thinking \u2014 I\u2019d love to hear it.\n      <\/p>\n\n      <div class=\"contact-arrow\" aria-hidden=\"true\">\u2197<\/div>\n    <\/div>\n\n    <form\n      action=\"https:\/\/formsubmit.co\/jdtvcontactme@gmail.com\"\n      method=\"POST\"\n      accept-charset=\"UTF-8\"\n    >\n      <input\n        type=\"hidden\"\n        name=\"_subject\"\n        value=\"New enquiry from the JDTV website\"\n      >\n      <input type=\"hidden\" name=\"_template\" value=\"table\">\n\n      <!-- FormSubmit's default CAPTCHA stays enabled. -->\n\n      <div class=\"contact-row\">\n        <label>\n          Your name *\n          <input\n            type=\"text\"\n            name=\"name\"\n            placeholder=\"What should I call you?\"\n            autocomplete=\"name\"\n            maxlength=\"100\"\n            required\n          >\n        <\/label>\n\n        <label>\n          Email address *\n          <input\n            type=\"email\"\n            name=\"email\"\n            placeholder=\"you@example.com\"\n            autocomplete=\"email\"\n            maxlength=\"254\"\n            required\n          >\n        <\/label>\n      <\/div>\n\n      <label>\n        What\u2019s it about? (optional)\n        <input\n          type=\"text\"\n          name=\"subject\"\n          placeholder=\"A little context goes a long way\"\n          maxlength=\"150\"\n        >\n      <\/label>\n\n      <label>\n        Your message *\n        <textarea\n          name=\"message\"\n          rows=\"5\"\n          placeholder=\"The idea. The details. The big what-if\u2026\"\n          minlength=\"10\"\n          maxlength=\"5000\"\n          required\n        ><\/textarea>\n      <\/label>\n\n      <button type=\"submit\">\n        Send message\n        <span aria-hidden=\"true\">\u2197<\/span>\n      <\/button>\n\n      <p class=\"contact-note\">\n        Messages are processed by FormSubmit and emailed\n        to me so I can reply.\n      <\/p>\n    <\/form>\n  <\/div>\n\n  <div class=\"contact-bottom\">\n    Small beginnings. Good things.\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>JDTV \/ CONTACT Good things start with hello. Based in Vietnam Say hello jdtvcontactme@gmail.com Have a project? Let\u2019s talk availability \u2197 Drop me a line Somethingin mind? A project, a collaboration, or just a question. Tell me what you\u2019re thinking \u2014 I\u2019d love to hear it. \u2197 Your name * Email address * What\u2019s it&#8230; <\/p>\n<p class=\"more\"><a class=\"more-link\" href=\"https:\/\/jdtv.ca\/?page_id=28\">Read More<\/a><\/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-28","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/jdtv.ca\/index.php?rest_route=\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jdtv.ca\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jdtv.ca\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jdtv.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jdtv.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":15,"href":"https:\/\/jdtv.ca\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":551,"href":"https:\/\/jdtv.ca\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions\/551"}],"wp:attachment":[{"href":"https:\/\/jdtv.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}