{"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-06-14T02:14:14","modified_gmt":"2026-06-14T02:14:14","slug":"contact","status":"publish","type":"page","link":"https:\/\/yamuparkoti.com\/zh\/contact\/","title":{"rendered":"\u63a5\u89e6"},"content":{"rendered":"<!-- ============================================================\n     yamuparkoti.com \u2014 Contact Page (INNER CONTENT ONLY)\n     Paste into WordPress > Pages > Contact > (Text\/HTML tab)\n     Header, nav, footer and sidebar remain untouched.\n     Fonts & palette match team-inner-content.html\n     ============================================================ -->\n\n<style>\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');\n\n.yp-contact *,\n.yp-contact *::before,\n.yp-contact *::after { box-sizing: border-box; }\n\n.yp-contact {\n  --ink:    #0f0e0c;\n  --paper:  #0b0b0f;\n  --warm:   #17171f;\n  --accent:   #c0451b;\n  --accent2:  #e8d0c5;\n  --muted:  #b6b6c0;\n  --line:   rgba(255,255,255,.12);\n  --white:    #ffffff;\n  font-family: 'Sora', sans-serif;\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 1.78;\n  color: var(--ink);\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 0 72px;\n}\n\n\/* \u2500\u2500\u2500 HERO BANNER \u2500\u2500\u2500 *\/\n.yp-contact-hero {\n  background: var(--ink);\n  border-radius: 8px;\n  overflow: hidden;\n  margin-bottom: 60px;\n  padding: 52px 48px;\n  position: relative;\n}\n.yp-contact-hero::after {\n  content: '';\n  position: absolute;\n  bottom: -80px; right: -80px;\n  width: 260px; height: 260px;\n  border-radius: 50%;\n  border: 60px solid var(--accent);\n  opacity: 0.10;\n  pointer-events: none;\n}\n.yp-contact-hero::before {\n  content: 'HELLO';\n  font-family: 'Fraunces', serif;\n  font-size: 120px;\n  font-weight: 900;\n  color: rgba(255,255,255,0.04);\n  position: absolute;\n  bottom: -10px; right: 40px;\n  line-height: 1;\n  letter-spacing: -0.05em;\n  pointer-events: none;\n}\n\n.yp-badge {\n  font-family: 'Fira Code', monospace;\n  font-size: 10px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--accent);\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.yp-badge::before {\n  content: '';\n  display: inline-block;\n  width: 28px; height: 1px;\n  background: var(--accent);\n}\n\n.yp-contact-hero h1 {\n  font-family: 'Fraunces', serif;\n  font-size: clamp(30px, 4.5vw, 52px);\n  font-weight: 900;\n  line-height: 1.05;\n  color: #fff;\n  margin: 0 0 14px;\n  letter-spacing: -0.02em;\n}\n\n.yp-contact-hero p {\n  font-size: 14.5px;\n  color: rgba(255,255,255,0.62);\n  line-height: 1.72;\n  max-width: 560px;\n  margin: 0;\n}\n\n\/* \u2500\u2500\u2500 TWO-COL LAYOUT \u2500\u2500\u2500 *\/\n.yp-contact-grid {\n  display: grid;\n  grid-template-columns: 1fr 380px;\n  gap: 40px;\n  align-items: start;\n}\n\n\/* \u2500\u2500\u2500 SECTION LABELS \u2500\u2500\u2500 *\/\n.yp-eyebrow {\n  font-family: 'Fira Code', monospace;\n  font-size: 10px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--accent);\n  margin-bottom: 10px;\n  display: block;\n}\n\n.yp-col h2 {\n  font-family: 'Fraunces', serif;\n  font-size: clamp(22px, 3vw, 30px);\n  font-weight: 700;\n  line-height: 1.2;\n  letter-spacing: -0.01em;\n  color: var(--ink);\n  margin: 0 0 28px;\n  border: none; padding: 0;\n}\n\n\/* \u2500\u2500\u2500 FORM \u2500\u2500\u2500 *\/\n.yp-form {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n}\n\n.yp-field {\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n}\n\n.yp-field label {\n  font-family: 'Fira Code', monospace;\n  font-size: 10px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--muted);\n}\n\n.yp-field label span {\n  color: var(--accent);\n  margin-left: 2px;\n}\n\n.yp-field input,\n.yp-field textarea {\n  width: 100%;\n  background: var(--white);\n  border: 1px solid var(--line);\n  border-radius: 5px;\n  padding: 13px 16px;\n  font-family: 'Sora', sans-serif;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--ink);\n  line-height: 1.5;\n  transition: border-color 0.2s, box-shadow 0.2s;\n  outline: none;\n  resize: none;\n}\n\n.yp-field input:focus,\n.yp-field textarea:focus {\n  border-color: var(--accent);\n  box-shadow: 0 0 0 3px rgba(192, 69, 27, 0.08);\n}\n\n.yp-field input::placeholder,\n.yp-field textarea::placeholder {\n  color: #b5aea6;\n}\n\n.yp-field textarea {\n  min-height: 140px;\n}\n\n.yp-submit {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: 'Fira Code', monospace;\n  font-size: 11px;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  background: var(--accent);\n  color: #fff;\n  border: 1px solid var(--accent);\n  border-radius: 4px;\n  padding: 14px 28px;\n  cursor: pointer;\n  transition: background 0.2s, border-color 0.2s, transform 0.15s;\n  width: fit-content;\n  margin-top: 4px;\n}\n.yp-submit:hover {\n  background: #a33415;\n  border-color: #a33415;\n  transform: translateY(-2px);\n}\n.yp-submit:active { transform: translateY(0); }\n.yp-submit::after { content: '\u2192'; font-size: 13px; }\n\n\/* \u2500\u2500\u2500 SUCCESS MESSAGE \u2500\u2500\u2500 *\/\n.yp-success {\n  display: none;\n  background: #edf7f0;\n  border-left: 3px solid #2e7d52;\n  border-radius: 0 5px 5px 0;\n  padding: 16px 20px;\n  font-family: 'Fira Code', monospace;\n  font-size: 11px;\n  letter-spacing: 0.06em;\n  color: #1e5738;\n  font-weight: 500;\n  line-height: 1.7;\n  margin-top: 8px;\n}\n\n\/* \u2500\u2500\u2500 CONTACT INFO CARD \u2500\u2500\u2500 *\/\n.yp-info-card {\n  background: var(--white);\n  border: 1px solid var(--line);\n  border-radius: 6px;\n  overflow: hidden;\n  position: sticky;\n  top: 24px;\n}\n\n.yp-info-header {\n  background: var(--ink);\n  padding: 24px 26px;\n  position: relative;\n  overflow: hidden;\n}\n.yp-info-header::before {\n  content: '';\n  position: absolute;\n  top: -30px; right: -30px;\n  width: 100px; height: 100px;\n  border-radius: 50%;\n  border: 24px solid var(--accent);\n  opacity: 0.15;\n}\n.yp-info-header h3 {\n  font-family: 'Fraunces', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: #fff;\n  margin: 0;\n  letter-spacing: -0.01em;\n}\n.yp-info-header p {\n  font-size: 12px;\n  color: rgba(255,255,255,0.5);\n  margin: 5px 0 0;\n  font-family: 'Fira Code', monospace;\n  letter-spacing: 0.06em;\n}\n\n.yp-info-rows {\n  padding: 10px 0;\n}\n\n.yp-info-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  padding: 16px 26px;\n  border-bottom: 1px solid var(--warm);\n  transition: background 0.18s;\n}\n.yp-info-row:last-child { border-bottom: none; }\n.yp-info-row:hover { background: var(--paper); }\n\n.yp-info-icon {\n  width: 36px; height: 36px;\n  border-radius: 6px;\n  background: var(--warm);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 16px;\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n\n.yp-info-text {}\n.yp-info-label {\n  font-family: 'Fira Code', monospace;\n  font-size: 9px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--muted);\n  display: block;\n  margin-bottom: 3px;\n}\n.yp-info-val {\n  font-size: 13.5px;\n  color: var(--ink);\n  font-weight: 400;\n  word-break: break-word;\n}\n.yp-info-val a {\n  color: var(--accent);\n  text-decoration: none;\n}\n.yp-info-val a:hover { text-decoration: underline; }\n\n\/* \u2500\u2500\u2500 DIVIDER \u2500\u2500\u2500 *\/\n.yp-divider {\n  border: none;\n  border-top: 1px solid var(--line);\n  margin: 56px 0;\n}\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media (max-width: 860px) {\n  .yp-contact-grid {\n    grid-template-columns: 1fr;\n  }\n  .yp-info-card { position: static; }\n}\n@media (max-width: 680px) {\n  .yp-contact-hero { padding: 36px 24px; }\n  .yp-contact-hero::before { font-size: 70px; }\n}\n<\/style>\n\n<div class=\"yp-contact\">\n\n  <!-- \u2500\u2500 HERO \u2500\u2500 -->\n  <div class=\"yp-contact-hero\">\n    <span class=\"yp-badge\">yamuparkoti.com \u2014 Contact<\/span>\n    <h1>Get in Touch<\/h1>\n    <p>Have a question, collaboration idea, or just want to say hello? Fill out the form or reach out directly using the contact details below.<\/p>\n  <\/div>\n\n  <!-- \u2500\u2500 TWO-COL GRID \u2500\u2500 -->\n  <div class=\"yp-contact-grid\">\n\n    <!-- \u2500\u2500 FORM COLUMN \u2500\u2500 -->\n    <div class=\"yp-col\">\n      <span class=\"yp-eyebrow\">01 \u2014 Send a Message<\/span>\n      <h2>Drop Us a Message<\/h2>\n\n      <form class=\"yp-form\" id=\"ypContactForm\" onsubmit=\"ypHandleSubmit(event)\" action=\"\">\n\n        <div class=\"yp-field\">\n          <label for=\"yp_name\">\u59d3\u540d<span>*<\/span><\/label>\n          <input type=\"text\" id=\"yp_name\" name=\"name\" placeholder=\"Your full name\" required \/>\n        <\/div>\n\n        <div class=\"yp-field\">\n          <label for=\"yp_email\">\u7535\u5b50\u90ae\u4ef6<span>*<\/span><\/label>\n          <input type=\"email\" id=\"yp_email\" name=\"email\" placeholder=\"your@email.com\" required \/>\n        <\/div>\n\n        <div class=\"yp-field\">\n          <label for=\"yp_subject\">\u4e3b\u9898<span>*<\/span><\/label>\n          <input type=\"text\" id=\"yp_subject\" name=\"subject\" placeholder=\"What is this about?\" required \/>\n        <\/div>\n\n        <div class=\"yp-field\">\n          <label for=\"yp_message\">\u4fe1\u606f<span>*<\/span><\/label>\n          <textarea id=\"yp_message\" name=\"message\" placeholder=\"Write your message here\u2026\" required><\/textarea>\n        <\/div>\n\n        <button type=\"submit\" class=\"yp-submit\">\u53d1\u9001\u6d88\u606f<\/button>\n\n        <div class=\"yp-success\" id=\"ypSuccess\">\n          \u2713 &nbsp;THANK YOU! YOUR MESSAGE HAS BEEN SENT. WE&#8217;LL GET BACK TO YOU SOON.\n        <\/div>\n\n      <input type=\"hidden\" name=\"trp-form-language\" value=\"zh\"\/><\/form>\n    <\/div>\n\n    <!-- \u2500\u2500 INFO COLUMN \u2500\u2500 -->\n    <div class=\"yp-col\">\n      <span class=\"yp-eyebrow\">02 \u2014 Contact Information<\/span>\n      <h2>Reach Out Directly<\/h2>\n\n      <div class=\"yp-info-card\">\n        <div class=\"yp-info-header\">\n          <h3>\u4e9a\u59c6\u00b7\u5df4\u54c8\u675c\u5c14\u00b7\u4e4c\u666e\u5361\u7f57\u8482<\/h3>\n          <p>Founder \u00b7 yamuparkoti.com<\/p>\n        <\/div>\n        <div class=\"yp-info-rows\">\n\n          <div class=\"yp-info-row\">\n            <div class=\"yp-info-icon\">\u2709<\/div>\n            <div class=\"yp-info-text\">\n              <span class=\"yp-info-label\">\u7535\u5b50\u90ae\u4ef6<\/span>\n              <div class=\"yp-info-val\">\n                <a href=\"mailto:contact@yamuparkoti.com\">contact@yamuparkoti.com<\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"yp-info-row\">\n            <div class=\"yp-info-icon\">\ud83c\udfdb\ufe0f<\/div>\n            <div class=\"yp-info-text\">\n              <span class=\"yp-info-label\">Official<\/span>\n              <div class=\"yp-info-val\">\n                <a href=\"mailto:yam.uparkoti@nepal.gov.np\">yam.uparkoti@nepal.gov.np<\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"yp-info-row\">\n            <div class=\"yp-info-icon\">\ud83d\udcac<\/div>\n            <div class=\"yp-info-text\">\n              <span class=\"yp-info-label\">WhatsApp<\/span>\n              <div class=\"yp-info-val\">\n                <a href=\"https:\/\/wa.me\/9779842184603\" target=\"_blank\" rel=\"noopener\">+977 (984) 218-4603<\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"yp-info-row\">\n            <div class=\"yp-info-icon\">\ud83d\udccd<\/div>\n            <div class=\"yp-info-text\">\n              <span class=\"yp-info-label\">Address<\/span>\n              <div class=\"yp-info-val\">10 Sundarharaincha,<br>Morang, Nepal<\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div><!-- \/.yp-contact-grid -->\n\n<\/div>\n<!-- end .yp-contact -->\n\n<script>\nfunction ypHandleSubmit(e) {\n  e.preventDefault();\n  var form = document.getElementById('ypContactForm');\n  var success = document.getElementById('ypSuccess');\n  var btn = form.querySelector('.yp-submit');\n\n  btn.textContent = 'Sending\u2026';\n  btn.disabled = true;\n\n  \/* Replace the fetch below with your actual form endpoint (e.g. WPForms, CF7, Formspree) *\/\n  setTimeout(function() {\n    form.reset();\n    success.style.display = 'block';\n    btn.textContent = 'Send Message';\n    btn.disabled = false;\n    setTimeout(function(){ success.style.display = 'none'; }, 6000);\n  }, 800);\n}\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/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":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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\/zh\/wp-json\/wp\/v2\/pages\/1312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yamuparkoti.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yamuparkoti.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yamuparkoti.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yamuparkoti.com\/zh\/wp-json\/wp\/v2\/comments?post=1312"}],"version-history":[{"count":1,"href":"https:\/\/yamuparkoti.com\/zh\/wp-json\/wp\/v2\/pages\/1312\/revisions"}],"predecessor-version":[{"id":3757,"href":"https:\/\/yamuparkoti.com\/zh\/wp-json\/wp\/v2\/pages\/1312\/revisions\/3757"}],"wp:attachment":[{"href":"https:\/\/yamuparkoti.com\/zh\/wp-json\/wp\/v2\/media?parent=1312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}