{"id":11,"date":"2026-04-24T17:36:02","date_gmt":"2026-04-24T17:36:02","guid":{"rendered":"https:\/\/event.imt-soft.com\/?page_id=11"},"modified":"2026-04-29T10:13:17","modified_gmt":"2026-04-29T10:13:17","slug":"vietnamese-tech-table-2026","status":"publish","type":"page","link":"https:\/\/event.imt-soft.com\/Vietnamese-Tech-Table-2026\/","title":{"rendered":"Vietnamese Tech Table 2026"},"content":{"rendered":"\n<style>\n\/* ===== T\u1ed4NG TH\u1ec2 ===== *\/\n.hero-container {\n  background: #001941;\n  overflow: hidden;\n}\n.hero {\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 500px;\n  position: relative;\n  font-family: 'Inter', sans-serif;\n}\n\n\/* ===== PH\u1ea6N CH\u1eee (GI\u1eee NGUY\u00caN ANIMATION C\u1ee6A B\u1ea0N) ===== *\/\n.hero-left {\n  flex: 1;\n  padding: 60px;\n  z-index: 2;\n  color: #fff !important;\n}\n\n.fade-text {\n  opacity: 0;\n  color: #fff;\n  transform: translateY(20px);\n  animation: fadeUp 0.8s ease forwards;\n}\n\n\/* Delay t\u1eebng d\u00f2ng \u0111\u00fang nh\u01b0 b\u1ea1n vi\u1ebft *\/\n.fade-text:nth-child(1) { animation-delay: 0.2s; }\n.fade-text:nth-child(2) { animation-delay: 0.4s; }\n.fade-text:nth-child(3) { animation-delay: 0.6s; }\n.fade-text:nth-child(4) { animation-delay: 0.8s; }\n\n.hero-left h1 {\n  font-size: 32px !important;\n  font-weight: 700 !important;\n  line-height: 1.5;\n  color: #fff !important;\n  margin-bottom: 20px;\n  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);\n}\n\n.hero-left p {\n  font-size: 19px !important;\n  margin-bottom: 15px;\n  color: #fff !important;\n  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);\n}\n\n.hero-date {\n  font-size: 15px;\n  margin-bottom: 25px;\n  margin-top: 25px;\n  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);\n}\n\n.hero-btn {\n  display: inline-block;\n  padding: 10px 18px;\n  border: 1px solid #ABE2FF;\n  border-radius: 6px;\n  color: #fff !important;\n  font-size: 19px;\n  text-decoration: none !important;\n  transition: all 0.3s ease;\n  background: #123A63 !important;\n  cursor: pointer; \n}\n\n.hero-btn:hover { background: #1e6fd9; }\n\n\/* ===== PH\u1ea6N VIDEO N\u1eb0M TRONG SHAPE ===== *\/\n.hero-right {\n  flex: 1;\n  position: relative;\n  height: 500px;\n}\n\n.hero-shape {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 120%;\n  height: 100%;\n  background: #1e5ec9;\n  border-top-left-radius: 300px;\n  border-bottom-left-radius: 300px;\n  \n  \/* \u0110\u00c2Y L\u00c0 PH\u1ea6N QUAN TR\u1eccNG \u0110\u1ec2 VIDEO CHUI V\u00c0O SHAPE *\/\n  overflow: hidden; \n  z-index: 1;\n}\n\n.hero-shape video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover; \/* Video s\u1ebd ph\u1ee7 k\u00edn v\u00e0 b\u1ecb c\u1eaft theo bo g\u00f3c c\u1ee7a shape *\/\n  display: block;\n}\n\n\/* ANIMATION KEYFRAMES *\/\n@keyframes fadeUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 768px) {\n  .hero { \n    flex-direction: column; \n    text-align: center; \n    min-height: auto; \n    display: block; \/* Chuy\u1ec3n sang block \u0111\u1ec3 c\u00e1c th\u00e0nh ph\u1ea7n x\u1ebfp ch\u1ed3ng t\u1ef1 nhi\u00ean *\/\n  }\n\n  .hero-left { \n    padding: 40px 20px; \n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .hero-right { \n    width: 100%; \n    height: 350px; \/* Chi\u1ec1u cao hi\u1ec3n th\u1ecb video *\/\n    position: relative;\n    overflow: hidden; \/* C\u1eaft ph\u1ea7n shape th\u1eeba *\/\n  }\n\n  .hero-shape { \n    position: relative; \/* \u0110\u1ed5i v\u1ec1 relative \u0111\u1ec3 n\u00f3 n\u1eb1m g\u1ecdn trong hero-right *\/\n    width: 100% !important; \/* Bu\u1ed9c ph\u1ea3i l\u00e0 100% \u0111\u1ec3 kh\u00f4ng l\u1ec7ch m\u00e0n h\u00ecnh *\/\n    height: 100%;\n    right: 0;\n    top: 0;\n    \/* Bo g\u00f3c ph\u00eda tr\u00ean \u0111\u1ec3 t\u1ea1o hi\u1ec7u \u1ee9ng \"b\u00ecnh ch\u1ee9a\" video *\/\n    border-top-left-radius: 50px; \n    border-top-right-radius: 50px;\n    border-bottom-left-radius: 0; \n    overflow: hidden;\n  }\n\n  .hero-shape video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .hero-left br {\n    display: none;\n  }\n}\n<\/style>\n\n<section class=\"hero-container\">\n  <div class=\"hero\">\n    <div class=\"hero-left\">\n      <h1 class=\"fade-text\">THE VIETNAMESE <br>TECH GATHERING<\/h1>\n      <p class=\"fade-text\">A relaxed dinner gathering for Vietnamese <br>professionals in tech across Switzerland<\/p>\n      <div class=\"hero-date fade-text\">\n        5:30 PM, 18 May 2026<br>@Zurich\n      <\/div>\n      <a href=\"#contact-form\" class=\"hero-btn fade-text\">Request an Invitation<\/a>\n    <\/div>\n\n    <div class=\"hero-right\">\n      <div class=\"hero-shape\">\n        <video autoplay muted loop playsinline>\n          <source src=\"\/wp-content\/uploads\/2026\/04\/Hero.mp4\" type=\"video\/mp4\">\n        <\/video>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n\n\/* ===== SECTION ===== *\/\n.why-section {\n  font-family: 'Inter', sans-serif;\n  margin: 100px auto;\n  max-width: 1000px;\n  padding: 0 20px;\n}\n\n\/* ===== CONTAINER ===== *\/\n.why-container {\n  display: flex;\n  align-items: center;\n  gap: 50px;\n}\n\n\/* ===== LEFT IMAGE (60%) ===== *\/\n.why-left {\n  flex: 0 0 55%;\n  max-width: 55%;\n  position: relative;\n  overflow: hidden;\n  border-radius: 12px;\n\n  opacity: 0;\n  transform: translateX(-40px);\n  animation: fadeLeft 0.8s ease forwards;\n}\n\n.why-left img {\n  width: 100%;\n  height: auto;\n  display: block;\n  transition: transform 0.6s ease;\n}\n\n\/* hover zoom *\/\n.why-left:hover img {\n  transform: scale(1.1);\n}\n\n\/* ===== TITLE OVERLAY ===== *\/\n.why-title {\n  position: absolute;\n  top: 35%;\nwidth: 100%;\n  left: 0;\ntext-align: center;\n  color: #000;\n  background: rgba(255,255,255,0.95);\n  animation: fadeUp 0.8s ease forwards;\n  animation-delay: 0.2s;\n}\n\n.why-title h2 {\n  font-size: 32px;\n  font-weight: 800;\n  color: #1f2a44;\n  letter-spacing: 1px;\n}\n\n\/* ===== RIGHT TEXT (40%) ===== *\/\n.why-right {\n  flex: 0 0 40%;\n  max-width: 40%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 14px;\n}\n\n\/* text lines *\/\n.why-line {\n  font-size: 19px !important;\n  color: #555;\n  text-align: left;\n\n  opacity: 0;\n  transform: translateY(20px);\n  animation: fadeUp 0.6s ease forwards;\n}\n\n\/* stagger animation *\/\n.why-line:nth-child(1) { animation-delay: 0.3s; }\n.why-line:nth-child(2) { animation-delay: 0.5s; }\n.why-line:nth-child(3) { animation-delay: 0.7s; }\n\n\/* ===== ANIMATION ===== *\/\n@keyframes fadeLeft {\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes fadeUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 768px) {\n  .why-container {\n    flex-direction: column;\n    gap: 30px;\n  }\n\n  .why-left,\n  .why-right {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n\n  .why-title {\n    position: static;\n    margin-top: 12px;\n  }\n\n  .why-right {\n    align-items: center;\n    text-align: center;\n  }\n\n  .why-line {\n    text-align: center;\n  }\n}\n\n<\/style>\n\n<section class=\"why-section\">\n  <div class=\"why-container\">\n\n    <!-- LEFT -->\n    <div class=\"why-left\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Why-this-gathering.jpg\" alt=\"Why this gathering\">\n\n      <div class=\"why-title\">\n        <h2>WHY THIS GATHERING<\/h2>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"why-right\">\n      <div class=\"why-line\"><i>Meaningful conversations<\/i><\/div>\n      <div class=\"why-line\"><i>Shared experiences<\/i><\/div>\n      <div class=\"why-line\"><i>A stronger community<\/i><\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style>\n\/* ===== 2 COLUMN TEXT ===== *\/\n.why-text {\n font-family: 'Inter', sans-serif;\n  display: flex;\n  gap: 40px;\n margin: 20px auto 0; \n padding: 20px;\n  max-width: 1000px;\n}\n\n\/* LEFT *\/\n.why-text p:first-child {\n  flex: 1;\n  font-size: 15px !important;\n  color: #555;\n  line-height: 1.6;\n  text-align: center;\n}\n\n\/* RIGHT + LINE *\/\n.why-text p:last-child {\n  flex: 1;\n  font-size: 15px !important;\n  color: #555;\n  line-height: 1.6;\ntext-align: center;\n  padding-left: 25px;\n  border-left: 2px solid #29B3FE;\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 768px) {\n  .why-text {\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .why-text p:last-child {\n    border-left: none;\n    padding-left: 0;\n  }\n}\n<\/style>\n<div class=\"why-text\">\n  <p>\n    This dinner is a quality, small-scale gathering for around 20 Vietnamese professionals working in technology in Switzerland. Rather than a formal business event, it is intended to feel open, personal, and easy to join.\n  <\/p>\n\n  <p>\n    The goal is to create space for genuine conversations around working in tech in Switzerland and Europe &#8211; from the realities of building a career across markets to how AI is shaping opportunities and challenges in the industry today.<br>\nMore importantly, we hope this dinner can strengthen a trusted network of Vietnamese professionals in Switzerland and open the door to future collaboration and exchange.\n  <\/p>\n<\/div>\n\n\n\n<style>\n    \/* --- CONTAINER --- *\/\n    .who-join-section {\n  max-width: 1000px;\n        margin: 60px auto;\npadding: 20px;\n        font-family: 'Inter', sans-serif;\n    }\n\n    \/* --- TITLE --- *\/\n    .section-title {\n        font-size: 32px;\n        font-weight: 800;\n        color: #000032;\n        text-transform: uppercase;\n        text-align: left;\n        line-height: 100%;\n    }\n\n    \/* --- GRID --- *\/\n    .info-grid {\n        display: flex;\n        justify-content: space-between;\n        align-items: stretch;\n        min-height: 140px;\n    }\n\n    .info-item {\n        flex: 1;\n        padding: 20px 40px;\n        text-align: center;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        cursor: default;\n        \n        \/* Animation & Transition *\/\n        opacity: 0;\n        animation: fadeInUp 0.8s ease forwards;\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); \/* Zoom c\u00f3 hi\u1ec7u \u1ee9ng n\u1ea3y nh\u1eb9 *\/\n    }\n\n    \/* HOVER ZOOM *\/\n    .info-item:hover {\n        transform: scale(1.1); \/* Ph\u00f3ng to 10% *\/\n        z-index: 5;\n    }\n\n    \/* BORDER *\/\n    .info-item:not(:last-child)::after {\n        content: \"\";\n        position: absolute;\n        right: 0;\n        top: 20%;\n        bottom: 20%;\n        width: 2px;\n        background-color: #29B3FE;\n        display: block;\n        transition: all 0.3s ease;\n    }\n\n    .info-item p {\n        font-size: 18px;\n        line-height: 1.5;\n        margin: 0;\n        color: #333;\n        transition: color 0.3s ease;\n    }\n\n    .info-item:hover p {\n        color: #000032; \/* L\u00e0m ch\u1eef \u0111\u1eadm m\u00e0u h\u01a1n khi hover *\/\n        font-weight: 500;\n    }\n\n    \/* Delay Animation *\/\n    .info-item:nth-child(1) { animation-delay: 0.2s; }\n    .info-item:nth-child(2) { animation-delay: 0.4s; }\n    .info-item:nth-child(3) { animation-delay: 0.6s; }\n\n    @keyframes fadeInUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* --- RESPONSIVE --- *\/\n    @media (max-width: 768px) {\n  .section-title {\n        text-align: center;\n    }\n        .info-grid { flex-direction: column; }\n        .info-item { padding: 30px 0; }\n        .info-item:not(:last-child)::after {\n            right: 20%; left: 20%; bottom: 0; top: auto;\n            width: 60%; height: 2px;\n        }\n        .info-item:hover { transform: scale(1.05); } \/* Zoom \u00edt h\u01a1n tr\u00ean mobile *\/\n    }\n<\/style>\n\n<section class=\"who-join-section\">\n    <h2 class=\"section-title\">Who Should Join<\/h2>\n    \n    <div class=\"info-grid\">\n        <div class=\"info-item\">\n            <p>Professionals working<br>in tech-related roles<\/p>\n        <\/div>\n        \n        <div class=\"info-item\">\n            <p>Individuals interested in<br>meaningful connections<br>and conversations<\/p>\n        <\/div>\n        \n        <div class=\"info-item\">\n            <p>Builders, operators, and<br>professionals across the<br>tech ecosystem<\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n.container-gallery {\n  max-width: 1000px;\n  margin: 0 auto; \n  padding:20px;\n}\n\n\/* --- GRID --- *\/\n.gallery-grid {\n  max-width: 1000px;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 30px;\n  padding:20px;\n  margin: 40px auto;\n}\n\n\/* --- ITEM --- *\/\n.gallery-item {\n  overflow: hidden;\n  border-radius: 14px;\n  position: relative;\n  cursor: pointer;\n  aspect-ratio: 5 \/ 3;\n  \n  opacity: 0;\n  transform: translateY(30px);\n  animation: fadeUp 0.8s ease forwards;\n}\n\n\/* --- IMAGE --- *\/\n.gallery-item img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.5s ease, filter 0.5s ease;\n}\n\n\/* --- HOVER --- *\/\n.gallery-item:hover img {\n  transform: scale(1.08);\n  filter: brightness(0.7);\n}\n\n\/* --- ICON --- *\/\n.gallery-item::after {\n  content: \"\"; \n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 28px;\n  height: 28px;\n\n  background-image: url('data:image\/svg+xml;utf8,<svg width=\"28\" height=\"28\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7.61667 13.9833C11.1329 13.9833 13.9833 11.1329 13.9833 7.61667C13.9833 4.10045 11.1329 1.25 7.61667 1.25C4.10045 1.25 1.25 4.10045 1.25 7.61667C1.25 11.1329 4.10045 13.9833 7.61667 13.9833Z\" stroke=\"white\" stroke-width=\"1.5\"\/><path d=\"M18.75 18.75L11.9917 11.9917\" stroke=\"white\" stroke-width=\"1.5\"\/><\/svg>');\n  background-repeat: no-repeat;\n  background-position: center;\n\n  transform: translate(-50%, -50%) scale(0.5);\n  opacity: 0;\n  transition: all 0.3s ease;\n  z-index: 2;\n}\n\n.gallery-item:hover::after {\n  opacity: 1;\n  transform: translate(-50%, -50%) scale(1.2);\n}\n\n\/* fix \u1ea3nh 6 *\/\n.gallery-item:nth-child(6) img {\n  object-position: 50% 15%;\n}\n\n\/* --- ANIMATION --- *\/\n@keyframes fadeUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.gallery-item:nth-child(1) { animation-delay: 0.1s; }\n.gallery-item:nth-child(2) { animation-delay: 0.2s; }\n.gallery-item:nth-child(3) { animation-delay: 0.3s; }\n.gallery-item:nth-child(4) { animation-delay: 0.4s; }\n.gallery-item:nth-child(5) { animation-delay: 0.5s; }\n.gallery-item:nth-child(6) { animation-delay: 0.6s; }\n\n\/* --- RESPONSIVE --- *\/\n@media (max-width: 768px) {\n  .gallery-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 480px) {\n  .gallery-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* --- TITLE --- *\/\nh2 {\n  font-family: \"Inter\", sans-serif;\n  color: #000032;\n  font-weight: 700;\n  font-size: 32px;\n  text-transform: uppercase;\n  margin-top: 50px;\n  margin-bottom: 30px;  \n}\n\n\/* ================= LIGHTBOX ================= *\/\n.lightbox {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0,0,0,0.9);\n  display: none;\n  align-items: center;\n  justify-content: center;\n  z-index: 9999;\n}\n\n.lightbox img {\n  max-width: 90%;\n  max-height: 90%;\n  border-radius: 12px;\n  animation: zoomIn 0.3s ease;\n}\n\n@keyframes zoomIn {\n  from {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n.lightbox-close {\n  position: absolute;\n  top: 20px;\n  right: 30px;\n  font-size: 40px;\n  color: white;\n  cursor: pointer;\n}\n<\/style>\n\n<div class=\"container-gallery\">\n  <h2>Previous meet ups<\/h2>\n\n  <div class=\"gallery-grid\">\n    <div class=\"gallery-item\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Previous-meet-ups-1.jpg\">\n    <\/div>\n    <div class=\"gallery-item\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Previous-meet-ups-2.jpg\">\n    <\/div>\n    <div class=\"gallery-item\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Previous-meet-ups-3.jpg\">\n    <\/div>\n    <div class=\"gallery-item\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Previous-meet-ups-4.jpg\">\n    <\/div>\n    <div class=\"gallery-item\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Previous-meet-ups-5.jpg\">\n    <\/div>\n    <div class=\"gallery-item\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Previous-meet-ups-6.jpg\">\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- LIGHTBOX -->\n<div id=\"lightbox\" class=\"lightbox\">\n  <span class=\"lightbox-close\">&times;<\/span>\n  <img id=\"lightbox-img\">\n<\/div>\n\n<script>\nconst images = document.querySelectorAll('.gallery-item img');\nconst lightbox = document.getElementById('lightbox');\nconst lightboxImg = document.getElementById('lightbox-img');\nconst closeBtn = document.querySelector('.lightbox-close');\n\nimages.forEach(img => {\n  img.addEventListener('click', () => {\n    lightbox.style.display = 'flex';\n    lightboxImg.src = img.src;\n  });\n});\n\ncloseBtn.addEventListener('click', () => {\n  lightbox.style.display = 'none';\n});\n\nlightbox.addEventListener('click', (e) => {\n  if (e.target !== lightboxImg) {\n    lightbox.style.display = 'none';\n  }\n});\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<style>\n\n\n\/* ===== SECTION ===== *\/\n.expect-section {\n  max-width: 1000px;\n        font-family: 'Inter', sans-serif;\n  margin: 60px auto;\n    padding: 20px;\n}\n\n\/* ===== TITLE ===== *\/\n.section-title {\n  font-size: 32px;\n  font-weight: 800;\n  color: #1f2a44;\n  text-transform: uppercase;\n  animation: fadeInRight 0.8s ease forwards;\n}\n\n\/* ===== GRID ===== *\/\n.expect-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n column-gap: 60px; \/* Kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c c\u1ed9t *\/\n            row-gap: 50px;    \/* Kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c h\u00e0ng *\/\n}\n\n\/* ===== CARD (container ch\u1ec9 animate opacity) ===== *\/\n.expect-card {\n  position: relative;\n  border-radius: 14px;\n  cursor: pointer;\n\n  opacity: 0;\n  animation: fadeUp 0.6s ease forwards;\n}\n\n\/* ===== INNER (ch\u1ecbu transform + hover) ===== *\/\n.card-inner {\n  border-radius: 14px;\n  padding: 28px;\nmargin: 5px;\n  min-height: 120px;\n  display: flex;\n  flex-direction: column;\n\n  background: linear-gradient(\n    180deg,\n    rgba(139, 219, 255, 0.03) 0%,\n    rgba(139, 219, 255, 0.10) 100%\n  );\n\n  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),\n              box-shadow 0.4s ease,\n              background 0.3s ease;\n\n  transform: translateY(10px);\n\n  border: 1px solid transparent;\n  background-clip: padding-box;\n}\n\n\/* ===== BORDER GRADIENT ===== *\/\n.card-inner::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: 14px;\n  padding: 1px;\n  background: linear-gradient(135deg, #8bdbff, #4aa3ff);\n\n  -webkit-mask:\n    linear-gradient(#fff 0 0) content-box,\n    linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n  pointer-events: none;\n}\n\n\/* ===== TEXT ===== *\/\n.card-inner h3 {\n  font-size: 19px !important;\n  font-weight: 600;\n  margin: 0 0 10px;\n  color: #000;\n    text-transform: none !important;\n}\n\n.card-inner p {\n  font-size: 15px !important;\n  margin: 0;\n  color: #333;\n  line-height: 1.5;\n}\n\n\/* ===== HOVER ===== *\/\n.expect-card:hover .card-inner {\n  transform: translateY(-10px) scale(1.1);\n  background: #ffffff;\n  box-shadow: 0 20px 45px rgba(139, 219, 255, 0.45);\n}\n\n\/* ===== ANIMATION ===== *\/\n@keyframes fadeUp {\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeInRight {\n  from {\n    opacity: 0;\n    transform: translateX(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n\/* ===== DELAY ===== *\/\n.expect-card:nth-child(1) { animation-delay: 0.1s; }\n.expect-card:nth-child(2) { animation-delay: 0.2s; }\n.expect-card:nth-child(3) { animation-delay: 0.3s; }\n.expect-card:nth-child(4) { animation-delay: 0.4s; }\n.expect-card:nth-child(5) { animation-delay: 0.5s; }\n.expect-card:nth-child(6) { animation-delay: 0.6s; }\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 992px) {\n  .expect-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n.expect-card {\n  text-align: center;\n}\n}\n\n@media (max-width: 600px) {\n  .expect-grid {\n    grid-template-columns: 1fr;\n  }\n.expect-card {\n  text-align: center;\n}\n  .section-title {\n    font-size: 26px;\n  }\n}\n<\/style>\n\n\n<section class=\"expect-section\">\n  <h2 class=\"section-title\">What to expect<\/h2>\n\n  <div class=\"expect-grid\">\n\n    <div class=\"expect-card\">\n      <div class=\"card-inner\">\n        <h3>A warm, thoughtfully curated setting<\/h3>\n        <p>Around 15 guests for comfortable and meaningful conversations.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"expect-card\">\n      <div class=\"card-inner\">\n        <h3>Open and honest exchange<\/h3>\n        <p>A relaxed format for real stories and practical insights.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"expect-card\">\n      <div class=\"card-inner\">\n        <h3>AI &#038; tech perspectives<\/h3>\n        <p>Conversations around careers, trends, and emerging opportunities, with a focus on AI.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"expect-card\">\n      <div class=\"card-inner\">\n        <h3>Genuine connections<\/h3>\n        <p>Connect with Vietnamese professionals in Switzerland beyond typical networking settings.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"expect-card\">\n      <div class=\"card-inner\">\n        <h3>Perspectives you\u2019ll take with you<\/h3>\n        <p>Walk away with fresh ideas and perspectives from others navigating similar paths.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"expect-card\">\n      <div class=\"card-inner\">\n        <h3>Dinner is on us<\/h3>\n        <p>Just come, relax, and enjoy the conversation.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style>\n\n        .agenda-section {\n  max-width: 1000px;\n            margin: 60px auto;\npadding: 20px;\n            font-family: 'Inter', sans-serif;\n        }\n\n        \/* --- HEADER --- *\/\n        .agenda-header {\n            margin-bottom: 50px;\n        }\n\n        .agenda-title {\n            font-size: 32px;\n            font-weight: 800;\n            color: var(--primary-navy);\n            text-transform: uppercase;\n            margin: 0 0 15px 0;\n            position: relative;\n            display: inline-block;\n        }\n\n        \/* G\u1ea1ch ch\u00e2n xanh d\u01b0\u1edbi ti\u00eau \u0111\u1ec1 Agenda *\/\n        .agenda-title::after {\n            content: \"\";\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background-color: var(--accent-blue);\n        }\n\n        .agenda-description {\n            font-size: 15px !important;\n            line-height: 1.6;\n            color: var(--text-gray);\n            margin-top: 20px;\n        }\n\n        \/* --- TABLE \/ LIST STYLING --- *\/\n        .agenda-table {\n            width: 100%;\n            border-collapse: collapse;\ndisplay: flex;\n  justify-content: center;\n        }\n\n        .agenda-row {\n            border-bottom: 1px solid #29B3FE;\n        }\n\n        .agenda-row:last-child {\n            border-bottom: none;\n        }\n\n        .time-cell {\n            padding: 25px 40px 25px 0;\n            font-weight: 700;\n            font-size: 19px !important;\n            color: #000;\n            width: 150px;\n            text-align: right;\n            white-space: nowrap;\nborder-right: 1px solid #29B3FE;\n        }\n\n        \/* \u0110\u01b0\u1eddng k\u1ebb d\u1ecdc ng\u0103n c\u00e1ch *\/\n        .content-cell {\n            padding: 25px 0 25px 40px;\n                        font-size: 19px !important;\n            color: var(--text-gray);\n            border-left: 1px solid var(--vertical-line);\n            line-height: 1.4;\n        }\n\n        \/* Responsive cho thi\u1ebft b\u1ecb di \u0111\u1ed9ng *\/\n        @media (max-width: 600px) {\n            .time-cell {\n                width: 100px;\n                font-size: 16px;\n                padding: 15px 20px 15px 0;\n            }\n            .content-cell {\n                padding: 15px 0 15px 20px;\n                font-size: 16px;\n            }\n            .agenda-title { font-size: 28px; }\n        }\n    <\/style>\n\n\n<section class=\"agenda-section\">\n    <div class=\"agenda-header\">\n        <h2 class=\"agenda-title\">AGENDA<\/h2>\n        <p class=\"agenda-description\">\n            A relaxed, warm, and informal two-hour lunch in a private room at a Vietnamese restaurant in Zurich. \n            You&#8217;ll have time to settle in, meet everyone, enjoy the food, and ease into light conversations &#8211; \n            before mingling more freely toward the end.\n        <\/p>\n    <\/div>\n\n    <table class=\"agenda-table\">\n        <tr class=\"agenda-row\">\n            <td class=\"time-cell\">5:30 PM &#8211; 5:45 PM<\/td>\n            <td class=\"content-cell\">Guest arrival, ordering, and open conversation<\/td>\n        <\/tr>\n        <tr class=\"agenda-row\">\n            <td class=\"time-cell\">5:45 PM &#8211; 6:00 PM<\/td>\n            <td class=\"content-cell\">Welcome remarks from IMT<\/td>\n        <\/tr>\n        <tr class=\"agenda-row\">\n            <td class=\"time-cell\">6:00 PM &#8211; 6:15 PM<\/td>\n            <td class=\"content-cell\">Quick introductions<\/td>\n        <\/tr>\n        <tr class=\"agenda-row\">\n            <td class=\"time-cell\">6:15 PM &#8211; 7:00 PM<\/td>\n            <td class=\"content-cell\">Dinner and guided discussion<\/td>\n        <\/tr>\n        <tr class=\"agenda-row\">\n            <td class=\"time-cell\">7:00 PM ONWARDS<\/td>\n            <td class=\"content-cell\">Networking duration<\/td>\n        <\/tr>\n      \n    <\/table>\n<\/section>\n\n\n\n<style>\n\n\/* ===== SECTION ===== *\/\n.hosts-section {\n      margin: 60px auto;\n  max-width: 1000px;\n  font-family: 'Inter', sans-serif;\n}\n\n\/* ===== TITLE ===== *\/\n.hosts-title {\n  font-size: 32px !important;\n  font-weight: 800;\n  color: #1f2a44;\n  margin-bottom: 40px;\n  animation: fadeInLeft 0.8s ease forwards;\n}\n\n\/* ===== CONTAINER ===== *\/\n.hosts-container {\n  margin: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n}\n\n\/* ===== ITEM ===== *\/\n.host-item {\n  display: flex;\n  align-items: center;\n  gap: 30px;\n  padding: 24px;\n  margin: 20px;\n  background: #fff;\n  border-radius: 14px;\n  transition: all 0.3s ease;\n  opacity: 0;\n  transform: translateY(20px);\n  animation: fadeUp 0.8s ease forwards;\n}\n\n.host-item:nth-child(2) {\n  animation-delay: 0.2s;\n}\n\n\/* Hover effect *\/\n.host-item:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 12px 30px rgba(0,0,0,0.08);\n}\n\n\/* ===== 40% LOGO ===== *\/\n.host-logo {\n  flex: 0 0 40%;\n  max-width: 40%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.host-logo img {\n  width: 200px;\n  height: auto;\n  transition: transform 0.3s ease;\n}\n\n\/* nh\u1eb9 khi hover *\/\n.host-item:hover .host-logo img {\n  transform: scale(1.05);\n}\n\n\/* ===== 60% CONTENT ===== *\/\n.host-content {\n  flex: 0 0 55%;\n  max-width: 60%;\n  border-left: 3px solid #29B3FE;\npadding-left: 20px;\n}\n\n.host-content h3 {\n  font-size: 19px !important;\n  font-weight: 700;\n  margin-bottom: 8px;\n  color: #1f2a44;\n}\n\n.host-content p {\n  font-size: 15px !important;\n  color: #555;\n  line-height: 1.6;\n}\n\n\/* ===== ANIMATION ===== *\/\n@keyframes fadeUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeInLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 768px) {\n  .hosts-title {\n    text-align: center;\n  }\n\n  .host-item {\n    flex-direction: column;\n    text-align: center;\n    border: 2px solid #00000038;\n  }\n\n  .host-logo,\n  .host-content {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n\n  .host-content {\n    border-left: none;\n    padding-left: 0;\n  }\n\n  .host-logo img {\n    width: 70px;\n  }\n}\n\n<\/style>\n\n<section class=\"hosts-section\">\n  <div class=\"hosts-container\">\n    \n    <h2 class=\"hosts-title\">OUR HOSTS<\/h2>\n\n    <!-- ITEM 1 -->\n    <div class=\"host-item\">\n      <div class=\"host-logo\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/IMT-Solutions-Logo-Full.png\" alt=\"IMT Solutions\">\n      <\/div>\n      <div class=\"host-content\">\n        <h3>IMT Solutions<\/h3>\n        <p>\n          Leading Asia-Pacific digital transformation and IT outsourcing provider,\n          specializing in cloud migration, AI\/MLOps, RPA and synthetic monitoring\n          to solve enterprise operational and complex technology challenges.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- ITEM 2 -->\n    <div class=\"host-item\">\n      <div class=\"host-logo\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/SVEF-logo.png\" alt=\"SVEF\">\n      <\/div>\n      <div class=\"host-content\">\n        <h3>Swiss-Vietnamese Economic Forum<\/h3>\n        <p>\n          SVEF connects businesses, organizations, and policymakers from Switzerland\n          and Vietnam via events and programs to strengthen bilateral trade,\n          innovation, and investment.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style>\n\/* --- SECTION 4: LOCATION --- *\/\n.container-location {\n  max-width: 1000px;\n  margin: 0 auto; \n      padding: 0 20px 0 20px;\n}\n        .location-section {\n    font-family: 'Inter', sans-serif;\n            display: grid;\n    margin: 0 auto;\n  max-width: 1000px;\npadding: 20px;\n            grid-template-columns: 1fr 1.2fr;\n            gap: 60px;\n            align-items: start;\n        }\n        .loc-info h3 { font-size: 24px; color: var(--primary-navy); margin-bottom: 8px; }\n        .loc-info p { color: var(--text-gray); margin-bottom: 30px; }\n        .loc-images { display: grid; grid-template-columns: 1fr; gap: 20px; }\n        .loc-images img { width: 100%; border-radius: 4px; object-fit: cover; height: 250px; }\n        .map-container { width: 100%; height: 650px; border-radius: 4px; overflow: hidden; }\n        .map-container iframe { width: 100%; height: 100%; border: 0; }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .join-grid { flex-direction: column; }\n            .join-item:not(:last-child)::after { display: none; }\n            .expect-grid { grid-template-columns: 1fr; }\n            .location-section { grid-template-columns: 1fr; }\n            .time-cell { width: 120px; font-size: 16px; padding-right: 20px; }\n            .content-cell { padding-left: 20px; font-size: 16px; }\n        }\n    <\/style>\n<div class=\"container-location\">\n<h2 class=\"section-title\">Event Location<\/h2>\n<\/div>\n    <section class=\"location-section\">\n        <div class=\"loc-info\">\n            <h3>VIETNAM RESTAURANT<\/h3>\n            <p>Uetlibergstrasse 111B, 8045 Z\u00fcrich<\/p>\n            <div class=\"loc-images\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Location-1.jpg\" alt=\"Restaurant Interior 1\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Location-2.jpg\" alt=\"Restaurant Interior 2\">\n            <\/div>\n        <\/div>\n        <div class=\"map-container\">\n            <iframe \n                src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2702.6167971328446!2d8.5180154!3d47.360879!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47900f397b8187b%3A0x0cb5e5531d30188f!2sVietnam%20Restaurant!5e0!3m2!1svi!2s!4v1716936175110!5m2!1svi!2s\" \n                style=\"border:0;\" \n                allowfullscreen=\"\" \n                loading=\"lazy\" \n                referrerpolicy=\"no-referrer-when-downgrade\">\n            <\/iframe>\n        <\/div>\n    <\/section>\n\n\n\n<style>\n\/* 1. \u0110\u1ea3m b\u1ea3o khung ngo\u00e0i c\u00f9ng chi\u1ebfm tr\u1ecdn chi\u1ec1u r\u1ed9ng *\/\n.section-form {\n    width: 100%;\n    padding: 20px 0; \/* T\u0103ng kho\u1ea3ng c\u00e1ch cho tho\u00e1ng gi\u1ed1ng m\u1eabu *\/\n    display: flex;\n    justify-content: center; \/* C\u0103n gi\u1eefa container-form theo chi\u1ec1u ngang *\/\n    align-items: center;\n    background-color: #ffffff; \/* Ho\u1eb7c m\u00e0u n\u1ec1n b\u1ea1n mu\u1ed1n *\/\n}\n\n\/* 2. Khung ch\u1ee9a form - Quy\u1ebft \u0111\u1ecbnh \u0111\u1ed9 r\u1ed9ng v\u00e0 v\u1ecb tr\u00ed trung t\u00e2m *\/\n.container-form {\n   \/* Thu h\u1eb9p l\u1ea1i m\u1ed9t ch\u00fat (800px) \u0111\u1ec3 form tr\u00f4ng chuy\u00ean nghi\u1ec7p h\u01a1n *\/\n    margin: 0 auto;\n    padding: 0 20px;\n    box-sizing: border-box;\n}\n\n\/* 3. C\u0103n gi\u1eefa ti\u00eau \u0111\u1ec1 *\/\n.container-form h2 {\n    text-align: center !important;\n    margin-bottom: 40px !important;\n    font-size: 32px;\n    font-weight: 400;\n    color: #1a1a1a;\n    width: 100%;\n}\n\n\/* 4. C\u0103n gi\u1eefa c\u00e1c th\u00e0nh ph\u1ea7n b\u00ean trong Contact Form 7 *\/\n.wpcf7 {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n}\n\n.wpcf7 form {\n    width: 100%;\n}\n\n\/* \u0110\u1ea3m b\u1ea3o c\u00e1c input chi\u1ebfm h\u1ebft chi\u1ec1u r\u1ed9ng v\u00e0 c\u0103n gi\u1eefa *\/\n.wpcf7-form-control-wrap {\n    display: block;\n    width: 100%;\n    margin-bottom: 15px;\n}\n\n.wpcf7 input:not([type=\"submit\"]), \n.wpcf7 textarea, \n.wpcf7 select {\n   \n    box-sizing: border-box;\n}\n\n\/* 5. C\u0103n gi\u1eefa n\u00fat Submit (Quan tr\u1ecdng v\u00ec n\u00fat n\u00e0y hay b\u1ecb l\u1ec7ch tr\u00e1i) *\/\n.wpcf7-submit {\n    display: table !important; \/* D\u00f9ng table \u0111\u1ec3 margin auto c\u00f3 t\u00e1c d\u1ee5ng *\/\n    padding: 12px 50px !important;\n    cursor: pointer;\n}\n<\/style>\n\n<section class=\"section-form\" id=\"contact-form\">\n    <div class=\"container-form\"> \n        <h2>Request an Invitation<\/h2>\n        <div class=\"wp-block-contact-form-7-contact-form-selector\">\n            \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f298-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"298\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/Vietnamese-Tech-Table-2026\/wp-json\/wp\/v2\/pages\/11#wpcf7-f298-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"298\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f298-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<style>\n.wpdevart-main-container h2:not(.wpdevart-posts-list-title h2, .sidebar-widget-area h2) {\n line-height: 1.3;\n}\n.wpcf7-spinner {\nmargin-top: 20px !important;\n width: 24px !important;\n height: 24px !important;\n\n}\n.wpcf7 p {\n margin: 0 !important;\n}\n\/* ===== WRAPPER ===== *\/\n.wpcf7 {\n max-width: 1000px;\n margin: 0 auto;\n font-family: 'Inter', sans-serif;\n}\n.wpcf7-not-valid-tip {\n color: #dc3232;\n font-size: 15px;\n font-weight: normal;\n display: block;\n}\n.wpcf7 form .wpcf7-response-output {\n margin: 2em 0.5em 1em;\n padding: 0.2em 1em;\n border: 2px solid #00a0d2;\n font-size: 17px;\n}\n\/* ===== ROW ===== *\/\n.form-row {\n display: flex;\n gap: 50px;\nmargin-top: -30px;\n margin-bottom: 20px;\n}\n\n\/* MOBILE *\/\n@media (max-width: 768px) {\n .form-row {\n flex-direction: column;\n gap: 10px;\n }\n\n .form-row .form-group {\n width: 100%;\n }\n}\n@media (max-width: 768px) {\n .form-row span {\n width: 100% !important;\n height: 75px;\n }\n}\n\/* 50% - 50% chu\u1ea9n *\/\n.form-row .form-group {\n flex: 1;\n min-width: 0;\n}\n\n\/* FIX CF7 *\/\n.form-group,\n.form-group span,\n.wpcf7-form-control-wrap {\n display: block;\nheight: 80px;\n}\n\n\/* INPUT *\/\n.wpcf7 input[type=\"text\"],\n.wpcf7 input[type=\"email\"] {\n width: 100%;\n padding: 12px;\n border: 1px solid #ccc;\n border-radius: 6px;\n font-size: 15px !important;\n box-sizing: border-box;\n transition: all 0.25s ease;\n}\n\n\/* FOCUS *\/\n.wpcf7 input:focus {\n border-color: #1e5ec9;\n outline: none;\n box-shadow: 0 0 0 2px rgba(30,94,201,0.1);\n}\n\n\/* LABEL *\/\n.wpcf7 label {\n display: block;\n font-size: 15px !important;\n margin-bottom: 6px;\n color: #1f2a44;\n}\n\n\/* BUTTON *\/\n.wpcf7 input[type=\"submit\"] {\n background: #1e3a8a;\n margin-top: 20px;\n color: #fff;\n padding: 12px;\n border: none;\n border-radius: 6px;\n font-weight: 600;\n font-size: 16px !important;\n cursor: pointer;\n transition: all 0.3s ease;\n\n}\n\n.wpcf7 input[type=\"submit\"]:hover {\n background: #1e5ec9;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 768px) {\n .form-row {\n flex-direction: column;\n margin-bottom: 40px;\n }\n}\n<\/style>\n<p><label>Your name*<\/label>\n<\/p>\n<div class=\"form-row\">\n\t<p><span class=\"form-group\"><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"first-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"First name\" value=\"\" type=\"text\" name=\"first-name\" \/><\/span><br \/>\n<\/span>\n\t<\/p>\n\t<p><span class=\"form-group\"><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"last-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Last name\" value=\"\" type=\"text\" name=\"last-name\" \/><\/span><br \/>\n<\/span>\n\t<\/p>\n<\/div>\n<p><label>Email*<\/label>\n<\/p>\n<div class=\"form-group\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t<\/p>\n<\/div>\n<p><label>Phone number<\/label>\n<\/p>\n<div class=\"form-group\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-phone\" \/><\/span>\n\t<\/p>\n<\/div>\n<p><label>Your role<\/label>\n<\/p>\n<div class=\"form-group\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-role\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-role\" \/><\/span>\n\t<\/p>\n<\/div>\n<p><label>Company*<\/label>\n<\/p>\n<div class=\"form-group\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-company\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"form-group\">\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n        <\/div>\n    <\/div> \n<\/section>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>THE VIETNAMESE TECH GATHERING A relaxed dinner gathering for Vietnamese professionals in tech across Switzerland 5:30 PM, 18 May 2026@Zurich Request an Invitation WHY THIS GATHERING Meaningful conversations Shared experiences A stronger community This dinner is a quality, small-scale gathering for around 20 Vietnamese professionals working in technology in Switzerland. Rather than a formal business [&hellip;]<\/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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/event.imt-soft.com\/Vietnamese-Tech-Table-2026\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/event.imt-soft.com\/Vietnamese-Tech-Table-2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/event.imt-soft.com\/Vietnamese-Tech-Table-2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/event.imt-soft.com\/Vietnamese-Tech-Table-2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/event.imt-soft.com\/Vietnamese-Tech-Table-2026\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":324,"href":"https:\/\/event.imt-soft.com\/Vietnamese-Tech-Table-2026\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":410,"href":"https:\/\/event.imt-soft.com\/Vietnamese-Tech-Table-2026\/wp-json\/wp\/v2\/pages\/11\/revisions\/410"}],"wp:attachment":[{"href":"https:\/\/event.imt-soft.com\/Vietnamese-Tech-Table-2026\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}