{"id":34,"date":"2018-10-08T13:02:26","date_gmt":"2018-10-08T13:02:26","guid":{"rendered":"https:\/\/demo.crocoblock.com\/warehouser\/?page_id=34"},"modified":"2026-03-04T03:43:24","modified_gmt":"2026-03-04T03:43:24","slug":"gioi-thieu","status":"publish","type":"page","link":"https:\/\/vlxdquedong.vn\/?page_id=34","title":{"rendered":"Gi\u1edbi Thi\u1ec7u"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"34\" class=\"elementor elementor-34\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f9f998c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f9f998c\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e6e84ca\" data-id=\"e6e84ca\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cd6411b elementor-widget elementor-widget-image\" data-id=\"cd6411b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-image\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img data-opt-src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/10\/Banner-On-Top.png\"  decoding=\"async\" width=\"1920\" height=\"820\" src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:eco\/f:best\/https:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/10\/Banner-On-Top.png\" class=\"attachment-full size-full\" alt=\"\" old-srcset=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/10\/Banner-On-Top.png 1920w, https:\/\/ml0y6nfiizxk.i.optimole.com\/w:300\/h:128\/q:mauto\/f:best\/https:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/10\/Banner-On-Top.png 300w, https:\/\/ml0y6nfiizxk.i.optimole.com\/w:1024\/h:437\/q:mauto\/f:best\/https:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/10\/Banner-On-Top.png 1024w, https:\/\/ml0y6nfiizxk.i.optimole.com\/w:1000\/h:427\/q:mauto\/f:best\/https:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/10\/Banner-On-Top.png 1000w, https:\/\/ml0y6nfiizxk.i.optimole.com\/w:768\/h:328\/q:mauto\/f:best\/https:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/10\/Banner-On-Top.png 768w, https:\/\/ml0y6nfiizxk.i.optimole.com\/w:1536\/h:656\/q:mauto\/f:best\/https:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/10\/Banner-On-Top.png 1536w, https:\/\/ml0y6nfiizxk.i.optimole.com\/w:600\/h:256\/q:mauto\/f:best\/https:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/10\/Banner-On-Top.png 600w\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d1ca8cb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d1ca8cb\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-45ed759\" data-id=\"45ed759\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ccdf1bd elementor-widget elementor-widget-html\" data-id=\"ccdf1bd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n  body{\r\n    margin:0;\r\n    padding:0;\r\n    font-family:Arial,sans-serif;\r\n    background:#121210;\r\n    color:#fff;\r\n  }\r\n\r\n  \/* Desktop \/ tablet (gi\u1eef b\u1ed1 c\u1ee5c hi\u1ec7n t\u1ea1i) *\/\r\n  .image-section{\r\n    display:flex;\r\n    justify-content:space-around;\r\n    align-items:center;\r\n    padding:50px 0;\r\n    min-height:60vh;\r\n    gap:16px;\r\n  }\r\n  .image-container{\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    width:150px;\r\n    height:auto;\r\n    opacity:0;\r\n    transform:translateY(50px);\r\n    transition:transform 1s, opacity 1s;\r\n  }\r\n  .image-container img{\r\n    width:100%;\r\n    height:250px;\r\n    object-fit:cover;\r\n    display:block;\r\n  }\r\n  .image-number{\r\n    margin-top:10px;\r\n    font-size:72px;\r\n    font-weight:600;\r\n    color:transparent;\r\n    -webkit-text-stroke:1.5px rgba(255,255,255,.5);\r\n    text-align:center;\r\n    line-height:1;\r\n  }\r\n  .image-container.visible{opacity:1;transform:translateY(0);}\r\n\r\n  \/* -------- MOBILE -------- *\/\r\n  @media (max-width: 768px){\r\n    \/* d\u00f9ng grid \u0111\u1ec3 c\u00e1c c\u1ed9t b\u1eb1ng nhau v\u00e0 canh h\u00e0ng chu\u1ea9n *\/\r\n    .image-section{\r\n      display:grid;\r\n      grid-template-columns:repeat(4, 1fr);\r\n      align-items:start;\r\n      padding:24px 8px;\r\n      min-height:auto;\r\n      gap:8px;\r\n    }\r\n\r\n    \/* b\u1ecf m\u1ecdi margin \"so le\" v\u00e0 \u0111\u1ea3m b\u1ea3o c\u00f9ng k\u00edch th\u01b0\u1edbc *\/\r\n    .image-container{\r\n      width:100%;\r\n      margin:0;\r\n      opacity:1;           \/* hi\u1ec7n s\u1eb5n tr\u00ean mobile cho \u0111\u01a1n gi\u1ea3n *\/\r\n      transform:none;\r\n    }\r\n    .image-container:nth-child(n){margin:0;} \/* xo\u00e1 b\u1eadc thang *\/\r\n\r\n    \/* \u0111\u1eb7t c\u00f9ng chi\u1ec1u cao \u1ea3nh theo viewport \u0111\u1ec3 4 \u1ea3nh b\u1eb1ng nhau *\/\r\n    .image-container img{\r\n      width:100%;\r\n      height:40vw;        \/* c\u00f9ng chi\u1ec1u cao theo m\u00e0n h\u00ecnh *\/\r\n      max-height:220px;   \/* gi\u1edbi h\u1ea1n tr\u00ean \u0111\u1ec3 kh\u00f4ng qu\u00e1 cao *\/\r\n      object-fit:cover;\r\n    }\r\n\r\n    \/* \u00f4 s\u1ed1 c\u00f3 chi\u1ec1u cao c\u1ed1 \u0111\u1ecbnh -> h\u00e0ng s\u1ed1 th\u1eb3ng nhau *\/\r\n    .image-number{\r\n      margin-top:6px;\r\n      height:64px;        \/* CH\u00ccA KHO\u00c1: c\u00f9ng chi\u1ec1u cao cho t\u1ea5t c\u1ea3 s\u1ed1 *\/\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      font-size:12vw;     \/* responsive c\u1ee1 s\u1ed1 *\/\r\n      max-font-size:72px; \/* (tr\u00ecnh duy\u1ec7t s\u1ebd b\u1ecf qua n\u1ebfu kh\u00f4ng h\u1ed7 tr\u1ee3) *\/\r\n      -webkit-text-stroke:1px rgba(255,255,255,.5);\r\n    }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <div class=\"image-section\">\r\n    <div class=\"image-container\">\r\n      <img decoding=\"async\" decoding=async  fetchpriority=\"high\" src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:mauto\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/09\/01.png\" alt=\"Image 1\">\r\n      <div class=\"image-number\">01<\/div>\r\n    <\/div>\r\n    <div class=\"image-container\">\r\n      <img decoding=\"async\" decoding=async  fetchpriority=\"high\" src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:mauto\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/09\/02.png\" alt=\"Image 2\">\r\n      <div class=\"image-number\">02<\/div>\r\n    <\/div>\r\n    <div class=\"image-container\">\r\n      <img decoding=\"async\" decoding=async  fetchpriority=\"high\" src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:mauto\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/09\/03.png\" alt=\"Image 3\">\r\n      <div class=\"image-number\">03<\/div>\r\n    <\/div>\r\n    <div class=\"image-container\">\r\n      <img decoding=\"async\" decoding=async  data-opt-src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:mauto\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/09\/04.png\"  src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:eco\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/09\/04.png\" alt=\"Image 4\">\r\n      <div class=\"image-number\">04<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    \/\/ Hi\u1ec7u \u1ee9ng xu\u1ea5t hi\u1ec7n (\u00e1p d\u1ee5ng ch\u1ee7 y\u1ebfu cho desktop)\r\n    function isInViewport(el){\r\n      const r = el.getBoundingClientRect();\r\n      return r.top < (window.innerHeight || document.documentElement.clientHeight) && r.bottom > 0;\r\n    }\r\n    const imageContainers = document.querySelectorAll('.image-container');\r\n    function reveal(){\r\n      imageContainers.forEach(c => { if(isInViewport(c)) c.classList.add('visible'); });\r\n    }\r\n    window.addEventListener('scroll', reveal);\r\n    document.addEventListener('DOMContentLoaded', reveal);\r\n  <\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7bec014 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7bec014\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bc8ce06\" data-id=\"bc8ce06\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b785cbd elementor-widget elementor-widget-html\" data-id=\"b785cbd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n    background-color: #000; \/* Set background to black *\/\r\n    font-family: Helvetica, Arial, sans-serif;\r\n  }\r\n\r\n  .section-container {\r\n    text-align: center;\r\n    padding: 50px 20px; \/* Padding to give space around the text *\/\r\n  }\r\n\r\n  .section-title-a {\r\n    font-size: 30px;\r\n    color: #4DC3E9;\r\n    margin-bottom: 20px;\r\n    font-weight: bold;\r\n  }\r\n\r\n  .section-paragraph-abc {\r\n    font-size: 18px;\r\n    color: #D4D5D9;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* \u2705 Mobile version \u2014 th\u00eam kho\u1ea3ng c\u00e1ch 2 b\u00ean *\/\r\n  @media (max-width: 768px) {\r\n    .section-container {\r\n      margin-left: 20px;\r\n      margin-right: 20px;\r\n      padding: 40px 0; \/* gi\u1ea3m padding \u0111\u1ec3 g\u1ecdn tr\u00ean mobile *\/\r\n    }\r\n\r\n    .section-title-a {\r\n      font-size: 26px;\r\n    }\r\n\r\n    .section-paragraph-abc {\r\n      font-size: 16px;\r\n      line-height: 1.55;\r\n    }\r\n  }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"section-container\">\r\n  <h1 class=\"section-title-a\">C\u00d4NG TY TNHH QU\u1ebe \u0110\u00d4NG<\/h1>\r\n  <p class=\"section-paragraph-abc\">\r\n    C\u00f4ng ty TNHH VLXD Qu\u1ebf \u0110\u00f4ng \u0111\u01b0\u1ee3c th\u00e0nh l\u1eadp n\u0103m 2008, ti\u1ec1n th\u00e2n l\u00e0 m\u1ed9t c\u1eeda h\u00e0ng v\u1eadt li\u1ec7u x\u00e2y d\u1ef1ng nh\u1ecf l\u1ebb. Tr\u1ea3i qua g\u1ea7n 20 n\u0103m v\u1edbi nhi\u1ec1u kh\u00f3 kh\u0103n, th\u00e1ch th\u1ee9c v\u00e0 c\u1ea3 s\u1ef1 n\u1ed7 l\u1ef1c t\u1eeb Ban Gi\u00e1m \u0110\u1ed1c c\u00f9ng to\u00e0n th\u1ec3 c\u00e1n b\u1ed9 c\u00f4ng nh\u00e2n vi\u00ean, gi\u1edd \u0111\u00e2y C\u00f4ng Ty Tr\u00e1ch Nhi\u1ec7m H\u1eefu H\u1ea1n V\u1eadt Li\u1ec7u X\u00e2y D\u1ef1ng Qu\u1ebf \u0110\u00f4ng c\u00f3 m\u1ed9t ch\u1ed7 \u0111\u1ee9ng nh\u1ea5t \u0111\u1ecbnh trong ng\u00e0nh v\u1eadt li\u1ec7u x\u00e2y d\u1ef1ng Mi\u1ec1n Nam.\r\n  <\/p>\r\n<\/div>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-29a2ac8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"29a2ac8\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-89d3d20\" data-id=\"89d3d20\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4cf205b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4cf205b\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-048e732\" data-id=\"048e732\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-811394d elementor-widget elementor-widget-html\" data-id=\"811394d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n    body {\n      margin: 0;\n      padding: 0;\n      font-family: 'Helvetica', Arial, sans-serif;\n      background-color: #121210;\n      color: #fff;\n    }\n\n    .typography-section {\n      display: flex;\n      flex-wrap: wrap; \/* Allow wrapping *\/\n      justify-content: space-around;\n      align-items: center;\n      background-color: #121210;\n      height: auto; \/* Allow height to adjust *\/\n      padding: 20px;\n      width: 100%;\n    }\n\n    .letter-container {\n      perspective: 1200px;\n      margin: 10px; \/* Add margin for spacing on small screens *\/\n    }\n\n    .flip-card {\n      width: 100px;   \/* smaller size *\/\n      height: 150px;  \/* smaller size *\/\n      border-radius: 10px;\n      transition: transform 0.3s ease, background-color 0.3s ease;\n    }\n\n    .flip-card-inner {\n      position: relative;\n      width: 100%;\n      height: 100%;\n      text-align: center;\n      transition: transform 0.8s;\n      transform-style: preserve-3d;\n      cursor: pointer;\n    }\n\n    .flip-card-front, .flip-card-back {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      backface-visibility: hidden;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: 10px;\n    }\n\n    \/* Flip Card Front Styling *\/\n    .flip-card-front {\n      background-color: #121210;\n      color: #00aaff;\n      font-size: 48px;\n      font-weight: 600;\n      transition: background-color 0.3s ease;\n    }\n\n    .flip-card:hover .flip-card-front {\n      background-color: #73716E;\n    }\n\n    \/* Flip Card Back Styling *\/\n    .flip-card-back {\n      background-color: #121210;\n      color: #00aaff;\n      transform: rotateY(180deg);\n      padding: 10px;\n      font-size: 14px;\n      font-weight: 400;\n      border-radius: 10px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      text-align: center;\n      border: 1px solid #00aaff;\n    }\n\n    .flip-card-back h4 {\n      font-size: 12px;\n      color: #00aaff;\n      margin: 0 0 10px 0;\n    }\n\n    .flip-card-back p {\n      font-size: 11px;\n      color: #858380;\n      line-height: 1.4;\n    }\n\n    \/* Flip effect *\/\n    .flip-card-inner.flip {\n      transform: rotateY(180deg);\n    }\n\n    .letter {\n      font-size: 60px;\n      color: #5BB3E0;\n      font-weight: 600;\n      transition: transform 0.3s ease;\n    }\n\n    .flip-card:hover {\n      transform: scale(1.05);\n    }\n\n    .flip-card:hover .letter {\n      transform: scale(1.1);\n    }\n\n    \/* \u2705 Responsive Styling *\/\n@media (max-width: 480px) {\n  .typography-section {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    justify-items: center;\n    grid-gap: 8px;\n  }\n\n  .letter-container {\n    margin: 3px;\n  }\n\n  \/* First row: Q U E *\/\n  .letter-container:nth-child(1) {\n    grid-column: 1;\n    grid-row: 1;\n  }\n  .letter-container:nth-child(2) {\n    grid-column: 2;\n    grid-row: 1;\n  }\n  .letter-container:nth-child(3) {\n    grid-column: 3;\n    grid-row: 1;\n  }\n\n  \/* Second row: D O N G *\/\n  .letter-container:nth-child(4) {\n    grid-column: 1;\n    grid-row: 2;\n  }\n  .letter-container:nth-child(5) {\n    grid-column: 2;\n    grid-row: 2;\n  }\n  .letter-container:nth-child(6) {\n    grid-column: 3;\n    grid-row: 2;\n  }\n  .letter-container:nth-child(7) {\n    grid-column: 4;\n    grid-row: 2;\n  }\n\n  .flip-card {\n    width: 60px;\n    height: 95px;\n  }\n\n  .flip-card-front {\n    font-size: 28px;\n  }\n\n  .flip-card-back {\n    font-size: 10px;\n    padding: 6px;\n  }\n\n  .flip-card-back h4 {\n    font-size: 9px;\n  }\n\n  .flip-card-back p {\n    font-size: 7px;\n  }\n}\n    }\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"typography-section\">\n  <!-- QUALITY -->\n  <div class=\"letter-container\">\n    <div class=\"flip-card\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\"><span class=\"letter\">Q<\/span><\/div>\n        <div class=\"flip-card-back\">\n          <h4>QUALITY<\/h4>\n          <p>Ch\u1ea5t l\u01b0\u1ee3ng l\u00e0 \u01b0u ti\u00ean th\u1ee9 nh\u1ea5t<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- UNITY -->\n  <div class=\"letter-container\">\n    <div class=\"flip-card\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\"><span class=\"letter\">U<\/span><\/div>\n        <div class=\"flip-card-back\">\n          <h4>UNITY<\/h4>\n          <p>\u0110\u1ed3ng nh\u1ea5t trong ho\u00e0n thi\u1ec7n s\u1ea3n ph\u1ea9m<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- EVOLUTION -->\n  <div class=\"letter-container\">\n    <div class=\"flip-card\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\"><span class=\"letter\">E<\/span><\/div>\n        <div class=\"flip-card-back\">\n          <h4>EVOLUTION<\/h4>\n          <p>C\u00e1ch m\u1ea1ng ho\u00e1 d\u1ecbch v\u1ee5<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- DIGNITY -->\n  <div class=\"letter-container\">\n    <div class=\"flip-card\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\"><span class=\"letter\">D<\/span><\/div>\n        <div class=\"flip-card-back\">\n          <h4>DIGNITY<\/h4>\n          <p>\u0110\u1ebfn v\u1edbi kh\u00e1ch h\u00e0ng b\u1eb1ng s\u1ef1 Ch\u00e2n th\u00e0nh<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- OPTIMIZATION -->\n  <div class=\"letter-container\">\n    <div class=\"flip-card\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\"><span class=\"letter\">O<\/span><\/div>\n        <div class=\"flip-card-back\">\n          <h4>OPTIMIZATION<\/h4>\n          <p>T\u1ed1i \u01b0u ho\u00e1 chi ph\u00ed cho Kh\u00e1ch h\u00e0ng<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- NEWNESS -->\n  <div class=\"letter-container\">\n    <div class=\"flip-card\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\"><span class=\"letter\">N<\/span><\/div>\n        <div class=\"flip-card-back\">\n          <h4>NEWNESS<\/h4>\n          <p>Mang s\u1ef1 T\u01b0\u01a1i M\u1edbi v\u00e0o tr\u1ea3i nghi\u1ec7m mua h\u00e0ng VLXD<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- GLOCALIZATION -->\n  <div class=\"letter-container\">\n    <div class=\"flip-card\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\"><span class=\"letter\">G<\/span><\/div>\n        <div class=\"flip-card-back\">\n          <h4>GLOCALIZATION<\/h4>\n          <p>H\u01b0\u1edbng t\u1edbi m\u1ee5c ti\u00eau \u0111\u1ecba ph\u01b0\u01a1ng ho\u00e1 \u1edf quy m\u00f4 to\u00e0n c\u1ea7u<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function () {\n    const letterContainers = document.querySelectorAll('.letter-container');\n    letterContainers.forEach(container => {\n      const flipCardInner = container.querySelector('.flip-card-inner');\n      container.addEventListener('click', function () {\n        flipCardInner.classList.toggle('flip');\n      });\n    });\n  });\n<\/script>\n\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39eb414 elementor-widget elementor-widget-html\" data-id=\"39eb414\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t  <style>\r\n    body {\r\n      margin: 0;\r\n      padding: 0;\r\n      font-family: 'Helvetica', Arial, sans-serif;\r\n      background-color: #121210;\r\n      color: #fff;\r\n    }\r\n\r\n    \/* Desktop layout: Base section container *\/\r\n    .section-container, \r\n    .section-container-bpk, \r\n    .section-container-pt, \r\n    .section-container-hd {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-around;\r\n      align-items: center;\r\n      padding: 30px 0;\r\n    }\r\n\r\n    \/* Desktop layout: Rows *\/\r\n    .section-row, \r\n    .section-row-bpk, \r\n    .section-row-pt, \r\n    .section-row-hd {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      width: 80%;\r\n      max-width: 1200px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    \/* Desktop layout: Number column *\/\r\n    .number-column, \r\n    .number-column-bpk, \r\n    .number-column-pt, \r\n    .number-column-hd {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      margin-right: 20px;\r\n    }\r\n\r\n    \/* Desktop layout: Text column *\/\r\n    .text-column, \r\n    .text-column-bpk, \r\n    .text-column-pt, \r\n    .text-column-hd {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: flex-start;\r\n      width: 60%;\r\n    }\r\n\r\n    \/* Desktop layout: Image column *\/\r\n    .image-column, \r\n    .image-column-bpk, \r\n    .image-column-pt, \r\n    .image-column-hd {\r\n      width: 30%;\r\n      display: flex;\r\n      justify-content: center;\r\n    }\r\n\r\n    \/* Large number styling *\/\r\n    .number-large, \r\n    .number-large-bpk, \r\n    .number-large-pt, \r\n    .number-large-hd {\r\n      font-size: 150px;\r\n      font-weight: bold;\r\n      color: #fff;\r\n      margin: 0;\r\n      line-height: 1;\r\n    }\r\n\r\n    .section-title, \r\n    .section-title-bpk, \r\n    .section-title-pt, \r\n    .section-title-hd {\r\n      font-size: 24px;\r\n      font-weight: bold;\r\n      color: #4DC3E9;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .title-wrapper, \r\n    .title-wrapper-bpk, \r\n    .title-wrapper-pt, \r\n    .title-wrapper-hd {\r\n      display: flex;\r\n      align-items: center;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .section-title-line, \r\n    .section-title-line-bpk, \r\n    .section-title-line-pt, \r\n    .section-title-line-hd {\r\n      flex: 1;\r\n      height: 2px;\r\n      background-color: #4DC3E9;\r\n      margin-left: 10px;\r\n    }\r\n\r\n    .section-description, \r\n    .section-description-bpk, \r\n    .section-description-pt, \r\n    .section-description-hd {\r\n      font-size: 16px;\r\n      line-height: 1.6;\r\n      color: #73716E;\r\n    }\r\n\r\n    .description-wrapper, \r\n    .description-wrapper-bpk, \r\n    .description-wrapper-pt, \r\n    .description-wrapper-hd {\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    \/* ------------------------------ *\/\r\n    \/* Mobile styles (max-width: 768px) *\/\r\n    \/* ------------------------------ *\/\r\n    @media (max-width: 768px) {\r\n      .section-row, \r\n      .section-row-bpk, \r\n      .section-row-pt, \r\n      .section-row-hd {\r\n        flex-direction: column; \/* Stack vertically on mobile *\/\r\n        align-items: center;\r\n      }\r\n\r\n      .text-column, \r\n      .text-column-bpk, \r\n      .text-column-pt, \r\n      .text-column-hd, \r\n      .image-column, \r\n      .image-column-bpk, \r\n      .image-column-pt, \r\n      .image-column-hd, \r\n      .number-column, \r\n      .number-column-bpk, \r\n      .number-column-pt, \r\n      .number-column-hd {\r\n        width: 100%; \/* Full width on mobile *\/\r\n        margin: 0;\r\n        text-align: center; \/* Center align content on mobile *\/\r\n      }\r\n\r\n      .number-large, \r\n      .number-large-bpk, \r\n      .number-large-pt, \r\n      .number-large-hd {\r\n        font-size: 100px; \/* Adjust number size for mobile *\/\r\n      }\r\n\r\n      .description-wrapper, \r\n      .description-wrapper-bpk, \r\n      .description-wrapper-pt, \r\n      .description-wrapper-hd {\r\n        flex-direction: column; \/* Stack number & description on mobile *\/\r\n      }\r\n\r\n      .section-title-line, \r\n      .section-title-line-bpk, \r\n      .section-title-line-pt, \r\n      .section-title-line-hd {\r\n        display: none; \/* Hide the title line on mobile *\/\r\n      }\r\n\r\n      \/* Center images for mobile *\/\r\n      .image-column img, \r\n      .image-column-bpk img, \r\n      .image-column-pt img, \r\n      .image-column-hd img {\r\n        margin: 0 auto;\r\n        display: block;\r\n        max-width: 100%;\r\n        height: auto;\r\n      }\r\n\r\n      \/* --- MOBILE ORDER FIX (02, 03, 04) --- *\/\r\n\r\n      \/* Ph\u1ea7n 02: B\u1ed9 Ph\u1eadn Kho V\u00e0 T\u00e0i X\u1ebf (Title \u2192 Number \u2192 Description \u2192 Image) *\/\r\n      .section-row-bpk { flex-direction: column; }\r\n      .text-column-bpk { order: 1; }\r\n      .title-wrapper-bpk { order: 1; }\r\n      .description-wrapper-bpk {\r\n        order: 2;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n      .number-column-bpk { order: 1; }          \/* s\u1ed1 tr\u01b0\u1edbc *\/\r\n      .section-description-bpk { order: 2; }     \/* m\u00f4 t\u1ea3 sau s\u1ed1 *\/\r\n      .image-column-bpk { order: 4; }            \/* \u1ea3nh sau c\u00f9ng *\/\r\n\r\n      \/* Ph\u1ea7n 03: Ph\u01b0\u01a1ng Ti\u1ec7n (Title \u2192 Number \u2192 Description \u2192 Image) *\/\r\n      .section-row-pt { flex-direction: column; }\r\n      .text-column-pt { order: 1; }\r\n      .title-wrapper-pt { order: 1; }\r\n      .description-wrapper-pt {\r\n        order: 2;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n      .number-column-pt { order: 1; }            \/* s\u1ed1 tr\u01b0\u1edbc *\/\r\n      .section-description-pt { order: 2; }       \/* m\u00f4 t\u1ea3 sau s\u1ed1 *\/\r\n      .image-column-pt { order: 4; }              \/* \u1ea3nh sau c\u00f9ng *\/\r\n\r\n      \/* Ph\u1ea7n 04: Ho\u1ea1t \u0110\u1ed9ng (Title \u2192 Number \u2192 Description \u2192 Image) *\/\r\n      .section-row-hd { flex-direction: column; }\r\n      .text-column-hd { order: 1; }\r\n      .title-wrapper-hd { order: 1; }\r\n      .description-wrapper-hd {\r\n        order: 2;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n      .number-column-hd { order: 1; }            \/* s\u1ed1 tr\u01b0\u1edbc *\/\r\n      .section-description-hd { order: 2; }       \/* m\u00f4 t\u1ea3 sau s\u1ed1 *\/\r\n      .image-column-hd { order: 4; }              \/* \u1ea3nh sau c\u00f9ng *\/\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- First Row -->\r\n  <div class=\"section-container\">\r\n    <div class=\"section-row\">\r\n      <div class=\"text-column\">\r\n        <div class=\"title-wrapper\">\r\n          <div class=\"section-title\">B\u1ed9 Ph\u1eadn V\u0103n Ph\u00f2ng<\/div>\r\n          <div class=\"section-title-line\"><\/div>\r\n        <\/div>\r\n        <div class=\"description-wrapper\">\r\n          <div class=\"number-column\">\r\n            <div class=\"number-large\">01<\/div>\r\n          <\/div>\r\n          <div class=\"section-description\">\r\n            Ph\u00f2ng kinh doanh v\u00e0 K\u1ebf To\u00e1n h\u1ee3p nh\u1ea5t qu\u1ea3n l\u00fd chuy\u00ean m\u00f4n cao, k\u1ebft th\u00fac chuy\u00ean nghi\u1ec7p c\u00e1c th\u1ee7 t\u1ee5c \u0111\u0103ng \u0111\u01a1n h\u00e0ng v\u00e0 x\u1eed l\u00fd ch\u00ednh x\u00e1c s\u1ed1 li\u1ec7u cho c\u00f4ng ty VLXD Qu\u1ebf \u0110\u00f4ng, v\u1edbi ho\u1ea1t \u0111\u1ed9ng \u0111\u1ea7y n\u0103ng su\u1ea5t hi\u1ec7u qu\u1ea3 v\u00e0 tinh th\u1ea7n tr\u00e1ch nhi\u1ec7m cao h\u1ed7 tr\u1ee3 kh\u00e1ch h\u00e0ng, t\u1ea1o ra s\u1ef1 th\u00f4ng qua \u0111\u00e1ng tin c\u1eady \u0111\u1ec3 ti\u1ebfn t\u1edbi ho\u00e0n th\u00e0nh \u0111\u00fang \u0111\u1ecbnh h\u01b0\u1edbng \u0111\u1eb7t ra.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"image-column\">\r\n        <img decoding=\"async\" decoding=async  data-opt-src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:mauto\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/09\/01-BPVP.png\"  class=\"section-image\" src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:eco\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/09\/01-BPVP.png\" alt=\"B\u1ed9 Ph\u1eadn V\u0103n Ph\u00f2ng\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Second Row -->\r\n  <div class=\"section-container-bpk\">\r\n    <div class=\"section-row-bpk\">\r\n      <div class=\"image-column-bpk\">\r\n        <img decoding=\"async\" decoding=async  data-opt-src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:mauto\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/09\/02-BPKTX.png\"  class=\"section-image-bpk\" src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:eco\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/09\/02-BPKTX.png\" alt=\"B\u1ed9 Ph\u1eadn Kho V\u00e0 T\u00e0i X\u1ebf\">\r\n      <\/div>\r\n      <div class=\"text-column-bpk\">\r\n        <div class=\"title-wrapper-bpk\">\r\n          <div class=\"section-title-line-bpk\"><\/div>\r\n          <div class=\"section-title-bpk\">B\u1ed9 Ph\u1eadn Kho V\u00e0 T\u00e0i X\u1ebf<\/div>\r\n        <\/div>\r\n        <div class=\"description-wrapper-bpk\">\r\n          <div class=\"section-description-bpk\">\r\n            \u0110\u1ed9i ng\u0169 kho v\u00e0 t\u00e0i x\u1ebf \u0111\u1ea7y d\u1ea1n kinh nghi\u1ec7m, nhi\u1ec7t huy\u1ebft v\u1edbi c\u00f4ng vi\u1ec7c. Lu\u00f4n lu\u00f4n \u0111\u1ed5i m\u1edbi c\u1ed1 g\u1eafng v\u00e0 ho\u00e0n thi\u1ec7n b\u1ea3n th\u00e2n, c\u00f9ng v\u1edbi \u0111\u1ee9c t\u00ednh c\u1ea7n c\u00f9, ch\u0103m ch\u1ec9 ch\u00fang t\u00f4i lu\u00f4n h\u01b0\u1edbng \u0111\u1ebfn ph\u01b0\u01a1ng ch\u00e2m \"s\u1ef1 h\u00e0i l\u00f2ng c\u1ee7a qu\u00fd kh\u00e1ch h\u00e0ng, l\u00e0 ni\u1ec1m vui c\u1ee7a ch\u00fang t\u00f4i\". B\u1ed9 ph\u1eadn kho, t\u00e0i x\u1ebf \u0111\u01b0\u1ee3c coi nh\u01b0 m\u1ed9t c\u00e1nh tay ph\u1ea3i \u0111\u1eafc l\u1ef1c c\u1ee7a C\u00f4ng Ty.\r\n          <\/div>\r\n          <div class=\"number-column-bpk\">\r\n            <div class=\"number-large-bpk\">02<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Third Row -->\r\n  <div class=\"section-container-pt\">\r\n    <div class=\"section-row-pt\">\r\n      <div class=\"text-column-pt\">\r\n        <div class=\"title-wrapper-pt\">\r\n          <div class=\"section-title-pt\">Ph\u01b0\u01a1ng Ti\u1ec7n<\/div>\r\n          <div class=\"section-title-line-pt\"><\/div>\r\n        <\/div>\r\n        <div class=\"description-wrapper-pt\">\r\n          <div class=\"number-column-pt\">\r\n            <div class=\"number-large-pt\">03<\/div>\r\n          <\/div>\r\n          <div class=\"section-description-pt\">\r\n            C\u00f4ng Ty VLXD Qu\u1ebf \u0110\u00f4ng c\u00f3 \u0111\u1ea7y \u0111\u1ee7 nh\u1eefng m\u00e1y m\u00f3c chuy\u00ean d\u1ee5ng \u0111\u1ec3 ph\u1ee5c v\u1ee5 nhu c\u1ea7u c\u1ee7a qu\u00fd kh\u00e1ch h\u00e0ng. T\u1eeb xe \u0111i c\u00f4ng tr\u00ecnh l\u1edbn, \u0111\u1ebfn xe ph\u1ee5c v\u1ee5 c\u00f4ng tr\u00ecnh nh\u1ecf. Ch\u00fang t\u00f4i t\u1ef1 h\u00e0o l\u00e0 \u0111\u01a1n v\u1ecb c\u00f3 b\u1ec1 d\u00e0y kinh nghi\u1ec7m s\u1ebd mang \u0111\u1ebfn cho qu\u00fd kh\u00e1ch h\u00e0ng nh\u1eefng s\u1ea3n ph\u1ea9m v\u00e0 d\u1ecbch v\u1ee5 t\u1ed1t nh\u1ea5t.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"image-column-pt\">\r\n        <img decoding=\"async\" decoding=async  data-opt-src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:mauto\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/09\/03-PT.png\"  class=\"section-image-pt\" src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:eco\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/09\/03-PT.png\" alt=\"Ph\u01b0\u01a1ng Ti\u1ec7n\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Fourth Row -->\r\n  <div class=\"section-container-hd\">\r\n    <div class=\"section-row-hd\">\r\n      <div class=\"image-column-hd\">\r\n        <img decoding=\"async\" decoding=async  data-opt-src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:mauto\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/09\/04-HD.png\"  class=\"section-image-hd\" src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:eco\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/09\/04-HD.png\" alt=\"Ho\u1ea1t \u0110\u1ed9ng\">\r\n      <\/div>\r\n      <div class=\"text-column-hd\">\r\n        <div class=\"title-wrapper-hd\">\r\n          <div class=\"section-title-line-hd\"><\/div>\r\n          <div class=\"section-title-hd\">Ho\u1ea1t \u0110\u1ed9ng<\/div>\r\n        <\/div>\r\n        <div class=\"description-wrapper-hd\">\r\n          <div class=\"section-description-hd\">\r\n            Ch\u00fang t\u00f4i cam k\u1ebft cung c\u1ea5p h\u00e0ng h\u00f3a r\u00f5 ngu\u1ed3n g\u1ed1c xu\u1ea5t x\u1ee9, \u0111\u1ea3m b\u1ea3o ch\u1ea5t l\u01b0\u1ee3ng, v\u00e0 \u0111\u1eb7c bi\u1ec7t l\u00e0 gi\u00e1 c\u1ea3 ph\u1ea3i ch\u0103ng. \u0110\u1ebfn v\u1edbi ch\u00fang t\u00f4i, Qu\u00fd kh\u00e1ch kh\u00f4ng nh\u1eefng s\u1ebd nh\u1eadn \u0111\u01b0\u1ee3c s\u1ef1 gi\u00fap \u0111\u1ee1 t\u1eadn t\u00ecnh v\u00e0 chu \u0111\u00e1o t\u1eeb \u0111\u1ed9i ng\u0169 nh\u00e2n vi\u00ean chuy\u00ean nghi\u1ec7p c\u1ee7a ch\u00fang t\u00f4i, m\u00e0 c\u00f2n an t\u00e2m v\u1ec1 gi\u00e1 c\u1ea3 v\u00e0 ch\u1ea5t l\u01b0\u1ee3ng h\u00e0ng h\u00f3a m\u00e0 c\u00f4ng ty ch\u00fang t\u00f4i cung c\u1ea5p cho Qu\u00fd kh\u00e1ch.\r\n          <\/div>\r\n          <div class=\"number-column-hd\">\r\n            <div class=\"number-large-hd\">04<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ac8713f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ac8713f\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f470087\" data-id=\"f470087\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0b4a256 elementor-widget elementor-widget-html\" data-id=\"0b4a256\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t  <style>\n        \/* General Styles *\/\n        body {\n            margin: 0;\n            font-family: Arial, sans-serif;\n            background-color: #121210; \/* Updated Background Color *\/\n            color: #ccc; \/* Light gray text *\/\n        }\n\n        \/* Image Slider Section *\/\n        .image-slider-section {\n            position: relative;\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px 0;\n        }\n\n        .image-slider {\n            position: relative;\n            width: 100%;\n            overflow: hidden;\n            border-radius: 8px;\n        }\n\n        .image-slider img {\n            width: 100%;\n            height: auto;\n            display: block;\n            border-radius: 8px;\n        }\n\n        \/* Modern Navigation Arrows *\/\n        .slider-arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: rgba(255, 255, 255, 0.2); \/* Transparent white *\/\n            border: none;\n            padding: 12px;\n            cursor: pointer;\n            border-radius: 50%;\n            z-index: 10;\n            transition: background 0.3s ease-in-out;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .slider-arrow:hover {\n            background: rgba(255, 255, 255, 0.5); \/* Slightly brighter on hover *\/\n        }\n\n        .slider-arrow svg {\n            width: 24px; \/* Adjusted icon size *\/\n            height: 24px;\n            stroke: white; \/* Ensures white arrows *\/\n        }\n\n        .slider-arrow.left {\n            left: 10px;\n        }\n\n        .slider-arrow.right {\n            right: 10px;\n        }\n\n        \/* Content Section *\/\n        .content-section {\n            background-color: #121210; \/* Updated Background Color *\/\n            padding: 30px 10%;\n            text-align: center;\n            color: #ccc; \/* Light gray text *\/\n        }\n\n        \/* Title *\/\n        .content-section h1 {\n            font-size: 48px; \/* Large text *\/\n            font-weight: bold;\n            color: #888; \/* Gray *\/\n            text-transform: uppercase;\n            margin-bottom: 20px;\n        }\n\n        \/* Paragraph *\/\n        .content-section p {\n            font-size: 18px;\n            line-height: 1.6;\n            text-align: justify;\n            max-width: 900px;\n            margin: 0 auto 20px;\n        }\n\n        \/* Two-column list for bullet points *\/\n        .product-list {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr); \/* Two columns *\/\n            gap: 10px;\n            list-style-type: none;\n            padding: 0;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        \/* Bullet points *\/\n        .product-list li {\n            font-size: 18px;\n            text-align: left;\n            position: relative;\n            padding-left: 20px;\n        }\n\n        \/* Custom bullet style *\/\n        .product-list li::before {\n            content: \"\u2022\";\n            color: #ccc;\n            position: absolute;\n            left: 0;\n            font-size: 20px;\n        }\n\n        \/* Progress Bar *\/\n        .progress-container {\n            width: 100%;\n            height: 4px; \/* Adjusted thickness *\/\n            background: rgba(255, 255, 255, 0.1); \/* Light background *\/\n            margin-top: 30px; \/* Adjusted positioning *\/\n            overflow: hidden;\n            position: relative;\n        }\n\n        .progress-bar {\n            height: 100%;\n            width: 50%;\n            background: linear-gradient(to right, #2196F3 60%, rgba(33, 150, 243, 0) 100%);\n            position: absolute;\n            left: 0;\n        }\n\n        \/* Right half position *\/\n        .progress-right {\n            left: 50%;\n        }\n\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"image-slider-section\">\n    <div class=\"image-slider\">\n        <img decoding=\"async\" decoding=async  data-opt-src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:mauto\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/10\/San-Lap-Cong-Trinh-2.png\"  id=\"mainImage\" src=\"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:eco\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2024\/10\/San-Lap-Cong-Trinh-2.png\" alt=\"Main Image\">\n        \n        <!-- Left Arrow Button -->\n        <button class=\"slider-arrow left\" onclick=\"prevImage()\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M15 19L8 12L15 5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n        <\/button>\n\n        <!-- Right Arrow Button -->\n        <button class=\"slider-arrow right\" onclick=\"nextImage()\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M9 5L16 12L9 19\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n        <\/button>\n    <\/div>\n<\/div>\n\n<div class=\"content-section\">\n\n\n    <p id=\"contentText\">\n        Qu\u1ebf \u0110\u00f4ng \u0111\u01b0\u1ee3c vinh h\u1ea1nh l\u00e0m nh\u00e0 ph\u00e2n ph\u1ed1i \u0111\u1ed9c quy\u1ec1n v\u00e0 c\u1ea5p 1 cho nhi\u1ec1u th\u01b0\u01a1ng hi\u1ec7u v\u1eadt li\u1ec7u x\u00e2y d\u1ef1ng uy t\u00edn t\u1ea1i Vi\u1ec7t Nam \n        (Viglacera H\u1ea1 Long, G\u1ed1m \u0110\u1ea5t Vi\u1ec7t, G\u1ed1m M\u1ef9, M\u1ef9 Xu\u00e2n, Tuildonai,...). S\u1ea3n ph\u1ea9m ph\u00e2n ph\u1ed1i t\u1ea1i Qu\u1ebf \u0110\u00f4ng \u0111\u01b0\u1ee3c t\u1eadp trung theo \n        9 ng\u00e0nh h\u00e0ng v\u1edbi \u0111a d\u1ea1ng th\u01b0\u01a1ng hi\u1ec7u, ch\u1ea5t li\u1ec7u v\u00e0 xu\u1ea5t x\u1ee9 c\u1ee7a m\u1ed7i ng\u00e0nh h\u00e0ng, bao g\u1ed3m:\n    <\/p>\n    \n    <ul class=\"product-list\">\n        <li>V\u1eadt li\u1ec7u th\u00f4<\/li>\n        <li>Ph\u1ee5 li\u1ec7u x\u00e2y d\u1ef1ng<\/li>\n        <li>Ng\u00f3i<\/li>\n        <li>H\u00e0ng trang tr\u00ed<\/li>\n        <li>G\u1ea1ch trang tr\u00ed<\/li>\n        <li>G\u1ea1ch l\u00e1t<\/li>\n        <li>G\u1ea1ch k\u00ednh<\/li>\n        <li>\u0110\u00e1<\/li>\n        <li>B\u00f3ng gi\u00f3<\/li>\n    <\/ul>\n\n    <!-- Progress Bar -->\n    <div class=\"progress-container\">\n        <div id=\"progressBar\" class=\"progress-bar\"><\/div>\n    <\/div>\n<\/div>\n\n<script>\n    const images = [\n        \"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:mauto\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2025\/03\/San-Lap-Cong-Trinh-3.png\",\n        \"https:\/\/ml0y6nfiizxk.i.optimole.com\/w:auto\/h:auto\/q:mauto\/f:best\/http:\/\/vlxdquedong.vn\/wp-content\/uploads\/2025\/03\/Phan-Phoi-VLXD-1.png\"\n    ];\n\n    const contents = [\n        \"Qu\u1ebf \u0110\u00f4ng \u0111\u01b0\u1ee3c vinh h\u1ea1nh l\u00e0m nh\u00e0 ph\u00e2n ph\u1ed1i \u0111\u1ed9c quy\u1ec1n v\u00e0 c\u1ea5p 1 cho nhi\u1ec1u th\u01b0\u01a1ng hi\u1ec7u v\u1eadt li\u1ec7u x\u00e2y d\u1ef1ng uy t\u00edn t\u1ea1i Vi\u1ec7t Nam (Viglacera H\u1ea1 Long, G\u1ed1m \u0110\u1ea5t Vi\u1ec7t, G\u1ed1m M\u1ef9, M\u1ef9 Xu\u00e2n, Tuildonai,...). S\u1ea3n ph\u1ea9m ph\u00e2n ph\u1ed1i t\u1ea1i Qu\u1ebf \u0110\u00f4ng \u0111\u01b0\u1ee3c t\u1eadp trung theo 9 ng\u00e0nh h\u00e0ng v\u1edbi \u0111a d\u1ea1ng th\u01b0\u01a1ng hi\u1ec7u, ch\u1ea5t li\u1ec7u v\u00e0 xu\u1ea5t x\u1ee9 c\u1ee7a m\u1ed7i ng\u00e0nh h\u00e0ng, bao g\u1ed3m:\",\n        \"N\u1ed9i dung m\u1edbi cho h\u00ecnh \u1ea3nh ph\u00e2n ph\u1ed1i v\u1eadt li\u1ec7u x\u00e2y d\u1ef1ng.\"\n    ];\n\n    let currentIndex = 0;\n    const mainImage = document.getElementById('mainImage');\n    const contentText = document.getElementById('contentText');\n    const progressBar = document.getElementById('progressBar');\n\n    function updateContent() {\n        mainImage.src = images[currentIndex];\n        contentText.textContent = contents[currentIndex];\n        progressBar.classList.toggle(\"progress-right\");\n    }\n\n    function nextImage() { currentIndex = (currentIndex + 1) % images.length; updateContent(); }\n    function prevImage() { currentIndex = (currentIndex - 1 + images.length) % images.length; updateContent(); }\n\n    setInterval(nextImage, 5000);\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>01 02 03 04 C\u00d4NG TY TNHH QU\u1ebe \u0110\u00d4NG C\u00f4ng ty TNHH VLXD Qu\u1ebf \u0110\u00f4ng \u0111\u01b0\u1ee3c th\u00e0nh l\u1eadp n\u0103m 2008, ti\u1ec1n th\u00e2n l\u00e0 m\u1ed9t c\u1eeda h\u00e0ng v\u1eadt li\u1ec7u x\u00e2y d\u1ef1ng nh\u1ecf l\u1ebb. Tr\u1ea3i qua g\u1ea7n 20 n\u0103m v\u1edbi nhi\u1ec1u kh\u00f3 kh\u0103n, th\u00e1ch th\u1ee9c v\u00e0 c\u1ea3 s\u1ef1 n\u1ed7 l\u1ef1c t\u1eeb Ban Gi\u00e1m \u0110\u1ed1c c\u00f9ng to\u00e0n th\u1ec3 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_jet_sm_ready_style":"","_jet_sm_style":"","_jet_sm_controls_values":"","_jet_sm_fonts_collection":"","_jet_sm_fonts_links":"","footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry","entry","owp-thumbs-layout-horizontal","owp-btn-normal","owp-tabs-layout-horizontal","has-no-thumbnails","has-product-nav"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/vlxdquedong.vn\/index.php?rest_route=\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vlxdquedong.vn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vlxdquedong.vn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vlxdquedong.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vlxdquedong.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=34"}],"version-history":[{"count":858,"href":"https:\/\/vlxdquedong.vn\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":7246,"href":"https:\/\/vlxdquedong.vn\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions\/7246"}],"wp:attachment":[{"href":"https:\/\/vlxdquedong.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}