{"id":1312,"date":"2024-10-07T18:01:49","date_gmt":"2024-10-07T18:01:49","guid":{"rendered":"https:\/\/yamuparkoti.com\/?page_id=1312"},"modified":"2026-10-11T14:17:05","modified_gmt":"2026-10-11T14:17:05","slug":"kontakto","status":"publish","type":"page","link":"https:\/\/yamuparkoti.com\/eo\/contact\/","title":{"rendered":"Kontaktu"},"content":{"rendered":"<!-- ============================================================\r\n     yamuparkoti.com \u2014 Contact Page (INNER CONTENT ONLY)\r\n     Paste into WordPress > Pages > Contact > (Text\/HTML tab)\r\n     Header, nav, footer and sidebar remain untouched.\r\n     Fonts & palette match team-inner-content.html\r\n     ============================================================ -->\r\n<p><style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,700;0,9..144,900;1,9..144,400&family=Fira+Code:wght@400;500&display=swap');\r\n\r\n.yp-contact *,\r\n.yp-contact *::before,\r\n.yp-contact *::after { box-sizing: border-box; }\r\n\r\n.yp-contact {\r\n  --ink:    #0f0e0c;\r\n  --paper:  #0b0b0f;\r\n  --warm:   #17171f;\r\n  --accent:   #c0451b;\r\n  --accent2:  #e8d0c5;\r\n  --muted:  #b6b6c0;\r\n  --line:   rgba(255,255,255,.12);\r\n  --white:    #ffffff;\r\n  font-family: 'Sora', sans-serif;\r\n  font-weight: 300;\r\n  font-size: 16px;\r\n  line-height: 1.78;\r\n  color: var(--ink);\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 0 0 72px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 HERO BANNER \u2500\u2500\u2500 *\/\r\n.yp-contact-hero {\r\n  background: var(--ink);\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  margin-bottom: 60px;\r\n  padding: 52px 48px;\r\n  position: relative;\r\n}\r\n.yp-contact-hero::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -80px; right: -80px;\r\n  width: 260px; height: 260px;\r\n  border-radius: 50%;\r\n  border: 60px solid var(--accent);\r\n  opacity: 0.10;\r\n  pointer-events: none;\r\n}\r\n.yp-contact-hero::before {\r\n  content: 'HELLO';\r\n  font-family: 'Fraunces', serif;\r\n  font-size: 120px;\r\n  font-weight: 900;\r\n  color: rgba(255,255,255,0.04);\r\n  position: absolute;\r\n  bottom: -10px; right: 40px;\r\n  line-height: 1;\r\n  letter-spacing: -0.05em;\r\n  pointer-events: none;\r\n}\r\n\r\n.yp-badge {\r\n  font-family: 'Fira Code', monospace;\r\n  font-size: 10px;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: var(--accent);\r\n  margin-bottom: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n.yp-badge::before {\r\n  content: '';\r\n  display: inline-block;\r\n  width: 28px; height: 1px;\r\n  background: var(--accent);\r\n}\r\n\r\n.yp-contact-hero h1 {\r\n  font-family: 'Fraunces', serif;\r\n  font-size: clamp(30px, 4.5vw, 52px);\r\n  font-weight: 900;\r\n  line-height: 1.05;\r\n  color: #fff;\r\n  margin: 0 0 14px;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.yp-contact-hero p {\r\n  font-size: 14.5px;\r\n  color: rgba(255,255,255,0.62);\r\n  line-height: 1.72;\r\n  max-width: 560px;\r\n  margin: 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 TWO-COL LAYOUT \u2500\u2500\u2500 *\/\r\n.yp-contact-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 380px;\r\n  gap: 40px;\r\n  align-items: start;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SECTION LABELS \u2500\u2500\u2500 *\/\r\n.yp-eyebrow {\r\n  font-family: 'Fira Code', monospace;\r\n  font-size: 10px;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: var(--accent);\r\n  margin-bottom: 10px;\r\n  display: block;\r\n}\r\n\r\n.yp-col h2 {\r\n  font-family: 'Fraunces', serif;\r\n  font-size: clamp(22px, 3vw, 30px);\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n  letter-spacing: -0.01em;\r\n  color: var(--ink);\r\n  margin: 0 0 28px;\r\n  border: none; padding: 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 FORM \u2500\u2500\u2500 *\/\r\n.yp-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 18px;\r\n}\r\n\r\n.yp-field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 7px;\r\n}\r\n\r\n.yp-field label {\r\n  font-family: 'Fira Code', monospace;\r\n  font-size: 10px;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n}\r\n\r\n.yp-field label span {\r\n  color: var(--accent);\r\n  margin-left: 2px;\r\n}\r\n\r\n.yp-field input,\r\n.yp-field textarea {\r\n  width: 100%;\r\n  background: var(--white);\r\n  border: 1px solid var(--line);\r\n  border-radius: 5px;\r\n  padding: 13px 16px;\r\n  font-family: 'Sora', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 300;\r\n  color: var(--ink);\r\n  line-height: 1.5;\r\n  transition: border-color 0.2s, box-shadow 0.2s;\r\n  outline: none;\r\n  resize: none;\r\n}\r\n\r\n.yp-field input:focus,\r\n.yp-field textarea:focus {\r\n  border-color: var(--accent);\r\n  box-shadow: 0 0 0 3px rgba(192, 69, 27, 0.08);\r\n}\r\n\r\n.yp-field input::placeholder,\r\n.yp-field textarea::placeholder {\r\n  color: #b5aea6;\r\n}\r\n\r\n.yp-field textarea {\r\n  min-height: 140px;\r\n}\r\n\r\n.yp-submit {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: 'Fira Code', monospace;\r\n  font-size: 11px;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  background: var(--accent);\r\n  color: #fff;\r\n  border: 1px solid var(--accent);\r\n  border-radius: 4px;\r\n  padding: 14px 28px;\r\n  cursor: pointer;\r\n  transition: background 0.2s, border-color 0.2s, transform 0.15s;\r\n  width: fit-content;\r\n  margin-top: 4px;\r\n}\r\n.yp-submit:hover {\r\n  background: #a33415;\r\n  border-color: #a33415;\r\n  transform: translateY(-2px);\r\n}\r\n.yp-submit:active { transform: translateY(0); }\r\n.yp-submit::after { content: '\u2192'; font-size: 13px; }\r\n\r\n\/* \u2500\u2500\u2500 SUCCESS MESSAGE \u2500\u2500\u2500 *\/\r\n.yp-success {\r\n  display: none;\r\n  background: #edf7f0;\r\n  border-left: 3px solid #2e7d52;\r\n  border-radius: 0 5px 5px 0;\r\n  padding: 16px 20px;\r\n  font-family: 'Fira Code', monospace;\r\n  font-size: 11px;\r\n  letter-spacing: 0.06em;\r\n  color: #1e5738;\r\n  font-weight: 500;\r\n  line-height: 1.7;\r\n  margin-top: 8px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CONTACT INFO CARD \u2500\u2500\u2500 *\/\r\n.yp-info-card {\r\n  background: var(--white);\r\n  border: 1px solid var(--line);\r\n  border-radius: 6px;\r\n  overflow: hidden;\r\n  position: sticky;\r\n  top: 24px;\r\n}\r\n\r\n.yp-info-header {\r\n  background: var(--ink);\r\n  padding: 24px 26px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.yp-info-header::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -30px; right: -30px;\r\n  width: 100px; height: 100px;\r\n  border-radius: 50%;\r\n  border: 24px solid var(--accent);\r\n  opacity: 0.15;\r\n}\r\n.yp-info-header h3 {\r\n  font-family: 'Fraunces', serif;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin: 0;\r\n  letter-spacing: -0.01em;\r\n}\r\n.yp-info-header p {\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,0.5);\r\n  margin: 5px 0 0;\r\n  font-family: 'Fira Code', monospace;\r\n  letter-spacing: 0.06em;\r\n}\r\n\r\n.yp-info-rows {\r\n  padding: 10px 0;\r\n}\r\n\r\n.yp-info-row {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 14px;\r\n  padding: 16px 26px;\r\n  border-bottom: 1px solid var(--warm);\r\n  transition: background 0.18s;\r\n}\r\n.yp-info-row:last-child { border-bottom: none; }\r\n.yp-info-row:hover { background: var(--paper); }\r\n\r\n.yp-info-icon {\r\n  width: 36px; height: 36px;\r\n  border-radius: 6px;\r\n  background: var(--warm);\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 16px;\r\n  flex-shrink: 0;\r\n  margin-top: 1px;\r\n}\r\n\r\n.yp-info-text {}\r\n.yp-info-label {\r\n  font-family: 'Fira Code', monospace;\r\n  font-size: 9px;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n  display: block;\r\n  margin-bottom: 3px;\r\n}\r\n.yp-info-val {\r\n  font-size: 13.5px;\r\n  color: var(--ink);\r\n  font-weight: 400;\r\n  word-break: break-word;\r\n}\r\n.yp-info-val a {\r\n  color: var(--accent);\r\n  text-decoration: none;\r\n}\r\n.yp-info-val a:hover { text-decoration: underline; }\r\n\r\n\/* \u2500\u2500\u2500 DIVIDER \u2500\u2500\u2500 *\/\r\n.yp-divider {\r\n  border: none;\r\n  border-top: 1px solid var(--line);\r\n  margin: 56px 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 860px) {\r\n  .yp-contact-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .yp-info-card { position: static; }\r\n}\r\n@media (max-width: 680px) {\r\n  .yp-contact-hero { padding: 36px 24px; }\r\n  .yp-contact-hero::before { font-size: 70px; }\r\n}\r\n<\/style><\/p>\r\n<div class=\"yp-contact\"><!-- \u2500\u2500 HERO \u2500\u2500 -->\r\n<div class=\"yp-contact-hero\"><span class=\"yp-badge\">yamuparkoti.com \u2014 Kontaktu<\/span>\r\n<h1>Kontaktu<\/h1>\r\n<p>\u0108u vi havas demandon, ideon pri kunlaborado a\u016d nur volas saluti? Plenigu la formularon a\u016d kontaktu rekte uzante la kontaktajn detalojn sube.<\/p>\r\n<\/div>\r\n<!-- \u2500\u2500 TWO-COL GRID \u2500\u2500 -->\r\n<div class=\"yp-contact-grid\"><!-- \u2500\u2500 FORM COLUMN \u2500\u2500 -->\r\n<div class=\"yp-col\"><span class=\"yp-eyebrow\">01 \u2014 Sendu Mesa\u011don<\/span>\r\n<h2>Forlasu al Ni Mesa\u011don<\/h2>\r\n<form id=\"ypContactForm\" class=\"yp-form\" action=\"\">\r\n<div class=\"yp-field\"><label for=\"yp_name\">Name*<\/label> <input id=\"yp_name\" name=\"name\" required=\"\" type=\"text\" placeholder=\"Via plena nomo\" \/><\/div>\r\n<div class=\"yp-field\"><label for=\"yp_email\">Email*<\/label> <input id=\"yp_email\" name=\"email\" required=\"\" type=\"email\" placeholder=\"your@email.com\" \/><\/div>\r\n<div class=\"yp-field\"><label for=\"yp_subject\">Subject*<\/label> <input id=\"yp_subject\" name=\"subject\" required=\"\" type=\"text\" placeholder=\"Pri kio \u0109i tio temas?\" \/><\/div>\r\n<div class=\"yp-field\"><label for=\"yp_message\">Message*<\/label> <textarea id=\"yp_message\" name=\"message\" required=\"\" placeholder=\"Skribu vian mesa\u011don \u0109i tie...\"><\/textarea><\/div>\r\n<button class=\"yp-submit\" type=\"submit\">Sendu Mesa\u011don<\/button>\r\n<div id=\"ypSuccess\" class=\"yp-success\">\u2713 \u00a0THANK YOU! YOUR MESSAGE HAS BEEN SENT. WE&#8217;LL GET BACK TO YOU SOON.<\/div>\r\n<input type=\"hidden\" name=\"trp-form-language\" value=\"eo\"\/><\/form><\/div>\r\n<!-- \u2500\u2500 INFO COLUMN \u2500\u2500 -->\r\n<div class=\"yp-col\"><span class=\"yp-eyebrow\">02 \u2014 Kontaktaj Informoj<\/span>\r\n<h2>Atingu Rekte<\/h2>\r\n<div class=\"yp-info-card\">\r\n<div class=\"yp-info-header\">\r\n<h3>Yam Bahadur Upkaroti<\/h3>\r\n<p>Fondinto \u00b7 yamuparkoti.com<\/p>\r\n<\/div>\r\n<div class=\"yp-info-rows\">\r\n<div class=\"yp-info-row\">\r\n<div class=\"yp-info-icon\">\u2709<\/div>\r\n<div class=\"yp-info-text\"><span class=\"yp-info-label\">Retpo\u015dto<\/span>\r\n<div class=\"yp-info-val\"><a href=\"mailto:contact@yamuparkoti.com\">contact@yamuparkoti.com<\/a><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"yp-info-row\">\r\n<div class=\"yp-info-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n<div class=\"yp-info-text\"><span class=\"yp-info-label\">Oficiala<\/span>\r\n<div class=\"yp-info-val\"><a href=\"mailto:yam.uparkoti@nepal.gov.np\">yam.uparkoti@nepal.gov.np<\/a><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"yp-info-row\">\r\n<div class=\"yp-info-icon\">\ud83d\udcac<\/div>\r\n<div class=\"yp-info-text\"><span class=\"yp-info-label\">WhatsApp<\/span>\r\n<div class=\"yp-info-val\"><a href=\"https:\/\/wa.me\/97798421XXXXX\" target=\"_blank\" rel=\"noopener\">+977 (984) 21XXXXX<\/a><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"yp-info-row\">\r\n<div class=\"yp-info-icon\">\ud83d\udccd<\/div>\r\n<div class=\"yp-info-text\"><span class=\"yp-info-label\">Adreso<\/span>\r\n<div class=\"yp-info-val\">10 Sundarharaincha,<br \/>Morang, Nepalo<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- \/.yp-contact-grid --><\/div>\r\n<!-- end .yp-contact -->\r\n<p><script>\r\nfunction ypHandleSubmit(e) {\r\n  e.preventDefault();\r\n  var form = document.getElementById('ypContactForm');\r\n  var success = document.getElementById('ypSuccess');\r\n  var btn = form.querySelector('.yp-submit');\r\n\r\n  btn.textContent = 'Sending\u2026';\r\n  btn.disabled = true;\r\n\r\n  \/* Replace the fetch below with your actual form endpoint (e.g. WPForms, CF7, Formspree) *\/\r\n  setTimeout(function() {\r\n    form.reset();\r\n    success.style.display = 'block';\r\n    btn.textContent = 'Send Message';\r\n    btn.disabled = false;\r\n    setTimeout(function(){ success.style.display = 'none'; }, 6000);\r\n  }, 800);\r\n}\r\n<\/script><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>yamuparkoti.com \u2014 Contact Get in Touch Have a question, collaboration idea, or just want to say hello? Fill out the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-1312","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yamuparkoti.com\/eo\/wp-json\/wp\/v2\/pages\/1312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yamuparkoti.com\/eo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yamuparkoti.com\/eo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yamuparkoti.com\/eo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yamuparkoti.com\/eo\/wp-json\/wp\/v2\/comments?post=1312"}],"version-history":[{"count":3,"href":"https:\/\/yamuparkoti.com\/eo\/wp-json\/wp\/v2\/pages\/1312\/revisions"}],"predecessor-version":[{"id":5773,"href":"https:\/\/yamuparkoti.com\/eo\/wp-json\/wp\/v2\/pages\/1312\/revisions\/5773"}],"wp:attachment":[{"href":"https:\/\/yamuparkoti.com\/eo\/wp-json\/wp\/v2\/media?parent=1312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}