{"id":141,"date":"2022-04-19T15:16:56","date_gmt":"2022-04-19T15:16:56","guid":{"rendered":"https:\/\/d.cc1.vn\/?page_id=141"},"modified":"2025-08-21T08:55:56","modified_gmt":"2025-08-21T01:55:56","slug":"lich-su-phat-trien","status":"publish","type":"page","link":"https:\/\/www.cc1.vn\/en\/gioi-thieu-cc1\/lich-su-phat-trien.html","title":{"rendered":"Milestones"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"141\" class=\"elementor elementor-141\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3302b20 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3302b20\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a20aa31\" data-id=\"a20aa31\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fa472ed elementor-widget elementor-widget-cc1_page_menu\" data-id=\"fa472ed\" data-element_type=\"widget\" data-widget_type=\"cc1_page_menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"page-navigation\">\r\n            <div class=\"container\">\r\n                <ul class=\"pagemenu navigation-box\">\r\n                                                <li class=\"pagemenu-item\"><a href=\"https:\/\/www.cc1.vn\/en\/gioi-thieu-cc1\/tong-quan.html\">Overview<\/a><\/li>\r\n                                                    <li class=\"pagemenu-item active\"><a href=\"https:\/\/www.cc1.vn\/en\/gioi-thieu-cc1\/lich-su-phat-trien.html\">Milestones<\/a><\/li>\r\n                                                    <li class=\"pagemenu-item\"><a href=\"https:\/\/www.cc1.vn\/en\/thanh-vien\/cong-ty-thanh-vien.html\">Member Companies<\/a><\/li>\r\n                                                    <li class=\"pagemenu-item\"><a href=\"https:\/\/www.cc1.vn\/en\/gioi-thieu-cc1\/doi-ngu-nhan-su.html\">Key People<\/a><\/li>\r\n                                                    <li class=\"pagemenu-item\"><a href=\"https:\/\/www.cc1.vn\/en\/gioi-thieu-cc1\/so-do-to-chuc.html\">Organizational Chart<\/a><\/li>\r\n                                                    <li class=\"pagemenu-item\"><a href=\"https:\/\/www.cc1.vn\/en\/thanh-vien\/ban-dieu-hanh-ban-quan-ly.html\">Project Management<\/a><\/li>\r\n                                                    <li class=\"pagemenu-item\"><a href=\"https:\/\/www.cc1.vn\/en\/gioi-thieu-cc1\/thanh-tich-chung-chi.html\">Awards<\/a><\/li>\r\n                                                    <li class=\"pagemenu-item\"><a href=\"https:\/\/www.cc1.vn\/en\/tam-nhin-su-menh.html\">Vision, mission<\/a><\/li>\r\n                                        <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n        <script>\r\n            \/\/ jQuery('.pagemenu').bxSlider({\r\n            \/\/     pager: false,\r\n            \/\/     slideMargin: 0,\r\n            \/\/     infiniteLoop: false,\r\n            \/\/     randomStart: false,\r\n            \/\/     mode: 'horizontal',\r\n            \/\/     responsive: true,\r\n            \/\/     hideControlOnEnd: true,\r\n            \/\/     minSlides: 6,\r\n            \/\/     maxSlides: 6,\r\n            \/\/     touchEnabled:false,\r\n            \/\/     autoDirection: 'prev',\r\n            \/\/     slideWidth: 200,\r\n            \/\/     breaks: [{ screen: 0, slides: 1 }, { screen: 768, slides: 3 }, { screen: 1024, slides: 5 }]\r\n            \/\/ });\r\n\r\n            \/\/ Use the conventional $ prefix for variables that hold jQuery objects.\r\n            var $slider;\r\n\r\n            \/\/ If the only purpose of the windowWidth() function is to set the slide variables,\r\n            \/\/ it can be renamed and rewritten to supply the full configuration object instead.\r\n            function buildSliderConfiguration() {\r\n\r\n                \/\/ When possible, you should cache calls to jQuery functions to improve performance.\r\n                var windowWidth = jQuery(window).width();\r\n                var numberOfVisibleSlides;\r\n                var slideWidth = 200;\r\n\r\n                if (windowWidth < 600) {\r\n                    numberOfVisibleSlides = 2;\r\n                } else if (windowWidth < 768) {\r\n                    numberOfVisibleSlides = 3;\r\n                } else if (windowWidth < 1200) {\r\n                    numberOfVisibleSlides = 5;\r\n                } else {\r\n                    numberOfVisibleSlides = 6;\r\n                }\r\n                if(jQuery( \"section\" ).hasClass( \"field__content\" ) && jQuery('html').attr( \"lang\" ) == 'en-US'){\r\n                    if (windowWidth < 600) {\r\n                    numberOfVisibleSlides = 2;\r\n                    } else if (windowWidth < 768) {\r\n                        numberOfVisibleSlides = 2;\r\n                    } else if (windowWidth < 1200) {\r\n                        numberOfVisibleSlides = 3;\r\n                    } else {\r\n                        numberOfVisibleSlides = 4;\r\n                    }\r\n                    slideWidth = 300;\r\n                }\r\n                return {\r\n                    pager: false,\r\n                    slideMargin: 0,\r\n                    infiniteLoop: false,\r\n                    randomStart: false,\r\n                    mode: 'horizontal',\r\n                    responsive: true,\r\n                    hideControlOnEnd: true,\r\n                    touchEnabled:false,\r\n                    autoDirection: 'prev',\r\n                    slideWidth: slideWidth,\r\n                    minSlides: numberOfVisibleSlides,\r\n                    maxSlides: numberOfVisibleSlides\r\n                };\r\n            }\r\n\r\n            \/\/ This function can be called either to initialize the slider for the first time\r\n            \/\/ or to reload the slider when its size changes.\r\n            function configureSlider() {\r\n                var config = buildSliderConfiguration();\r\n\r\n                if ($slider && $slider.reloadSlider) {\r\n                    \/\/ If the slider has already been initialized, reload it.\r\n                    $slider.reloadSlider(config);\r\n                } else {\r\n                    \/\/ Otherwise, initialize the slider.\r\n                    $slider = jQuery('.pagemenu').bxSlider(config);\r\n                }\r\n            }\r\n\r\n            \/\/ jQuery('.slider-prev').click(function () {\r\n            \/\/     var current = $slider.getCurrentSlide();\r\n            \/\/     $slider.goToPrevSlide(current) - 1;\r\n            \/\/ });\r\n\r\n            \/\/ $('.slider-next').click(function () {\r\n            \/\/     var current = $slider.getCurrentSlide();\r\n            \/\/     $slider.goToNextSlide(current) + 1;\r\n            \/\/ });\r\n\r\n            \/\/ Configure the slider every time its size changes.\r\n            jQuery(window).on(\"orientationchange resize\", configureSlider);\r\n            \/\/ Configure the slider once on page load.\r\n            configureSlider();\r\n\r\n        <\/script>\r\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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-54dc9dc mt-50 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"54dc9dc\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-49b2196\" data-id=\"49b2196\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-fbecd3c container elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fbecd3c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5c4fc1d cc1-history\" data-id=\"5c4fc1d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5b160ad elementor-widget elementor-widget-heading\" data-id=\"5b160ad\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">CC1 brand mark is formed from years of  experience accumulation, prestige and a vision of strategic development<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43fe02c elementor-widget elementor-widget-text-editor\" data-id=\"43fe02c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">CC1 was established in 1979 and started as a domestic subcontractor for construction projects. Over 46 years of development, CC1 has grown significantly, expanding its scale and diversifying its areas of operation.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df94d42 btn-about elementor-widget elementor-widget-button\" data-id=\"df94d42\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"\/gioi-thieu-cc1.html\" class=\"elementor-button-link elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t<span class=\"elementor-button-icon elementor-align-icon-right\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"elementor-button-text\">INTRODUCTION<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-74f2c7a\" data-id=\"74f2c7a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a929bab img-radius cc1-history-thumnail elementor-widget elementor-widget-image\" data-id=\"a929bab\" 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\t\t\t\t\t\t\t<img width=\"525\" height=\"372\" src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/contemporary-architecture-office-building-cityscape-personal-perspective-concept.jpg\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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-53fc5ff box-history-timeline elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"53fc5ff\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-24f4bdf\" data-id=\"24f4bdf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b1a60d8 elementor-widget__width-inherit elementor-widget elementor-widget-cc1_history\" data-id=\"b1a60d8\" data-element_type=\"widget\" data-widget_type=\"cc1_history.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <script src=\"https:\/\/cpwebassets.codepen.io\/assets\/common\/stopExecutionOnTimeout-1b93190375e9ccc259df3a57c1abc0e64599724ae30d7ea4c6877eb615f89387.js\"><\/script>\r\n        <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/hammer.js\/2.0.8\/hammer.min.js\"><\/script>\r\n        \r\n        <section class=\"history-timeline\">\r\n            <div class=\"header text-left container\">\r\n                <h3 class=\"title\">CC1 History of Establishment<\/h3>\r\n                <div class=\"subtitle\"><\/div>\r\n            <\/div>\r\n            <hr class=\"timeline-line\">\r\n            <div class=\"container\">\r\n                <section class=\"timeline\">\r\n                    <div class=\"arrows left\">\r\n                        <button class=\"arrow arrow__prev\">\r\n                            <i class=\"fa fa-solid fa-arrow-left\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                    <ol\r\n                        style=\"touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\">\r\n                                                <li>\r\n                            <div style=\"height: 350px;\">\r\n                                <time>1979<\/time>\r\n                                <img alt=\"1979\" class=\"img-responsive\" src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/thanh-lap-cong-ty-1979-2019.jpg\">\r\n                                <span>Establishment of Construction Corporation No. 1<\/span>  \r\n                            <\/div>\r\n                        <\/li>\r\n                                                <li>\r\n                            <div style=\"height: 350px;\">\r\n                                <time>1985<\/time>\r\n                                <img alt=\"1985\" class=\"img-responsive\" src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/san-xuat-kinh-doanh-vat-lieu-xay-dung-va-trang-thiet-bi.jpg\">\r\n                                <span>Production and trading of construction materials<\/span>  \r\n                            <\/div>\r\n                        <\/li>\r\n                                                <li>\r\n                            <div style=\"height: 350px;\">\r\n                                <time>1989<\/time>\r\n                                <img alt=\"1989\" class=\"img-responsive\" src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/xuat-nhap-khau.jpg\">\r\n                                <span>Import and export of construction materials<\/span>  \r\n                            <\/div>\r\n                        <\/li>\r\n                                                <li>\r\n                            <div style=\"height: 350px;\">\r\n                                <time>1992<\/time>\r\n                                <img alt=\"1992\" class=\"img-responsive\" src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/tu-van-thiet-ke-xay-dung.jpg\">\r\n                                <span>Investment consultancy and construction design<\/span>  \r\n                            <\/div>\r\n                        <\/li>\r\n                                                <li>\r\n                            <div style=\"height: 350px;\">\r\n                                <time>1995<\/time>\r\n                                <img alt=\"1995\" class=\"img-responsive\" src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/Tri-An1995rs.jpg\">\r\n                                <span>Re-establishment according to the Decision No.995\/BXD-TCLD by Minister of Construction dated November 20th 1995<\/span>  \r\n                            <\/div>\r\n                        <\/li>\r\n                                                <li>\r\n                            <div style=\"height: 350px;\">\r\n                                <time>1996<\/time>\r\n                                <img alt=\"1996\" class=\"img-responsive\" src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/thanh-lap-va-thi-cong.jpg\">\r\n                                <span>First business registration (Business Registration Number: 103392)<\/span>  \r\n                            <\/div>\r\n                        <\/li>\r\n                                                <li>\r\n                            <div style=\"height: 350px;\">\r\n                                <time>2001<\/time>\r\n                                <img alt=\"2001\" class=\"img-responsive\" src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/dau-tu-kinh-doanh-du-lich-khach-san.jpg\">\r\n                                <span>Investment in constructing and trading apartments and offices, tourism, hotels business, entertainment services. Construction and installation of lines and transformer station up to 500KW<\/span>  \r\n                            <\/div>\r\n                        <\/li>\r\n                                                <li>\r\n                            <div style=\"height: 350px;\">\r\n                                <time>2002<\/time>\r\n                                <img alt=\"2002\" class=\"img-responsive\" src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/dau-tu-kinh-doanh-dien.jpg\">\r\n                                <span>Investment and construction of thermal power plants, production and electric business. Trading and exploiting of seaport.<\/span>  \r\n                            <\/div>\r\n                        <\/li>\r\n                                                <li>\r\n                            <div style=\"height: 350px;\">\r\n                                <time>2006<\/time>\r\n                                <img alt=\"2006\" class=\"img-responsive\" src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/16-Cau-thu-thiem-2006rs.jpg\">\r\n                                <span>Re-establishment according to Decision No. 386\/QD-BXD by Minister of Construction dated March 9th 2006.\nRe-registration and operation in the form of Parent-subsidiary companies (Business registration number: 41060000326)<\/span>  \r\n                            <\/div>\r\n                        <\/li>\r\n                                                <li>\r\n                            <div style=\"height: 350px;\">\r\n                                <time>2010<\/time>\r\n                                <img alt=\"2010\" class=\"img-responsive\" src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/Saling-2010rs.jpg\">\r\n                                <span>Conversion of Parent company - Construction Corporation No. l into Construction Corporation No. l Co., Ltd. according to Decision No.617\/QD-BXD by Minister of Construction dated June 10th 2010<\/span>  \r\n                            <\/div>\r\n                        <\/li>\r\n                                                <li>\r\n                            <div style=\"height: 350px;\">\r\n                                <time>2016<\/time>\r\n                                <img alt=\"2016\" class=\"img-responsive\" src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/dai-hoi-co-dong6resize.jpg\">\r\n                                <span>Restructure of Construction Corporation No. l and equitization into Construction Corporation No. l \u2013 Joint Stock Company<\/span>  \r\n                            <\/div>\r\n                        <\/li>\r\n                                                <li>\r\n                            <div style=\"height: 350px;\">\r\n                                <time>2020<\/time>\r\n                                <img alt=\"2020\" class=\"img-responsive\" src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/Daihoi2020.jpg\">\r\n                                <span>All State capital in CC1 transferred by Ministry of Construction<\/span>  \r\n                            <\/div>\r\n                        <\/li>\r\n                                            <\/ol>\r\n                    <div class=\"arrows right\">\r\n                        <button class=\"arrow arrow__next disabled\">\r\n                            <i class=\"fa fa-solid fa-arrow-right\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/section>\r\n            <\/div>\r\n            \r\n        <\/section>\r\n        <style>\r\n            .timeline-line{\r\n                background-color: white !important;\r\n            }\r\n            .history-timeline .container{\r\n                padding-left: 0px;\r\n                padding-right: 0px;\r\n            }\r\n            .timeline {\r\n                white-space: nowrap;\r\n                overflow: hidden;\r\n                margin-top: -20px;\r\n                height: 380px;\r\n            }\r\n            .arrows{\r\n                position: absolute;\r\n                top: 81.5px;\r\n            }\r\n            .arrows.right{\r\n                right: 80px;\r\n            }\r\n            .arrows.left{ \r\n                left: 80px;\r\n            }\r\n            .arrows .arrow{\r\n                background: #0156a5;\r\n                border-radius: 5px;\r\n                border: 1px solid white;\r\n                color: white;\r\n            }\r\n            .timeline ol {\r\n                font-size: 0;\r\n                width: 100vw;\r\n                padding: 20px 0 250px;\r\n                transition: all 1s;\r\n                padding-left: 10px;\r\n            }\r\n            \r\n            .timeline img{\r\n                border-radius: 5px;\r\n                height: 170px;\r\n                width: 100%;\r\n                pointer-events: none;\r\n            }\r\n\r\n            .timeline ol li {\r\n                position: relative;\r\n                display: inline-block;\r\n                list-style-type: none;\r\n                width: 390px;\r\n            }\r\n\r\n            @media (max-width: 480px) {\r\n                .timeline ol li {\r\n                    width: 375px;\r\n                }\r\n            }\r\n\r\n            .timeline ol li:last-child{\r\n                width: 375px;\r\n            }\r\n\r\n            .timeline ol li:not(:first-child) {\r\n                margin-left: 14px;\r\n            }\r\n\r\n            .timeline ol li::after {\r\n                content: '';\r\n                position: absolute;\r\n                top: 50%;\r\n                bottom: 0;\r\n                width: 12px;\r\n                height: 12px;\r\n                transform: translateY(-50%);\r\n                border-radius: 50%;\r\n                background: var(--thm-red-color);\r\n            }\r\n\r\n            .timeline ol li div {\r\n                position: absolute;\r\n                width: 100%;\r\n                padding-top: 15px;\r\n                font-size: 1rem;\r\n                white-space: normal;\r\n                color: white;\r\n            }\r\n            .timeline time {\r\n                display: block;\r\n                font-size: 1.2rem;\r\n                font-weight: bold;\r\n                margin-bottom: 8px;\r\n            }\r\n\r\n\r\n            \/* TIMELINE ARROWS\r\n        \u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013 *\/\r\n\r\n            .timeline .arrows {\r\n                display: flex;\r\n                justify-content: center;\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .timeline .arrows .arrow__prev {\r\n                margin-right: 20px;\r\n            }\r\n\r\n            .timeline .disabled {\r\n                opacity: .5;\r\n            }\r\n\r\n            .timeline .arrows img {\r\n                width: 45px;\r\n                height: 45px;\r\n            }\r\n\r\n\r\n            \/* GENERAL MEDIA QUERIES\r\n        \u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013 *\/\r\n           \r\n        <\/style>\r\n        <script id=\"rendered-js\">\r\n            (function () {\r\n\r\n            \/\/ VARIABLES\r\n            var xScrolling = 1210;\r\n            const timeline = document.querySelector(\".timeline ol\"),\r\n                t = document.querySelector(\".timeline\"),\r\n                elH = document.querySelectorAll(\".timeline li > div\"),\r\n                arrows = document.querySelectorAll(\".timeline .arrows .arrow\"),\r\n                arrowPrev = document.querySelector(\".timeline .arrows .arrow__prev\"),\r\n                arrowNext = document.querySelector(\".timeline .arrows .arrow__next\"),\r\n                firstItem = document.querySelector(\".timeline li:first-child\"),\r\n                lastItem = document.querySelector(\".timeline li:last-child\"),\r\n                disabledClass = \"disabled\";\r\n            var count_item = 12;\r\n            if(window.innerWidth < 1200){\r\n                xScrolling = t.clientWidth;\r\n            }\r\n            var width_item = 390;\r\n            var width_margin = 10;\r\n            if(window.innerWidth > 480){\r\n                width_item = 403;\r\n            }\r\n            if(window.innerWidth > 1200){\r\n                width_margin = 0;\r\n            }\r\n            var transform = count_item * width_item - (t.clientWidth + width_margin);\r\n            timeline.style.transform = 'translateX(-'+ transform +'px)';\r\n            \/\/ START\r\n            window.addEventListener(\"load\", init);\r\n\r\n            function init() {\r\n                setEqualHeights(elH);\r\n                animateTl(xScrolling, arrows, timeline);\r\n                setSwipeFn(timeline, arrowPrev, arrowNext);\r\n            }\r\n\r\n            \/\/ SET EQUAL HEIGHTS\r\n            function setEqualHeights(el) {\r\n                let counter = 0;\r\n                for (let i = 0; i < el.length; i++) {\r\n                if (window.CP.shouldStopExecution(0)) break;\r\n                const singleHeight = el[i].offsetHeight;\r\n\r\n                if (counter < singleHeight) {\r\n                    counter = singleHeight;\r\n                }\r\n                } window.CP.exitedLoop(0);\r\n\r\n                for (let i = 0; i < el.length; i++) {\r\n                if (window.CP.shouldStopExecution(1)) break;\r\n                el[i].style.height = `${counter}px`;\r\n                } window.CP.exitedLoop(1);\r\n            }\r\n            \r\n            function isElementInViewport(el) {\r\n                const rect = el.getBoundingClientRect();\r\n                var right = rect.right - (window.innerWidth - 1100)\/2; \r\n                console.log(rect.left);\r\n                console.log(rect.right);\r\n                return (\r\n                rect.top >= 0 &&\r\n                rect.right >= 0 &&\r\n                right <= (window.innerWidth || document.documentElement.clientWidth));\r\n\r\n            }\r\n\r\n            \/\/ SET STATE OF PREV\/NEXT ARROWS\r\n            function setBtnState(el, flag = true) {\r\n                if (flag) {\r\n                el.classList.add(disabledClass);\r\n                } else {\r\n                if (el.classList.contains(disabledClass)) {\r\n                    el.classList.remove(disabledClass);\r\n                }\r\n                el.disabled = false;\r\n                }\r\n            }\r\n\r\n            \/\/ ANIMATE TIMELINE\r\n            function animateTl(scrolling, el, tl) {\r\n                let counter = 0;\r\n                for (let i = 0; i < el.length; i++) {\r\n                if (window.CP.shouldStopExecution(2)) break;\r\n                el[i].addEventListener(\"click\", function () {\r\n                    if (!arrowPrev.disabled) {\r\n                    arrowPrev.disabled = true;\r\n                    }\r\n                    if (!arrowNext.disabled) {\r\n                    arrowNext.disabled = true;\r\n                    }\r\n                    const sign = this.classList.contains(\"arrow__prev\") ? \"\" : \"-\";\r\n                    if (counter === 0) {\r\n                    tl.style.transform = `translateX(-${scrolling}px)`;\r\n                    } else {\r\n                    const tlStyle = getComputedStyle(tl);\r\n                    \/\/ add more browser prefixes if needed here\r\n                    const tlTransform = tlStyle.getPropertyValue(\"-webkit-transform\") || tlStyle.getPropertyValue(\"transform\");\r\n                    const values = parseInt(tlTransform.split(\",\")[4]) + parseInt(`${sign}${scrolling}`);\r\n                    tl.style.transform = `translateX(${values}px)`;\r\n                    }\r\n\r\n                    setTimeout(() => {\r\n                    isElementInViewport(firstItem) ? setBtnState(arrowPrev) : setBtnState(arrowPrev, false);\r\n                    isElementInViewport(lastItem) ? setBtnState(arrowNext) : setBtnState(arrowNext, false);\r\n                    }, 500);\r\n\r\n                    counter++;\r\n                });\r\n                } window.CP.exitedLoop(2);\r\n            }\r\n\r\n            \/\/ ADD SWIPE SUPPORT FOR TOUCH DEVICES\r\n            function setSwipeFn(tl, prev, next) {\r\n                const hammer = new Hammer(tl);\r\n                hammer.on(\"swipeleft\", () => next.click());\r\n                hammer.on(\"swiperight\", () => prev.click());\r\n            }\r\n\r\n            })();\r\n        <\/script>\r\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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-3dcece2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3dcece2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7666b5b\" data-id=\"7666b5b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-12f3dab award-selecttion cc1-history elementor-widget elementor-widget-cc1_awards\" data-id=\"12f3dab\" data-element_type=\"widget\" data-widget_type=\"cc1_awards.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <section class=\"awards container\">\r\n            <div class=\"header\">\r\n                <h3 class=\"title\">Achievements<\/h3>\r\n                <div class=\"subtitle\">CC1 has been praised by the Party and the State through noble awards such as the Ho Chi Minh Medal, the Independence Medal, and the Labor Medal. Construction Corporation No. 1 also received certificates of merit from the Ministry of Construction, the Ministry of Transport and many localities across the country.<\/div>\r\n            <\/div>\r\n            <div class=\"awards__carousel owl-carousel owl-theme\">\r\n                                    <div class=\"item\">\r\n                        <img src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/huan-chuong-ho-chi-minh.jpg\" alt=\"Award Image\" class=\"\">\r\n                        <h5 class=\" translation-block\">Ho Chi Minh Order<\/h5>\r\n                    <\/div>\r\n                                    <div class=\"item\">\r\n                        <img src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/huan-chuong-doc-lap-hang-nhat.jpg\" alt=\"Award Image\" class=\"\">\r\n                        <h5 class=\" translation-block\">Independence Order <br>\nClass I<\/h5>\r\n                    <\/div>\r\n                                    <div class=\"item\">\r\n                        <img src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/huan-chuong-doc-lap-hang-nhi.jpg\" alt=\"Award Image\" class=\"\">\r\n                        <h5 class=\" translation-block\">Independence Order <br>\nClass II<\/h5>\r\n                    <\/div>\r\n                                    <div class=\"item\">\r\n                        <img src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/huan-chuong-doc-lap-hang-ba.jpg\" alt=\"Award Image\" class=\"\">\r\n                        <h5 class=\" translation-block\">Independence Order                                   <br>\nClass III<\/h5>\r\n                    <\/div>\r\n                                    <div class=\"item\">\r\n                        <img src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/huan-chuong-lao-dong-hang-nhat.jpg\" alt=\"Award Image\" class=\"\">\r\n                        <h5 class=\" translation-block\">Labor Order <br>\nClass I<\/h5>\r\n                    <\/div>\r\n                                    <div class=\"item\">\r\n                        <img src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/huan-chuong-lao-dong-hang-nhi.jpg\" alt=\"Award Image\" class=\"\">\r\n                        <h5 class=\" translation-block\">Labor Order <br>\nClass II<\/h5>\r\n                    <\/div>\r\n                                    <div class=\"item\">\r\n                        <img src=\"https:\/\/www.cc1.vn\/wp-content\/uploads\/2022\/04\/huan-chuong-lao-dong-hang-ba.jpg\" alt=\"Award Image\" class=\"\">\r\n                        <h5>Labor Order <br\/>\nClass III<\/h5>\r\n                    <\/div>\r\n                            <\/div>\r\n            <div class=\"container\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-3 col-12 col-lg-2\" style=\"margin-top: 10px;\">\r\n                        <div class=\"flex\">\r\n                            <img  class=\"am-prev\" src=\"https:\/\/www.cc1.vn\/wp-content\/themes\/cc1\/assets\/images\/prev.png\" alt=\"Prev\"\/><img src=\"https:\/\/www.cc1.vn\/wp-content\/themes\/cc1\/assets\/images\/next.png\" style=\"margin-left:15px\"  class=\"am-next\"alt=\"Next\"\/>\r\n                        <\/div>\r\n                    <\/div> \r\n                    <div class=\"col-md-9 col-lg-10 col-12 d-none d-md-block\">\r\n                        <div class=\"owl-dots awards-dot-container\">\r\n                                                            <button style=\"width: 100%\" role=\"button\" class=\"owl-dot\"><span><\/span><\/button>\r\n                                                            <button style=\"width: 100%\" role=\"button\" class=\"owl-dot\"><span><\/span><\/button>\r\n                                                            <button style=\"width: 100%\" role=\"button\" class=\"owl-dot\"><span><\/span><\/button>\r\n                                                            <button style=\"width: 100%\" role=\"button\" class=\"owl-dot\"><span><\/span><\/button>\r\n                                                            <button style=\"width: 100%\" role=\"button\" class=\"owl-dot\"><span><\/span><\/button>\r\n                                                            <button style=\"width: 100%\" role=\"button\" class=\"owl-dot\"><span><\/span><\/button>\r\n                                                            <button style=\"width: 100%\" role=\"button\" class=\"owl-dot\"><span><\/span><\/button>\r\n                                                            <button style=\"width: 100%\" role=\"button\" class=\"owl-dot\"><span><\/span><\/button>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>T\u1ed5ng quan L\u1ecbch s\u1eed ph\u00e1t tri\u1ec3n C\u00f4ng ty th\u00e0nh vi\u00ean \u0110\u1ed9i ng\u0169 nh\u00e2n s\u1ef1 S\u01a1 \u0111\u1ed3 t\u1ed5 ch\u1ee9c Ban \u0111i\u1ec1u h\u00e0nh \/ Ban qu\u1ea3n l\u00fd Th\u00e0nh t\u00edch, ch\u1ee9ng ch\u1ec9 T\u1ea7m nh\u00ecn \u2013 S\u1ee9 m\u1ec7nh D\u1ea5u \u1ea5n th\u01b0\u01a1ng hi\u1ec7u k\u1ebft tinh t\u1eeb b\u1ec1 d\u00e0y kinh nghi\u1ec7m, uy t\u00edn v\u00e0 t\u1ea7m nh\u00ecn ph\u00e1t tri\u1ec3n chi\u1ebfn l\u01b0\u1ee3c \u00a0 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":138,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.cc1.vn\/en\/wp-json\/wp\/v2\/pages\/141"}],"collection":[{"href":"https:\/\/www.cc1.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cc1.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cc1.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cc1.vn\/en\/wp-json\/wp\/v2\/comments?post=141"}],"version-history":[{"count":94,"href":"https:\/\/www.cc1.vn\/en\/wp-json\/wp\/v2\/pages\/141\/revisions"}],"predecessor-version":[{"id":18130,"href":"https:\/\/www.cc1.vn\/en\/wp-json\/wp\/v2\/pages\/141\/revisions\/18130"}],"up":[{"embeddable":true,"href":"https:\/\/www.cc1.vn\/en\/wp-json\/wp\/v2\/pages\/138"}],"wp:attachment":[{"href":"https:\/\/www.cc1.vn\/en\/wp-json\/wp\/v2\/media?parent=141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}