Changes for page Về chúng tôi

Last modified by admin on 10/09/2026 17:18

From version 20.1
edited by admin
on 10/09/2026 10:09
Change comment: There is no comment for this version
To version 32.1
edited by admin
on 10/09/2026 16:49
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -NAMVIET GROUP
1 +Về chúng tôi
Content
... ... @@ -1,107 +1,64 @@
1 1  {{html}}
2 -<div style="
3 - display: flex;
4 - justify-content: space-between;
5 - align-items: center;
6 - gap: 50px;
7 - padding: 25px;
8 - background: #f8f8f7;
9 - box-sizing: border-box;
10 - min-height: 500px;
11 -">
2 +<div class="nvg-intro">
12 12  
13 - <!-- BÊN TRÁI -->
14 - <div style="
15 - width: 45%;
16 - min-width: 400px;
17 - ">
4 + <!-- LEFT CONTENT -->
18 18  
19 - <h1 style="
20 - font-size: 56px;
21 - line-height: 1.1;
22 - font-weight: 1000;
23 - color: #24563f;
24 - margin: 0 0 60px 0;
25 - ">
26 - Gần 20 năm đồng<br>
27 - hành cùng thị trường<br>
28 - bất động sản
29 - </h1>
6 + <div class="nvg-intro-left">
30 30  
8 + <div class="nvg-intro-title">
9 + CÂU CHUYỆN THƯƠNG HIỆU<br>
10 + NAM VIỆT GROUP
11 + </div>
31 31  
32 - <p style="
33 - font-size: 18px;
34 - font-weight: 700;
35 - line-height: 1.6;
36 - color: #202b32;
37 - margin-bottom: 20px;
38 - ">
39 - Nam Việt Group – nơi khách hàng và nhà đầu tư trao gửi niềm tin.
40 - </p>
13 + <div class="nvg-title-line"></div>
41 41  
42 42  
43 - <p style="
44 - font-size: 17px;
45 - line-height: 1.8;
46 - color: #505963;
47 - margin-bottom: 20px;
48 - ">
49 - Với chiến lược phát triển đa ngành nghề, chúng tôi chú trọng minh
50 - bạch hóa hoạt động kinh doanh, đảm bảo hiệu quả và quyền lợi cổ
51 - đông, thu hút đối tác chiến lược.
16 + <p>
17 + Nơi nào có niềm tin, nơi đó có con đường. Và để chạm đến đích
18 + của những khát vọng lớn lao, hành trình ấy đòi hỏi sự bền bỉ,
19 + ý chí và nỗ lực không ngừng — dù là một cá nhân, một doanh nghiệp
20 + hay một quốc gia. Nam Việt Group cũng không nằm ngoài quy luật đó.
52 52   </p>
53 53  
54 54  
55 - <p style="
56 - font-size: 17px;
57 - line-height: 1.8;
58 - color: #505963;
59 - ">
60 - Mỗi dự án phân phối luôn góp phần nâng cao giá trị sống của người
61 - Việt và đem đến cơ hội đầu tư sinh lợi cao cho khách hàng – lấy khách
62 - hàng làm trọng tâm với cam kết về chất lượng, sự chuyên nghiệp và
63 - tinh thần trách nhiệm trong từng sản phẩm, dịch vụ.
24 + <p>
25 + <strong>
26 + Kế thừa hơn 16 năm kinh nghiệm, nền tảng vận hành và giá trị
27 + tích lũy từ thương hiệu Đất Xanh Miền Nam,
28 + </strong>
29 +
30 + Nam Việt Group từng bước mở rộng quy mô, chuẩn hóa bộ máy và
31 + khẳng định bản lĩnh trên thị trường bất động sản Việt Nam.
32 + Từ những viên gạch đầu tiên tại TP. Hồ Chí Minh — trung tâm kinh tế
33 + năng động bậc nhất cả nước, đến những mái dự án mang dấu ấn quốc gia,
34 + rực rỡ những ánh nắng phương Nam — doanh nghiệp đã xây dựng nền móng
35 + vững chắc cho hành trình phát triển dài hạn.
64 64   </p>
65 65  
66 - </div>
67 67  
39 + <p>
40 + Khởi đầu với vai trò là đơn vị phân phối và môi giới đầy tâm huyết,
41 + Nam Việt Group nhanh chóng trở thành một trong những thương hiệu uy tín
42 + tại thị trường phía Nam, đồng thời mở rộng tầm ảnh hưởng ra nhiều tỉnh
43 + thành trên cả nước.
44 + </p>
68 68  
69 - <!-- BÊN PHẢI -->
70 - <div style="
71 - width: 50%;
72 - text-align: center;
73 - ">
74 74  
75 - <div style="
76 - font-size: 460px;
77 - line-height: 0.85;
78 - font-weight: 800;
79 - letter-spacing: -25px;
80 - background: linear-gradient(
81 - 90deg,
82 - #19583a,
83 - #23833a
84 - );
85 - -webkit-background-clip: text;
86 - -webkit-text-fill-color: transparent;
87 - margin: 0;
88 - ">
89 - 20
90 - </div>
47 + <p>
48 + Với tầm nhìn dài hạn, chiến lược phát triển đa ngành cùng cam kết xây dựng
49 + thương hiệu dựa trên sự minh bạch - chuẩn mực - hiệu quả, Nam Việt Group
50 + đang từng bước tiến gần hơn đến mục tiêu trở thành tập đoàn phát triển
51 + bất động sản có tầm ảnh hưởng - bền vững - uy tín tại Việt Nam,
52 + kiến tạo những giá trị thật và góp phần nâng tầm chất lượng sống
53 + cho cộng đồng.
54 + </p>
91 91  
56 + </div>
92 92  
93 - <div style="
94 - margin-top: 25px;
95 - font-family: Georgia, serif;
96 - font-size: 40px;
97 - font-style: italic;
98 - font-weight: 400;
99 - color: #315b47;
100 - ">
101 - Năm vững bước phát triển
102 - </div>
103 103  
104 - </div>
59 + <!-- RIGHT IMAGE -->
105 105  
61 + <div class="nvg-intro-right"></div>
62 +
106 106  </div>
107 107  {{/html}}
XWiki.StyleSheetExtension[1]
Code
... ... @@ -1,10 +1,15 @@
1 +@font-face {
2 + font-family: 'Mona Sans';
3 + src: url('https://news.namvietgroups.vn/bin/download/Storage/Source/Font/WebHome/MonaSans-VariableFont_wdth%2Cwght.ttf?rev=1.1')
4 + format('truetype');
5 + font-weight: 300 800;
6 + font-style: normal;
7 +}
8 +
1 1  #document-title,
2 2  .xdocTitle,
3 3  h1.xdocTitle {
4 4   color: #24563f !important;
5 - font-weight: 1000 !important;
13 + font-family: 'Mona Sans', sans-serif !important;
14 + font-weight: 800 !important;
6 6  }
7 -Use this extension: For this page
8 -Parse content: No
9 -Caching policy: Default
10 -Content type: CSS
XWiki.StyleSheetExtension[2]
Caching policy
... ... @@ -1,0 +1,1 @@
1 +long
Code
... ... @@ -1,0 +1,134 @@
1 +.nvg-intro {
2 + display: flex;
3 + width: 100%;
4 + min-height: 650px;
5 + overflow: hidden;
6 + position: relative;
7 + font-family: 'Mona Sans', 'Open Sans', sans-serif;
8 + background: #ffffff;
9 +}
10 +
11 +/* =========================
12 + LEFT CONTENT
13 +========================= */
14 +
15 +.nvg-intro-left {
16 + width: 42%;
17 + padding: 35px 40px 30px 25px;
18 + box-sizing: border-box;
19 + position: relative;
20 + z-index: 2;
21 + background:
22 + linear-gradient(
23 + rgba(255,255,255,0.88),
24 + rgba(255,255,255,0.88)
25 + ),
26 + url("/bin/download/Storage/Source/Image/WebHome/namviet-group-right-background.png");
27 +
28 + background-size: cover;
29 + background-position: left center;
30 +}
31 +
32 +/* TITLE */
33 +
34 +.nvg-intro-title {
35 + font-size: 34px;
36 + font-weight: 800;
37 + line-height: 1.45;
38 + text-transform: uppercase;
39 + color: #258445;
40 + margin-bottom: 12px;
41 +}
42 +
43 +/* BLUE LINE */
44 +
45 +.nvg-title-line {
46 + width: 65px;
47 + height: 3px;
48 + background: #2f7fc1;
49 + margin-bottom: 15px;
50 +}
51 +
52 +/* TEXT */
53 +
54 +.nvg-intro-left p {
55 + font-size: 15px;
56 + line-height: 1.55;
57 + color: #444444;
58 + margin-bottom: 20px;
59 + text-align: justify;
60 +}
61 +
62 +.nvg-intro-left strong {
63 + font-weight: 800;
64 +}
65 +
66 +/* =========================
67 + RIGHT BACKGROUND
68 +========================= */
69 +
70 +.nvg-intro-right {
71 + width: 58%;
72 + min-height: 650px;
73 + position: relative;
74 + background-image:
75 + url("/bin/download/Storage/Source/Images/WebHome/Screenshot_2.png");
76 +
77 + background-size: cover;
78 + background-position: center;
79 +}
80 +
81 +/* =========================
82 + DIAGONAL GOLD DIVIDER
83 +========================= */
84 +
85 +.nvg-intro-right::before {
86 + content: "";
87 + position: absolute;
88 +
89 + top: 0;
90 + bottom: 0;
91 +
92 + left: -170px;
93 +
94 + width: 280px;
95 +
96 + background: linear-gradient(
97 + 120deg,
98 + transparent 0%,
99 + transparent 30%,
100 + #a96529 30%,
101 + #f6d18b 48%,
102 + #a96529 65%,
103 + transparent 65%
104 + );
105 +
106 + transform: skewX(-28deg);
107 +
108 + z-index: 1;
109 +}
110 +
111 +/* =========================
112 + RESPONSIVE
113 +========================= */
114 +
115 +@media (max-width: 900px) {
116 +
117 + .nvg-intro {
118 + display: block;
119 + }
120 +
121 + .nvg-intro-left,
122 + .nvg-intro-right {
123 + width: 100%;
124 + }
125 +
126 + .nvg-intro-right {
127 + min-height: 450px;
128 + }
129 +
130 + .nvg-intro-right::before {
131 + display: none;
132 + }
133 +
134 +}
Content Type
... ... @@ -1,0 +1,1 @@
1 +CSS
Name
... ... @@ -1,0 +1,1 @@
1 +CSS content
Parse content
... ... @@ -1,0 +1,1 @@
1 +No
Use this extension
... ... @@ -1,0 +1,1 @@
1 +currentPage