{"id":22,"date":"2026-09-22T08:47:09","date_gmt":"2026-09-22T08:47:09","guid":{"rendered":"https:\/\/iwebxstudio.com\/?page_id=22"},"modified":"2026-09-27T21:46:52","modified_gmt":"2026-09-27T14:46:52","slug":"contect","status":"publish","type":"page","link":"https:\/\/iwebxstudio.com\/?page_id=22","title":{"rendered":""},"content":{"rendered":"\n<div class=\"wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-0b9370a\" id=\"gspb_container-id-gsbp-0b9370a\" data-aos=\"zoom-out\" data-aos-easing=\"ease\" data-aos-duration=\"800\">\n<style>\n\/* ===== CONTACT (ct2) - MATCH IMAGE STYLE ===== *\/\n.ct2{\n  --main:#e8264a;       \/* \u0e0a\u0e21\u0e1e\u0e39\/\u0e41\u0e14\u0e07\u0e2a\u0e14 \u0e15\u0e32\u0e21\u0e23\u0e39\u0e1b *\/\n  --ink:#111;\n  --muted:rgba(17,17,17,.55);\n  --line:#d8d8d8;       \/* \u0e40\u0e2a\u0e49\u0e19\u0e04\u0e31\u0e48\u0e19\u0e2a\u0e35\u0e40\u0e17\u0e32 *\/\n  --bg-panel:#f4f4f4;   \/* \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e17\u0e32\u0e2d\u0e48\u0e2d\u0e19 *\/\n\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  padding: 24px 5% 40px;\n  box-sizing: border-box;\n  font-family: inherit;\n  background: #fff;\n  border-radius: 0;\n}\n\n.ct2 *{\n  box-sizing: border-box;\n}\n\n\/* Header *\/\n.ct2__head{\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding-bottom: 14px;\n  margin-bottom: 16px;\n  border-bottom: 3.5px solid #F5A800;\n}\n\n.ct2__title{\n  margin: 0;\n  font-size: clamp(17px, 1.8vw, 22px);\n  font-weight: 900;\n  color: var(--ink);\n  line-height: 1.2;\n}\n\n\/* \u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e35\u0e14\u0e2a\u0e35\u0e2a\u0e49\u0e21\u0e43\u0e15\u0e49\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d *\/\n.ct2__title::after{\n  display: none;\n}\n\n.ct2__hint{\n  margin: 0;\n  font-size: clamp(17px, 1.8vw, 22px);\n  color: var(--ink);\n  text-align: right;\n  line-height: 1.35;\n  font-weight: 700;\n  opacity: 0.75;\n}\n\n\/* Grid *\/\n.ct2__grid{\n  display: grid;\n  grid-template-columns: 1.4fr 0.6fr;\n  gap: 16px;\n  align-items: stretch;\n}\n\n\/* Left panel \u2014 \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e17\u0e32\u0e2d\u0e48\u0e2d\u0e19, \u0e44\u0e21\u0e48\u0e21\u0e35\u0e40\u0e07\u0e32 *\/\n.ct2__panel{\n  background: var(--bg-panel);\n  border-radius: 0;\n  padding: 0;\n  box-shadow: none;\n  display: flex;\n  flex-direction: column;\n}\n\n.ct2__chips{\n  display: grid;\n  grid-auto-rows: 1fr;\n  flex: 1;\n}\n\n\/* Table rows *\/\n\n.ct2__chip{\n  display: grid;\n  grid-template-columns: 160px 1fr;\n  gap: 10px;\n  align-items: center;\n\n  padding: 13px 16px;\n  background: var(--bg-panel);\n  border-bottom: 1px solid var(--line);\n  border-radius: 0;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.10), 0 1px 3px rgba(0,0,0,0.08);\n  transition: box-shadow 0.2s ease, background 0.2s ease, transform 0.2s ease;\n  cursor: default;\n}\n\n.ct2__chip:hover{\n  background: #fff;\n  box-shadow: 0 4px 16px rgba(0,0,0,0.13), 0 1px 4px rgba(0,0,0,0.07);\n  position: relative;\n  z-index: 1;\n}\n\n.ct2__chip:last-child{\n  border-bottom: none;\n}\n\n\/* label \u0e2a\u0e35\u0e0a\u0e21\u0e1e\u0e39\/\u0e41\u0e14\u0e07\u0e2a\u0e14 *\/\n.ct2__k{\n  margin: 0;\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--main);\n  line-height: 1.3;\n}\n\n\/* value \u0e2a\u0e35\u0e14\u0e33 bold *\/\n.ct2__v{\n  margin: 0;\n  font-size: 14.5px;\n  font-weight: 700;\n  color: var(--ink);\n  line-height: 1.3;\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n\n.ct2__link{\n  color: inherit;\n  text-decoration: none;\n  transition: color 0.18s ease;\n}\n\n.ct2__link:hover{\n  color: var(--main);\n  text-decoration: underline;\n}\n\n\/* Right QR \u2014 \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e17\u0e32\u0e2d\u0e48\u0e2d\u0e19 \u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e19, \u0e44\u0e21\u0e48\u0e21\u0e35\u0e40\u0e07\u0e32, \u0e44\u0e21\u0e48\u0e21\u0e35 dot *\/\n.ct2__qr{\n  background: var(--bg-panel);\n  border-radius: 0;\n  padding: 16px;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.10), 0 1px 3px rgba(0,0,0,0.08);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n\/* \u0e25\u0e1a dot pattern \u0e2d\u0e2d\u0e01 *\/\n.ct2__qr::before{\n  display: none;\n}\n\n.ct2__qrTitle{\n  margin: 0 0 8px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--ink);\n}\n\n.ct2__qrUser{\n  display: none;\n}\n\n.ct2__qrImg{\n  width: min(220px, 100%);\n  aspect-ratio: 1\/1;\n  object-fit: contain;\n  display: block;\n  margin: 8px auto 0;\n  border-radius: 0;\n  background: #fff;\n  border: none;\n}\n\n.ct2__qrHint{\n  display: block;\n  margin: 10px 0 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--ink);\n}\n\n\/* \u2705 Responsive (Mobile) *\/\n@media (max-width: 860px){\n  .ct2{\n    padding: 14px 15px;\n  }\n\n  .ct2__head{\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .ct2__title{\n    text-align: center;\n  }\n\n  .ct2__hint{\n    text-align: center;\n  }\n\n  .ct2__grid{\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .ct2__chip{\n    grid-template-columns: auto 1fr;\n    gap: 10px;\n    padding: 12px 12px;\n  }\n\n  .ct2__k{\n    text-align: left;\n  }\n\n  .ct2__v{\n    text-align: right;\n  }\n\n  .ct2__qrImg{\n    width: min(200px, 100%);\n  }\n}\n\n@media (max-width: 420px){\n  .ct2{\n    padding: 12px 15px;\n  }\n  .ct2__chip{\n    padding: 10px 10px;\n  }\n  .ct2__qrImg{\n    width: min(180px, 100%);\n  }\n}\n<\/style>\n\n<section class=\"ct2\">\n  <div class=\"ct2__head\">\n    <h3 class=\"ct2__title\">\u0e8a\u0ec8\u0ead\u0e87\u0e97\u0eb2\u0e87\u0e95\u0eb4\u0e94\u0e95\u0ecd\u0ec8\u0e9e\u0ea7\u0e81\u0ec0\u0eae\u0ebb\u0eb2<\/h3>\n    <p class=\"ct2__hint\">Tel\/Email\/Page\/Whatsapp<\/p>\n  <\/div>\n\n  <div class=\"ct2__grid\">\n    <!-- LEFT -->\n    <div class=\"ct2__panel\">\n      <div class=\"ct2__chips\">\n\n        <div class=\"ct2__chip\">\n          <p class=\"ct2__k\">\u0e95\u0eb4\u0e94\u0e95\u0ecd\u0ec8<\/p>\n          <p class=\"ct2__v\">\u0e95\u0eb4\u0e94\u0e95\u0ecd\u0ec8\u0ec4\u0e94\u0ec9\u0e95\u0eb0\u0eab\u0ebc\u0ead\u0e94\u0ec0\u0ea7\u0ea5\u0eb224\/7<\/p>\n        <\/div>\n\n        <div class=\"ct2__chip\">\n          <p class=\"ct2__k\">\u0e97\u0eb5\u0ec8\u0ea2\u0eb9\u0ec8 <\/p>\n          <p class=\"ct2__v\">Vientiane Capital Lao PDR<\/p>\n        <\/div>\n\n        <div class=\"ct2__chip\">\n          <p class=\"ct2__k\">Tel<\/p>\n          <p class=\"ct2__v\"><a class=\"ct2__link\" href=\"tel:+8562029195838\">+8562029195838<\/a><\/p>\n        <\/div>\n\n        <div class=\"ct2__chip\">\n          <p class=\"ct2__k\">Email <\/p>\n          <p class=\"ct2__v\"><a class=\"ct2__link\" href=\"mailto:iwebxstudio@gmail.com\">iwebxstudio@gmail.com<\/a><\/p>\n        <\/div>\n\n        <div class=\"ct2__chip\">\n          <p class=\"ct2__k\">Page<\/p>\n          <p class=\"ct2__v\"><a class=\"ct2__link\" href=\"https:\/\/facebook.com\/iwebxstudio\" target=\"_blank\" rel=\"noopener\">iwebxstudio<\/a><\/p>\n        <\/div>\n\n        <div class=\"ct2__chip\">\n          <p class=\"ct2__k\">Line Official Account<\/p>\n          <p class=\"ct2__v\"><a class=\"ct2__link\" href=\"https:\/\/line.me\/R\/ti\/p\/@iwebxstudioOfficial\" target=\"_blank\" rel=\"noopener\">iwebxstudioOfficial<\/a><\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT -->\n    <aside class=\"ct2__qr\">\n      <p class=\"ct2__qrTitle\">Scan QR \u0ec0\u0e9e\u0eb7\u0ec8\u0ead Add Whatsapp<\/p>\n      <div class=\"ct2__qrUser\">@XXXXXXXXXXXXXXX<\/div>\n      <img decoding=\"async\" class=\"ct2__qrImg\" loading=\"lazy\" src=\"https:\/\/iwebxstudio.com\/wp-content\/uploads\/2026\/09\/2545625.webp\" alt=\"QR Line Official Account @Central168\">\n      <p class=\"ct2__qrHint\">\u0ec0\u0e9b\u0eb5\u0e94 Whatsapp \u0ec1\u0ea5\u0ec9\u0ea7 QR \u0ec4\u0e94\u0ec9\u0ec0\u0ea5\u0eb5\u0e8d<\/p>\n    <\/aside>\n  <\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_gspb_post_css":".gspb_container-id-gsbp-0b9370a{flex-direction:column;box-sizing:border-box}#gspb_container-id-gsbp-0b9370a.gspb_container>p:last-of-type{margin-bottom:0}#gspb_container-id-gsbp-0b9370a.gspb_container{position:relative;transition-duration:.8s;transition-timing-function:var(--gs-root-animation-easing, cubic-bezier(0.42, 0, 0.58, 1));opacity:var(--gs-root-animation-opacity, 0);transition-property:opacity,transform;transform:var(--gs-root-animation-transform, scale(1.2));box-sizing:border-box}#gspb_container-id-gsbp-0b9370a.gspb_container.aos-animate,#gspb_container-id-gsbp-0b9370a.gspb_container[data-gs-aos]{opacity:1;transform:translateZ(0) scale(1)}","footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/iwebxstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iwebxstudio.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iwebxstudio.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iwebxstudio.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iwebxstudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":6,"href":"https:\/\/iwebxstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":382,"href":"https:\/\/iwebxstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/382"}],"wp:attachment":[{"href":"https:\/\/iwebxstudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}