{"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":"2026-06-21T17:43:24","modified_gmt":"2026-06-21T10:43:24","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 47 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-established by Decision No. 995\/BXD-TCLD of the Minister of Construction dated November 20, 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-established under Decision No. 386\/QD-BXD of the Minister of Construction dated March 9, 2006. Re-registered business, operating under the parent company - subsidiary company model (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>The parent company - Construction Corporation No. 1 - was transformed into a single-member limited liability company according to Decision No. 617\/QD-BXD of the Minister of Construction dated June 10, 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>Restructuring Construction Corporation No. 1 and equitizing it into Construction Corporation No. 1 \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>The Ministry of Construction is transferring all state capital in Construction Corporation No. 1 - JSC.<\/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 commended by the Party and the State through prestigious awards such as the Ho Chi Minh Order, the Independence Order, and the Labor Order. Construction Corporation No. 1 - JSC has also received certificates of merit and commendations from the Ministry of Construction and many localities nationwide.<\/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>Overview Development History Member Companies Personnel Organizational Chart Executive Board \/ Management Board Achievements, Certifications Vision \u2013 Mission Brand identity distilled from a wealth of experience, reputation and strategic development vision [\u2026]<\/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":100,"href":"https:\/\/www.cc1.vn\/en\/wp-json\/wp\/v2\/pages\/141\/revisions"}],"predecessor-version":[{"id":21181,"href":"https:\/\/www.cc1.vn\/en\/wp-json\/wp\/v2\/pages\/141\/revisions\/21181"}],"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}]}}