Skip to Content

Changes for page Về chúng tôi

Last modified by admin on 10/09/2026 17:18
From version 29.1
edited by admin
on 10/09/2026 16:44
Change comment: There is no comment for this version
To version 31.1
edited by admin
on 10/09/2026 16:45
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,0 +1,64 @@
1 +{{html}}
2 +<div class="nvg-intro">
3 +
4 + <!-- LEFT CONTENT -->
5 +
6 + <div class="nvg-intro-left">
7 +
8 + <div class="nvg-intro-title">
9 + CÂU CHUYỆN THƯƠNG HIỆU<br>
10 + NAM VIỆT GROUP
11 + </div>
12 +
13 + <div class="nvg-title-line"></div>
14 +
15 +
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 đó.
21 + </p>
22 +
23 +
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.
36 + </p>
37 +
38 +
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>
45 +
46 +
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>
55 +
56 + </div>
57 +
58 +
59 + <!-- RIGHT IMAGE -->
60 +
61 + <div class="nvg-intro-right"></div>
62 +
63 +</div>
64 +{{/html}}
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/Image/WebHome/namviet-group-right-background.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